diff --git a/package-lock.json b/package-lock.json
index 4383f643d8..751765d117 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,26 +44,17 @@
       }
     },
     "node_modules/@11ty/dependency-tree-esm": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@11ty/dependency-tree-esm/-/dependency-tree-esm-1.0.0.tgz",
-      "integrity": "sha512-Z3KN1Fkv50UM/ZzTR3VBbyOY52HnmhIVCsAV1hn2UzFsGAjyF1Cw8uohhVtheDOSuBR7ZSeo1unwkz1HxFlUtQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@11ty/dependency-tree-esm/-/dependency-tree-esm-1.0.1.tgz",
+      "integrity": "sha512-CaCD5dTwyJlQqzzIVMR7Bqa3JApjmILl6+VfOrA1gDjDO+7J5EPhTxE/b7nyGICMc1UtcUnvKputl+EfLpP/PA==",
       "dev": true,
       "dependencies": {
-        "@11ty/eleventy-utils": "^1.0.2",
-        "acorn": "^8.10.0",
-        "dependency-graph": "^0.11.0",
+        "@11ty/eleventy-utils": "^1.0.3",
+        "acorn": "^8.14.0",
+        "dependency-graph": "^1.0.0",
         "normalize-path": "^3.0.0"
       }
     },
-    "node_modules/@11ty/dependency-tree-esm/node_modules/dependency-graph": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.11.0.tgz",
-      "integrity": "sha512-JeMq7fEshyepOWDfcfHK06N3MhyPhz++vtqWhMT5O9A3K42rdsEDpfdVqjaqaAhsw6a+ZqeDvQVtD0hFHQWrzg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
     "node_modules/@11ty/eleventy": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@11ty/eleventy/-/eleventy-3.0.0.tgz",
@@ -223,9 +214,9 @@
       }
     },
     "node_modules/@11ty/recursive-copy": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@11ty/recursive-copy/-/recursive-copy-3.0.0.tgz",
-      "integrity": "sha512-v1Mr7dWx5nk69/HRRtDHUYDV9N8+cE12IGiKSFOwML7HjOzUXwTP88e3cGuhqoVstkBil1ZEIaOB0KPP1zwqXA==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@11ty/recursive-copy/-/recursive-copy-3.0.1.tgz",
+      "integrity": "sha512-suoSv7CanyKXIwwtLlzP43n3Mm3MTR7UzaLgnG+JP9wAdg4uCIUJiAhhgs/nkwtkvsuqfrGWrUiaG1K9mEoiPg==",
       "dev": true,
       "dependencies": {
         "errno": "^0.1.2",
@@ -874,6 +865,18 @@
         "node": ">=12"
       }
     },
+    "node_modules/@angular-devkit/build-angular/node_modules/@vitejs/plugin-basic-ssl": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.1.0.tgz",
+      "integrity": "sha512-wO4Dk/rm8u7RNhOf95ZzcEmC9rYOncYgvq4z3duaJrCgjN8BxAnDVyndanfcJZ0O6XZzHz6Q0hTimxTg8Y9g/A==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.6.0"
+      },
+      "peerDependencies": {
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
+      }
+    },
     "node_modules/@angular-devkit/build-angular/node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -1474,6 +1477,23 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@angular/cli/node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/@angular/cli/node_modules/semver": {
       "version": "7.6.0",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
@@ -1758,9 +1778,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz",
-      "integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.3.tgz",
+      "integrity": "sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -1833,19 +1853,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz",
-      "integrity": "sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==",
-      "dev": true,
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-compilation-targets": {
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
@@ -1925,13 +1932,13 @@
       }
     },
     "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz",
-      "integrity": "sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz",
+      "integrity": "sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.25.9",
-        "regexpu-core": "^6.1.1",
+        "regexpu-core": "^6.2.0",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -2098,19 +2105,6 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/helper-simple-access": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz",
-      "integrity": "sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==",
-      "dev": true,
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
@@ -2187,11 +2181,11 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz",
-      "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
+      "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
       "dependencies": {
-        "@babel/types": "^7.26.0"
+        "@babel/types": "^7.26.3"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -2809,12 +2803,11 @@
       }
     },
     "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz",
-      "integrity": "sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.26.3.tgz",
+      "integrity": "sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.25.9",
         "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
@@ -2965,14 +2958,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz",
-      "integrity": "sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz",
+      "integrity": "sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-simple-access": "^7.25.9"
+        "@babel/helper-module-transforms": "^7.26.0",
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -3368,9 +3360,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.25.9.tgz",
-      "integrity": "sha512-7PbZQZP50tzv2KGGnhh82GSyMB01yKY9scIjf1a+GfZCtInOWqUH5+1EBU4t9fyR5Oykkkc9vFTs4OHrhHXljQ==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.26.3.tgz",
+      "integrity": "sha512-6+5hpdr6mETwSKjmJUdYw0EIkATiQhnELWlE3kJFBwSg/BGIVwVaVbX+gOXBCdc7Ln1RXZxyWGecIXhUfnl7oA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.25.9",
@@ -3746,15 +3738,15 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz",
-      "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==",
+      "version": "7.26.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz",
+      "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==",
       "dependencies": {
-        "@babel/code-frame": "^7.25.9",
-        "@babel/generator": "^7.25.9",
-        "@babel/parser": "^7.25.9",
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.3",
+        "@babel/parser": "^7.26.3",
         "@babel/template": "^7.25.9",
-        "@babel/types": "^7.25.9",
+        "@babel/types": "^7.26.3",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -3763,12 +3755,12 @@
       }
     },
     "node_modules/@babel/traverse/node_modules/@babel/generator": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
-      "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
+      "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
       "dependencies": {
-        "@babel/parser": "^7.26.2",
-        "@babel/types": "^7.26.0",
+        "@babel/parser": "^7.26.3",
+        "@babel/types": "^7.26.3",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^3.0.2"
@@ -3778,9 +3770,9 @@
       }
     },
     "node_modules/@babel/traverse/node_modules/jsesc": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
       "bin": {
         "jsesc": "bin/jsesc"
       },
@@ -3789,9 +3781,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz",
-      "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
+      "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
       "dependencies": {
         "@babel/helper-string-parser": "^7.25.9",
         "@babel/helper-validator-identifier": "^7.25.9"
@@ -3971,9 +3963,9 @@
       }
     },
     "node_modules/@bundled-es-modules/memfs/node_modules/memfs": {
-      "version": "4.14.0",
-      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.14.0.tgz",
-      "integrity": "sha512-JUeY0F/fQZgIod31Ja1eJgiSxLn7BfQlCnqhwXFBzFHEw63OdLK7VJUJ7bnzNsWgCyoUP5tEp1VRY8rDaYzqOA==",
+      "version": "4.15.3",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.15.3.tgz",
+      "integrity": "sha512-vR/g1SgqvKJgAyYla+06G4p/EOcEmwhYuVb1yc1ixcKf8o/sh7Zngv63957ZSNd1xrZJoinmNyDf2LzuP8WJXw==",
       "dev": true,
       "dependencies": {
         "@jsonjoy.com/json-pack": "^1.0.3",
@@ -3990,9 +3982,9 @@
       }
     },
     "node_modules/@chromatic-com/storybook": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.2.tgz",
-      "integrity": "sha512-xmXt/GW0hAPbzNTrxYuVo43Adrtjue4DeVrsoIIEeJdGaPNNeNf+DHMlJKOBdlHmCnFUoe9R/0mLM9zUp5bKWw==",
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.3.tgz",
+      "integrity": "sha512-3+hfANx79kIjP1qrOSLxpoAXOiYUA0S7A0WI0A24kASrv7USFNNW8etR5TjUilMb0LmqKUn3wDwUK2h6aceQ9g==",
       "dev": true,
       "dependencies": {
         "chromatic": "^11.15.0",
@@ -4340,6 +4332,22 @@
         "node": ">=12"
       }
     },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.24.2.tgz",
+      "integrity": "sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@esbuild/netbsd-x64": {
       "version": "0.20.1",
       "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.1.tgz",
@@ -4356,6 +4364,22 @@
         "node": ">=12"
       }
     },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.24.2.tgz",
+      "integrity": "sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@esbuild/openbsd-x64": {
       "version": "0.20.1",
       "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.1.tgz",
@@ -4537,50 +4561,51 @@
       }
     },
     "node_modules/@formatjs/ecma402-abstract": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.2.4.tgz",
-      "integrity": "sha512-lFyiQDVvSbQOpU+WFd//ILolGj4UgA/qXrKeZxdV14uKiAUiPAtX6XAn7WBCRi7Mx6I7EybM9E5yYn4BIpZWYg==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.2.tgz",
+      "integrity": "sha512-6sE5nyvDloULiyOMbOTJEEgWL32w+VHkZQs8S02Lnn8Y/O5aQhjOEXwWzvR7SsBE/exxlSpY2EsWZgqHbtLatg==",
       "dev": true,
       "dependencies": {
-        "@formatjs/fast-memoize": "2.2.3",
-        "@formatjs/intl-localematcher": "0.5.8",
+        "@formatjs/fast-memoize": "2.2.6",
+        "@formatjs/intl-localematcher": "0.5.10",
+        "decimal.js": "10",
         "tslib": "2"
       }
     },
     "node_modules/@formatjs/fast-memoize": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.3.tgz",
-      "integrity": "sha512-3jeJ+HyOfu8osl3GNSL4vVHUuWFXR03Iz9jjgI7RwjG6ysu/Ymdr0JRCPHfF5yGbTE6JCrd63EpvX1/WybYRbA==",
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.6.tgz",
+      "integrity": "sha512-luIXeE2LJbQnnzotY1f2U2m7xuQNj2DA8Vq4ce1BY9ebRZaoPB1+8eZ6nXpLzsxuW5spQxr7LdCg+CApZwkqkw==",
       "dev": true,
       "dependencies": {
         "tslib": "2"
       }
     },
     "node_modules/@formatjs/icu-messageformat-parser": {
-      "version": "2.9.4",
-      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.9.4.tgz",
-      "integrity": "sha512-Tbvp5a9IWuxUcpWNIW6GlMQYEc4rwNHR259uUFoKWNN1jM9obf9Ul0e+7r7MvFOBNcN+13K7NuKCKqQiAn1QEg==",
+      "version": "2.9.8",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.9.8.tgz",
+      "integrity": "sha512-hZlLNI3+Lev8IAXuwehLoN7QTKqbx3XXwFW1jh0AdIA9XJdzn9Uzr+2LLBspPm/PX0+NLIfykj/8IKxQqHUcUQ==",
       "dev": true,
       "dependencies": {
-        "@formatjs/ecma402-abstract": "2.2.4",
-        "@formatjs/icu-skeleton-parser": "1.8.8",
+        "@formatjs/ecma402-abstract": "2.3.2",
+        "@formatjs/icu-skeleton-parser": "1.8.12",
         "tslib": "2"
       }
     },
     "node_modules/@formatjs/icu-skeleton-parser": {
-      "version": "1.8.8",
-      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.8.tgz",
-      "integrity": "sha512-vHwK3piXwamFcx5YQdCdJxUQ1WdTl6ANclt5xba5zLGDv5Bsur7qz8AD7BevaKxITwpgDeU0u8My3AIibW9ywA==",
+      "version": "1.8.12",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.12.tgz",
+      "integrity": "sha512-QRAY2jC1BomFQHYDMcZtClqHR55EEnB96V7Xbk/UiBodsuFc5kujybzt87+qj1KqmJozFhk6n4KiT1HKwAkcfg==",
       "dev": true,
       "dependencies": {
-        "@formatjs/ecma402-abstract": "2.2.4",
+        "@formatjs/ecma402-abstract": "2.3.2",
         "tslib": "2"
       }
     },
     "node_modules/@formatjs/intl-localematcher": {
-      "version": "0.5.8",
-      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.8.tgz",
-      "integrity": "sha512-I+WDNWWJFZie+jkfkiK5Mp4hEDyRSEvmyfYadflOno/mmKJKcB17fEpEH0oJu/OWhhCJ8kJBDz2YMd/6cDl7Mg==",
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.10.tgz",
+      "integrity": "sha512-af3qATX+m4Rnd9+wHcjJ4w2ijq+rAVP3CCinJQvFv1kgSu1W6jypUmvleJxcewdxmutM8dmIRZFxO/IQBZmP2Q==",
       "dev": true,
       "dependencies": {
         "tslib": "2"
@@ -4834,9 +4859,9 @@
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
-      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
       "dependencies": {
         "@jridgewell/set-array": "^1.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -4903,9 +4928,9 @@
       }
     },
     "node_modules/@jsonjoy.com/json-pack": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.1.0.tgz",
-      "integrity": "sha512-zlQONA+msXPPwHWZMKFVS78ewFczIll5lXiVPwFPCZUsrOKdxc2AvxU1HoNBmMRhqDZUR9HkC3UOm+6pME6Xsg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.1.1.tgz",
+      "integrity": "sha512-osjeBqMJ2lb/j/M8NCPjs1ylqWIcTRTycIhVB5pt6LgzgeRSb0YRZ7j9RfA8wIUrsr/medIuhVyonXRZWLyfdw==",
       "dev": true,
       "dependencies": {
         "@jsonjoy.com/base64": "^1.1.1",
@@ -5549,9 +5574,9 @@
       "dev": true
     },
     "node_modules/@messageformat/parser": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/@messageformat/parser/-/parser-5.1.0.tgz",
-      "integrity": "sha512-jKlkls3Gewgw6qMjKZ9SFfHUpdzEVdovKFtW1qRhJ3WI4FW5R/NnGDqr8SDGz+krWDO3ki94boMmQvGke1HwUQ==",
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@messageformat/parser/-/parser-5.1.1.tgz",
+      "integrity": "sha512-3p0YRGCcTUCYvBKLIxtDDyrJ0YijGIwrTRu1DT8gIviIDZru8H23+FkY6MJBzM1n9n20CiM4VeDYuBsrrwnLjg==",
       "dev": true,
       "dependencies": {
         "moo": "^0.5.1"
@@ -6352,9 +6377,9 @@
       "peer": true
     },
     "node_modules/@rollup/plugin-commonjs": {
-      "version": "28.0.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.1.tgz",
-      "integrity": "sha512-+tNWdlWKbpB3WgBN7ijjYkq9X5uhjmcvyjEght4NmH5fAU++zfQzAJ6wumLS+dNcvwEZhKx2Z+skY8m7v0wGSA==",
+      "version": "28.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.2.tgz",
+      "integrity": "sha512-BEFI2EDqzl+vA1rl97IDRZ61AIwGH093d9nz8+dThxJNH8oSoB7MjWvPCX3dkaK1/RCJ/1v/R1XB15FuSs0fQw==",
       "dev": true,
       "dependencies": {
         "@rollup/pluginutils": "^5.0.1",
@@ -6424,9 +6449,9 @@
       }
     },
     "node_modules/@rollup/plugin-node-resolve": {
-      "version": "15.3.0",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.3.0.tgz",
-      "integrity": "sha512-9eO5McEICxMzJpDW9OnMYSv4Sta3hmt7VtBFz5zR9273suNOydOyq/FrGeGy+KsTRFm8w0SLVhzig2ILFT63Ag==",
+      "version": "16.0.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-16.0.0.tgz",
+      "integrity": "sha512-0FPvAeVUT/zdWoO0jnb/V5BlBsUSNfkIOtFHzMO4H9MOklrmQFY6FduVHKucNb/aTFxvnGhj4MNj/T1oNdDfNg==",
       "dev": true,
       "dependencies": {
         "@rollup/pluginutils": "^5.0.1",
@@ -6448,9 +6473,9 @@
       }
     },
     "node_modules/@rollup/plugin-replace": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-6.0.1.tgz",
-      "integrity": "sha512-2sPh9b73dj5IxuMmDAsQWVFT7mR+yoHweBaXG2W/R8vQ+IWZlnaI7BR7J6EguVQUp1hd8Z7XuozpDjEKQAAC2Q==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-6.0.2.tgz",
+      "integrity": "sha512-7QaYCf8bqF04dOy7w/eHmJeNExxTYwvKAmlSAH/EaWWUzbT0h5sbF6bktFoX/0F/0qwng5/dWFMyf3gzaM8DsQ==",
       "dev": true,
       "dependencies": {
         "@rollup/pluginutils": "^5.0.1",
@@ -6491,9 +6516,9 @@
       }
     },
     "node_modules/@rollup/pluginutils": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.3.tgz",
-      "integrity": "sha512-Pnsb6f32CD2W3uCaLZIzDmeFyQ2b8UWMFI7xtwUezpcGBDVDW6y9XgAWIlARiGAo6eNF5FK5aQTr0LFyNyqq5A==",
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz",
+      "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
       "dev": true,
       "dependencies": {
         "@types/estree": "^1.0.0",
@@ -6525,9 +6550,9 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.27.3.tgz",
-      "integrity": "sha512-EzxVSkIvCFxUd4Mgm4xR9YXrcp976qVaHnqom/Tgm+vU79k4vV4eYTjmRvGfeoW8m9LVcsAy/lGjcgVegKEhLQ==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.29.1.tgz",
+      "integrity": "sha512-ssKhA8RNltTZLpG6/QNkCSge+7mBQGUqJRisZ2MDQcEGaK93QESEgWK2iOpIDZ7k9zPVkG5AS3ksvD5ZWxmItw==",
       "cpu": [
         "arm"
       ],
@@ -6538,9 +6563,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.27.3.tgz",
-      "integrity": "sha512-LJc5pDf1wjlt9o/Giaw9Ofl+k/vLUaYsE2zeQGH85giX2F+wn/Cg8b3c5CDP3qmVmeO5NzwVUzQQxwZvC2eQKw==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.29.1.tgz",
+      "integrity": "sha512-CaRfrV0cd+NIIcVVN/jx+hVLN+VRqnuzLRmfmlzpOzB87ajixsN/+9L5xNmkaUUvEbI5BmIKS+XTwXsHEb65Ew==",
       "cpu": [
         "arm64"
       ],
@@ -6551,9 +6576,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.27.3.tgz",
-      "integrity": "sha512-OuRysZ1Mt7wpWJ+aYKblVbJWtVn3Cy52h8nLuNSzTqSesYw1EuN6wKp5NW/4eSre3mp12gqFRXOKTcN3AI3LqA==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.29.1.tgz",
+      "integrity": "sha512-2ORr7T31Y0Mnk6qNuwtyNmy14MunTAMx06VAPI6/Ju52W10zk1i7i5U3vlDRWjhOI5quBcrvhkCHyF76bI7kEw==",
       "cpu": [
         "arm64"
       ],
@@ -6564,9 +6589,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.27.3.tgz",
-      "integrity": "sha512-xW//zjJMlJs2sOrCmXdB4d0uiilZsOdlGQIC/jjmMWT47lkLLoB1nsNhPUcnoqyi5YR6I4h+FjBpILxbEy8JRg==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.29.1.tgz",
+      "integrity": "sha512-j/Ej1oanzPjmN0tirRd5K2/nncAhS9W6ICzgxV+9Y5ZsP0hiGhHJXZ2JQ53iSSjj8m6cRY6oB1GMzNn2EUt6Ng==",
       "cpu": [
         "x64"
       ],
@@ -6577,9 +6602,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.27.3.tgz",
-      "integrity": "sha512-58E0tIcwZ+12nK1WiLzHOD8I0d0kdrY/+o7yFVPRHuVGY3twBwzwDdTIBGRxLmyjciMYl1B/U515GJy+yn46qw==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.29.1.tgz",
+      "integrity": "sha512-91C//G6Dm/cv724tpt7nTyP+JdN12iqeXGFM1SqnljCmi5yTXriH7B1r8AD9dAZByHpKAumqP1Qy2vVNIdLZqw==",
       "cpu": [
         "arm64"
       ],
@@ -6590,9 +6615,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.27.3.tgz",
-      "integrity": "sha512-78fohrpcVwTLxg1ZzBMlwEimoAJmY6B+5TsyAZ3Vok7YabRBUvjYTsRXPTjGEvv/mfgVBepbW28OlMEz4w8wGA==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.29.1.tgz",
+      "integrity": "sha512-hEioiEQ9Dec2nIRoeHUP6hr1PSkXzQaCUyqBDQ9I9ik4gCXQZjJMIVzoNLBRGet+hIUb3CISMh9KXuCcWVW/8w==",
       "cpu": [
         "x64"
       ],
@@ -6603,9 +6628,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.27.3.tgz",
-      "integrity": "sha512-h2Ay79YFXyQi+QZKo3ISZDyKaVD7uUvukEHTOft7kh00WF9mxAaxZsNs3o/eukbeKuH35jBvQqrT61fzKfAB/Q==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.29.1.tgz",
+      "integrity": "sha512-Py5vFd5HWYN9zxBv3WMrLAXY3yYJ6Q/aVERoeUFwiDGiMOWsMs7FokXihSOaT/PMWUty/Pj60XDQndK3eAfE6A==",
       "cpu": [
         "arm"
       ],
@@ -6616,9 +6641,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.27.3.tgz",
-      "integrity": "sha512-Sv2GWmrJfRY57urktVLQ0VKZjNZGogVtASAgosDZ1aUB+ykPxSi3X1nWORL5Jk0sTIIwQiPH7iE3BMi9zGWfkg==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.29.1.tgz",
+      "integrity": "sha512-RiWpGgbayf7LUcuSNIbahr0ys2YnEERD4gYdISA06wa0i8RALrnzflh9Wxii7zQJEB2/Eh74dX4y/sHKLWp5uQ==",
       "cpu": [
         "arm"
       ],
@@ -6629,9 +6654,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.27.3.tgz",
-      "integrity": "sha512-FPoJBLsPW2bDNWjSrwNuTPUt30VnfM8GPGRoLCYKZpPx0xiIEdFip3dH6CqgoT0RnoGXptaNziM0WlKgBc+OWQ==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.29.1.tgz",
+      "integrity": "sha512-Z80O+taYxTQITWMjm/YqNoe9d10OX6kDh8X5/rFCMuPqsKsSyDilvfg+vd3iXIqtfmp+cnfL1UrYirkaF8SBZA==",
       "cpu": [
         "arm64"
       ],
@@ -6642,9 +6667,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.27.3.tgz",
-      "integrity": "sha512-TKxiOvBorYq4sUpA0JT+Fkh+l+G9DScnG5Dqx7wiiqVMiRSkzTclP35pE6eQQYjP4Gc8yEkJGea6rz4qyWhp3g==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.29.1.tgz",
+      "integrity": "sha512-fOHRtF9gahwJk3QVp01a/GqS4hBEZCV1oKglVVq13kcK3NeVlS4BwIFzOHDbmKzt3i0OuHG4zfRP0YoG5OF/rA==",
       "cpu": [
         "arm64"
       ],
@@ -6654,10 +6679,23 @@
         "linux"
       ]
     },
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.29.1.tgz",
+      "integrity": "sha512-5a7q3tnlbcg0OodyxcAdrrCxFi0DgXJSoOuidFUzHZ2GixZXQs6Tc3CHmlvqKAmOs5eRde+JJxeIf9DonkmYkw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.27.3.tgz",
-      "integrity": "sha512-v2M/mPvVUKVOKITa0oCFksnQQ/TqGrT+yD0184/cWHIu0LoIuYHwox0Pm3ccXEz8cEQDLk6FPKd1CCm+PlsISw==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.29.1.tgz",
+      "integrity": "sha512-9b4Mg5Yfz6mRnlSPIdROcfw1BU22FQxmfjlp/CShWwO3LilKQuMISMTtAu/bxmmrE6A902W2cZJuzx8+gJ8e9w==",
       "cpu": [
         "ppc64"
       ],
@@ -6668,9 +6706,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.27.3.tgz",
-      "integrity": "sha512-LdrI4Yocb1a/tFVkzmOE5WyYRgEBOyEhWYJe4gsDWDiwnjYKjNs7PS6SGlTDB7maOHF4kxevsuNBl2iOcj3b4A==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.29.1.tgz",
+      "integrity": "sha512-G5pn0NChlbRM8OJWpJFMX4/i8OEU538uiSv0P6roZcbpe/WfhEO+AT8SHVKfp8qhDQzaz7Q+1/ixMy7hBRidnQ==",
       "cpu": [
         "riscv64"
       ],
@@ -6681,9 +6719,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.27.3.tgz",
-      "integrity": "sha512-d4wVu6SXij/jyiwPvI6C4KxdGzuZOvJ6y9VfrcleHTwo68fl8vZC5ZYHsCVPUi4tndCfMlFniWgwonQ5CUpQcA==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.29.1.tgz",
+      "integrity": "sha512-WM9lIkNdkhVwiArmLxFXpWndFGuOka4oJOZh8EP3Vb8q5lzdSCBuhjavJsw68Q9AKDGeOOIHYzYm4ZFvmWez5g==",
       "cpu": [
         "s390x"
       ],
@@ -6694,9 +6732,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.27.3.tgz",
-      "integrity": "sha512-/6bn6pp1fsCGEY5n3yajmzZQAh+mW4QPItbiWxs69zskBzJuheb3tNynEjL+mKOsUSFK11X4LYF2BwwXnzWleA==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.29.1.tgz",
+      "integrity": "sha512-87xYCwb0cPGZFoGiErT1eDcssByaLX4fc0z2nRM6eMtV9njAfEE6OW3UniAoDhX4Iq5xQVpE6qO9aJbCFumKYQ==",
       "cpu": [
         "x64"
       ],
@@ -6707,9 +6745,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.27.3.tgz",
-      "integrity": "sha512-nBXOfJds8OzUT1qUreT/en3eyOXd2EH5b0wr2bVB5999qHdGKkzGzIyKYaKj02lXk6wpN71ltLIaQpu58YFBoQ==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.29.1.tgz",
+      "integrity": "sha512-xufkSNppNOdVRCEC4WKvlR1FBDyqCSCpQeMMgv9ZyXqqtKBfkw1yfGMTUTs9Qsl6WQbJnsGboWCp7pJGkeMhKA==",
       "cpu": [
         "x64"
       ],
@@ -6720,9 +6758,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.27.3.tgz",
-      "integrity": "sha512-ogfbEVQgIZOz5WPWXF2HVb6En+kWzScuxJo/WdQTqEgeyGkaa2ui5sQav9Zkr7bnNCLK48uxmmK0TySm22eiuw==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.29.1.tgz",
+      "integrity": "sha512-F2OiJ42m77lSkizZQLuC+jiZ2cgueWQL5YC9tjo3AgaEw+KJmVxHGSyQfDUoYR9cci0lAywv2Clmckzulcq6ig==",
       "cpu": [
         "arm64"
       ],
@@ -6733,9 +6771,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.27.3.tgz",
-      "integrity": "sha512-ecE36ZBMLINqiTtSNQ1vzWc5pXLQHlf/oqGp/bSbi7iedcjcNb6QbCBNG73Euyy2C+l/fn8qKWEwxr+0SSfs3w==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.29.1.tgz",
+      "integrity": "sha512-rYRe5S0FcjlOBZQHgbTKNrqxCBUmgDJem/VQTCcTnA2KCabYSWQDrytOzX7avb79cAAweNmMUb/Zw18RNd4mng==",
       "cpu": [
         "ia32"
       ],
@@ -6746,9 +6784,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.27.3.tgz",
-      "integrity": "sha512-vliZLrDmYKyaUoMzEbMTg2JkerfBjn03KmAw9CykO0Zzkzoyd7o3iZNam/TpyWNjNT+Cz2iO3P9Smv2wgrR+Eg==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.29.1.tgz",
+      "integrity": "sha512-+10CMg9vt1MoHj6x1pxyjPSMjHTIlqs8/tBztXvPAx24SKs9jwVnKqHJumlH/IzhaPUaj3T6T6wfZr8okdXaIg==",
       "cpu": [
         "x64"
       ],
@@ -6759,9 +6797,9 @@
       ]
     },
     "node_modules/@rollup/wasm-node": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.27.3.tgz",
-      "integrity": "sha512-HlaetiNZq+cdDeebt6KagcsKeAWDTs+LZVBYBLIq+m6POIUXPMexJ+KwCU/cgqdtDhzUj7e8a144Gzo1YB58Ow==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.29.1.tgz",
+      "integrity": "sha512-AOtO2Y+XzElJfmJgAECOgbutmKAK5XcKH7CipGDQDBMfLY04ezEoCHWEpmoX5L7/WH3k17rXMCClNiwDbWW+mw==",
       "dev": true,
       "dependencies": {
         "@types/estree": "1.0.6"
@@ -7087,12 +7125,12 @@
       "dev": true
     },
     "node_modules/@storybook/addon-a11y": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.4.4.tgz",
-      "integrity": "sha512-xXNOG4Bw/v8rg2Zq/ZJnZSLWfpfkfnZjn0sQVLOe5JcDxavkh5o+WvQ6Tc2w/kK/ophCd7nbTotywrtdQYGNKw==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.4.7.tgz",
+      "integrity": "sha512-GpUvXp6n25U1ZSv+hmDC+05BEqxWdlWjQTb/GaboRXZQeMBlze6zckpVb66spjmmtQAIISo0eZxX1+mGcVR7lA==",
       "dev": true,
       "dependencies": {
-        "@storybook/addon-highlight": "8.4.4",
+        "@storybook/addon-highlight": "8.4.7",
         "axe-core": "^4.2.0"
       },
       "funding": {
@@ -7100,13 +7138,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-actions": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.4.4.tgz",
-      "integrity": "sha512-+Dd6alcieS6UN7IKhXLuhyQYQMu9HG/Tdr790a4EOQKpJM1NxIMuPuUH3fAoKfa9VhtI1BxTBr7zNtzg9Akqhg==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.4.7.tgz",
+      "integrity": "sha512-mjtD5JxcPuW74T6h7nqMxWTvDneFtokg88p6kQ5OnC1M259iAXb//yiSZgu/quunMHPCXSiqn4FNOSgASTSbsA==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -7120,7 +7158,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-actions/node_modules/uuid": {
@@ -7137,9 +7175,9 @@
       }
     },
     "node_modules/@storybook/addon-backgrounds": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.4.4.tgz",
-      "integrity": "sha512-asaGD4ruIPFthyhpByQSJagvtNN7EGKdHj5yMnsMvkSXnN0r1uVkI2/Z37hmLt02Qbzf6OQiBPW5TDL+X+EEBg==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.4.7.tgz",
+      "integrity": "sha512-I4/aErqtFiazcoWyKafOAm3bLpxTj6eQuH/woSbk1Yx+EzN+Dbrgx1Updy8//bsNtKkcrXETITreqHC+a57DHQ==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -7151,13 +7189,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-controls": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.4.4.tgz",
-      "integrity": "sha512-FbZRbwJQggLz6M3zB6scCp1SDGwQ5zdiD6sjBilZzgGO5rBFqG0A8PoOyr4iPrLU2y/NZBdRrJBD+6MkaJ+yzw==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.4.7.tgz",
+      "integrity": "sha512-377uo5IsJgXLnQLJixa47+11V+7Wn9KcDEw+96aGCBCfLbWNH8S08tJHHnSu+jXg9zoqCAC23MetntVp6LetHA==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -7169,19 +7207,19 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-docs": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.4.4.tgz",
-      "integrity": "sha512-wuHaStfpd2rkAN5Lf0qmvE3JKTHTEDbnAMTvfs9inzGBL0iAwBLjW48/ll7lLkJ2E3k/FQtaevNpuc7C52u1Bw==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.4.7.tgz",
+      "integrity": "sha512-NwWaiTDT5puCBSUOVuf6ME7Zsbwz7Y79WF5tMZBx/sLQ60vpmJVQsap6NSjvK1Ravhc21EsIXqemAcBjAWu80w==",
       "dev": true,
       "dependencies": {
         "@mdx-js/react": "^3.0.0",
-        "@storybook/blocks": "8.4.4",
-        "@storybook/csf-plugin": "8.4.4",
-        "@storybook/react-dom-shim": "8.4.4",
+        "@storybook/blocks": "8.4.7",
+        "@storybook/csf-plugin": "8.4.7",
+        "@storybook/react-dom-shim": "8.4.7",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
         "ts-dedent": "^2.0.0"
@@ -7191,24 +7229,24 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-essentials": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.4.4.tgz",
-      "integrity": "sha512-0ObUQ98zZkeWqP2k3Un5jny3WxT3THgUKZUGD+mR8eq6CuTmJ3bUXWzDHreuDxQwgr8s5f04XD8IcRvjZ9IRgA==",
-      "dev": true,
-      "dependencies": {
-        "@storybook/addon-actions": "8.4.4",
-        "@storybook/addon-backgrounds": "8.4.4",
-        "@storybook/addon-controls": "8.4.4",
-        "@storybook/addon-docs": "8.4.4",
-        "@storybook/addon-highlight": "8.4.4",
-        "@storybook/addon-measure": "8.4.4",
-        "@storybook/addon-outline": "8.4.4",
-        "@storybook/addon-toolbars": "8.4.4",
-        "@storybook/addon-viewport": "8.4.4",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.4.7.tgz",
+      "integrity": "sha512-+BtZHCBrYtQKILtejKxh0CDRGIgTl9PumfBOKRaihYb4FX1IjSAxoV/oo/IfEjlkF5f87vouShWsRa8EUauFDw==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/addon-actions": "8.4.7",
+        "@storybook/addon-backgrounds": "8.4.7",
+        "@storybook/addon-controls": "8.4.7",
+        "@storybook/addon-docs": "8.4.7",
+        "@storybook/addon-highlight": "8.4.7",
+        "@storybook/addon-measure": "8.4.7",
+        "@storybook/addon-outline": "8.4.7",
+        "@storybook/addon-toolbars": "8.4.7",
+        "@storybook/addon-viewport": "8.4.7",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
@@ -7216,13 +7254,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-highlight": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.4.4.tgz",
-      "integrity": "sha512-k7EUxiMe8RCasmgfa6ZKx7UG6kU9RooTYGwqY5TG5xAQOzDwKn4qom+OYkT/9/6lORhJrUe2GgQLCrq/WGpS1A==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.4.7.tgz",
+      "integrity": "sha512-whQIDBd3PfVwcUCrRXvCUHWClXe9mQ7XkTPCdPo4B/tZ6Z9c6zD8JUHT76ddyHivixFLowMnA8PxMU6kCMAiNw==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0"
@@ -7232,18 +7270,18 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-interactions": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.4.4.tgz",
-      "integrity": "sha512-izqcc6tY0BiKW7DYrEnoXUEH9FYDPWNfQnqqE0nVBv3BS2DoNmm8M9SB8fZx7pPfw53cMJBGt3vrlY0Wtxy1+Q==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.4.7.tgz",
+      "integrity": "sha512-fnufT3ym8ht3HHUIRVXAH47iOJW/QOb0VSM+j269gDuvyDcY03D1civCu1v+eZLGaXPKJ8vtjr0L8zKQ/4P0JQ==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
-        "@storybook/instrumenter": "8.4.4",
-        "@storybook/test": "8.4.4",
+        "@storybook/instrumenter": "8.4.7",
+        "@storybook/test": "8.4.7",
         "polished": "^4.2.2",
         "ts-dedent": "^2.2.0"
       },
@@ -7252,13 +7290,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-links": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.4.4.tgz",
-      "integrity": "sha512-hqTv06fPq9k5GUZD8JR49ANw5sBg8EYAsuCNoSd9OwVSBO/3y53HrMA0NCILUK8hnupPvtBuKXXoHmHes9R+1g==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.4.7.tgz",
+      "integrity": "sha512-L/1h4dMeMKF+MM0DanN24v5p3faNYbbtOApMgg7SlcBT/tgo3+cAjkgmNpYA8XtKnDezm+T2mTDhB8mmIRZpIQ==",
       "dev": true,
       "dependencies": {
         "@storybook/csf": "^0.1.11",
@@ -7271,7 +7309,7 @@
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       },
       "peerDependenciesMeta": {
         "react": {
@@ -7279,27 +7317,10 @@
         }
       }
     },
-    "node_modules/@storybook/addon-mdx-gfm": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-mdx-gfm/-/addon-mdx-gfm-8.4.4.tgz",
-      "integrity": "sha512-dj98NGWowhSwWYn2LUaLMxHNvBY+73n9CFsELrttg24nOxmeRfku0uh2hp5epMmRMX3Fej7nCkKNJaU1fihZ+Q==",
-      "dev": true,
-      "dependencies": {
-        "remark-gfm": "^4.0.0",
-        "ts-dedent": "^2.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "storybook": "^8.4.4"
-      }
-    },
     "node_modules/@storybook/addon-measure": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.4.4.tgz",
-      "integrity": "sha512-KsjrwrXwrI+z7hKKfjyY1w1b0gLSLZmp15vIRJMELybWV0+4bZFLJGwMBOQFx+aWBED8yZrRV9OjTmoczawsZg==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.4.7.tgz",
+      "integrity": "sha512-QfvqYWDSI5F68mKvafEmZic3SMiK7zZM8VA0kTXx55hF/+vx61Mm0HccApUT96xCXIgmwQwDvn9gS4TkX81Dmw==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -7310,13 +7331,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-outline": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.4.4.tgz",
-      "integrity": "sha512-CVS1dm6BNUWKGrJj9E1ThBp5Khe6Yw+Hhz6OFxrPZfoTr6RstwoTmvSpKjDUCn8zj6ujoORdiQUh1FsHOxAPBg==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.4.7.tgz",
+      "integrity": "sha512-6LYRqUZxSodmAIl8icr585Oi8pmzbZ90aloZJIpve+dBAzo7ydYrSQxxoQEVltXbKf3VeVcrs64ouAYqjisMYA==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -7327,26 +7348,26 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-toolbars": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.4.4.tgz",
-      "integrity": "sha512-ENPshJMDpfzOJ4Tgm1hSzQoaEmgDxCtP6C8LKk4MOd3X92MJ7p6kfb3y3R1BLg4E/g90qp6lKPFdcohS2tKCgQ==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.4.7.tgz",
+      "integrity": "sha512-OSfdv5UZs+NdGB+nZmbafGUWimiweJ/56gShlw8Neo/4jOJl1R3rnRqqY7MYx8E4GwoX+i3GF5C3iWFNQqlDcw==",
       "dev": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-viewport": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.4.4.tgz",
-      "integrity": "sha512-SRHJlLhf3tu7+sYNfVIYTeMegn6aiv4HGX97ZLvL76NWWBU8BntQ1LKMki7475mWiZNUFMoYYPsHlG+HU9FAtg==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.4.7.tgz",
+      "integrity": "sha512-hvczh/jjuXXcOogih09a663sRDDSATXwbE866al1DXgbDFraYD/LxX/QDb38W9hdjU9+Qhx8VFIcNWoMQns5HQ==",
       "dev": true,
       "dependencies": {
         "memoizerific": "^1.11.3"
@@ -7356,13 +7377,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/addon-webpack5-compiler-swc": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-webpack5-compiler-swc/-/addon-webpack5-compiler-swc-1.0.5.tgz",
-      "integrity": "sha512-1NlM3noit2vA22OyWb8Ma2lhcEKCS1Snv2kr+EkaVABUqNDfVc9AD/GgYQhF7F/2CoF5N2JU7uzXDzFHd5TzZg==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-webpack5-compiler-swc/-/addon-webpack5-compiler-swc-2.0.0.tgz",
+      "integrity": "sha512-8lL6vzXMgBFYQ89TFNPG4KjQ1WcRjKOubCTsnv0lRWC6KbF1ipyMFiEDpHOxxHbKhfk2kvQKZVqt8KLNV5zwcg==",
       "dev": true,
       "dependencies": {
         "@swc/core": "^1.7.3",
@@ -7373,9 +7394,9 @@
       }
     },
     "node_modules/@storybook/blocks": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.4.4.tgz",
-      "integrity": "sha512-LwM3guL7uWpYR1a/SY0KZjCUskTKEaS22eF7GK8iXAV5BY4KpKr6ArW4O9orK29KtFwKhDZQLcMcECsOJBVk/A==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.4.7.tgz",
+      "integrity": "sha512-+QH7+JwXXXIyP3fRCxz/7E2VZepAanXJM7G8nbR3wWsqWgrRp4Wra6MvybxAYCxU7aNfJX5c+RW84SNikFpcIA==",
       "dev": true,
       "dependencies": {
         "@storybook/csf": "^0.1.11",
@@ -7389,7 +7410,7 @@
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       },
       "peerDependenciesMeta": {
         "react": {
@@ -7401,12 +7422,12 @@
       }
     },
     "node_modules/@storybook/builder-webpack5": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.4.4.tgz",
-      "integrity": "sha512-I7SmGngtGc/WA44UkG3sCyYtGXVjTpPe42umf70n5EVaHRvtmXCxfL41C1y3CIfEMAfF36gOFm7rEJROIO5NyA==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.4.7.tgz",
+      "integrity": "sha512-O8LpsQ+4g2x5kh7rI9+jEUdX8k1a5egBQU1lbudmHchqsV0IKiVqBD9LL5Gj3wpit4vB8coSW4ZWTFBw8FQb4Q==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-webpack": "8.4.4",
+        "@storybook/core-webpack": "8.4.7",
         "@types/node": "^22.0.0",
         "@types/semver": "^7.3.4",
         "browser-assert": "^1.2.1",
@@ -7437,7 +7458,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -7474,17 +7495,17 @@
       }
     },
     "node_modules/@storybook/cli": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-8.4.4.tgz",
-      "integrity": "sha512-oMrQc+krEBx70pL4sXLbG6T+GjlwNJJHrp4jATCuQ/ZaIYDXjo08dSlIgA01NGx+2QNXXgbpXIXQAkNCCE27ww==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-8.4.7.tgz",
+      "integrity": "sha512-eqHhO30FLxFuoSA+wKWB+aGvQOVcCkGLbJ4RaffjCbSbC9S2YfKLvd3Sb6gFwy6e8x+MnEkvv3g0h8LixT/C9Q==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.24.4",
         "@babel/types": "^7.24.0",
-        "@storybook/codemod": "8.4.4",
+        "@storybook/codemod": "8.4.7",
         "@types/semver": "^7.3.4",
         "commander": "^12.1.0",
-        "create-storybook": "8.4.4",
+        "create-storybook": "8.4.7",
         "cross-spawn": "^7.0.3",
         "envinfo": "^7.7.3",
         "fd-package-json": "^1.2.0",
@@ -7496,7 +7517,7 @@
         "leven": "^3.1.0",
         "prompts": "^2.4.0",
         "semver": "^7.3.7",
-        "storybook": "8.4.4",
+        "storybook": "8.4.7",
         "tiny-invariant": "^1.3.1",
         "ts-dedent": "^2.0.0"
       },
@@ -7548,13 +7569,13 @@
       }
     },
     "node_modules/@storybook/cli/node_modules/@babel/generator": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
-      "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
+      "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
       "dev": true,
       "dependencies": {
-        "@babel/parser": "^7.26.2",
-        "@babel/types": "^7.26.0",
+        "@babel/parser": "^7.26.3",
+        "@babel/types": "^7.26.3",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^3.0.2"
@@ -7634,9 +7655,9 @@
       }
     },
     "node_modules/@storybook/cli/node_modules/jsesc": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
       "dev": true,
       "bin": {
         "jsesc": "bin/jsesc"
@@ -7707,15 +7728,15 @@
       }
     },
     "node_modules/@storybook/codemod": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.4.4.tgz",
-      "integrity": "sha512-rn8t8NOJrw7z/EDuCRQCbu+3oPxTXJdx7CJMjND2h0vgklKgmjSz12E7s9sEvKqYtWXm2slUl+CQN/D3r6bYFA==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.4.7.tgz",
+      "integrity": "sha512-VpYEZCj1EXCcqlOqI8lL58dlHJALW+OMAE1yB72GT8RaT5zSP43jK5t80cPhh70zyaPqS27wKOROcpaRS7eNRA==",
       "dev": true,
       "dependencies": {
         "@babel/core": "^7.24.4",
         "@babel/preset-env": "^7.24.4",
         "@babel/types": "^7.24.0",
-        "@storybook/core": "8.4.4",
+        "@storybook/core": "8.4.7",
         "@storybook/csf": "^0.1.11",
         "@types/cross-spawn": "^6.0.2",
         "cross-spawn": "^7.0.3",
@@ -7762,13 +7783,13 @@
       }
     },
     "node_modules/@storybook/codemod/node_modules/@babel/generator": {
-      "version": "7.26.2",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz",
-      "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==",
+      "version": "7.26.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
+      "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
       "dev": true,
       "dependencies": {
-        "@babel/parser": "^7.26.2",
-        "@babel/types": "^7.26.0",
+        "@babel/parser": "^7.26.3",
+        "@babel/types": "^7.26.3",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^3.0.2"
@@ -7946,9 +7967,9 @@
       }
     },
     "node_modules/@storybook/codemod/node_modules/jsesc": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
       "dev": true,
       "bin": {
         "jsesc": "bin/jsesc"
@@ -7991,9 +8012,9 @@
       }
     },
     "node_modules/@storybook/components": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.4.4.tgz",
-      "integrity": "sha512-0BSZVmsk23C0BSRKx3liZSVQFXtoF86XQFdNQxjrXIwdHIEN7TcL3DwcxeVUU5ilGp7HeDgAydGNIPGgTeEe6g==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.4.7.tgz",
+      "integrity": "sha512-uyJIcoyeMWKAvjrG9tJBUCKxr2WZk+PomgrgrUwejkIfXMO76i6jw9BwLa0NZjYdlthDv30r9FfbYZyeNPmF0g==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -8004,9 +8025,9 @@
       }
     },
     "node_modules/@storybook/core": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.4.4.tgz",
-      "integrity": "sha512-WjTmJpsHsFCd7tQ/8jFpDWjhntauXcWYYTcEZk56Pq4miyNrrXhV0S80Gxv3Uvzk0jocgtT2AKf8rQuH2UkQEg==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.4.7.tgz",
+      "integrity": "sha512-7Z8Z0A+1YnhrrSXoKKwFFI4gnsLbWzr8fnDCU6+6HlDukFYh8GHRcZ9zKfqmy6U3hw2h8H5DrHsxWfyaYUUOoA==",
       "dev": true,
       "dependencies": {
         "@storybook/csf": "^0.1.11",
@@ -8035,9 +8056,9 @@
       }
     },
     "node_modules/@storybook/core-webpack": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.4.4.tgz",
-      "integrity": "sha512-JeODT64uRJDH0o/ZOAAZHJswBkTYd2u9AdGyAzjp16KRK2NcHM2iUMNT94lOlCYzshvRVqPFVxbNmaL16/K0Ag==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.4.7.tgz",
+      "integrity": "sha512-Tj+CjQLpFyBJxhhMms+vbPT3+gTRAiQlrhY3L1IEVwBa3wtRMS0qjozH26d1hK4G6mUIEdwu13L54HMU/w33Sg==",
       "dev": true,
       "dependencies": {
         "@types/node": "^22.0.0",
@@ -8048,21 +8069,21 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/csf": {
-      "version": "0.1.11",
-      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.11.tgz",
-      "integrity": "sha512-dHYFQH3mA+EtnCkHXzicbLgsvzYjcDJ1JWsogbItZogkPHgSJM/Wr71uMkcvw8v9mmCyP4NpXJuu6bPoVsOnzg==",
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.13.tgz",
+      "integrity": "sha512-7xOOwCLGB3ebM87eemep89MYRFTko+D8qE7EdAAq74lgdqRR5cOUtYWJLjO2dLtP94nqoOdHJo6MdLLKzg412Q==",
       "dependencies": {
         "type-fest": "^2.19.0"
       }
     },
     "node_modules/@storybook/csf-plugin": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.4.4.tgz",
-      "integrity": "sha512-4+6SUhp5sEJN9BY5RuxcFKvJbOqCzIUp9oHSSz36hkP07a4QH+SwxfEd0U7JRfmPpB63L+izywTzWhdADiAMOQ==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.4.7.tgz",
+      "integrity": "sha512-Fgogplu4HImgC+AYDcdGm1rmL6OR1rVdNX1Be9C/NEXwOCpbbBwi0BxTf/2ZxHRk9fCeaPEcOdP5S8QHfltc1g==",
       "dev": true,
       "dependencies": {
         "unplugin": "^1.3.1"
@@ -8072,7 +8093,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/global": {
@@ -8082,16 +8103,16 @@
       "dev": true
     },
     "node_modules/@storybook/html": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/html/-/html-8.4.4.tgz",
-      "integrity": "sha512-89N7jM0uOyZZHOvlFoONGImwZsSDu6kb+PFE5cophgkNLMK4aSXP4wGUrcW+OlhWnNEOVJEF8dwh1YGhxJhwQg==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/html/-/html-8.4.7.tgz",
+      "integrity": "sha512-2F9+n3/Xujf6/mHlULhtLL7Ha9u92l6GChM0AUTKL9cK8KzQKcAxqnH7JzE6HTFXMr10oj/706AMJSymvcc/SQ==",
       "dev": true,
       "dependencies": {
-        "@storybook/components": "8.4.4",
+        "@storybook/components": "8.4.7",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "8.4.4",
-        "@storybook/preview-api": "8.4.4",
-        "@storybook/theming": "8.4.4",
+        "@storybook/manager-api": "8.4.7",
+        "@storybook/preview-api": "8.4.7",
+        "@storybook/theming": "8.4.7",
         "ts-dedent": "^2.0.0"
       },
       "engines": {
@@ -8102,19 +8123,19 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/html-webpack5": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/html-webpack5/-/html-webpack5-8.4.4.tgz",
-      "integrity": "sha512-8N3MYoY541tefzPjhOumZaElHrfrsm9BxEL3Npai1AcBAGQcUWkjIEJcATGJjlKQdJGg3fMY2QPojOCDSqRqrA==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/html-webpack5/-/html-webpack5-8.4.7.tgz",
+      "integrity": "sha512-mmBxXSr0JezbML0BkAAv7JilgkxN07f97ZwerlK8qrgLTTcbBbnhP1A2EQ9/YpTJ3c2IY8Fyct86nigts1ZZBg==",
       "dev": true,
       "dependencies": {
-        "@storybook/builder-webpack5": "8.4.4",
+        "@storybook/builder-webpack5": "8.4.7",
         "@storybook/global": "^5.0.0",
-        "@storybook/html": "8.4.4",
-        "@storybook/preset-html-webpack": "8.4.4",
+        "@storybook/html": "8.4.7",
+        "@storybook/preset-html-webpack": "8.4.7",
         "@types/node": "^22.0.0"
       },
       "engines": {
@@ -8125,26 +8146,26 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/icons": {
-      "version": "1.2.12",
-      "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.2.12.tgz",
-      "integrity": "sha512-UxgyK5W3/UV4VrI3dl6ajGfHM4aOqMAkFLWe2KibeQudLf6NJpDrDMSHwZj+3iKC4jFU7dkKbbtH2h/al4sW3Q==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.3.0.tgz",
+      "integrity": "sha512-Nz/UzeYQdUZUhacrPyfkiiysSjydyjgg/p0P9HxB4p/WaJUUjMAcaoaLgy3EXx61zZJ3iD36WPuDkZs5QYrA0A==",
       "dev": true,
       "engines": {
         "node": ">=14.0.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta"
       }
     },
     "node_modules/@storybook/instrumenter": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.4.4.tgz",
-      "integrity": "sha512-mq/YVEZrB8jyyio2Of01rQixsQ72z8ssAhJS9ldIlK+cvERQi0VBCpH3pejPmjOB40yiKBJHNqH4HIANVhibgw==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.4.7.tgz",
+      "integrity": "sha512-k6NSD3jaRCCHAFtqXZ7tw8jAzD/yTEWXGya+REgZqq5RCkmJ+9S4Ytp/6OhQMPtPFX23gAuJJzTQVLcCr+gjRg==",
       "dev": true,
       "dependencies": {
         "@storybook/global": "^5.0.0",
@@ -8155,13 +8176,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/manager-api": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.4.4.tgz",
-      "integrity": "sha512-rmNPcbEyzakEHoaecUbhkW7WWOkyZ0z7ywH4d5/s0ZuQS57Px2N+ZLVgRJwYK+YNHiJYqDf1BTln9YJ/Mt1L6Q==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.4.7.tgz",
+      "integrity": "sha512-ELqemTviCxAsZ5tqUz39sDmQkvhVAvAgiplYy9Uf15kO0SP2+HKsCMzlrm2ue2FfkUNyqbDayCPPCB0Cdn/mpQ==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -8172,12 +8193,12 @@
       }
     },
     "node_modules/@storybook/preset-html-webpack": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/preset-html-webpack/-/preset-html-webpack-8.4.4.tgz",
-      "integrity": "sha512-tOcY0eFNvoNlooxLUJ5T8aFgICc2us1881oywL9kV5wtCUFS3GR+uL22v4rGSJSqGuV9CEUxjUljPbIGWx3Jng==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/preset-html-webpack/-/preset-html-webpack-8.4.7.tgz",
+      "integrity": "sha512-CYgbU+B7btBqN38bdGk4jzwaMGM2/NJn9R0jN07rnE4s2ThPgEiBr1G45yuYxURJ+l/HUa7+DyKEwPrbVUTB2g==",
       "dev": true,
       "dependencies": {
-        "@storybook/core-webpack": "8.4.4",
+        "@storybook/core-webpack": "8.4.7",
         "@types/node": "^22.0.0",
         "html-loader": "^3.1.0",
         "webpack": "5"
@@ -8190,13 +8211,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/preview-api": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.4.4.tgz",
-      "integrity": "sha512-iZrWQcjRBqBHFdDXVxGpw6mHBZMCMYqhWXdyJ0d1S2y3PwcfOjkcXlQ1UiAenFHlA6dKrcYw8luKUQTL9bKReA==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.4.7.tgz",
+      "integrity": "sha512-0QVQwHw+OyZGHAJEXo6Knx+6/4er7n2rTDE5RYJ9F2E2Lg42E19pfdLlq2Jhoods2Xrclo3wj6GWR//Ahi39Eg==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -8207,9 +8228,9 @@
       }
     },
     "node_modules/@storybook/react-dom-shim": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.4.4.tgz",
-      "integrity": "sha512-kufv2FDK3kjADBo+/aKHsUn9T5E4p9IBAmCoIvXBGRDumPRds7Pt3MB4ODKlg+IumR7LMEq0jTJkn27ZRTuUmw==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.4.7.tgz",
+      "integrity": "sha512-6bkG2jvKTmWrmVzCgwpTxwIugd7Lu+2btsLAqhQSzDyIj2/uhMNp8xIMr/NBDtLgq3nomt9gefNa9xxLwk/OMg==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -8218,18 +8239,18 @@
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/test": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.4.4.tgz",
-      "integrity": "sha512-tmJd+lxl3MC0Xdu1KW/69V8tibv98OvdopxGqfVR0x5dkRHM3sFK/tv1ZJAUeronlvRyhGySOu1tHUrMjcNqyA==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.4.7.tgz",
+      "integrity": "sha512-AhvJsu5zl3uG40itSQVuSy5WByp3UVhS6xAnme4FWRwgSxhvZjATJ3AZkkHWOYjnnk+P2/sbz/XuPli1FVCWoQ==",
       "dev": true,
       "dependencies": {
         "@storybook/csf": "^0.1.11",
         "@storybook/global": "^5.0.0",
-        "@storybook/instrumenter": "8.4.4",
+        "@storybook/instrumenter": "8.4.7",
         "@testing-library/dom": "10.4.0",
         "@testing-library/jest-dom": "6.5.0",
         "@testing-library/user-event": "14.5.2",
@@ -8241,13 +8262,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.4.4"
+        "storybook": "^8.4.7"
       }
     },
     "node_modules/@storybook/theming": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.4.4.tgz",
-      "integrity": "sha512-iq4yt3Fx35ZV5owNC//E6G+QPV19xHHVN2Ugi3p7KOSFK3chuXX9mxZ1rfir+t+U30a5EPOEnlsY3/1LXn7aTw==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.4.7.tgz",
+      "integrity": "sha512-99rgLEjf7iwfSEmdqlHkSG3AyLcK0sfExcr0jnc6rLiAkBhzuIsvcHjjUwkR210SOCgXqBPW0ZA6uhnuyppHLw==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -8258,14 +8279,14 @@
       }
     },
     "node_modules/@swc/core": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.9.2.tgz",
-      "integrity": "sha512-dYyEkO6mRYtZFpnOsnYzv9rY69fHAHoawYOjGOEcxk9WYtaJhowMdP/w6NcOKnz2G7GlZaenjkzkMa6ZeQeMsg==",
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.10.4.tgz",
+      "integrity": "sha512-ut3zfiTLORMxhr6y/GBxkHmzcGuVpwJYX4qyXWuBKkpw/0g0S5iO1/wW7RnLnZbAi8wS/n0atRZoaZlXWBkeJg==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
         "@swc/counter": "^0.1.3",
-        "@swc/types": "^0.1.15"
+        "@swc/types": "^0.1.17"
       },
       "engines": {
         "node": ">=10"
@@ -8275,16 +8296,16 @@
         "url": "https://opencollective.com/swc"
       },
       "optionalDependencies": {
-        "@swc/core-darwin-arm64": "1.9.2",
-        "@swc/core-darwin-x64": "1.9.2",
-        "@swc/core-linux-arm-gnueabihf": "1.9.2",
-        "@swc/core-linux-arm64-gnu": "1.9.2",
-        "@swc/core-linux-arm64-musl": "1.9.2",
-        "@swc/core-linux-x64-gnu": "1.9.2",
-        "@swc/core-linux-x64-musl": "1.9.2",
-        "@swc/core-win32-arm64-msvc": "1.9.2",
-        "@swc/core-win32-ia32-msvc": "1.9.2",
-        "@swc/core-win32-x64-msvc": "1.9.2"
+        "@swc/core-darwin-arm64": "1.10.4",
+        "@swc/core-darwin-x64": "1.10.4",
+        "@swc/core-linux-arm-gnueabihf": "1.10.4",
+        "@swc/core-linux-arm64-gnu": "1.10.4",
+        "@swc/core-linux-arm64-musl": "1.10.4",
+        "@swc/core-linux-x64-gnu": "1.10.4",
+        "@swc/core-linux-x64-musl": "1.10.4",
+        "@swc/core-win32-arm64-msvc": "1.10.4",
+        "@swc/core-win32-ia32-msvc": "1.10.4",
+        "@swc/core-win32-x64-msvc": "1.10.4"
       },
       "peerDependencies": {
         "@swc/helpers": "*"
@@ -8296,9 +8317,9 @@
       }
     },
     "node_modules/@swc/core-darwin-arm64": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.9.2.tgz",
-      "integrity": "sha512-nETmsCoY29krTF2PtspEgicb3tqw7Ci5sInTI03EU5zpqYbPjoPH99BVTjj0OsF53jP5MxwnLI5Hm21lUn1d6A==",
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.10.4.tgz",
+      "integrity": "sha512-sV/eurLhkjn/197y48bxKP19oqcLydSel42Qsy2zepBltqUx+/zZ8+/IS0Bi7kaWVFxerbW1IPB09uq8Zuvm3g==",
       "cpu": [
         "arm64"
       ],
@@ -8312,9 +8333,9 @@
       }
     },
     "node_modules/@swc/core-darwin-x64": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.9.2.tgz",
-      "integrity": "sha512-9gD+bwBz8ZByjP6nZTXe/hzd0tySIAjpDHgkFiUrc+5zGF+rdTwhcNrzxNHJmy6mw+PW38jqII4uspFHUqqxuQ==",
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.10.4.tgz",
+      "integrity": "sha512-gjYNU6vrAUO4+FuovEo9ofnVosTFXkF0VDuo1MKPItz6e2pxc2ale4FGzLw0Nf7JB1sX4a8h06CN16/pLJ8Q2w==",
       "cpu": [
         "x64"
       ],
@@ -8328,9 +8349,9 @@
       }
     },
     "node_modules/@swc/core-linux-arm-gnueabihf": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.9.2.tgz",
-      "integrity": "sha512-kYq8ief1Qrn+WmsTWAYo4r+Coul4dXN6cLFjiPZ29Cv5pyU+GFvSPAB4bEdMzwy99rCR0u2P10UExaeCjurjvg==",
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.10.4.tgz",
+      "integrity": "sha512-zd7fXH5w8s+Sfvn2oO464KDWl+ZX1MJiVmE4Pdk46N3PEaNwE0koTfgx2vQRqRG4vBBobzVvzICC3618WcefOA==",
       "cpu": [
         "arm"
       ],
@@ -8344,9 +8365,9 @@
       }
     },
     "node_modules/@swc/core-linux-arm64-gnu": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.9.2.tgz",
-      "integrity": "sha512-n0W4XiXlmEIVqxt+rD3ZpkogsEWUk1jJ+i5bQNgB+1JuWh0fBE8c/blDgTQXa0GB5lTPVDZQussgdNOCnAZwiA==",
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.10.4.tgz",
+      "integrity": "sha512-+UGfoHDxsMZgFD3tABKLeEZHqLNOkxStu+qCG7atGBhS4Slri6h6zijVvf4yI5X3kbXdvc44XV/hrP/Klnui2A==",
       "cpu": [
         "arm64"
       ],
@@ -8360,9 +8381,9 @@
       }
     },
     "node_modules/@swc/core-linux-arm64-musl": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.9.2.tgz",
-      "integrity": "sha512-8xzrOmsyCC1zrx2Wzx/h8dVsdewO1oMCwBTLc1gSJ/YllZYTb04pNm6NsVbzUX2tKddJVRgSJXV10j/NECLwpA==",
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.10.4.tgz",
+      "integrity": "sha512-cDDj2/uYsOH0pgAnDkovLZvKJpFmBMyXkxEG6Q4yw99HbzO6QzZ5HDGWGWVq/6dLgYKlnnmpjZCPPQIu01mXEg==",
       "cpu": [
         "arm64"
       ],
@@ -8376,9 +8397,9 @@
       }
     },
     "node_modules/@swc/core-linux-x64-gnu": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.9.2.tgz",
-      "integrity": "sha512-kZrNz/PjRQKcchWF6W292jk3K44EoVu1ad5w+zbS4jekIAxsM8WwQ1kd+yjUlN9jFcF8XBat5NKIs9WphJCVXg==",
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.10.4.tgz",
+      "integrity": "sha512-qJXh9D6Kf5xSdGWPINpLGixAbB5JX8JcbEJpRamhlDBoOcQC79dYfOMEIxWPhTS1DGLyFakAx2FX/b2VmQmj0g==",
       "cpu": [
         "x64"
       ],
@@ -8392,9 +8413,9 @@
       }
     },
     "node_modules/@swc/core-linux-x64-musl": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.9.2.tgz",
-      "integrity": "sha512-TTIpR4rjMkhX1lnFR+PSXpaL83TrQzp9znRdp2TzYrODlUd/R20zOwSo9vFLCyH6ZoD47bccY7QeGZDYT3nlRg==",
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.10.4.tgz",
+      "integrity": "sha512-A76lIAeyQnHCVt0RL/pG+0er8Qk9+acGJqSZOZm67Ve3B0oqMd871kPtaHBM0BW3OZAhoILgfHW3Op9Q3mx3Cw==",
       "cpu": [
         "x64"
       ],
@@ -8408,9 +8429,9 @@
       }
     },
     "node_modules/@swc/core-win32-arm64-msvc": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.9.2.tgz",
-      "integrity": "sha512-+Eg2d4icItKC0PMjZxH7cSYFLWk0aIp94LNmOw6tPq0e69ax6oh10upeq0D1fjWsKLmOJAWEvnXlayZcijEXDw==",
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.10.4.tgz",
+      "integrity": "sha512-e6j5kBu4fIY7fFxFxnZI0MlEovRvp50Lg59Fw+DVbtqHk3C85dckcy5xKP+UoXeuEmFceauQDczUcGs19SRGSQ==",
       "cpu": [
         "arm64"
       ],
@@ -8424,9 +8445,9 @@
       }
     },
     "node_modules/@swc/core-win32-ia32-msvc": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.9.2.tgz",
-      "integrity": "sha512-nLWBi4vZDdM/LkiQmPCakof8Dh1/t5EM7eudue04V1lIcqx9YHVRS3KMwEaCoHLGg0c312Wm4YgrWQd9vwZ5zQ==",
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.10.4.tgz",
+      "integrity": "sha512-RSYHfdKgNXV/amY5Tqk1EWVsyQnhlsM//jeqMLw5Fy9rfxP592W9UTumNikNRPdjI8wKKzNMXDb1U29tQjN0dg==",
       "cpu": [
         "ia32"
       ],
@@ -8440,9 +8461,9 @@
       }
     },
     "node_modules/@swc/core-win32-x64-msvc": {
-      "version": "1.9.2",
-      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.9.2.tgz",
-      "integrity": "sha512-ik/k+JjRJBFkXARukdU82tSVx0CbExFQoQ78qTO682esbYXzjdB5eLVkoUbwen299pnfr88Kn4kyIqFPTje8Xw==",
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.10.4.tgz",
+      "integrity": "sha512-1ujYpaqfqNPYdwKBlvJnOqcl+Syn3UrQ4XE0Txz6zMYgyh6cdU6a3pxqLqIUSJ12MtXRA9ZUhEz1ekU3LfLWXw==",
       "cpu": [
         "x64"
       ],
@@ -8470,9 +8491,9 @@
       }
     },
     "node_modules/@swc/types": {
-      "version": "0.1.15",
-      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.15.tgz",
-      "integrity": "sha512-XKaZ+dzDIQ9Ot9o89oJQ/aluI17+VvUnIpYJTcZtvv1iYX6MzHh3Ik2CSR7MdPKpPwfZXHBeCingb2b4PoDVdw==",
+      "version": "0.1.17",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.17.tgz",
+      "integrity": "sha512-V5gRru+aD8YVyCOMAjMpWR1Ui577DD5KSJsHP8RAxopAH22jFz6GZd/qxqjO6MJHQhcsjvjOFXyDhyLQUnMveQ==",
       "dev": true,
       "dependencies": {
         "@swc/counter": "^0.1.3"
@@ -8491,9 +8512,9 @@
       }
     },
     "node_modules/@tanstack/virtual-core": {
-      "version": "3.10.9",
-      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.10.9.tgz",
-      "integrity": "sha512-kBknKOKzmeR7lN+vSadaKWXaLS0SZZG+oqpQ/k80Q6g9REn6zRHS/ZYdrIzHnpHgy/eWs00SujveUN/GJT2qTw==",
+      "version": "3.11.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.11.2.tgz",
+      "integrity": "sha512-vTtpNt7mKCiZ1pwU9hfKPhpdVO2sVzFQsxoVBGtOSHxlrRRzYr8iQ2TlwbAcRYCcEiZ9ECAM8kBzH0v2+VzfKw==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/tannerlinsley"
@@ -8583,9 +8604,9 @@
       }
     },
     "node_modules/@tiptap/core": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.9.1.tgz",
-      "integrity": "sha512-tifnLL/ARzQ6/FGEJjVwj9UT3v+pENdWHdk9x6F3X0mB1y0SeCjV21wpFLYESzwNdBPAj8NMp8Behv7dBnhIfw==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.11.0.tgz",
+      "integrity": "sha512-0S3AWx6E2QqwdQqb6z0/q6zq2u9lA9oL3BLyAaITGSC9zt8OwjloS2k1zN6wLa9hp2rO0c0vDnWsTPeFaEaMdw==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8595,9 +8616,9 @@
       }
     },
     "node_modules/@tiptap/extension-bold": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.9.1.tgz",
-      "integrity": "sha512-e2P1zGpnnt4+TyxTC5pX/lPxPasZcuHCYXY0iwQ3bf8qRQQEjDfj3X7EI+cXqILtnhOiviEOcYmeu5op2WhQDg==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.11.0.tgz",
+      "integrity": "sha512-3x9BQZHYD5xFA0pCEneEMHZyIoxYo4NKcbhR4CLxGad1Xd+5g109nr1+eZ1JgvnChkeVf1eD6SaQE2A28lxR5g==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8607,9 +8628,9 @@
       }
     },
     "node_modules/@tiptap/extension-bullet-list": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.9.1.tgz",
-      "integrity": "sha512-0hizL/0j9PragJObjAWUVSuGhN1jKjCFnhLQVRxtx4HutcvS/lhoWMvFg6ZF8xqWgIa06n6A7MaknQkqhTdhKA==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.11.0.tgz",
+      "integrity": "sha512-UALypJvO+cPSk/nC1HhkX/ImS9FxbKe2Pr0iDofakvZU1U1msumLVn2M/iq+ax1Mm9thodpvJv0hGDtFRwm7lQ==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8619,9 +8640,9 @@
       }
     },
     "node_modules/@tiptap/extension-document": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.9.1.tgz",
-      "integrity": "sha512-1a+HCoDPnBttjqExfYLwfABq8MYdiowhy/wp8eCxVb6KGFEENO53KapstISvPzqH7eOi+qRjBB1KtVYb/ZXicg==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.11.0.tgz",
+      "integrity": "sha512-9YI0AT3mxyUZD7NHECHyV1uAjQ8KwxOS5ACwvrK1MU8TqY084LmodYNTXPKwpqbr51yvt3qZq1R7UIVu4/22Cg==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8631,9 +8652,9 @@
       }
     },
     "node_modules/@tiptap/extension-hard-break": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.9.1.tgz",
-      "integrity": "sha512-fCuaOD/b7nDjm47PZ58oanq7y4ccS2wjPh42Qm0B0yipu/1fmC8eS1SmaXmk28F89BLtuL6uOCtR1spe+lZtlQ==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.11.0.tgz",
+      "integrity": "sha512-7pMgPNk2FnPT0LcWaWNNxOLK3LQnRSYFgrdBGMXec3sy+y3Lit3hM+EZhbZcHpTIQTbWWs+eskh1waRMIt0ZaQ==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8643,9 +8664,9 @@
       }
     },
     "node_modules/@tiptap/extension-history": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.9.1.tgz",
-      "integrity": "sha512-wp9qR1NM+LpvyLZFmdNaAkDq0d4jDJ7z7Fz7icFQPu31NVxfQYO3IXNmvJDCNu8hFAbImpA5aG8MBuwzRo0H9w==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.11.0.tgz",
+      "integrity": "sha512-eEUEDoOtS17AHVEPbGfZ+x2L5A87SiIsppWYTkpfIH/8EnVQmzu+3i1tcT9cWvHC31d9JTG7TDptVuuHr30TJw==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8656,9 +8677,9 @@
       }
     },
     "node_modules/@tiptap/extension-italic": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.9.1.tgz",
-      "integrity": "sha512-VkNA6Vz96+/+7uBlsgM7bDXXx4b62T1fDam/3UKifA72aD/fZckeWrbT7KrtdUbzuIniJSbA0lpTs5FY29+86Q==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.11.0.tgz",
+      "integrity": "sha512-T+jjS0gOsvNzQXVTSArmUp/kt2R9OikPQaV1DI60bfjO0rknOgtG0tbwZmfbugzwc07RbpxOYFy3vBxMLDsksA==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8668,11 +8689,11 @@
       }
     },
     "node_modules/@tiptap/extension-link": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-link/-/extension-link-2.9.1.tgz",
-      "integrity": "sha512-yG+e3e8cCCN9dZjX4ttEe3e2xhh58ryi3REJV4MdiEkOT9QF75Bl5pUbMIS4tQ8HkOr04QBFMHKM12kbSxg1BA==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-link/-/extension-link-2.11.0.tgz",
+      "integrity": "sha512-hvJSj0Ul4h8uxivtFtqaSy08s9G3smaW0He0ybYJ7rcJIsZ1zSrxQLGvIr/J8/yUq8VoVNspNR5cGUoyQaaw4A==",
       "dependencies": {
-        "linkifyjs": "^4.1.0"
+        "linkifyjs": "^4.2.0"
       },
       "funding": {
         "type": "github",
@@ -8684,9 +8705,9 @@
       }
     },
     "node_modules/@tiptap/extension-list-item": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.9.1.tgz",
-      "integrity": "sha512-6O4NtYNR5N2Txi4AC0/4xMRJq9xd4+7ShxCZCDVL0WDVX37IhaqMO7LGQtA6MVlYyNaX4W1swfdJaqrJJ5HIUw==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.11.0.tgz",
+      "integrity": "sha512-Jikcg0fccpM13a3hAFLtguMcpVg4eMWI8NnC0aUULD9rFhvWZQYQYQuoK3fO6vQrAQpNhsV4oa0dfSq1btu9kg==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8696,9 +8717,9 @@
       }
     },
     "node_modules/@tiptap/extension-mention": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-mention/-/extension-mention-2.9.1.tgz",
-      "integrity": "sha512-2IzunpivdNtDNdtAXwRiQbNhTm87zrbkhz1cCE+2y9pWiX1QLXyx0HQq/DIAjxp6v7y4sIh+5UTUTFlH7vD9wQ==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-mention/-/extension-mention-2.11.0.tgz",
+      "integrity": "sha512-5/Yk2rTpsoIZaNyo4f+CgsCCkQkSiNAp24HOvvCm9Dp9w1gIFm6y6dSj5RYqzEucGjOkoaBbfMcm1QxKWIj6/A==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8710,9 +8731,9 @@
       }
     },
     "node_modules/@tiptap/extension-ordered-list": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.9.1.tgz",
-      "integrity": "sha512-6J9jtv1XP8dW7/JNSH/K4yiOABc92tBJtgCsgP8Ep4+fjfjdj4HbjS1oSPWpgItucF2Fp/VF8qg55HXhjxHjTw==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.11.0.tgz",
+      "integrity": "sha512-i6pNsDHA2QvBAebwjAuvhHKwz+bZVJ929PCIJaN8mxg0ldiAmFbAsf+rwIIFHWogMp+5xEX2RBzux20usNVZ9w==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8722,9 +8743,9 @@
       }
     },
     "node_modules/@tiptap/extension-paragraph": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.9.1.tgz",
-      "integrity": "sha512-JOmT0xd4gd3lIhLwrsjw8lV+ZFROKZdIxLi0Ia05XSu4RLrrvWj0zdKMSB+V87xOWfSB3Epo95zAvnPox5Q16A==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.11.0.tgz",
+      "integrity": "sha512-xLNC05An3SQq0bVHJtOTLa8As5r6NxDZFpK0NZqO2hTq/fAIRL/9VPeZ8E0tziXULwIvIPp+L0Taw3TvaUkRUg==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8734,9 +8755,9 @@
       }
     },
     "node_modules/@tiptap/extension-placeholder": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-2.9.1.tgz",
-      "integrity": "sha512-Q/w3OOg/C6jGBf4QKEWKF9k+iaCQCgPoaIg2IDTPx8QmaxRfgoVE5Csd+oTOY/brdmSNXOxykZWEci6OJP+MbA==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-2.11.0.tgz",
+      "integrity": "sha512-ee8vz51pW6H+1rEDMFg2FnBs2Tj5rUHlJ1JgD7Dcp3+89SVHGB3UILGfbNpAnHZvhmsTY3NcfPAcZZ80QfQFMQ==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8747,9 +8768,9 @@
       }
     },
     "node_modules/@tiptap/extension-text": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.9.1.tgz",
-      "integrity": "sha512-3wo9uCrkLVLQFgbw2eFU37QAa1jq1/7oExa+FF/DVxdtHRS9E2rnUZ8s2hat/IWzvPUHXMwo3Zg2XfhoamQpCA==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.11.0.tgz",
+      "integrity": "sha512-LcyrP+7ZEVx3YaKzjMAeujq+4xRt4mZ3ITGph2CQ4vOKFaMI8bzSR909q18t7Qyyvek0a9VydEU1NHSaq4G5jw==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/ueberdosis"
@@ -8759,29 +8780,29 @@
       }
     },
     "node_modules/@tiptap/pm": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.9.1.tgz",
-      "integrity": "sha512-mvV86fr7kEuDYEApQ2uMPCKL2uagUE0BsXiyyz3KOkY1zifyVm1fzdkscb24Qy1GmLzWAIIihA+3UHNRgYdOlQ==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.11.0.tgz",
+      "integrity": "sha512-4RU6bpODkMY+ZshzdRFcuUc5jWlMW82LWXR6UOsHK/X/Mav41ZFS0Cyf+hQM6gxxTB09YFIICmGpEpULb+/CuA==",
       "peer": true,
       "dependencies": {
         "prosemirror-changeset": "^2.2.1",
         "prosemirror-collab": "^1.3.1",
-        "prosemirror-commands": "^1.6.0",
+        "prosemirror-commands": "^1.6.2",
         "prosemirror-dropcursor": "^1.8.1",
         "prosemirror-gapcursor": "^1.3.2",
         "prosemirror-history": "^1.4.1",
         "prosemirror-inputrules": "^1.4.0",
         "prosemirror-keymap": "^1.2.2",
-        "prosemirror-markdown": "^1.13.0",
+        "prosemirror-markdown": "^1.13.1",
         "prosemirror-menu": "^1.2.4",
-        "prosemirror-model": "^1.22.3",
+        "prosemirror-model": "^1.23.0",
         "prosemirror-schema-basic": "^1.2.3",
         "prosemirror-schema-list": "^1.4.1",
         "prosemirror-state": "^1.4.3",
-        "prosemirror-tables": "^1.4.0",
+        "prosemirror-tables": "^1.6.1",
         "prosemirror-trailing-node": "^3.0.0",
-        "prosemirror-transform": "^1.10.0",
-        "prosemirror-view": "^1.34.3"
+        "prosemirror-transform": "^1.10.2",
+        "prosemirror-view": "^1.37.0"
       },
       "funding": {
         "type": "github",
@@ -8789,9 +8810,9 @@
       }
     },
     "node_modules/@tiptap/suggestion": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/suggestion/-/suggestion-2.9.1.tgz",
-      "integrity": "sha512-MMxwpbtocxUsbmc8qtFY1AQYNTW5i/M4aNSv9zsKKRISaS5hMD7XVrw2eod0x0yEqZU3izLiPDZPmgr8glF+jQ==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@tiptap/suggestion/-/suggestion-2.11.0.tgz",
+      "integrity": "sha512-f+KcczhzEEy2f7/0N/RSID+Z6NjxCX6ab26NLfWZxdaEm/J+vQ2Pqh/e5Z59vMfKiC0DJXVcO0rdv2LBh23qDw==",
       "peer": true,
       "funding": {
         "type": "github",
@@ -9015,9 +9036,9 @@
       "integrity": "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w=="
     },
     "node_modules/@types/d3-time": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.3.tgz",
-      "integrity": "sha512-2p6olUZ4w3s+07q3Tm2dbiMZy5pCDfYwtLXXHUnVzXgQlZ/OyPtUz6OL382BkOuGlLXqfT+wqv8Fw2v8/0geBw=="
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g=="
     },
     "node_modules/@types/d3-zoom": {
       "version": "3.0.8",
@@ -9076,9 +9097,9 @@
       }
     },
     "node_modules/@types/express-serve-static-core": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.1.tgz",
-      "integrity": "sha512-CRICJIl0N5cXDONAdlTv5ShATZ4HEwk6kDDIW2/w9qOWKg+NU/5F8wYRWCrONad0/UKkloNSmmyN/wX4rtpbVA==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.3.tgz",
+      "integrity": "sha512-JEhMNwUJt7bw728CydvYzntD0XJeTmDnvwLlbfbAhE7Tbslm/ax6bdIiUwTgeVlZTsJQPwZwKpAkyDtIjsvx3g==",
       "dev": true,
       "dependencies": {
         "@types/node": "*",
@@ -9121,9 +9142,9 @@
       }
     },
     "node_modules/@types/jasmine": {
-      "version": "5.1.4",
-      "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-5.1.4.tgz",
-      "integrity": "sha512-px7OMFO/ncXxixDe1zR13V1iycqWae0MxTaw62RpFlksUi5QuNWgQJFkTQjIOvrmutJbI7Fp2Y2N1F6D2R4G6w==",
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-5.1.5.tgz",
+      "integrity": "sha512-SaCZ3kM5NjOiJqMRYwHpLbTfUC2Dyk1KS3QanNFsUYPGTk70CWVK/J9ueun6zNhw/UkgV7xl8V4ZLQZNRbfnNw==",
       "dev": true
     },
     "node_modules/@types/json-schema": {
@@ -9184,12 +9205,12 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "22.9.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.9.0.tgz",
-      "integrity": "sha512-vuyHg81vvWA1Z1ELfvLko2c8f34gyA0zaic0+Rllc5lbCnbSyuvb2Oxpm6TAUAC/2xZN3QGqxBNggD1nNR2AfQ==",
+      "version": "22.10.4",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.4.tgz",
+      "integrity": "sha512-99l6wv4HEzBQhvaU/UGoeBoCK61SCROQaCCGyQSgX2tEQ3rKkNZ2S7CEWnS/4s1LV+8ODdK21UeyR1fHP2mXug==",
       "dev": true,
       "dependencies": {
-        "undici-types": "~6.19.8"
+        "undici-types": "~6.20.0"
       }
     },
     "node_modules/@types/node-forge": {
@@ -9214,10 +9235,9 @@
       "dev": true
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.13",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz",
-      "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==",
-      "dev": true,
+      "version": "15.7.14",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.14.tgz",
+      "integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==",
       "peer": true
     },
     "node_modules/@types/qs": {
@@ -9233,10 +9253,9 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "18.3.12",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.12.tgz",
-      "integrity": "sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==",
-      "dev": true,
+      "version": "18.3.18",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.18.tgz",
+      "integrity": "sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ==",
       "peer": true,
       "dependencies": {
         "@types/prop-types": "*",
@@ -9805,21 +9824,9 @@
       }
     },
     "node_modules/@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ=="
-    },
-    "node_modules/@vitejs/plugin-basic-ssl": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.1.0.tgz",
-      "integrity": "sha512-wO4Dk/rm8u7RNhOf95ZzcEmC9rYOncYgvq4z3duaJrCgjN8BxAnDVyndanfcJZ0O6XZzHz6Q0hTimxTg8Y9g/A==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.6.0"
-      },
-      "peerDependencies": {
-        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0"
-      }
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.1.tgz",
+      "integrity": "sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA=="
     },
     "node_modules/@vitest/expect": {
       "version": "2.0.5",
@@ -9873,9 +9880,9 @@
       }
     },
     "node_modules/@vitest/pretty-format": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.5.tgz",
-      "integrity": "sha512-4ZOwtk2bqG5Y6xRGHcveZVr+6txkH7M2e+nPFd6guSoN638v/1XQ0K06eOpi0ptVU/2tW/pIU4IoPotY/GZ9fw==",
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.8.tgz",
+      "integrity": "sha512-9HiSZ9zpqNLKlbIDRWOnAWqgcA7xu+8YxXSekhr0Ykab7PAYFkhkwoqVArPOtJhPmYeE2YHgKZlj3CP36z2AJQ==",
       "dev": true,
       "dependencies": {
         "tinyrainbow": "^1.2.0"
@@ -9897,12 +9904,12 @@
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.5.tgz",
-      "integrity": "sha512-yfj6Yrp0Vesw2cwJbP+cl04OC+IHFsuQsrsJBL9pyGeQXE56v1UAOQco+SR55Vf1nQzfV0QJg1Qum7AaWUwwYg==",
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.8.tgz",
+      "integrity": "sha512-dwSoui6djdwbfFmIgbIjX2ZhIoG7Ex/+xpxyiEgIGzjliY8xGkcpITKTlp6B4MgtGkF2ilvm97cPM96XZaAgcA==",
       "dev": true,
       "dependencies": {
-        "@vitest/pretty-format": "2.1.5",
+        "@vitest/pretty-format": "2.1.8",
         "loupe": "^3.1.2",
         "tinyrainbow": "^1.2.0"
       },
@@ -10056,50 +10063,6 @@
         "@xtuc/long": "4.2.2"
       }
     },
-    "node_modules/@webpack-cli/configtest": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-2.1.1.tgz",
-      "integrity": "sha512-wy0mglZpDSiSS0XHrVR+BAdId2+yxPSoJW8fsna3ZpYSlufjvxnP4YbKTCBZnNIcGN4r6ZPXV55X4mYExOfLmw==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.15.0"
-      },
-      "peerDependencies": {
-        "webpack": "5.x.x",
-        "webpack-cli": "5.x.x"
-      }
-    },
-    "node_modules/@webpack-cli/info": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-2.0.2.tgz",
-      "integrity": "sha512-zLHQdI/Qs1UyT5UBdWNqsARasIA+AaF8t+4u2aS2nEpBQh2mWIVb8qAklq0eUENnC5mOItrIB4LiS9xMtph18A==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.15.0"
-      },
-      "peerDependencies": {
-        "webpack": "5.x.x",
-        "webpack-cli": "5.x.x"
-      }
-    },
-    "node_modules/@webpack-cli/serve": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-2.0.5.tgz",
-      "integrity": "sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=14.15.0"
-      },
-      "peerDependencies": {
-        "webpack": "5.x.x",
-        "webpack-cli": "5.x.x"
-      },
-      "peerDependenciesMeta": {
-        "webpack-dev-server": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@xtuc/ieee754": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
@@ -10119,9 +10082,9 @@
       "dev": true
     },
     "node_modules/@zip.js/zip.js": {
-      "version": "2.7.53",
-      "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.53.tgz",
-      "integrity": "sha512-G6Bl5wN9EXXVaTUIox71vIX5Z454zEBe+akKpV4m1tUboIctT5h7ID3QXCJd/Lfy2rSvmkTmZIucf1jGRR4f5A==",
+      "version": "2.7.54",
+      "resolved": "https://registry.npmjs.org/@zip.js/zip.js/-/zip.js-2.7.54.tgz",
+      "integrity": "sha512-qMrJVg2hoEsZJjMJez9yI2+nZlBUxgYzGV3mqcb2B/6T1ihXp0fWBDYlVHlHquuorgNUQP5a8qSmX6HF5rFJNg==",
       "dev": true,
       "engines": {
         "bun": ">=0.7.0",
@@ -10234,13 +10197,10 @@
       }
     },
     "node_modules/agent-base": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz",
-      "integrity": "sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==",
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.3.tgz",
+      "integrity": "sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==",
       "dev": true,
-      "dependencies": {
-        "debug": "^4.3.4"
-      },
       "engines": {
         "node": ">= 14"
       }
@@ -10405,13 +10365,18 @@
       }
     },
     "node_modules/apache-arrow/node_modules/@types/node": {
-      "version": "20.17.6",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.6.tgz",
-      "integrity": "sha512-VEI7OdvK2wP7XHnsuXbAJnEpEkF6NjSN45QJlL4VGqZSXsnicpesdTWsg9RISeSdYd3yeRj/y3k5KGjUXYnFwQ==",
+      "version": "20.17.11",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.11.tgz",
+      "integrity": "sha512-Ept5glCK35R8yeyIeYlRIZtX6SLRyqMhOFTgj5SOkMpLTdw3SEHI9fHx60xaUZ+V1aJxQJODE+7/j5ocZydYTg==",
       "dependencies": {
         "undici-types": "~6.19.2"
       }
     },
+    "node_modules/apache-arrow/node_modules/undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw=="
+    },
     "node_modules/are-docs-informative": {
       "version": "0.0.2",
       "resolved": "https://registry.npmjs.org/are-docs-informative/-/are-docs-informative-0.0.2.tgz",
@@ -10444,13 +10409,13 @@
       }
     },
     "node_modules/array-buffer-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
-      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.5",
-        "is-array-buffer": "^3.0.4"
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
       },
       "engines": {
         "node": ">= 0.4"
@@ -10532,15 +10497,15 @@
       }
     },
     "node_modules/array.prototype.flat": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -10550,15 +10515,15 @@
       }
     },
     "node_modules/array.prototype.flatmap": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -10568,19 +10533,18 @@
       }
     },
     "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
-      "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
       "peer": true,
       "dependencies": {
         "array-buffer-byte-length": "^1.0.1",
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.3",
-        "es-errors": "^1.2.1",
-        "get-intrinsic": "^1.2.3",
-        "is-array-buffer": "^3.0.4",
-        "is-shared-array-buffer": "^1.0.2"
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -10897,13 +10861,13 @@
       }
     },
     "node_modules/bare-stream": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.3.2.tgz",
-      "integrity": "sha512-EFZHSIBkDgSHIwj2l2QZfP4U5OcD4xFAOwhSb/vlr9PIqyGJGvB/nfClJbcnh3EY4jtPE4zsb5ztae96bVF79A==",
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.6.1.tgz",
+      "integrity": "sha512-eVZbtKM+4uehzrsj49KtCy3Pbg7kO1pJ3SKZ1SFrIH/0pnj9scuGGgUlNDf/7qS8WKtGdiJY5Kyhs/ivYPTB/g==",
       "dev": true,
       "optional": true,
       "dependencies": {
-        "streamx": "^2.20.0"
+        "streamx": "^2.21.0"
       }
     },
     "node_modules/base64-js": {
@@ -10990,9 +10954,9 @@
       }
     },
     "node_modules/beachball": {
-      "version": "2.49.0",
-      "resolved": "https://registry.npmjs.org/beachball/-/beachball-2.49.0.tgz",
-      "integrity": "sha512-96RDc9wwFQrFRkj26hE9nKwvoOb7WVg412JRnWxJf5eqSvqqjSgn91DwynByN7uGogu/FEyxTGnRQomI/72Irg==",
+      "version": "2.51.0",
+      "resolved": "https://registry.npmjs.org/beachball/-/beachball-2.51.0.tgz",
+      "integrity": "sha512-Io+mzUb2QnTeOFDzyho0woU6FnUf1UlJLljJUIyMMJqxxj/sflXe5/CKnWk1c00FGRjMyftSx7oo7fD4Rf3ZEw==",
       "dev": true,
       "dependencies": {
         "cosmiconfig": "^8.3.6",
@@ -11163,9 +11127,9 @@
       "dev": true
     },
     "node_modules/browserslist": {
-      "version": "4.24.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
-      "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
+      "version": "4.24.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.3.tgz",
+      "integrity": "sha512-1CPmv8iobE2fyRMV97dAcMVegvvWKxmq94hkLiAkUGwKVTyDLw33K+ZxiFrREKmmps4rIw6grcCFCnTMSZ/YiA==",
       "funding": [
         {
           "type": "opencollective",
@@ -11181,9 +11145,9 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001669",
-        "electron-to-chromium": "^1.5.41",
-        "node-releases": "^2.0.18",
+        "caniuse-lite": "^1.0.30001688",
+        "electron-to-chromium": "^1.5.73",
+        "node-releases": "^2.0.19",
         "update-browserslist-db": "^1.1.1"
       },
       "bin": {
@@ -11358,15 +11322,41 @@
       }
     },
     "node_modules/call-bind": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
-      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
       "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
         "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
         "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.1"
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
+      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
+      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -11433,9 +11423,9 @@
       }
     },
     "node_modules/camelcase-keys/node_modules/type-fest": {
-      "version": "4.27.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.27.0.tgz",
-      "integrity": "sha512-3IMSWgP7C5KSQqmo1wjhKrwsvXAtF33jO3QY+Uy++ia7hqvgSK6iXbbg5PbDBc1P2ZbNEDgejOrN4YooXvhwCw==",
+      "version": "4.31.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.31.0.tgz",
+      "integrity": "sha512-yCxltHW07Nkhv/1F6wWBr8kz+5BGMfP+RbRSYFnegVb0qV/UMT0G0ElBloPVerqn4M2ZV80Ir1FtCcYv1cT6vQ==",
       "dev": true,
       "engines": {
         "node": ">=16"
@@ -11445,9 +11435,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001680",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz",
-      "integrity": "sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA==",
+      "version": "1.0.30001690",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz",
+      "integrity": "sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==",
       "funding": [
         {
           "type": "opencollective",
@@ -11602,9 +11592,9 @@
       }
     },
     "node_modules/chromatic": {
-      "version": "11.18.1",
-      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.18.1.tgz",
-      "integrity": "sha512-hkNT9vA6K9+PnE/khhZYBnRCOm8NonaQDs7RZ8YHFo7/lh1b/x/uFMkTjWjaj/mkM6QOR/evu5VcZMtcaauSlw==",
+      "version": "11.20.2",
+      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.20.2.tgz",
+      "integrity": "sha512-c+M3HVl5Y60c7ipGTZTyeWzWubRW70YsJ7PPDpO1D735ib8+Lu3yGF90j61pvgkXGngpkTPHZyBw83lcu2JMxA==",
       "dev": true,
       "bin": {
         "chroma": "dist/bin.js",
@@ -12021,9 +12011,9 @@
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
     },
     "node_modules/concurrently": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.1.0.tgz",
-      "integrity": "sha512-VxkzwMAn4LP7WyMnJNbHN5mKV9L2IbyDjpzemKr99sXNR3GqRNMMHdm7prV1ws9wg7ETj6WUkNOigZVsptwbgg==",
+      "version": "9.1.2",
+      "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-9.1.2.tgz",
+      "integrity": "sha512-H9MWcoPsYddwbOGM6difjVwVZHl63nwMEwDJG/L7VGtuaJhb12h2caPG2tVPWs7emuYix252iGfqOyrz1GczTQ==",
       "dev": true,
       "dependencies": {
         "chalk": "^4.1.2",
@@ -12214,9 +12204,9 @@
       }
     },
     "node_modules/consola": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-3.2.3.tgz",
-      "integrity": "sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.3.3.tgz",
+      "integrity": "sha512-Qil5KwghMzlqd51UXM0b6fyaGHtOC22scxrwrz4A2882LyUMwQjnvaedN1HAeXzphspQ6CpHkzMAWxBTUruDLg==",
       "dev": true,
       "engines": {
         "node": "^14.18.0 || >=16.10.0"
@@ -12418,9 +12408,9 @@
       }
     },
     "node_modules/create-storybook": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/create-storybook/-/create-storybook-8.4.4.tgz",
-      "integrity": "sha512-AM39/6dUYsFZW0EJGXw+uMHSFxolcjkfBE+AdLSHvoi++s+oqq+stlDoOHFuvdPkGJlez9jLXaUbKXUeVEHqJA==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/create-storybook/-/create-storybook-8.4.7.tgz",
+      "integrity": "sha512-Q2DkZEWkIUGv5EACT4SRsHnKO5WDZQAu772B/WeyYr1g38ksJziOut2auzS5sks5dWBmUgYssW8htSELuVRLGQ==",
       "dev": true,
       "dependencies": {
         "@types/semver": "^7.3.4",
@@ -12432,7 +12422,7 @@
         "prettier": "^3.1.1",
         "prompts": "^2.4.0",
         "semver": "^7.3.7",
-        "storybook": "8.4.4",
+        "storybook": "8.4.7",
         "tiny-invariant": "^1.3.1",
         "ts-dedent": "^2.0.0"
       },
@@ -12641,7 +12631,6 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "dev": true,
       "peer": true
     },
     "node_modules/custom-event": {
@@ -12820,14 +12809,14 @@
       }
     },
     "node_modules/data-view-buffer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
-      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "is-data-view": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -12837,29 +12826,29 @@
       }
     },
     "node_modules/data-view-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
-      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "is-data-view": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/inspect-js"
       }
     },
     "node_modules/data-view-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.2",
         "es-errors": "^1.3.0",
         "is-data-view": "^1.0.1"
       },
@@ -12880,9 +12869,9 @@
       }
     },
     "node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
       "dependencies": {
         "ms": "^2.1.3"
       },
@@ -12904,6 +12893,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/decimal.js": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
+      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
+      "dev": true
+    },
     "node_modules/decode-named-character-reference": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz",
@@ -13226,9 +13221,9 @@
       }
     },
     "node_modules/domutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
-      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.1.tgz",
+      "integrity": "sha512-xWXmuRnN9OMP6ptPd2+H0cCbcYBULa5YDTbMm/2lvkWvNA3O4wcW+GvzooqBuNM8yy6pl3VIAeJTUUWUbfI5Fw==",
       "dev": true,
       "dependencies": {
         "dom-serializer": "^2.0.0",
@@ -13261,6 +13256,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
@@ -13324,9 +13332,9 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.63",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.63.tgz",
-      "integrity": "sha512-ddeXKuY9BHo/mw145axlyWjlJ1UBt4WK3AlvkT7W2AbqfRQoacVoRUCF6wL3uIx/8wT9oLKXzI+rFqHHscByaA=="
+      "version": "1.5.76",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.76.tgz",
+      "integrity": "sha512-CjVQyG7n7Sr+eBXE86HIulnL5N8xZY1sgmOPGuq/F0Rr0FJq63lg0kEtOIDfZBk44FnDLf6FUJ+dsJcuiUDdDQ=="
     },
     "node_modules/emoji-regex": {
       "version": "8.0.0",
@@ -13422,6 +13430,23 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/engine.io/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/engine.io/node_modules/ws": {
       "version": "8.17.1",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
@@ -13444,9 +13469,9 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
-      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz",
+      "integrity": "sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -13470,12 +13495,15 @@
       }
     },
     "node_modules/ent": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.1.tgz",
-      "integrity": "sha512-QHuXVeZx9d+tIQAz/XztU0ZwZf2Agg9CcXcgE1rurqvdBeDBrpSwjl8/6XUqMg7tw2Y7uAdKb2sRv+bSEFqQ5A==",
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.2.tgz",
+      "integrity": "sha512-kKvD1tO6BM+oK9HzCPpUdRb4vKFQY/FPTFmurMvh6LlN68VMrdj77w8yp51/kDbpkFOS9J8w5W6zIzgM2H8/hw==",
       "dev": true,
       "dependencies": {
-        "punycode": "^1.4.1"
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "punycode": "^1.4.1",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -13542,57 +13570,62 @@
       }
     },
     "node_modules/es-abstract": {
-      "version": "1.23.5",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.5.tgz",
-      "integrity": "sha512-vlmniQ0WNPwXqA0BnmwV3Ng7HxiGlh6r5U6JcTMNx8OilcAGqVJBHJcPjqOMaczU9fRuRK5Px2BdVyPRnKMMVQ==",
+      "version": "1.23.9",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.9.tgz",
+      "integrity": "sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==",
       "peer": true,
       "dependencies": {
-        "array-buffer-byte-length": "^1.0.1",
-        "arraybuffer.prototype.slice": "^1.0.3",
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
-        "data-view-buffer": "^1.0.1",
-        "data-view-byte-length": "^1.0.1",
-        "data-view-byte-offset": "^1.0.0",
-        "es-define-property": "^1.0.0",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
         "es-errors": "^1.3.0",
         "es-object-atoms": "^1.0.0",
-        "es-set-tostringtag": "^2.0.3",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.4",
-        "get-symbol-description": "^1.0.2",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.0",
+        "get-symbol-description": "^1.1.0",
         "globalthis": "^1.0.4",
-        "gopd": "^1.0.1",
+        "gopd": "^1.2.0",
         "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.0.3",
-        "has-symbols": "^1.0.3",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
         "hasown": "^2.0.2",
-        "internal-slot": "^1.0.7",
-        "is-array-buffer": "^3.0.4",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
         "is-callable": "^1.2.7",
-        "is-data-view": "^1.0.1",
-        "is-negative-zero": "^2.0.3",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.3",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.13",
-        "is-weakref": "^1.0.2",
+        "is-data-view": "^1.0.2",
+        "is-regex": "^1.2.1",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.0",
+        "math-intrinsics": "^1.1.0",
         "object-inspect": "^1.13.3",
         "object-keys": "^1.1.1",
-        "object.assign": "^4.1.5",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
         "regexp.prototype.flags": "^1.5.3",
-        "safe-array-concat": "^1.1.2",
-        "safe-regex-test": "^1.0.3",
-        "string.prototype.trim": "^1.2.9",
-        "string.prototype.trimend": "^1.0.8",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
         "string.prototype.trimstart": "^1.0.8",
-        "typed-array-buffer": "^1.0.2",
-        "typed-array-byte-length": "^1.0.1",
-        "typed-array-byte-offset": "^1.0.2",
-        "typed-array-length": "^1.0.6",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.15"
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.18"
       },
       "engines": {
         "node": ">= 0.4"
@@ -13602,12 +13635,9 @@
       }
     },
     "node_modules/es-define-property": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
-      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
-      "dependencies": {
-        "get-intrinsic": "^1.2.4"
-      },
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
       "engines": {
         "node": ">= 0.4"
       }
@@ -13621,9 +13651,9 @@
       }
     },
     "node_modules/es-module-lexer": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz",
-      "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw=="
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.6.0.tgz",
+      "integrity": "sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ=="
     },
     "node_modules/es-object-atoms": {
       "version": "1.0.0",
@@ -13637,14 +13667,15 @@
       }
     },
     "node_modules/es-set-tostringtag": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
-      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
       "peer": true,
       "dependencies": {
-        "get-intrinsic": "^1.2.4",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
         "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.1"
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -13660,14 +13691,14 @@
       }
     },
     "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
       "peer": true,
       "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -13677,9 +13708,9 @@
       }
     },
     "node_modules/es-toolkit": {
-      "version": "1.27.0",
-      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.27.0.tgz",
-      "integrity": "sha512-ETSFA+ZJArcuSCpzD2TjAy6UHpx4E4uqFsoDg9F/nTLogrLmVVZQ+zNxco5h7cWnA1nNak07IXsLcaSMih+ZPQ==",
+      "version": "1.31.0",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.31.0.tgz",
+      "integrity": "sha512-vwS0lv/tzjM2/t4aZZRAgN9I9TP0MSkWuvt6By+hEXfG/uLs8yg2S1/ayRXH/x3pinbLgVJYT+eppueg3cM6tg==",
       "dev": true,
       "workspaces": [
         "docs",
@@ -13998,9 +14029,9 @@
       }
     },
     "node_modules/eslint-plugin-jsdoc": {
-      "version": "50.5.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-50.5.0.tgz",
-      "integrity": "sha512-xTkshfZrUbiSHXBwZ/9d5ulZ2OcHXxSvm/NPo494H/hadLRJwOq5PMV0EUpMqsb9V+kQo+9BAgi6Z7aJtdBp2A==",
+      "version": "50.6.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-50.6.1.tgz",
+      "integrity": "sha512-UWyaYi6iURdSfdVVqvfOs2vdCVz0J40O/z/HTsv2sFjdjmdlUI/qlKLOTmwbPQ2tAfQnE5F9vqx+B+poF71DBQ==",
       "peer": true,
       "dependencies": {
         "@es-joy/jsdoccomment": "~0.49.0",
@@ -14064,9 +14095,9 @@
       }
     },
     "node_modules/eslint-plugin-storybook": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.11.0.tgz",
-      "integrity": "sha512-MvPJgF+ORwgK04a1CY5itO4pwdAOFIRqczlNEHL62+4Ocvj1d61GWRqIdeX1BNCKno6fdPC6TksUHCZMGsq26g==",
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.11.2.tgz",
+      "integrity": "sha512-0Z4DUklJrC+GHjCRXa7PYfPzWC15DaVnwaOYenpgXiCEijXPZkLKCms+rHhtoRcWccP7Z8DpOOaP1gc3P9oOwg==",
       "peer": true,
       "dependencies": {
         "@storybook/csf": "^0.1.11",
@@ -14077,17 +14108,17 @@
         "node": ">= 18"
       },
       "peerDependencies": {
-        "eslint": ">=6"
+        "eslint": ">=8"
       }
     },
     "node_modules/eslint-plugin-storybook/node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.15.0.tgz",
-      "integrity": "sha512-QRGy8ADi4J7ii95xz4UoiymmmMd/zuy9azCaamnZ3FM8T5fZcex8UfJcjkiEZjJSztKfEBe3dZ5T/5RHAmw2mA==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.19.0.tgz",
+      "integrity": "sha512-hkoJiKQS3GQ13TSMEiuNmSCvhz7ujyqD1x3ShbaETATHrck+9RaDdUbt+osXaUuns9OFwrDTTrjtwsU8gJyyRA==",
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.15.0",
-        "@typescript-eslint/visitor-keys": "8.15.0"
+        "@typescript-eslint/types": "8.19.0",
+        "@typescript-eslint/visitor-keys": "8.19.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -14098,9 +14129,9 @@
       }
     },
     "node_modules/eslint-plugin-storybook/node_modules/@typescript-eslint/types": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.15.0.tgz",
-      "integrity": "sha512-n3Gt8Y/KyJNe0S3yDCD2RVKrHBC4gTUcLTebVBXacPy091E6tNspFLKRXlk3hwT4G55nfr1n2AdFqi/XMxzmPQ==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.19.0.tgz",
+      "integrity": "sha512-8XQ4Ss7G9WX8oaYvD4OOLCjIQYgRQxO+qCiR2V2s2GxI9AUpo7riNwo6jDhKtTcaJjT8PY54j2Yb33kWtSJsmA==",
       "peer": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -14111,13 +14142,13 @@
       }
     },
     "node_modules/eslint-plugin-storybook/node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.15.0.tgz",
-      "integrity": "sha512-1eMp2JgNec/niZsR7ioFBlsh/Fk0oJbhaqO0jRyQBMgkz7RrFfkqF9lYYmBoGBaSiLnu8TAPQTwoTUiSTUW9dg==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.19.0.tgz",
+      "integrity": "sha512-WW9PpDaLIFW9LCbucMSdYUuGeFUz1OkWYS/5fwZwTA+l2RwlWFdJvReQqMUMBw4yJWJOfqd7An9uwut2Oj8sLw==",
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.15.0",
-        "@typescript-eslint/visitor-keys": "8.15.0",
+        "@typescript-eslint/types": "8.19.0",
+        "@typescript-eslint/visitor-keys": "8.19.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
@@ -14132,22 +14163,20 @@
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/eslint-plugin-storybook/node_modules/@typescript-eslint/utils": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.15.0.tgz",
-      "integrity": "sha512-k82RI9yGhr0QM3Dnq+egEpz9qB6Un+WLYhmoNcvl8ltMEededhh7otBVVIDDsEEttauwdY/hQoSsOv13lxrFzQ==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.19.0.tgz",
+      "integrity": "sha512-PTBG+0oEMPH9jCZlfg07LCB2nYI0I317yyvXGfxnvGvw4SHIOuRnQ3kadyyXY6tGdChusIHIbM5zfIbp4M6tCg==",
       "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
-        "@typescript-eslint/scope-manager": "8.15.0",
-        "@typescript-eslint/types": "8.15.0",
-        "@typescript-eslint/typescript-estree": "8.15.0"
+        "@typescript-eslint/scope-manager": "8.19.0",
+        "@typescript-eslint/types": "8.19.0",
+        "@typescript-eslint/typescript-estree": "8.19.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -14157,21 +14186,17 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/eslint-plugin-storybook/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.15.0.tgz",
-      "integrity": "sha512-h8vYOulWec9LhpwfAdZf2bjr8xIp0KNKnpgqSz0qqYYKAW/QZKw3ktRndbiAtUz4acH4QLQavwZBYCc0wulA/Q==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.19.0.tgz",
+      "integrity": "sha512-mCFtBbFBJDCNCWUl5y6sZSCHXw1DEFEk3c/M3nRK2a4XUB8StGFtmcEMizdjKuBzB6e/smJAAWYug3VrdLMr1w==",
       "peer": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.15.0",
+        "@typescript-eslint/types": "8.19.0",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -14478,9 +14503,9 @@
       "dev": true
     },
     "node_modules/express": {
-      "version": "4.21.1",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz",
-      "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
+      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
       "dev": true,
       "dependencies": {
         "accepts": "~1.3.8",
@@ -14502,7 +14527,7 @@
         "methods": "~1.1.2",
         "on-finished": "2.4.1",
         "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.10",
+        "path-to-regexp": "0.1.12",
         "proxy-addr": "~2.0.7",
         "qs": "6.13.0",
         "range-parser": "~1.2.1",
@@ -14517,6 +14542,10 @@
       },
       "engines": {
         "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
       }
     },
     "node_modules/express/node_modules/debug": {
@@ -14688,19 +14717,10 @@
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
     },
-    "node_modules/fastest-levenshtein": {
-      "version": "1.0.16",
-      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
-      "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4.9.1"
-      }
-    },
     "node_modules/fastq": {
-      "version": "1.17.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
-      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.18.0.tgz",
+      "integrity": "sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==",
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -14912,9 +14932,9 @@
       }
     },
     "node_modules/flatbuffers": {
-      "version": "24.3.25",
-      "resolved": "https://registry.npmjs.org/flatbuffers/-/flatbuffers-24.3.25.tgz",
-      "integrity": "sha512-3HDgPbgiwWMI9zVB7VYBHaMrbOO7Gm0v+yD2FV/sCKj+9NDeVL7BOBYUuhWAQGKWOzBo8S9WdMvV0eixO233XQ=="
+      "version": "24.12.23",
+      "resolved": "https://registry.npmjs.org/flatbuffers/-/flatbuffers-24.12.23.tgz",
+      "integrity": "sha512-dLVCAISd5mhls514keQzmEG6QHmUUsNuWsb4tFafIUwvvgDjXhtfAYSKOzt5SWOy+qByV5pbsDZ+Vb7HUOBEdA=="
     },
     "node_modules/flatted": {
       "version": "3.3.2",
@@ -14922,9 +14942,9 @@
       "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA=="
     },
     "node_modules/flow-parser": {
-      "version": "0.253.0",
-      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.253.0.tgz",
-      "integrity": "sha512-EbxtzRIzp8dDSzTloPhsc6uOvrEFIyu08cqQzXBWLAgxK+i2d/5qOos9ryQHRmk+RyDDXfnz/7qteh3jnAlc4w==",
+      "version": "0.257.1",
+      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.257.1.tgz",
+      "integrity": "sha512-7+KYDpAXyBPD/wODhbPYO6IGUx+WwtJcLLG/r3DvbNyxaDyuYaTBKbSqeCldWQzuFcj+MsOVx2bpkEwVPB9JRw==",
       "dev": true,
       "engines": {
         "node": ">=0.4.0"
@@ -15190,15 +15210,17 @@
       }
     },
     "node_modules/function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
       },
       "engines": {
         "node": ">= 0.4"
@@ -15233,15 +15255,20 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
-      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz",
+      "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==",
       "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-define-property": "^1.0.1",
         "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
         "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
+        "get-proto": "^1.0.0",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -15259,6 +15286,18 @@
         "node": ">=8.0.0"
       }
     },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/get-stdin": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
@@ -15284,14 +15323,14 @@
       }
     },
     "node_modules/get-symbol-description": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
-      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4"
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -15301,15 +15340,14 @@
       }
     },
     "node_modules/get-uri": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-6.0.3.tgz",
-      "integrity": "sha512-BzUrJBS9EcUb4cFol8r4W3v1cPsSyajLSthNkz5BxbpDcHN5tIrM10E2eNvfnvBn3DaT3DUgx0OpsBKkaOpanw==",
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-6.0.4.tgz",
+      "integrity": "sha512-E1b1lFFLvLgak2whF2xDBcOy6NLVGZBqqjJjsIhvopKfWWEi64pLVTWWehV8KlLerZkfNTA95sTe2OdJKm1OzQ==",
       "dev": true,
       "dependencies": {
         "basic-ftp": "^5.0.2",
         "data-uri-to-buffer": "^6.0.2",
-        "debug": "^4.3.4",
-        "fs-extra": "^11.2.0"
+        "debug": "^4.3.4"
       },
       "engines": {
         "node": ">= 14"
@@ -15442,11 +15480,11 @@
       }
     },
     "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -15534,10 +15572,13 @@
       }
     },
     "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
       "peer": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -15562,9 +15603,13 @@
       }
     },
     "node_modules/has-proto": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
-      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "peer": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -15573,9 +15618,9 @@
       }
     },
     "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "engines": {
         "node": ">= 0.4"
       },
@@ -16081,89 +16126,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/import-local": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.2.0.tgz",
-      "integrity": "sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==",
-      "dev": true,
-      "dependencies": {
-        "pkg-dir": "^4.2.0",
-        "resolve-cwd": "^3.0.0"
-      },
-      "bin": {
-        "import-local-fixture": "fixtures/cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/import-local/node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/import-local/node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/import-local/node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dev": true,
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/import-local/node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/import-local/node_modules/pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -16241,9 +16203,9 @@
       }
     },
     "node_modules/inquirer/node_modules/chalk": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
-      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz",
+      "integrity": "sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==",
       "dev": true,
       "engines": {
         "node": "^12.17.0 || ^14.13 || >=16.0.0"
@@ -16267,14 +16229,14 @@
       }
     },
     "node_modules/internal-slot": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
-      "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
       "peer": true,
       "dependencies": {
         "es-errors": "^1.3.0",
-        "hasown": "^2.0.0",
-        "side-channel": "^1.0.4"
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16288,24 +16250,15 @@
         "node": ">=12"
       }
     },
-    "node_modules/interpret": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/interpret/-/interpret-3.1.1.tgz",
-      "integrity": "sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
     "node_modules/intl-messageformat": {
-      "version": "10.7.7",
-      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.7.tgz",
-      "integrity": "sha512-F134jIoeYMro/3I0h08D0Yt4N9o9pjddU/4IIxMMURqbAtI2wu70X8hvG1V48W49zXHXv3RKSF/po+0fDfsGjA==",
+      "version": "10.7.11",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.11.tgz",
+      "integrity": "sha512-IB2N1tmI24k2EFH3PWjU7ivJsnWyLwOWOva0jnXFa29WzB6fb0JZ5EMQGu+XN5lDtjHYFo0/UooP67zBwUg7rQ==",
       "dev": true,
       "dependencies": {
-        "@formatjs/ecma402-abstract": "2.2.4",
-        "@formatjs/fast-memoize": "2.2.3",
-        "@formatjs/icu-messageformat-parser": "2.9.4",
+        "@formatjs/ecma402-abstract": "2.3.2",
+        "@formatjs/fast-memoize": "2.2.6",
+        "@formatjs/icu-messageformat-parser": "2.9.8",
         "tslib": "2"
       }
     },
@@ -16356,13 +16309,13 @@
       }
     },
     "node_modules/is-arguments": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
-      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16372,13 +16325,14 @@
       }
     },
     "node_modules/is-array-buffer": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
-      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16393,13 +16347,31 @@
       "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
       "dev": true
     },
-    "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
       "peer": true,
       "dependencies": {
-        "has-bigints": "^1.0.1"
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "peer": true,
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -16417,13 +16389,13 @@
       }
     },
     "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.1.tgz",
+      "integrity": "sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16456,9 +16428,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.15.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
-      "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
       "dependencies": {
         "hasown": "^2.0.2"
       },
@@ -16470,11 +16442,13 @@
       }
     },
     "node_modules/is-data-view": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
-      "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
       "peer": true,
       "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
         "is-typed-array": "^1.1.13"
       },
       "engines": {
@@ -16485,12 +16459,13 @@
       }
     },
     "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
       "peer": true,
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16541,6 +16516,21 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "peer": true,
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-fullwidth-code-point": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
@@ -16550,12 +16540,14 @@
       }
     },
     "node_modules/is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "dev": true,
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
+      "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.0",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16596,6 +16588,18 @@
       "integrity": "sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==",
       "dev": true
     },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-module": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
@@ -16618,18 +16622,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
-      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
-      "peer": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -16639,12 +16631,13 @@
       }
     },
     "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
       "peer": true,
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16704,14 +16697,27 @@
       }
     },
     "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
-      "peer": true,
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "peer": true,
       "engines": {
         "node": ">= 0.4"
       },
@@ -16720,12 +16726,12 @@
       }
     },
     "node_modules/is-shared-array-buffer": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
-      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.7"
+        "call-bound": "^1.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16756,12 +16762,13 @@
       }
     },
     "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
       "peer": true,
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16771,12 +16778,14 @@
       }
     },
     "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
       "peer": true,
       "dependencies": {
-        "has-symbols": "^1.0.2"
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16786,11 +16795,11 @@
       }
     },
     "node_modules/is-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
-      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
       "dependencies": {
-        "which-typed-array": "^1.1.14"
+        "which-typed-array": "^1.1.16"
       },
       "engines": {
         "node": ">= 0.4"
@@ -16817,13 +16826,44 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "peer": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.0.tgz",
+      "integrity": "sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==",
+      "peer": true,
+      "dependencies": {
+        "call-bound": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.2"
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -17023,22 +17063,22 @@
       }
     },
     "node_modules/jasmine": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/jasmine/-/jasmine-5.4.0.tgz",
-      "integrity": "sha512-E2u4ylX5tgGYvbynImU6EUBKKrSVB1L72FEPjGh4M55ov1VsxR26RA2JU91L9YSPFgcjo4mCLyKn/QXvEYGBkA==",
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/jasmine/-/jasmine-5.5.0.tgz",
+      "integrity": "sha512-JKlEVCVD5QBPYLsg/VE+IUtjyseDCrW8rMBu8la+9ysYashDgavMLM9Kotls1FhI6dCJLJ40dBCIfQjGLPZI1Q==",
       "dev": true,
       "dependencies": {
         "glob": "^10.2.2",
-        "jasmine-core": "~5.4.0"
+        "jasmine-core": "~5.5.0"
       },
       "bin": {
         "jasmine": "bin/jasmine.js"
       }
     },
     "node_modules/jasmine-core": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.4.0.tgz",
-      "integrity": "sha512-T4fio3W++llLd7LGSGsioriDHgWyhoL6YTu4k37uwJLF7DzOzspz7mNxRoM3cQdLWtL/ebazQpIf/yZGJx/gzg==",
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-5.5.0.tgz",
+      "integrity": "sha512-NHOvoPO6o9gVR6pwqEACTEpbgcH+JJ6QDypyymGbSUIFIFsMMbBJ/xsFNud8MSClfnWclXd7RQlAZBz7yVo5TQ==",
       "dev": true
     },
     "node_modules/jasmine/node_modules/brace-expansion": {
@@ -17137,9 +17177,9 @@
       }
     },
     "node_modules/jiti": {
-      "version": "1.21.6",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
-      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
       "dev": true,
       "bin": {
         "jiti": "bin/jiti.js"
@@ -17383,12 +17423,13 @@
       "dev": true
     },
     "node_modules/json-stable-stringify": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.1.1.tgz",
-      "integrity": "sha512-SU/971Kt5qVQfJpyDveVhQ/vya+5hvrjClFOcr8c0Fq5aODJjMwutrOfCU+eCnVD5gpx1Q3fEqkyom77zH1iIg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.2.1.tgz",
+      "integrity": "sha512-Lp6HbbBgosLmJbjx0pBLbgvx68FaFU1sdkmBuckmhhJ88kL13OA51CDtR2yJB50eCNMH9wRqtQNNiAqQH4YXnA==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "isarray": "^2.0.5",
         "jsonify": "^0.0.1",
         "object-keys": "^1.1.1"
@@ -18164,14 +18205,14 @@
       }
     },
     "node_modules/linkifyjs": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.1.3.tgz",
-      "integrity": "sha512-auMesunaJ8yfkHvK4gfg1K0SaKX/6Wn9g2Aac/NwX+l5VdmFZzo/hdPGxEOETj+ryRa4/fiOPjeeKURSAJx1sg=="
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.2.0.tgz",
+      "integrity": "sha512-pCj3PrQyATaoTYKHrgWRF3SJwsm61udVh+vuls/Rl6SptiDhgE7ziUIudAedRY9QEfynmM7/RmLEfPUyw1HPCw=="
     },
     "node_modules/liquidjs": {
-      "version": "10.19.0",
-      "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.19.0.tgz",
-      "integrity": "sha512-dNINmbNJ/bp3B8n25BtZQV/GbrmFf0o2InGdMdfQXa+LxfzTFXOkUnBsOLZUb82sLzxaiWv5Jc381Kn4zHjTsQ==",
+      "version": "10.20.0",
+      "resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.20.0.tgz",
+      "integrity": "sha512-y1tHDaHGtYXcZehRzy8UST0t0E9iPOdT4hAk5ZuSquaDRW4j1lGUePaVyX6AP07cZarm3tL8FEtHx19UXgi9pQ==",
       "dev": true,
       "dependencies": {
         "commander": "^10.0.0"
@@ -18622,6 +18663,14 @@
       "integrity": "sha512-q9JtQJKjpsVxCRVgQ+WapguSbKC3SQ5HEzFGPAJMStgh3QjCawp00UKv3MTTAArTmGmmPUvllHZoNbZ3gs0I+Q==",
       "dev": true
     },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/maximatch": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/maximatch/-/maximatch-0.1.0.tgz",
@@ -19427,9 +19476,9 @@
       }
     },
     "node_modules/micromark-util-subtokenize": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.0.2.tgz",
-      "integrity": "sha512-xKxhkB62vwHUuuxHe9Xqty3UaAsizV2YKq5OV344u3hFBbf8zIYrhYOWhAQb94MtMPkjTOzzjJ/hid9/dR5vFA==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.0.3.tgz",
+      "integrity": "sha512-VXJJuNxYWSoYL6AJ6OQECCFGhIU2GGHMw8tahogePBrjkG8aCCas3ibkp7RnVOSTClg2is05/R7maAhF1XyQMg==",
       "dev": true,
       "funding": [
         {
@@ -19835,9 +19884,9 @@
       }
     },
     "node_modules/nanoid": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "version": "3.3.8",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
+      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
       "dev": true,
       "funding": [
         {
@@ -19970,6 +20019,30 @@
         }
       }
     },
+    "node_modules/ng-packagr/node_modules/@rollup/plugin-node-resolve": {
+      "version": "15.3.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.3.1.tgz",
+      "integrity": "sha512-tgg6b91pAybXHJQMAAwW9VuWBO6Thi+q7BCNARLwSqlmsHz0XYURtGvh/AuwSADXSI4h/2uHbs7s4FzlZDGSGA==",
+      "dev": true,
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "@types/resolve": "1.20.2",
+        "deepmerge": "^4.2.2",
+        "is-module": "^1.0.0",
+        "resolve": "^1.22.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^2.78.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/ng-packagr/node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -20167,9 +20240,9 @@
       }
     },
     "node_modules/node-gyp": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-10.2.0.tgz",
-      "integrity": "sha512-sp3FonBAaFe4aYTcFdZUn2NYkbP7xroPGYvQmP4Nl5PxamznItBnNCgjrVTKrEfQynInMsJvZrdmqUnysCJ8rw==",
+      "version": "10.3.1",
+      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-10.3.1.tgz",
+      "integrity": "sha512-Pp3nFHBThHzVtNY7U6JfPjvT/DTE8+o/4xKsLQtBoU+j2HLsGlhcfzflAoUreaJbNmYnX+LlLi0qjV8kpyO6xQ==",
       "dev": true,
       "dependencies": {
         "env-paths": "^2.2.0",
@@ -20191,9 +20264,9 @@
       }
     },
     "node_modules/node-gyp-build": {
-      "version": "4.8.3",
-      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.3.tgz",
-      "integrity": "sha512-EMS95CMJzdoSKoIiXo8pxKoL8DYxwIZXYlLmgPb8KUv794abpnLK6ynsCAWNliOjREKruYKdzbh76HHYUHX7nw==",
+      "version": "4.8.4",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.4.tgz",
+      "integrity": "sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==",
       "dev": true,
       "optional": true,
       "bin": {
@@ -20317,9 +20390,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.18",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
-      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g=="
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="
     },
     "node_modules/node-retrieve-globals": {
       "version": "6.0.0",
@@ -20738,13 +20811,15 @@
       }
     },
     "node_modules/object.assign": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
-      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
-        "has-symbols": "^1.0.3",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
         "object-keys": "^1.1.1"
       },
       "engines": {
@@ -20800,12 +20875,13 @@
       }
     },
     "node_modules/object.values": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
-      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
         "es-object-atoms": "^1.0.0"
       },
@@ -20941,6 +21017,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "peer": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/p-graph": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/p-graph/-/p-graph-1.1.2.tgz",
@@ -21022,31 +21115,31 @@
       }
     },
     "node_modules/pac-proxy-agent": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.0.2.tgz",
-      "integrity": "sha512-BFi3vZnO9X5Qt6NRz7ZOaPja3ic0PhlsmCRYLOpN11+mWBCR6XJDqW5RF3j8jm4WGGQZtBA+bTfxYzeKW73eHg==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.1.0.tgz",
+      "integrity": "sha512-Z5FnLVVZSnX7WjBg0mhDtydeRZ1xMcATZThjySQUHqr+0ksP8kqaw23fNKkaaN/Z8gwLUs/W7xdl0I75eP2Xyw==",
       "dev": true,
       "dependencies": {
         "@tootallnate/quickjs-emscripten": "^0.23.0",
-        "agent-base": "^7.0.2",
+        "agent-base": "^7.1.2",
         "debug": "^4.3.4",
         "get-uri": "^6.0.1",
         "http-proxy-agent": "^7.0.0",
-        "https-proxy-agent": "^7.0.5",
+        "https-proxy-agent": "^7.0.6",
         "pac-resolver": "^7.0.1",
-        "socks-proxy-agent": "^8.0.4"
+        "socks-proxy-agent": "^8.0.5"
       },
       "engines": {
         "node": ">= 14"
       }
     },
     "node_modules/pac-proxy-agent/node_modules/https-proxy-agent": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.5.tgz",
-      "integrity": "sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
       "dev": true,
       "dependencies": {
-        "agent-base": "^7.0.2",
+        "agent-base": "^7.1.2",
         "debug": "4"
       },
       "engines": {
@@ -21411,9 +21504,9 @@
       }
     },
     "node_modules/path-to-regexp": {
-      "version": "0.1.10",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
-      "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==",
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
       "dev": true
     },
     "node_modules/path-type": {
@@ -21425,9 +21518,9 @@
       }
     },
     "node_modules/path-unified": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/path-unified/-/path-unified-0.1.0.tgz",
-      "integrity": "sha512-/Oaz9ZJforrkmFrwkR/AcvjVsCAwGSJHO0X6O6ISj8YeFbATjIEBXLDcZfnK3MO4uvCBrJTdVIxdOc79PMqSdg==",
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/path-unified/-/path-unified-0.2.0.tgz",
+      "integrity": "sha512-MNKqvrKbbbb5p7XHXV6ZAsf/1f/yJQa13S/fcX0uua8ew58Tgc6jXV+16JyAbnR/clgCH+euKDxrF2STxMHdrg==",
       "dev": true
     },
     "node_modules/path/node_modules/inherits": {
@@ -21607,13 +21700,13 @@
       }
     },
     "node_modules/pkg-types": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.2.1.tgz",
-      "integrity": "sha512-sQoqa8alT3nHjGuTjuKgOnvjo4cljkufdtLMnO2LBP/wRwuDlo1tkaEdMxCRhyGRPacv/ztlZgDPm2b7FAmEvw==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.0.tgz",
+      "integrity": "sha512-kS7yWjVFCkIw9hqdJBoMxDdzEngmkr5FXeWZZfQ6GoYacjVnsW6l2CcYW/0ThD0vF4LPJgVYnrg4d0uuhwYQbg==",
       "dev": true,
       "dependencies": {
         "confbox": "^0.1.8",
-        "mlly": "^1.7.2",
+        "mlly": "^1.7.3",
         "pathe": "^1.1.2"
       }
     },
@@ -21780,9 +21873,9 @@
       }
     },
     "node_modules/postcss-modules-local-by-default": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.1.0.tgz",
-      "integrity": "sha512-rm0bdSv4jC3BDma3s9H19ZddW0aHX6EoqwDYU2IfZhRN+53QrufTRo2IdkAbRqLx4R2IYbZnbjKKxg4VN5oU9Q==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz",
+      "integrity": "sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==",
       "dev": true,
       "dependencies": {
         "icss-utils": "^5.0.0",
@@ -21859,9 +21952,9 @@
       }
     },
     "node_modules/posthtml-match-helper": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/posthtml-match-helper/-/posthtml-match-helper-2.0.2.tgz",
-      "integrity": "sha512-ehnazjlSwcGa3P2LlFYmTmcnaembTSt9dLWIRRDVHDPidf6InWAr9leKeeLvUXgnU32g6BrFS64Je+c2Ld+l9g==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/posthtml-match-helper/-/posthtml-match-helper-2.0.3.tgz",
+      "integrity": "sha512-p9oJgTdMF2dyd7WE54QI1LvpBIkNkbSiiECKezNnDVYhGhD1AaOnAkw0Uh0y5TW+OHO8iBdSqnd8Wkpb6iUqmw==",
       "dev": true,
       "engines": {
         "node": ">=18"
@@ -21986,9 +22079,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
-      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz",
+      "integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==",
       "dev": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
@@ -22541,9 +22634,9 @@
       }
     },
     "node_modules/prosemirror-model": {
-      "version": "1.23.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.23.0.tgz",
-      "integrity": "sha512-Q/fgsgl/dlOAW9ILu4OOhYWQbc7TQd4BwKH/RwmUjyVf8682Be4zj3rOYdLnYEcGzyg8LL9Q5IWYKD8tdToreQ==",
+      "version": "1.24.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.24.1.tgz",
+      "integrity": "sha512-YM053N+vTThzlWJ/AtPtF1j0ebO36nvbmDy4U7qA2XQB8JVaQp1FmB9Jhrps8s+z+uxhhVTny4m20ptUvhk0Mg==",
       "dependencies": {
         "orderedmap": "^2.0.0"
       }
@@ -22558,9 +22651,9 @@
       }
     },
     "node_modules/prosemirror-schema-list": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.4.1.tgz",
-      "integrity": "sha512-jbDyaP/6AFfDfu70VzySsD75Om2t3sXTOdl5+31Wlxlg62td1haUpty/ybajSfJ1pkGadlOfwQq9kgW5IMo1Rg==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.0.tgz",
+      "integrity": "sha512-gg1tAfH1sqpECdhIHOA/aLg2VH3ROKBWQ4m8Qp9mBKrOxQRW61zc+gMCI8nh22gnBzd1t2u1/NPLmO3nAa3ssg==",
       "peer": true,
       "dependencies": {
         "prosemirror-model": "^1.0.0",
@@ -22579,16 +22672,16 @@
       }
     },
     "node_modules/prosemirror-tables": {
-      "version": "1.6.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.6.1.tgz",
-      "integrity": "sha512-p8WRJNA96jaNQjhJolmbxTzd6M4huRE5xQ8OxjvMhQUP0Nzpo4zz6TztEiwk6aoqGBhz9lxRWR1yRZLlpQN98w==",
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.6.2.tgz",
+      "integrity": "sha512-97dKocVLrEVTQjZ4GBLdrrMw7Gv3no8H8yMwf5IRM9OoHrzbWpcH5jJxYgNQIRCtdIqwDctT1HdMHrGTiwp1dQ==",
       "peer": true,
       "dependencies": {
-        "prosemirror-keymap": "^1.1.2",
-        "prosemirror-model": "^1.8.1",
-        "prosemirror-state": "^1.3.1",
-        "prosemirror-transform": "^1.2.1",
-        "prosemirror-view": "^1.13.3"
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-model": "^1.24.1",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-transform": "^1.10.2",
+        "prosemirror-view": "^1.37.1"
       }
     },
     "node_modules/prosemirror-trailing-node": {
@@ -22627,9 +22720,9 @@
       }
     },
     "node_modules/prosemirror-view": {
-      "version": "1.36.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.36.0.tgz",
-      "integrity": "sha512-U0GQd5yFvV5qUtT41X1zCQfbw14vkbbKwLlQXhdylEmgpYVHkefXYcC4HHwWOfZa3x6Y8wxDLUBv7dxN5XQ3nA==",
+      "version": "1.37.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.37.1.tgz",
+      "integrity": "sha512-MEAnjOdXU1InxEmhjgmEzQAikaS6lF3hD64MveTPpjOGNTl87iRLA1HupC/DEV6YuK7m4Q9DHFNTjwIVtqz5NA==",
       "dependencies": {
         "prosemirror-model": "^1.20.0",
         "prosemirror-state": "^1.0.0",
@@ -22662,19 +22755,32 @@
       }
     },
     "node_modules/proxy-agent": {
-      "version": "6.4.0",
-      "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-6.4.0.tgz",
-      "integrity": "sha512-u0piLU+nCOHMgGjRbimiXmA9kM/L9EHh3zL81xCdp7m+Y2pHIsnmbdDoEDoAz5geaonNR6q6+yOPQs6n4T6sBQ==",
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-6.5.0.tgz",
+      "integrity": "sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A==",
       "dev": true,
       "dependencies": {
-        "agent-base": "^7.0.2",
+        "agent-base": "^7.1.2",
         "debug": "^4.3.4",
         "http-proxy-agent": "^7.0.1",
-        "https-proxy-agent": "^7.0.3",
+        "https-proxy-agent": "^7.0.6",
         "lru-cache": "^7.14.1",
-        "pac-proxy-agent": "^7.0.1",
+        "pac-proxy-agent": "^7.1.0",
         "proxy-from-env": "^1.1.0",
-        "socks-proxy-agent": "^8.0.2"
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/proxy-agent/node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
       },
       "engines": {
         "node": ">= 14"
@@ -22847,18 +22953,18 @@
       }
     },
     "node_modules/react-confetti": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/react-confetti/-/react-confetti-6.1.0.tgz",
-      "integrity": "sha512-7Ypx4vz0+g8ECVxr88W9zhcQpbeujJAVqL14ZnXJ3I23mOI9/oBVTQ3dkJhUmB0D6XOtCZEM6N0Gm9PMngkORw==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/react-confetti/-/react-confetti-6.2.2.tgz",
+      "integrity": "sha512-K+kTyOPgX+ZujMZ+Rmb7pZdHBvg+DzinG/w4Eh52WOB8/pfO38efnnrtEZNJmjTvLxc16RBYO+tPM68Fg8viBA==",
       "dev": true,
       "dependencies": {
         "tween-functions": "^1.2.0"
       },
       "engines": {
-        "node": ">=10.18"
+        "node": ">=16"
       },
       "peerDependencies": {
-        "react": "^16.3.0 || ^17.0.1 || ^18.0.0"
+        "react": "^16.3.0 || ^17.0.1 || ^18.0.0 || ^19.0.0"
       }
     },
     "node_modules/react-dom": {
@@ -23070,18 +23176,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/rechoir": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz",
-      "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==",
-      "dev": true,
-      "dependencies": {
-        "resolve": "^1.20.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      }
-    },
     "node_modules/redent": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
@@ -23100,6 +23194,28 @@
       "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
       "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q=="
     },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.9.tgz",
+      "integrity": "sha512-r0Ay04Snci87djAsI4U+WNRcSw5S4pOH7qFjd/veA5gC7TbqESR3tcj28ia95L/fYUDw11JKP7uqUKUAfVvV5Q==",
+      "peer": true,
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "dunder-proto": "^1.0.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/regenerate": {
       "version": "1.4.2",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
@@ -23158,15 +23274,15 @@
       }
     },
     "node_modules/regexpu-core": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.1.1.tgz",
-      "integrity": "sha512-k67Nb9jvwJcJmVpw0jPttR1/zVfnKf8Km0IPatrU/zJ5XeG3+Slx0xLXs9HByJSzXzrlz5EDvN6yLNMDc2qdnw==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.2.0.tgz",
+      "integrity": "sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==",
       "dev": true,
       "dependencies": {
         "regenerate": "^1.4.2",
         "regenerate-unicode-properties": "^10.2.0",
         "regjsgen": "^0.8.0",
-        "regjsparser": "^0.11.0",
+        "regjsparser": "^0.12.0",
         "unicode-match-property-ecmascript": "^2.0.0",
         "unicode-match-property-value-ecmascript": "^2.1.0"
       },
@@ -23181,9 +23297,9 @@
       "dev": true
     },
     "node_modules/regjsparser": {
-      "version": "0.11.2",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.11.2.tgz",
-      "integrity": "sha512-3OGZZ4HoLJkkAZx/48mTXJNlmqTGOzc0o9OWQPuWpkOlXXPbyN6OafCcoXUnBqE2D3f/T5L+pWc1kdEmnfnRsA==",
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.12.0.tgz",
+      "integrity": "sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==",
       "dev": true,
       "dependencies": {
         "jsesc": "~3.0.2"
@@ -23398,42 +23514,24 @@
       "dev": true
     },
     "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "version": "1.22.10",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
       "dependencies": {
-        "is-core-module": "^2.13.0",
+        "is-core-module": "^2.16.0",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
       "bin": {
         "resolve": "bin/resolve"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/resolve-cwd": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
-      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
-      "dev": true,
-      "dependencies": {
-        "resolve-from": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/resolve-cwd/node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -23541,9 +23639,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.27.3",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.27.3.tgz",
-      "integrity": "sha512-SLsCOnlmGt9VoZ9Ek8yBK8tAdmPHeppkw+Xa7yDlCEhDTvwYei03JlWo1fdc7YTfLZ4tD8riJCUyAgTbszk1fQ==",
+      "version": "4.29.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.29.1.tgz",
+      "integrity": "sha512-RaJ45M/kmJUzSWDs1Nnd5DdV4eerC98idtUOVr6FfKcgxqvjwHmxc5upLF9qZU9EpsVzzhleFahrT3shLuJzIw==",
       "dev": true,
       "dependencies": {
         "@types/estree": "1.0.6"
@@ -23556,34 +23654,35 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.27.3",
-        "@rollup/rollup-android-arm64": "4.27.3",
-        "@rollup/rollup-darwin-arm64": "4.27.3",
-        "@rollup/rollup-darwin-x64": "4.27.3",
-        "@rollup/rollup-freebsd-arm64": "4.27.3",
-        "@rollup/rollup-freebsd-x64": "4.27.3",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.27.3",
-        "@rollup/rollup-linux-arm-musleabihf": "4.27.3",
-        "@rollup/rollup-linux-arm64-gnu": "4.27.3",
-        "@rollup/rollup-linux-arm64-musl": "4.27.3",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.27.3",
-        "@rollup/rollup-linux-riscv64-gnu": "4.27.3",
-        "@rollup/rollup-linux-s390x-gnu": "4.27.3",
-        "@rollup/rollup-linux-x64-gnu": "4.27.3",
-        "@rollup/rollup-linux-x64-musl": "4.27.3",
-        "@rollup/rollup-win32-arm64-msvc": "4.27.3",
-        "@rollup/rollup-win32-ia32-msvc": "4.27.3",
-        "@rollup/rollup-win32-x64-msvc": "4.27.3",
+        "@rollup/rollup-android-arm-eabi": "4.29.1",
+        "@rollup/rollup-android-arm64": "4.29.1",
+        "@rollup/rollup-darwin-arm64": "4.29.1",
+        "@rollup/rollup-darwin-x64": "4.29.1",
+        "@rollup/rollup-freebsd-arm64": "4.29.1",
+        "@rollup/rollup-freebsd-x64": "4.29.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.29.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.29.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.29.1",
+        "@rollup/rollup-linux-arm64-musl": "4.29.1",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.29.1",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.29.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.29.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.29.1",
+        "@rollup/rollup-linux-x64-gnu": "4.29.1",
+        "@rollup/rollup-linux-x64-musl": "4.29.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.29.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.29.1",
+        "@rollup/rollup-win32-x64-msvc": "4.29.1",
         "fsevents": "~2.3.2"
       }
     },
     "node_modules/rollup-plugin-sourcemaps2": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-sourcemaps2/-/rollup-plugin-sourcemaps2-0.4.2.tgz",
-      "integrity": "sha512-FnDh9akYxaMjFCluD3hZBbMduC6hbslQqoEzN5UnWqIPjNqNcdE2S0BjuXNSCWi09uVRZfVJ2PliX4kq8qpCrA==",
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-sourcemaps2/-/rollup-plugin-sourcemaps2-0.4.3.tgz",
+      "integrity": "sha512-q+50FHvE0RJVlSlQ2xf5AVuJHMnohSfev0j0VARr3gZSvAgh+s27cGz+w/yt3z8DpYnQVx9LKo2FFsEJ0uECkw==",
       "dev": true,
       "dependencies": {
-        "@rollup/pluginutils": "5.1.2"
+        "@rollup/pluginutils": "5.1.3"
       },
       "engines": {
         "node": ">=18.0.0"
@@ -23599,14 +23698,14 @@
       }
     },
     "node_modules/rollup-plugin-sourcemaps2/node_modules/@rollup/pluginutils": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.2.tgz",
-      "integrity": "sha512-/FIdS3PyZ39bjZlwqFnWqCOVnW7o963LtKMwQOD0NhQqw22gSr2YY1afu3FxRip4ZCZNsD5jq6Aaz6QV3D/Njw==",
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.3.tgz",
+      "integrity": "sha512-Pnsb6f32CD2W3uCaLZIzDmeFyQ2b8UWMFI7xtwUezpcGBDVDW6y9XgAWIlARiGAo6eNF5FK5aQTr0LFyNyqq5A==",
       "dev": true,
       "dependencies": {
         "@types/estree": "^1.0.0",
         "estree-walker": "^2.0.2",
-        "picomatch": "^2.3.1"
+        "picomatch": "^4.0.2"
       },
       "engines": {
         "node": ">=14.0.0"
@@ -23620,6 +23719,18 @@
         }
       }
     },
+    "node_modules/rollup-plugin-sourcemaps2/node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/rope-sequence": {
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
@@ -23666,14 +23777,15 @@
       }
     },
     "node_modules/safe-array-concat": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
-      "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "get-intrinsic": "^1.2.4",
-        "has-symbols": "^1.0.3",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
         "isarray": "^2.0.5"
       },
       "engines": {
@@ -23709,15 +23821,30 @@
       "integrity": "sha512-6pNbSMW6OhAi9j+N8V+U715yBQsaWJ7eyEUaOrawX+isg5ZxhUlV1NipNtgaKHmFGiABwt+ZF04Ii+3Xjkg+8w==",
       "dev": true
     },
-    "node_modules/safe-regex-test": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
-      "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.6",
         "es-errors": "^1.3.0",
-        "is-regex": "^1.1.4"
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -23804,9 +23931,9 @@
       }
     },
     "node_modules/schema-utils": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
-      "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
+      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
       "dev": true,
       "dependencies": {
         "@types/json-schema": "^7.0.9",
@@ -23815,7 +23942,7 @@
         "ajv-keywords": "^5.1.0"
       },
       "engines": {
-        "node": ">= 12.13.0"
+        "node": ">= 10.13.0"
       },
       "funding": {
         "type": "opencollective",
@@ -24121,6 +24248,20 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "peer": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -24159,23 +24300,77 @@
       }
     },
     "node_modules/shell-quote": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.1.tgz",
-      "integrity": "sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==",
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.2.tgz",
+      "integrity": "sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==",
       "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/side-channel": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
-      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
       "dependencies": {
-        "call-bind": "^1.0.7",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "object-inspect": "^1.13.1"
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -24281,6 +24476,23 @@
         "ws": "~8.17.1"
       }
     },
+    "node_modules/socket.io-adapter/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/socket.io-adapter/node_modules/ws": {
       "version": "8.17.1",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
@@ -24315,6 +24527,40 @@
         "node": ">=10.0.0"
       }
     },
+    "node_modules/socket.io-parser/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/sockjs": {
       "version": "0.3.24",
       "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
@@ -24341,12 +24587,12 @@
       }
     },
     "node_modules/socks-proxy-agent": {
-      "version": "8.0.4",
-      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.4.tgz",
-      "integrity": "sha512-GNAq/eg8Udq2x0eNiFkr9gRg5bA7PXEWagQdeRX4cPSG+X/8V38v637gim9bjFptMk1QWsCTr0ttrJEiXbNnRw==",
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz",
+      "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==",
       "dev": true,
       "dependencies": {
-        "agent-base": "^7.1.1",
+        "agent-base": "^7.1.2",
         "debug": "^4.3.4",
         "socks": "^2.8.3"
       },
@@ -24535,12 +24781,12 @@
       }
     },
     "node_modules/storybook": {
-      "version": "8.4.4",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.4.4.tgz",
-      "integrity": "sha512-xBOq3q/MuUUg3zM0imMMaK5ziKq3TO388jsnaiemJ4Uf0ZGwcHjM8HDBCDt0s5/CfsOQ49zo1ouZ3aNlu0qsUg==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.4.7.tgz",
+      "integrity": "sha512-RP/nMJxiWyFc8EVMH5gp20ID032Wvk+Yr3lmKidoegto5Iy+2dVQnUoElZb2zpbVXNHWakGuAkfI0dY1Hfp/vw==",
       "dev": true,
       "dependencies": {
-        "@storybook/core": "8.4.4"
+        "@storybook/core": "8.4.7"
       },
       "bin": {
         "getstorybook": "bin/index.cjs",
@@ -24628,9 +24874,9 @@
       }
     },
     "node_modules/streamx": {
-      "version": "2.20.2",
-      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.20.2.tgz",
-      "integrity": "sha512-aDGDLU+j9tJcUdPGOaHmVF1u/hhI+CsGkT02V3OKlHDV7IukOI+nTWAGkiZEKCO35rWN1wIr4tS7YFr1f4qSvA==",
+      "version": "2.21.1",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.21.1.tgz",
+      "integrity": "sha512-PhP9wUnFLa+91CPy3N6tiQsK+gnYyUNuk15S3YG/zjYE7RuPeCjJngqnzpC31ow0lzBHQ+QGO4cNJnd0djYUsw==",
       "dev": true,
       "dependencies": {
         "fast-fifo": "^1.3.2",
@@ -24678,15 +24924,18 @@
       }
     },
     "node_modules/string.prototype.trim": {
-      "version": "1.2.9",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
-      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.0",
-        "es-object-atoms": "^1.0.0"
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -24696,15 +24945,19 @@
       }
     },
     "node_modules/string.prototype.trimend": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
-      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
         "define-properties": "^1.2.1",
         "es-object-atoms": "^1.0.0"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -24800,9 +25053,9 @@
       }
     },
     "node_modules/style-dictionary": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/style-dictionary/-/style-dictionary-4.2.0.tgz",
-      "integrity": "sha512-bjynavc9g80Zl9GpR3cw+ibqtbMbak9YXpuZteTsRTzoacUTjh7GLu1nlT1ukf264Nw5Vhu/ICQpY5xxOquvtA==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/style-dictionary/-/style-dictionary-4.3.0.tgz",
+      "integrity": "sha512-bwasoBSGzIUzeZKR9HKD+qaTFzcVc3SAx+ziD41DAbDZ8OGFnfXfU3Nb3xdZb8VhxNKT21MowR5jOFvdJE9ayQ==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
@@ -24816,7 +25069,8 @@
         "is-plain-obj": "^4.1.0",
         "json5": "^2.2.2",
         "patch-package": "^8.0.0",
-        "path-unified": "^0.1.0",
+        "path-unified": "^0.2.0",
+        "prettier": "^3.3.3",
         "tinycolor2": "^1.6.0"
       },
       "bin": {
@@ -24824,15 +25078,12 @@
       },
       "engines": {
         "node": ">=18.0.0"
-      },
-      "peerDependencies": {
-        "prettier": "3.x"
       }
     },
     "node_modules/style-dictionary/node_modules/chalk": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.3.0.tgz",
-      "integrity": "sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==",
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.4.1.tgz",
+      "integrity": "sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==",
       "dev": true,
       "engines": {
         "node": "^12.17.0 || ^14.13 || >=16.0.0"
@@ -25238,16 +25489,16 @@
       }
     },
     "node_modules/terser-webpack-plugin": {
-      "version": "5.3.10",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz",
-      "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==",
+      "version": "5.3.11",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.11.tgz",
+      "integrity": "sha512-RVCsMfuD0+cTt3EwX8hSl2Ks56EbFHWmhluwcqoPKtBnfjiT6olaq7PRIRfhyU8nnC2MrnDrBLfrD/RGE+cVXQ==",
       "dev": true,
       "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.20",
+        "@jridgewell/trace-mapping": "^0.3.25",
         "jest-worker": "^27.4.5",
-        "schema-utils": "^3.1.1",
-        "serialize-javascript": "^6.0.1",
-        "terser": "^5.26.0"
+        "schema-utils": "^4.3.0",
+        "serialize-javascript": "^6.0.2",
+        "terser": "^5.31.1"
       },
       "engines": {
         "node": ">= 10.13.0"
@@ -25271,53 +25522,28 @@
         }
       }
     },
-    "node_modules/terser-webpack-plugin/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/terser-webpack-plugin/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+    "node_modules/terser-webpack-plugin/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
       "dev": true
     },
-    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
-      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+    "node_modules/terser-webpack-plugin/node_modules/terser": {
+      "version": "5.37.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.37.0.tgz",
+      "integrity": "sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==",
       "dev": true,
       "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
       },
-      "engines": {
-        "node": ">= 10.13.0"
+      "bin": {
+        "terser": "bin/terser"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
+      "engines": {
+        "node": ">=10"
       }
     },
     "node_modules/terser/node_modules/commander": {
@@ -25341,10 +25567,13 @@
       }
     },
     "node_modules/text-decoder": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.1.tgz",
-      "integrity": "sha512-x9v3H/lTKIJKQQe7RPQkLfKAnc9lUTkWDypIQgTzPJAq+5/GCDHonmshfvlsNSj58yyshbIJJDLmU15qNERrXQ==",
-      "dev": true
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.3.tgz",
+      "integrity": "sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==",
+      "dev": true,
+      "dependencies": {
+        "b4a": "^1.6.4"
+      }
     },
     "node_modules/text-table": {
       "version": "0.2.0",
@@ -25412,18 +25641,18 @@
       }
     },
     "node_modules/tldts-core": {
-      "version": "6.1.61",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.61.tgz",
-      "integrity": "sha512-In7VffkDWUPgwa+c9picLUxvb0RltVwTkSgMNFgvlGSWveCzGBemBqTsgJCL4EDFWZ6WH0fKTsot6yNhzy3ZzQ==",
+      "version": "6.1.70",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.70.tgz",
+      "integrity": "sha512-RNnIXDB1FD4T9cpQRErEqw6ZpjLlGdMOitdV+0xtbsnwr4YFka1zpc7D4KD+aAn8oSG5JyFrdasZTE04qDE9Yg==",
       "dev": true
     },
     "node_modules/tldts-icann": {
-      "version": "6.1.61",
-      "resolved": "https://registry.npmjs.org/tldts-icann/-/tldts-icann-6.1.61.tgz",
-      "integrity": "sha512-BNO4gSrcxq5NMKwbw0ozxOVREL9Srdts15xty6sfMCrqDwHgpeQVK3ZXLod7XDr5NLXvuJQR2dqENtpfMxM+Ng==",
+      "version": "6.1.70",
+      "resolved": "https://registry.npmjs.org/tldts-icann/-/tldts-icann-6.1.70.tgz",
+      "integrity": "sha512-sGnxNnxb/03iSROBEBiXGX49DMEktxWVUoTeHWekJOOrFfNRWfyAcOWphuRDau2jZrshvMhQPf3azYHyxV04/w==",
       "dev": true,
       "dependencies": {
-        "tldts-core": "^6.1.61"
+        "tldts-core": "^6.1.70"
       }
     },
     "node_modules/tmp": {
@@ -25506,9 +25735,9 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.0.tgz",
-      "integrity": "sha512-032cPxaEKwM+GT3vA5JXNzIaizx388rhsSW79vGRNGXfRRAdEAn2mvk36PvK5HnOchyWZ7afLEXqYCvPCrzuzQ==",
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
       "engines": {
         "node": ">=16"
       },
@@ -25650,30 +25879,30 @@
       }
     },
     "node_modules/typed-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-typed-array": "^1.1.13"
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/typed-array-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
-      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13"
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
@@ -25683,17 +25912,18 @@
       }
     },
     "node_modules/typed-array-byte-offset": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
-      "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
       "peer": true,
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13"
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
       },
       "engines": {
         "node": ">= 0.4"
@@ -25703,17 +25933,17 @@
       }
     },
     "node_modules/typed-array-length": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
-      "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
       "peer": true,
       "dependencies": {
         "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
         "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
         "is-typed-array": "^1.1.13",
-        "possible-typed-array-names": "^1.0.0"
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -25758,9 +25988,9 @@
       }
     },
     "node_modules/ua-parser-js": {
-      "version": "0.7.39",
-      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.39.tgz",
-      "integrity": "sha512-IZ6acm6RhQHNibSt7+c09hhvsKy9WUr4DVbeq9U8o71qxyYtJpQeDxQnMrVqnIFMLcQjHO0I9wgfO2vIahht4w==",
+      "version": "0.7.40",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.40.tgz",
+      "integrity": "sha512-us1E3K+3jJppDBa3Tl0L3MOJiGhe1C6P0+nIvQAFYbxlMAx0h81eOwLmU57xgqToduDDPx3y5QsdjPfDu+FgOQ==",
       "dev": true,
       "funding": [
         {
@@ -25795,15 +26025,18 @@
       "dev": true
     },
     "node_modules/unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
       "peer": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
+        "call-bound": "^1.0.3",
         "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -25829,9 +26062,10 @@
       }
     },
     "node_modules/undici-types": {
-      "version": "6.19.8",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
-      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw=="
+      "version": "6.20.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
+      "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+      "dev": true
     },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "2.0.1",
@@ -26212,20 +26446,20 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.4.11",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz",
-      "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==",
+      "version": "6.0.7",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.0.7.tgz",
+      "integrity": "sha512-RDt8r/7qx9940f8FcOIAH9PTViRrghKaK2K1jY3RaAURrEUbm9Du1mJ72G+jlhtG3WwodnfzY8ORQZbBavZEAQ==",
       "dev": true,
       "dependencies": {
-        "esbuild": "^0.21.3",
-        "postcss": "^8.4.43",
-        "rollup": "^4.20.0"
+        "esbuild": "^0.24.2",
+        "postcss": "^8.4.49",
+        "rollup": "^4.23.0"
       },
       "bin": {
         "vite": "bin/vite.js"
       },
       "engines": {
-        "node": "^18.0.0 || >=20.0.0"
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
       },
       "funding": {
         "url": "https://github.com/vitejs/vite?sponsor=1"
@@ -26234,19 +26468,25 @@
         "fsevents": "~2.3.3"
       },
       "peerDependencies": {
-        "@types/node": "^18.0.0 || >=20.0.0",
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
         "less": "*",
         "lightningcss": "^1.21.0",
         "sass": "*",
         "sass-embedded": "*",
         "stylus": "*",
         "sugarss": "*",
-        "terser": "^5.4.0"
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
       },
       "peerDependenciesMeta": {
         "@types/node": {
           "optional": true
         },
+        "jiti": {
+          "optional": true
+        },
         "less": {
           "optional": true
         },
@@ -26267,13 +26507,19 @@
         },
         "terser": {
           "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
         }
       }
     },
     "node_modules/vite/node_modules/@esbuild/aix-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.24.2.tgz",
+      "integrity": "sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==",
       "cpu": [
         "ppc64"
       ],
@@ -26283,13 +26529,13 @@
         "aix"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/android-arm": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
-      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.24.2.tgz",
+      "integrity": "sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==",
       "cpu": [
         "arm"
       ],
@@ -26299,13 +26545,13 @@
         "android"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/android-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
-      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.24.2.tgz",
+      "integrity": "sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==",
       "cpu": [
         "arm64"
       ],
@@ -26315,13 +26561,13 @@
         "android"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/android-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
-      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.24.2.tgz",
+      "integrity": "sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==",
       "cpu": [
         "x64"
       ],
@@ -26331,13 +26577,13 @@
         "android"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
-      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.24.2.tgz",
+      "integrity": "sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==",
       "cpu": [
         "arm64"
       ],
@@ -26347,13 +26593,13 @@
         "darwin"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/darwin-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
-      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.24.2.tgz",
+      "integrity": "sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==",
       "cpu": [
         "x64"
       ],
@@ -26363,13 +26609,13 @@
         "darwin"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
-      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.24.2.tgz",
+      "integrity": "sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==",
       "cpu": [
         "arm64"
       ],
@@ -26379,13 +26625,13 @@
         "freebsd"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
-      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.24.2.tgz",
+      "integrity": "sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==",
       "cpu": [
         "x64"
       ],
@@ -26395,13 +26641,13 @@
         "freebsd"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/linux-arm": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
-      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.24.2.tgz",
+      "integrity": "sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==",
       "cpu": [
         "arm"
       ],
@@ -26411,13 +26657,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/linux-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
-      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.24.2.tgz",
+      "integrity": "sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==",
       "cpu": [
         "arm64"
       ],
@@ -26427,13 +26673,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/linux-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
-      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.24.2.tgz",
+      "integrity": "sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==",
       "cpu": [
         "ia32"
       ],
@@ -26443,13 +26689,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/linux-loong64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
-      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.24.2.tgz",
+      "integrity": "sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==",
       "cpu": [
         "loong64"
       ],
@@ -26459,13 +26705,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
-      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.24.2.tgz",
+      "integrity": "sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==",
       "cpu": [
         "mips64el"
       ],
@@ -26475,13 +26721,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
-      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.24.2.tgz",
+      "integrity": "sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==",
       "cpu": [
         "ppc64"
       ],
@@ -26491,13 +26737,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
-      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.24.2.tgz",
+      "integrity": "sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==",
       "cpu": [
         "riscv64"
       ],
@@ -26507,13 +26753,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/linux-s390x": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
-      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.24.2.tgz",
+      "integrity": "sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==",
       "cpu": [
         "s390x"
       ],
@@ -26523,13 +26769,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/linux-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
-      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.24.2.tgz",
+      "integrity": "sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==",
       "cpu": [
         "x64"
       ],
@@ -26539,13 +26785,13 @@
         "linux"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.24.2.tgz",
+      "integrity": "sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==",
       "cpu": [
         "x64"
       ],
@@ -26555,13 +26801,13 @@
         "netbsd"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
-      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.24.2.tgz",
+      "integrity": "sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==",
       "cpu": [
         "x64"
       ],
@@ -26571,13 +26817,13 @@
         "openbsd"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/sunos-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
-      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.24.2.tgz",
+      "integrity": "sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==",
       "cpu": [
         "x64"
       ],
@@ -26587,13 +26833,13 @@
         "sunos"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/win32-arm64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
-      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.24.2.tgz",
+      "integrity": "sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==",
       "cpu": [
         "arm64"
       ],
@@ -26603,13 +26849,13 @@
         "win32"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/win32-ia32": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
-      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.24.2.tgz",
+      "integrity": "sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==",
       "cpu": [
         "ia32"
       ],
@@ -26619,13 +26865,13 @@
         "win32"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/@esbuild/win32-x64": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
-      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.24.2.tgz",
+      "integrity": "sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg==",
       "cpu": [
         "x64"
       ],
@@ -26635,45 +26881,47 @@
         "win32"
       ],
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       }
     },
     "node_modules/vite/node_modules/esbuild": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
-      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.24.2.tgz",
+      "integrity": "sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
         "esbuild": "bin/esbuild"
       },
       "engines": {
-        "node": ">=12"
+        "node": ">=18"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.21.5",
-        "@esbuild/android-arm": "0.21.5",
-        "@esbuild/android-arm64": "0.21.5",
-        "@esbuild/android-x64": "0.21.5",
-        "@esbuild/darwin-arm64": "0.21.5",
-        "@esbuild/darwin-x64": "0.21.5",
-        "@esbuild/freebsd-arm64": "0.21.5",
-        "@esbuild/freebsd-x64": "0.21.5",
-        "@esbuild/linux-arm": "0.21.5",
-        "@esbuild/linux-arm64": "0.21.5",
-        "@esbuild/linux-ia32": "0.21.5",
-        "@esbuild/linux-loong64": "0.21.5",
-        "@esbuild/linux-mips64el": "0.21.5",
-        "@esbuild/linux-ppc64": "0.21.5",
-        "@esbuild/linux-riscv64": "0.21.5",
-        "@esbuild/linux-s390x": "0.21.5",
-        "@esbuild/linux-x64": "0.21.5",
-        "@esbuild/netbsd-x64": "0.21.5",
-        "@esbuild/openbsd-x64": "0.21.5",
-        "@esbuild/sunos-x64": "0.21.5",
-        "@esbuild/win32-arm64": "0.21.5",
-        "@esbuild/win32-ia32": "0.21.5",
-        "@esbuild/win32-x64": "0.21.5"
+        "@esbuild/aix-ppc64": "0.24.2",
+        "@esbuild/android-arm": "0.24.2",
+        "@esbuild/android-arm64": "0.24.2",
+        "@esbuild/android-x64": "0.24.2",
+        "@esbuild/darwin-arm64": "0.24.2",
+        "@esbuild/darwin-x64": "0.24.2",
+        "@esbuild/freebsd-arm64": "0.24.2",
+        "@esbuild/freebsd-x64": "0.24.2",
+        "@esbuild/linux-arm": "0.24.2",
+        "@esbuild/linux-arm64": "0.24.2",
+        "@esbuild/linux-ia32": "0.24.2",
+        "@esbuild/linux-loong64": "0.24.2",
+        "@esbuild/linux-mips64el": "0.24.2",
+        "@esbuild/linux-ppc64": "0.24.2",
+        "@esbuild/linux-riscv64": "0.24.2",
+        "@esbuild/linux-s390x": "0.24.2",
+        "@esbuild/linux-x64": "0.24.2",
+        "@esbuild/netbsd-arm64": "0.24.2",
+        "@esbuild/netbsd-x64": "0.24.2",
+        "@esbuild/openbsd-arm64": "0.24.2",
+        "@esbuild/openbsd-x64": "0.24.2",
+        "@esbuild/sunos-x64": "0.24.2",
+        "@esbuild/win32-arm64": "0.24.2",
+        "@esbuild/win32-ia32": "0.24.2",
+        "@esbuild/win32-x64": "0.24.2"
       }
     },
     "node_modules/vite/node_modules/fsevents": {
@@ -26817,16 +27065,16 @@
       "dev": true
     },
     "node_modules/webpack": {
-      "version": "5.96.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.96.1.tgz",
-      "integrity": "sha512-l2LlBSvVZGhL4ZrPwyr8+37AunkcYj5qh8o6u2/2rzoPc8gxFJkLj1WxNgooi9pnoc06jh0BjuXnamM4qlujZA==",
+      "version": "5.97.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.97.1.tgz",
+      "integrity": "sha512-EksG6gFY3L1eFMROS/7Wzgrii5mBAFe4rIr3r2BTfo7bcc+DWwFZ4OJ/miOuHJO/A85HwyI4eQ0F6IKXesO7Fg==",
       "dev": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.7",
         "@types/estree": "^1.0.6",
-        "@webassemblyjs/ast": "^1.12.1",
-        "@webassemblyjs/wasm-edit": "^1.12.1",
-        "@webassemblyjs/wasm-parser": "^1.12.1",
+        "@webassemblyjs/ast": "^1.14.1",
+        "@webassemblyjs/wasm-edit": "^1.14.1",
+        "@webassemblyjs/wasm-parser": "^1.14.1",
         "acorn": "^8.14.0",
         "browserslist": "^4.24.0",
         "chrome-trace-event": "^1.0.2",
@@ -26862,60 +27110,6 @@
         }
       }
     },
-    "node_modules/webpack-cli": {
-      "version": "5.1.4",
-      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-5.1.4.tgz",
-      "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==",
-      "dev": true,
-      "dependencies": {
-        "@discoveryjs/json-ext": "^0.5.0",
-        "@webpack-cli/configtest": "^2.1.1",
-        "@webpack-cli/info": "^2.0.2",
-        "@webpack-cli/serve": "^2.0.5",
-        "colorette": "^2.0.14",
-        "commander": "^10.0.1",
-        "cross-spawn": "^7.0.3",
-        "envinfo": "^7.7.3",
-        "fastest-levenshtein": "^1.0.12",
-        "import-local": "^3.0.2",
-        "interpret": "^3.1.1",
-        "rechoir": "^0.8.0",
-        "webpack-merge": "^5.7.3"
-      },
-      "bin": {
-        "webpack-cli": "bin/cli.js"
-      },
-      "engines": {
-        "node": ">=14.15.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "5.x.x"
-      },
-      "peerDependenciesMeta": {
-        "@webpack-cli/generators": {
-          "optional": true
-        },
-        "webpack-bundle-analyzer": {
-          "optional": true
-        },
-        "webpack-dev-server": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/webpack-cli/node_modules/commander": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
-      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/webpack-dev-middleware": {
       "version": "7.4.2",
       "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-7.4.2.tgz",
@@ -26946,9 +27140,9 @@
       }
     },
     "node_modules/webpack-dev-middleware/node_modules/memfs": {
-      "version": "4.14.0",
-      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.14.0.tgz",
-      "integrity": "sha512-JUeY0F/fQZgIod31Ja1eJgiSxLn7BfQlCnqhwXFBzFHEw63OdLK7VJUJ7bnzNsWgCyoUP5tEp1VRY8rDaYzqOA==",
+      "version": "4.15.3",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.15.3.tgz",
+      "integrity": "sha512-vR/g1SgqvKJgAyYla+06G4p/EOcEmwhYuVb1yc1ixcKf8o/sh7Zngv63957ZSNd1xrZJoinmNyDf2LzuP8WJXw==",
       "dev": true,
       "dependencies": {
         "@jsonjoy.com/json-pack": "^1.0.3",
@@ -27287,16 +27481,64 @@
       }
     },
     "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "peer": true,
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "peer": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
       "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
       "peer": true,
       "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -27309,14 +27551,15 @@
       "dev": true
     },
     "node_modules/which-typed-array": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
-      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
+      "integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
+        "gopd": "^1.2.0",
         "has-tostringtag": "^1.0.2"
       },
       "engines": {
@@ -27476,9 +27719,9 @@
       "dev": true
     },
     "node_modules/yaml": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.0.tgz",
-      "integrity": "sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==",
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
+      "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==",
       "dev": true,
       "bin": {
         "yaml": "bin.mjs"
@@ -27586,7 +27829,7 @@
         "@ni/eslint-config-angular": "^8.0.0",
         "@ni/jasmine-parameterized": "*",
         "@ni/nimble-tokens": "*",
-        "@rollup/plugin-node-resolve": "^15.0.1",
+        "@rollup/plugin-node-resolve": "^16.0.0",
         "@types/jasmine": "^5.1.4",
         "@types/node": ">18",
         "jasmine-core": "^5.1.2",
@@ -27604,7 +27847,7 @@
     },
     "packages/angular-workspace/nimble-angular": {
       "name": "@ni/nimble-angular",
-      "version": "28.5.3",
+      "version": "28.8.2",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.2.0"
@@ -27615,12 +27858,12 @@
         "@angular/forms": "^17.3.12",
         "@angular/localize": "^17.3.12",
         "@angular/router": "^17.3.12",
-        "@ni/nimble-components": "^32.8.0"
+        "@ni/nimble-components": "^32.11.2"
       }
     },
     "packages/angular-workspace/spright-angular": {
       "name": "@ni/spright-angular",
-      "version": "5.2.3",
+      "version": "5.3.6",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.2.0"
@@ -27628,7 +27871,7 @@
       "peerDependencies": {
         "@angular/common": "^17.3.12",
         "@angular/core": "^17.3.12",
-        "@ni/spright-components": "^4.2.3"
+        "@ni/spright-components": "^4.3.7"
       }
     },
     "packages/blazor-workspace": {
@@ -27640,7 +27883,7 @@
         "@ni/nimble-components": "*",
         "@ni/nimble-tokens": "*",
         "@ni/spright-components": "*",
-        "@rollup/plugin-node-resolve": "^15.0.1",
+        "@rollup/plugin-node-resolve": "^16.0.0",
         "cross-env": "^7.0.3",
         "glob": "^11.0.0",
         "playwright": "1.44.0",
@@ -27649,11 +27892,11 @@
     },
     "packages/blazor-workspace/NimbleBlazor": {
       "name": "@ni/nimble-blazor",
-      "version": "19.1.4",
+      "version": "19.4.2",
       "license": "MIT",
       "peerDependencies": {
-        "@ni/nimble-components": "^32.8.0",
-        "@ni/nimble-tokens": "^8.5.0",
+        "@ni/nimble-components": "^32.11.2",
+        "@ni/nimble-tokens": "^8.6.0",
         "cross-env": "^7.0.3",
         "rimraf": "^6.0.0"
       }
@@ -27723,10 +27966,10 @@
     },
     "packages/blazor-workspace/SprightBlazor": {
       "name": "@ni/spright-blazor",
-      "version": "3.1.4",
+      "version": "3.2.6",
       "license": "MIT",
       "peerDependencies": {
-        "@ni/spright-components": "^4.2.3",
+        "@ni/spright-components": "^4.3.7",
         "cross-env": "^7.0.3",
         "rimraf": "^6.0.0"
       }
@@ -27761,30 +28004,30 @@
     },
     "packages/nimble-components": {
       "name": "@ni/nimble-components",
-      "version": "32.8.0",
+      "version": "32.11.2",
       "license": "MIT",
       "dependencies": {
         "@microsoft/fast-colors": "^5.3.1",
         "@microsoft/fast-element": "^1.14.0",
         "@microsoft/fast-foundation": "^2.50.0",
         "@microsoft/fast-web-utilities": "^6.0.0",
-        "@ni/nimble-tokens": "^8.5.0",
+        "@ni/nimble-tokens": "^8.6.0",
         "@tanstack/table-core": "^8.19.3",
         "@tanstack/virtual-core": "^3.10.6",
-        "@tiptap/core": "^2.2.2",
-        "@tiptap/extension-bold": "^2.2.2",
-        "@tiptap/extension-bullet-list": "^2.2.2",
-        "@tiptap/extension-document": "^2.2.2",
-        "@tiptap/extension-hard-break": "^2.2.2",
-        "@tiptap/extension-history": "^2.2.2",
-        "@tiptap/extension-italic": "^2.2.2",
-        "@tiptap/extension-link": "^2.2.2",
-        "@tiptap/extension-list-item": "^2.2.2",
-        "@tiptap/extension-mention": "^2.2.2",
-        "@tiptap/extension-ordered-list": "^2.2.2",
-        "@tiptap/extension-paragraph": "^2.2.2",
-        "@tiptap/extension-placeholder": "^2.2.2",
-        "@tiptap/extension-text": "^2.2.2",
+        "@tiptap/core": "^2.10.3",
+        "@tiptap/extension-bold": "^2.10.3",
+        "@tiptap/extension-bullet-list": "^2.10.3",
+        "@tiptap/extension-document": "^2.10.3",
+        "@tiptap/extension-hard-break": "^2.10.3",
+        "@tiptap/extension-history": "^2.10.3",
+        "@tiptap/extension-italic": "^2.10.3",
+        "@tiptap/extension-link": "^2.10.3",
+        "@tiptap/extension-list-item": "^2.10.3",
+        "@tiptap/extension-mention": "^2.10.3",
+        "@tiptap/extension-ordered-list": "^2.10.3",
+        "@tiptap/extension-paragraph": "^2.10.3",
+        "@tiptap/extension-placeholder": "^2.10.3",
+        "@tiptap/extension-text": "^2.10.3",
         "@types/d3-array": "^3.0.4",
         "@types/d3-random": "^3.0.1",
         "@types/d3-scale": "^4.0.2",
@@ -27797,8 +28040,8 @@
         "d3-scale": "^4.0.2",
         "d3-selection": "^3.0.0",
         "d3-zoom": "^3.0.0",
-        "prosemirror-markdown": "^1.11.2",
-        "prosemirror-model": "^1.19.2",
+        "prosemirror-markdown": "^1.13.1",
+        "prosemirror-model": "^1.24.0",
         "prosemirror-state": "^1.4.3",
         "tslib": "^2.2.0"
       },
@@ -27806,7 +28049,7 @@
         "@ni-private/eslint-config-nimble": "*",
         "@ni/jasmine-parameterized": "^1.0.0",
         "@rollup/plugin-commonjs": "^28.0.0",
-        "@rollup/plugin-node-resolve": "^15.0.1",
+        "@rollup/plugin-node-resolve": "^16.0.0",
         "@rollup/plugin-replace": "^6.0.0",
         "@rollup/plugin-terser": "^0.4.0",
         "@types/jasmine": "^5.1.4",
@@ -27834,7 +28077,6 @@
         "terser-webpack-plugin": "^5.3.10",
         "typescript": "~5.4.5",
         "webpack": "^5.75.0",
-        "webpack-cli": "^5.0.1",
         "webpack-dev-middleware": "^7.0.0"
       },
       "peerDependencies": {
@@ -27843,7 +28085,7 @@
     },
     "packages/nimble-tokens": {
       "name": "@ni/nimble-tokens",
-      "version": "8.5.0",
+      "version": "8.6.0",
       "license": "MIT",
       "devDependencies": {
         "@ni-private/eslint-config-nimble": "*",
@@ -27862,7 +28104,7 @@
         "@lhci/cli": "^0.14.0",
         "@ni-private/eslint-config-nimble": "*",
         "typescript": "~5.4.5",
-        "vite": "^5.1.5"
+        "vite": "^6.0.0"
       }
     },
     "packages/site": {
@@ -27875,24 +28117,24 @@
         "@11ty/eleventy": "^3.0.0",
         "@ni-private/eslint-config-nimble": "*",
         "typescript": "~5.4.5",
-        "vite": "^5.1.5"
+        "vite": "^6.0.0"
       }
     },
     "packages/spright-components": {
       "name": "@ni/spright-components",
-      "version": "4.2.3",
+      "version": "4.3.7",
       "license": "MIT",
       "dependencies": {
         "@microsoft/fast-element": "^1.14.0",
         "@microsoft/fast-foundation": "^2.50.0",
-        "@ni/nimble-components": "^32.8.0",
+        "@ni/nimble-components": "^32.11.2",
         "tslib": "^2.2.0"
       },
       "devDependencies": {
         "@ni-private/eslint-config-nimble": "*",
         "@ni/jasmine-parameterized": "^1.0.0",
         "@rollup/plugin-commonjs": "^28.0.0",
-        "@rollup/plugin-node-resolve": "^15.0.1",
+        "@rollup/plugin-node-resolve": "^16.0.0",
         "@rollup/plugin-replace": "^6.0.0",
         "@rollup/plugin-terser": "^0.4.0",
         "@types/jasmine": "^5.1.4",
@@ -27917,7 +28159,6 @@
         "source-map-loader": "^5.0.0",
         "typescript": "~5.4.5",
         "webpack": "^5.75.0",
-        "webpack-cli": "^5.0.1",
         "webpack-dev-middleware": "^7.0.0"
       }
     },
@@ -27934,15 +28175,14 @@
         "@ni/nimble-components": "*",
         "@ni/nimble-tokens": "*",
         "@ni/spright-components": "*",
-        "@rollup/plugin-node-resolve": "^15.0.1",
+        "@rollup/plugin-node-resolve": "^16.0.0",
         "@storybook/addon-a11y": "^8.4.3",
         "@storybook/addon-actions": "^8.4.3",
         "@storybook/addon-docs": "^8.4.3",
         "@storybook/addon-essentials": "^8.4.3",
         "@storybook/addon-interactions": "^8.4.3",
         "@storybook/addon-links": "^8.4.3",
-        "@storybook/addon-mdx-gfm": "^8.4.3",
-        "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
+        "@storybook/addon-webpack5-compiler-swc": "^2.0.0",
         "@storybook/cli": "^8.4.3",
         "@storybook/csf": "^0.1.11",
         "@storybook/html": "^8.4.3",
@@ -27963,6 +28203,7 @@
         "typescript": "~5.4.5"
       },
       "peerDependencies": {
+        "@types/react": "^18",
         "eslint-plugin-storybook": "^0.11.0",
         "react": "^18.3.1"
       }
diff --git a/packages/angular-workspace/angular.json b/packages/angular-workspace/angular.json
index f1bb589116..7f6f3a4218 100644
--- a/packages/angular-workspace/angular.json
+++ b/packages/angular-workspace/angular.json
@@ -150,7 +150,11 @@
                 }
               ],
               "buildOptimizer": true,
-              "optimization": true,
+              "optimization": {
+                "styles": {
+                  "inlineCritical": false
+                }
+              },
               "sourceMap": true
             },
             "development": {
diff --git a/packages/angular-workspace/example-client-app/src/app/customapp/customapp.component.html b/packages/angular-workspace/example-client-app/src/app/customapp/customapp.component.html
index 0012056b01..b7985148d5 100644
--- a/packages/angular-workspace/example-client-app/src/app/customapp/customapp.component.html
+++ b/packages/angular-workspace/example-client-app/src/app/customapp/customapp.component.html
@@ -1,7 +1,10 @@
 <div class="content container">
-    <p>Explore the components below to see the Nimble components in action. See the <a
-            href="https://ni.github.io/nimble/storybook/">Nimble
-            component docs</a> for additional usage details.</p>
+    <p>
+        Explore the components below to see the Nimble components in action. See the <a
+        href="https://ni.github.io/nimble/storybook/">Nimble
+        component docs</a> for additional usage details.
+        Navigate to the <a href="../index.html">parent page</a>.
+    </p>
     <div class="container">
         <div class="sub-container">
             <div class="container-label">Anchor</div>
diff --git a/packages/angular-workspace/example-client-app/src/app/customapp/customapp.component.ts b/packages/angular-workspace/example-client-app/src/app/customapp/customapp.component.ts
index c0e04491a9..7adb4aa91e 100644
--- a/packages/angular-workspace/example-client-app/src/app/customapp/customapp.component.ts
+++ b/packages/angular-workspace/example-client-app/src/app/customapp/customapp.component.ts
@@ -1,8 +1,8 @@
 /* eslint-disable no-alert */
-import { AfterViewInit, Component, Inject, ViewChild } from '@angular/core';
+import { type AfterViewInit, Component, Inject, ViewChild } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
-import { DrawerLocation, MenuItem, NimbleDialogDirective, NimbleDrawerDirective, OptionNotFound, OPTION_NOT_FOUND, UserDismissed, SelectFilterInputEventDetail, NimbleSelectDirective } from '@ni/nimble-angular';
-import { NimbleTableDirective, TableRecordDelayedHierarchyState, TableRecord, TableRowExpansionToggleEventDetail, TableSetRecordHierarchyOptions } from '@ni/nimble-angular/table';
+import { DrawerLocation, type MenuItem, NimbleDialogDirective, NimbleDrawerDirective, type OptionNotFound, OPTION_NOT_FOUND, UserDismissed, type SelectFilterInputEventDetail, NimbleSelectDirective } from '@ni/nimble-angular';
+import { NimbleTableDirective, TableRecordDelayedHierarchyState, type TableRecord, type TableRowExpansionToggleEventDetail, type TableSetRecordHierarchyOptions } from '@ni/nimble-angular/table';
 import { NimbleRichTextEditorDirective } from '@ni/nimble-angular/rich-text/editor';
 import { BehaviorSubject, Observable } from 'rxjs';
 import type { MenuButtonColumnToggleEventDetail } from '@ni/nimble-angular/table-column/menu-button';
diff --git a/packages/angular-workspace/nimble-angular/CHANGELOG.json b/packages/angular-workspace/nimble-angular/CHANGELOG.json
index 0cb0986f20..c4739a1064 100644
--- a/packages/angular-workspace/nimble-angular/CHANGELOG.json
+++ b/packages/angular-workspace/nimble-angular/CHANGELOG.json
@@ -1,6 +1,192 @@
 {
   "name": "@ni/nimble-angular",
   "entries": [
+    {
+      "date": "Thu, 16 Jan 2025 23:05:03 GMT",
+      "version": "28.8.2",
+      "tag": "@ni/nimble-angular_v28.8.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "7282195+m-akinc@users.noreply.github.com",
+            "package": "@ni/nimble-angular",
+            "commit": "8b17b15aa037f14375abaef6fa1c76190282efab",
+            "comment": "Replace deprectated importsNotUsedAsValues option with verbatimModuleSyntax"
+          },
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-angular",
+            "comment": "Bump @ni/nimble-components to v32.11.2",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 10 Jan 2025 16:45:51 GMT",
+      "version": "28.8.1",
+      "tag": "@ni/nimble-angular_v28.8.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-angular",
+            "comment": "Bump @ni/nimble-components to v32.11.1",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 08 Jan 2025 20:22:05 GMT",
+      "version": "28.8.0",
+      "tag": "@ni/nimble-angular_v28.8.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "20542556+mollykreis@users.noreply.github.com",
+            "package": "@ni/nimble-angular",
+            "commit": "5f2245fc0a7bd252ef7cef2ceaa978c12d06808d",
+            "comment": "Angular support for required-visible"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 08 Jan 2025 18:33:06 GMT",
+      "version": "28.7.4",
+      "tag": "@ni/nimble-angular_v28.7.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-angular",
+            "comment": "Bump @ni/nimble-components to v32.11.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 06 Jan 2025 20:05:57 GMT",
+      "version": "28.7.3",
+      "tag": "@ni/nimble-angular_v28.7.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-angular",
+            "comment": "Bump @ni/nimble-components to v32.10.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 03 Jan 2025 17:23:02 GMT",
+      "version": "28.7.2",
+      "tag": "@ni/nimble-angular_v28.7.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-angular",
+            "comment": "Bump @ni/nimble-components to v32.9.3",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 02 Jan 2025 21:45:49 GMT",
+      "version": "28.7.1",
+      "tag": "@ni/nimble-angular_v28.7.1",
+      "comments": {
+        "none": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-angular",
+            "comment": "Bump @ni/nimble-components to v32.9.2",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 10 Dec 2024 20:15:57 GMT",
+      "version": "28.7.1",
+      "tag": "@ni/nimble-angular_v28.7.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-angular",
+            "comment": "Bump @ni/nimble-components to v32.9.1",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 09 Dec 2024 15:59:16 GMT",
+      "version": "28.7.0",
+      "tag": "@ni/nimble-angular_v28.7.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-angular",
+            "comment": "Bump @ni/nimble-components to v32.9.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 21:21:27 GMT",
+      "version": "28.6.2",
+      "tag": "@ni/nimble-angular_v28.6.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-angular",
+            "comment": "Bump @ni/nimble-components to v32.8.2",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 19:53:29 GMT",
+      "version": "28.6.1",
+      "tag": "@ni/nimble-angular_v28.6.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-angular",
+            "comment": "Bump @ni/nimble-components to v32.8.1",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 02 Dec 2024 19:38:59 GMT",
+      "version": "28.6.0",
+      "tag": "@ni/nimble-angular_v28.6.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "20542556+mollykreis@users.noreply.github.com",
+            "package": "@ni/nimble-angular",
+            "commit": "939a9e5dec1258a36a493369c02628e4fff26900",
+            "comment": "Angular support for checkbox errors"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 22 Nov 2024 22:50:22 GMT",
       "version": "28.5.3",
diff --git a/packages/angular-workspace/nimble-angular/CHANGELOG.md b/packages/angular-workspace/nimble-angular/CHANGELOG.md
index eb9afff051..8dcded3945 100644
--- a/packages/angular-workspace/nimble-angular/CHANGELOG.md
+++ b/packages/angular-workspace/nimble-angular/CHANGELOG.md
@@ -1,9 +1,98 @@
 # Change Log - @ni/nimble-angular
 
-<!-- This log was last generated on Fri, 22 Nov 2024 22:50:22 GMT and should not be manually modified. -->
+<!-- This log was last generated on Thu, 16 Jan 2025 23:05:03 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 28.8.2
+
+Thu, 16 Jan 2025 23:05:03 GMT
+
+### Patches
+
+- Replace deprectated importsNotUsedAsValues option with verbatimModuleSyntax ([ni/nimble@8b17b15](https://github.com/ni/nimble/commit/8b17b15aa037f14375abaef6fa1c76190282efab))
+- Bump @ni/nimble-components to v32.11.2
+
+## 28.8.1
+
+Fri, 10 Jan 2025 16:45:51 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.11.1
+
+## 28.8.0
+
+Wed, 08 Jan 2025 20:22:05 GMT
+
+### Minor changes
+
+- Angular support for required-visible ([ni/nimble@5f2245f](https://github.com/ni/nimble/commit/5f2245fc0a7bd252ef7cef2ceaa978c12d06808d))
+
+## 28.7.4
+
+Wed, 08 Jan 2025 18:33:06 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.11.0
+
+## 28.7.3
+
+Mon, 06 Jan 2025 20:05:57 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.10.0
+
+## 28.7.2
+
+Fri, 03 Jan 2025 17:23:02 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.9.3
+
+## 28.7.1
+
+Tue, 10 Dec 2024 20:15:57 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.9.1
+
+## 28.7.0
+
+Mon, 09 Dec 2024 15:59:16 GMT
+
+### Minor changes
+
+- Bump @ni/nimble-components to v32.9.0
+
+## 28.6.2
+
+Wed, 04 Dec 2024 21:21:27 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.8.2
+
+## 28.6.1
+
+Wed, 04 Dec 2024 19:53:29 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.8.1
+
+## 28.6.0
+
+Mon, 02 Dec 2024 19:38:59 GMT
+
+### Minor changes
+
+- Angular support for checkbox errors ([ni/nimble@939a9e5](https://github.com/ni/nimble/commit/939a9e5dec1258a36a493369c02628e4fff26900))
+
 ## 28.5.3
 
 Fri, 22 Nov 2024 22:50:22 GMT
diff --git a/packages/angular-workspace/nimble-angular/label-provider/core/tests/nimble-label-provider-core.directive.spec.ts b/packages/angular-workspace/nimble-angular/label-provider/core/tests/nimble-label-provider-core.directive.spec.ts
index 420a973d07..cebfabed2b 100644
--- a/packages/angular-workspace/nimble-angular/label-provider/core/tests/nimble-label-provider-core.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/label-provider/core/tests/nimble-label-provider-core.directive.spec.ts
@@ -1,6 +1,6 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LabelProviderCore, NimbleLabelProviderCoreDirective } from '../nimble-label-provider-core.directive';
+import { type LabelProviderCore, NimbleLabelProviderCoreDirective } from '../nimble-label-provider-core.directive';
 import { NimbleLabelProviderCoreModule } from '../nimble-label-provider-core.module';
 
 describe('Nimble Label Provider Core', () => {
diff --git a/packages/angular-workspace/nimble-angular/label-provider/rich-text/tests/nimble-label-provider-rich-text.directive.spec.ts b/packages/angular-workspace/nimble-angular/label-provider/rich-text/tests/nimble-label-provider-rich-text.directive.spec.ts
index 9f95feae2b..6897670da9 100644
--- a/packages/angular-workspace/nimble-angular/label-provider/rich-text/tests/nimble-label-provider-rich-text.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/label-provider/rich-text/tests/nimble-label-provider-rich-text.directive.spec.ts
@@ -1,6 +1,6 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LabelProviderRichText, NimbleLabelProviderRichTextDirective } from '../nimble-label-provider-rich-text.directive';
+import { type LabelProviderRichText, NimbleLabelProviderRichTextDirective } from '../nimble-label-provider-rich-text.directive';
 import { NimbleLabelProviderRichTextModule } from '../nimble-label-provider-rich-text.module';
 
 describe('Nimble Label Provider Rich text', () => {
diff --git a/packages/angular-workspace/nimble-angular/label-provider/table/tests/nimble-label-provider-table.directive.spec.ts b/packages/angular-workspace/nimble-angular/label-provider/table/tests/nimble-label-provider-table.directive.spec.ts
index 15c43912f0..ffccf1a73b 100644
--- a/packages/angular-workspace/nimble-angular/label-provider/table/tests/nimble-label-provider-table.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/label-provider/table/tests/nimble-label-provider-table.directive.spec.ts
@@ -1,6 +1,6 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { LabelProviderTable, NimbleLabelProviderTableDirective } from '../nimble-label-provider-table.directive';
+import { type LabelProviderTable, NimbleLabelProviderTableDirective } from '../nimble-label-provider-table.directive';
 import { NimbleLabelProviderTableModule } from '../nimble-label-provider-table.module';
 
 describe('Nimble Label Provider Table', () => {
diff --git a/packages/angular-workspace/nimble-angular/mapping/icon/nimble-mapping-icon.directive.ts b/packages/angular-workspace/nimble-angular/mapping/icon/nimble-mapping-icon.directive.ts
index 9fb4ee70c6..397ae206af 100644
--- a/packages/angular-workspace/nimble-angular/mapping/icon/nimble-mapping-icon.directive.ts
+++ b/packages/angular-workspace/nimble-angular/mapping/icon/nimble-mapping-icon.directive.ts
@@ -3,7 +3,7 @@ import { NimbleMappingDirective } from '@ni/nimble-angular/mapping/base';
 import { type MappingIcon, mappingIconTag } from '@ni/nimble-components/dist/esm/mapping/icon';
 import type { MappingKey } from '@ni/nimble-components/dist/esm/mapping/base/types';
 import type { IconSeverity } from '@ni/nimble-components/dist/esm/icon-base/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { MappingIcon };
 export { mappingIconTag };
diff --git a/packages/angular-workspace/nimble-angular/mapping/spinner/nimble-mapping-spinner.directive.ts b/packages/angular-workspace/nimble-angular/mapping/spinner/nimble-mapping-spinner.directive.ts
index eec332dd61..07c69d5554 100644
--- a/packages/angular-workspace/nimble-angular/mapping/spinner/nimble-mapping-spinner.directive.ts
+++ b/packages/angular-workspace/nimble-angular/mapping/spinner/nimble-mapping-spinner.directive.ts
@@ -2,7 +2,7 @@ import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { NimbleMappingDirective } from '@ni/nimble-angular/mapping/base';
 import { type MappingSpinner, mappingSpinnerTag } from '@ni/nimble-components/dist/esm/mapping/spinner';
 import type { MappingKey } from '@ni/nimble-components/dist/esm/mapping/base/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { MappingSpinner };
 export { mappingSpinnerTag };
diff --git a/packages/angular-workspace/nimble-angular/mapping/user/tests/nimble-mapping-user.directive.spec.ts b/packages/angular-workspace/nimble-angular/mapping/user/tests/nimble-mapping-user.directive.spec.ts
index a039c01214..e1eed35978 100644
--- a/packages/angular-workspace/nimble-angular/mapping/user/tests/nimble-mapping-user.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/mapping/user/tests/nimble-mapping-user.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NimbleRichTextMentionUsersModule } from '../../../rich-text-mention/users/nimble-rich-text-mention-users.module';
 import { NimbleRichTextEditorModule } from '../../../rich-text/editor/nimble-rich-text-editor.module';
-import { MappingUser, NimbleMappingUserDirective } from '../nimble-mapping-user.directive';
+import { type MappingUser, NimbleMappingUserDirective } from '../nimble-mapping-user.directive';
 import { NimbleMappingUserModule } from '../nimble-mapping-user.module';
 
 describe('NimbleMappingUser', () => {
diff --git a/packages/angular-workspace/nimble-angular/package.json b/packages/angular-workspace/nimble-angular/package.json
index bbd9d17434..d344f2a128 100644
--- a/packages/angular-workspace/nimble-angular/package.json
+++ b/packages/angular-workspace/nimble-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-angular",
-  "version": "28.5.3",
+  "version": "28.8.2",
   "description": "Angular components for the NI Nimble Design System",
   "scripts": {
     "invoke-publish": "npm run invoke-publish:setup && cd ../dist/nimble-angular && npm publish",
@@ -32,7 +32,7 @@
     "@angular/forms": "^17.3.12",
     "@angular/localize": "^17.3.12",
     "@angular/router": "^17.3.12",
-    "@ni/nimble-components": "^32.8.0"
+    "@ni/nimble-components": "^32.11.2"
   },
   "dependencies": {
     "tslib": "^2.2.0"
diff --git a/packages/angular-workspace/nimble-angular/pipes/duration.pipe.ts b/packages/angular-workspace/nimble-angular/pipes/duration.pipe.ts
index 2fdd3d2895..9ff410ee19 100644
--- a/packages/angular-workspace/nimble-angular/pipes/duration.pipe.ts
+++ b/packages/angular-workspace/nimble-angular/pipes/duration.pipe.ts
@@ -1,4 +1,4 @@
-import { Inject, LOCALE_ID, Pipe, PipeTransform } from '@angular/core';
+import { Inject, LOCALE_ID, Pipe, type PipeTransform } from '@angular/core';
 import { DurationFormatter } from '@ni/nimble-components/dist/esm/table-column/duration-text/models/duration-formatter';
 
 /**
diff --git a/packages/angular-workspace/nimble-angular/pipes/number-text.pipe.ts b/packages/angular-workspace/nimble-angular/pipes/number-text.pipe.ts
index ab1d20fb6a..2cc0ad87b6 100644
--- a/packages/angular-workspace/nimble-angular/pipes/number-text.pipe.ts
+++ b/packages/angular-workspace/nimble-angular/pipes/number-text.pipe.ts
@@ -1,5 +1,5 @@
-import { Inject, LOCALE_ID, Pipe, PipeTransform } from '@angular/core';
-import { NumberTextUnitFormat, NumberTextUnitFormatOptions } from '@ni/nimble-components/dist/esm/table-column/number-text/models/number-text-unit-format';
+import { Inject, LOCALE_ID, Pipe, type PipeTransform } from '@angular/core';
+import { NumberTextUnitFormat, type NumberTextUnitFormatOptions } from '@ni/nimble-components/dist/esm/table-column/number-text/models/number-text-unit-format';
 
 /**
  * A pipe that transforms a number into a string with optional unit
diff --git a/packages/angular-workspace/nimble-angular/pipes/tests/test-custom-pipe.spec.ts b/packages/angular-workspace/nimble-angular/pipes/tests/test-custom-pipe.spec.ts
index 20ca0aeb14..5800ffa047 100644
--- a/packages/angular-workspace/nimble-angular/pipes/tests/test-custom-pipe.spec.ts
+++ b/packages/angular-workspace/nimble-angular/pipes/tests/test-custom-pipe.spec.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, Pipe, PipeTransform, ViewChild } from '@angular/core';
+import { Component, ElementRef, Pipe, type PipeTransform, ViewChild } from '@angular/core';
 import { TestBed, type ComponentFixture } from '@angular/core/testing';
 
 describe('Custom pipe instantiation', () => {
diff --git a/packages/angular-workspace/nimble-angular/rich-text-mention/nimble-rich-text-mention-base.directive.ts b/packages/angular-workspace/nimble-angular/rich-text-mention/nimble-rich-text-mention-base.directive.ts
index 7cfaf742d9..af9df90ae1 100644
--- a/packages/angular-workspace/nimble-angular/rich-text-mention/nimble-rich-text-mention-base.directive.ts
+++ b/packages/angular-workspace/nimble-angular/rich-text-mention/nimble-rich-text-mention-base.directive.ts
@@ -3,7 +3,7 @@ import type { RichTextMentionValidity } from '@ni/nimble-components/dist/esm/ric
 import type { MentionUpdateEventDetail } from '@ni/nimble-components/dist/esm/rich-text-mention/base/types';
 import type { RichTextMention } from '@ni/nimble-components/dist/esm/rich-text-mention/base';
 
-export { RichTextMentionValidity };
+export type { RichTextMentionValidity };
 export type { MentionUpdateEventDetail };
 
 /**
diff --git a/packages/angular-workspace/nimble-angular/rich-text-mention/users/tests/nimble-rich-text-mention-users.directive.spec.ts b/packages/angular-workspace/nimble-angular/rich-text-mention/users/tests/nimble-rich-text-mention-users.directive.spec.ts
index 2e5f118dd9..57b71b8bce 100644
--- a/packages/angular-workspace/nimble-angular/rich-text-mention/users/tests/nimble-rich-text-mention-users.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/rich-text-mention/users/tests/nimble-rich-text-mention-users.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NimbleRichTextMentionUsersModule } from '../nimble-rich-text-mention-users.module';
 import { NimbleRichTextEditorModule } from '../../../rich-text/editor/nimble-rich-text-editor.module';
-import { NimbleRichTextMentionUsersDirective, RichTextMentionUsers } from '../nimble-rich-text-mention-users.directive';
+import { NimbleRichTextMentionUsersDirective, type RichTextMentionUsers } from '../nimble-rich-text-mention-users.directive';
 
 describe('NimbleRichTextMentionUsers', () => {
     describe('module', () => {
diff --git a/packages/angular-workspace/nimble-angular/rich-text/editor/nimble-rich-text-editor.directive.ts b/packages/angular-workspace/nimble-angular/rich-text/editor/nimble-rich-text-editor.directive.ts
index 5c7f1b9427..28d7a46ae3 100644
--- a/packages/angular-workspace/nimble-angular/rich-text/editor/nimble-rich-text-editor.directive.ts
+++ b/packages/angular-workspace/nimble-angular/rich-text/editor/nimble-rich-text-editor.directive.ts
@@ -1,10 +1,10 @@
 import { Directive, ElementRef, EventEmitter, HostListener, Input, Output, Renderer2 } from '@angular/core';
 import type { RichTextEditor } from '@ni/nimble-components/dist/esm/rich-text/editor';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 import type { RichTextValidity } from '@ni/nimble-components/dist/esm/rich-text/base/types';
 
 export type { RichTextEditor };
-export { RichTextValidity };
+export type { RichTextValidity };
 
 /**
  * Directive to provide Angular integration for the rich text editor element.
diff --git a/packages/angular-workspace/nimble-angular/rich-text/editor/tests/nimble-rich-text-editor.directive.spec.ts b/packages/angular-workspace/nimble-angular/rich-text/editor/tests/nimble-rich-text-editor.directive.spec.ts
index 8d23084ebb..7e1d264a86 100644
--- a/packages/angular-workspace/nimble-angular/rich-text/editor/tests/nimble-rich-text-editor.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/rich-text/editor/tests/nimble-rich-text-editor.directive.spec.ts
@@ -2,7 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { NimbleRichTextEditorModule } from '../nimble-rich-text-editor.module';
-import { NimbleRichTextEditorDirective, RichTextEditor } from '../nimble-rich-text-editor.directive';
+import { NimbleRichTextEditorDirective, type RichTextEditor } from '../nimble-rich-text-editor.directive';
 
 describe('Nimble Rich Text Editor', () => {
     describe('module', () => {
diff --git a/packages/angular-workspace/nimble-angular/rich-text/viewer/nimble-rich-text-viewer.directive.ts b/packages/angular-workspace/nimble-angular/rich-text/viewer/nimble-rich-text-viewer.directive.ts
index 8060e369ff..cfb9486d92 100644
--- a/packages/angular-workspace/nimble-angular/rich-text/viewer/nimble-rich-text-viewer.directive.ts
+++ b/packages/angular-workspace/nimble-angular/rich-text/viewer/nimble-rich-text-viewer.directive.ts
@@ -3,7 +3,7 @@ import type { RichTextViewer } from '@ni/nimble-components/dist/esm/rich-text/vi
 import type { RichTextValidity } from '@ni/nimble-components/dist/esm/rich-text/base/types';
 
 export type { RichTextViewer };
-export { RichTextValidity };
+export type { RichTextValidity };
 
 /**
  * Directive to provide Angular integration for the rich text viewer element.
diff --git a/packages/angular-workspace/nimble-angular/rich-text/viewer/tests/nimble-rich-text-viewer.directive.spec.ts b/packages/angular-workspace/nimble-angular/rich-text/viewer/tests/nimble-rich-text-viewer.directive.spec.ts
index 8b6ff44b2b..8ac71fc856 100644
--- a/packages/angular-workspace/nimble-angular/rich-text/viewer/tests/nimble-rich-text-viewer.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/rich-text/viewer/tests/nimble-rich-text-viewer.directive.spec.ts
@@ -1,7 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { NimbleRichTextViewerModule } from '../nimble-rich-text-viewer.module';
-import { NimbleRichTextViewerDirective, RichTextViewer } from '../nimble-rich-text-viewer.directive';
+import { NimbleRichTextViewerDirective, type RichTextViewer } from '../nimble-rich-text-viewer.directive';
 
 describe('Nimble Rich Text Viewer', () => {
     describe('module', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/anchor-button/nimble-anchor-button.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/anchor-button/nimble-anchor-button.directive.ts
index c8e21e831a..ae97aa09a9 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/anchor-button/nimble-anchor-button.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/anchor-button/nimble-anchor-button.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type AnchorButton, anchorButtonTag } from '@ni/nimble-components/dist/esm/anchor-button';
 import type { ButtonAppearance, ButtonAppearanceVariant } from '@ni/nimble-components/dist/esm/anchor-button/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleAnchorBaseDirective } from '../anchor-base/nimble-anchor-base.directive';
 
 export type { AnchorButton };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/anchor-button/tests/nimble-anchor-button.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/anchor-button/tests/nimble-anchor-button.directive.spec.ts
index e3d3f9e7a7..d2d07209ee 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/anchor-button/tests/nimble-anchor-button.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/anchor-button/tests/nimble-anchor-button.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { ButtonAppearance, ButtonAppearanceVariant } from '../../../public-api';
-import { AnchorButton, NimbleAnchorButtonDirective } from '../nimble-anchor-button.directive';
+import { type AnchorButton, NimbleAnchorButtonDirective } from '../nimble-anchor-button.directive';
 import { NimbleAnchorButtonModule } from '../nimble-anchor-button.module';
 
 describe('Nimble anchor button', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/anchor-menu-item/nimble-anchor-menu-item.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/anchor-menu-item/nimble-anchor-menu-item.directive.ts
index 24f5b441b8..6a443d3bb3 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/anchor-menu-item/nimble-anchor-menu-item.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/anchor-menu-item/nimble-anchor-menu-item.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type AnchorMenuItem, anchorMenuItemTag } from '@ni/nimble-components/dist/esm/anchor-menu-item';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleAnchorBaseDirective } from '../anchor-base/nimble-anchor-base.directive';
 
 export type { AnchorMenuItem };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/anchor-tab/nimble-anchor-tab.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/anchor-tab/nimble-anchor-tab.directive.ts
index 52569bdb41..b58d40bf5c 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/anchor-tab/nimble-anchor-tab.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/anchor-tab/nimble-anchor-tab.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type AnchorTab, anchorTabTag } from '@ni/nimble-components/dist/esm/anchor-tab';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleAnchorBaseDirective } from '../anchor-base/nimble-anchor-base.directive';
 
 export type { AnchorTab };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/anchor-tab/tests/nimble-anchor-tab.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/anchor-tab/tests/nimble-anchor-tab.directive.spec.ts
index 698961005d..769fb01e48 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/anchor-tab/tests/nimble-anchor-tab.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/anchor-tab/tests/nimble-anchor-tab.directive.spec.ts
@@ -1,6 +1,6 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { AnchorTab, NimbleAnchorTabDirective } from '../nimble-anchor-tab.directive';
+import { type AnchorTab, NimbleAnchorTabDirective } from '../nimble-anchor-tab.directive';
 import { NimbleAnchorTabModule } from '../nimble-anchor-tab.module';
 
 describe('Nimble anchor tab', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/anchor-tree-item/nimble-anchor-tree-item.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/anchor-tree-item/nimble-anchor-tree-item.directive.ts
index a88f174020..458dfa23f2 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/anchor-tree-item/nimble-anchor-tree-item.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/anchor-tree-item/nimble-anchor-tree-item.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type AnchorTreeItem, anchorTreeItemTag } from '@ni/nimble-components/dist/esm/anchor-tree-item';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleAnchorBaseDirective } from '../anchor-base/nimble-anchor-base.directive';
 
 export type { AnchorTreeItem };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/anchor-tree-item/tests/nimble-anchor-tree-item.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/anchor-tree-item/tests/nimble-anchor-tree-item.directive.spec.ts
index 5478794de0..e279fdb608 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/anchor-tree-item/tests/nimble-anchor-tree-item.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/anchor-tree-item/tests/nimble-anchor-tree-item.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
-import { AnchorTreeItem, NimbleAnchorTreeItemDirective } from '../nimble-anchor-tree-item.directive';
+import { type AnchorTreeItem, NimbleAnchorTreeItemDirective } from '../nimble-anchor-tree-item.directive';
 import { NimbleAnchorTreeItemModule } from '../nimble-anchor-tree-item.module';
 
 describe('Nimble anchor tree item', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/anchor/nimble-anchor.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/anchor/nimble-anchor.directive.ts
index ab40d2044b..e7fbbc7731 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/anchor/nimble-anchor.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/anchor/nimble-anchor.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Anchor, anchorTag } from '@ni/nimble-components/dist/esm/anchor';
 import { AnchorAppearance } from '@ni/nimble-components/dist/esm/anchor/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleAnchorBaseDirective } from '../anchor-base/nimble-anchor-base.directive';
 
 export type { Anchor };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/anchor/tests/nimble-anchor.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/anchor/tests/nimble-anchor.directive.spec.ts
index 5b98299f43..03fa4e39b5 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/anchor/tests/nimble-anchor.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/anchor/tests/nimble-anchor.directive.spec.ts
@@ -1,6 +1,6 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Anchor, AnchorAppearance, NimbleAnchorDirective } from '../nimble-anchor.directive';
+import { type Anchor, AnchorAppearance, NimbleAnchorDirective } from '../nimble-anchor.directive';
 import { NimbleAnchorModule } from '../nimble-anchor.module';
 
 describe('Nimble anchor', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/banner/nimble-banner.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/banner/nimble-banner.directive.ts
index a1fe01f4b2..cb4bc51d6b 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/banner/nimble-banner.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/banner/nimble-banner.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, EventEmitter, HostListener, Input, Output, Renderer2 } from '@angular/core';
 import { type Banner, bannerTag } from '@ni/nimble-components/dist/esm/banner';
-import { BannerSeverity, BannerToggleEventDetail } from '@ni/nimble-components/dist/esm/banner/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { BannerSeverity, type BannerToggleEventDetail } from '@ni/nimble-components/dist/esm/banner/types';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { Banner };
 export { bannerTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/banner/tests/nimble-banner.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/banner/tests/nimble-banner.directive.spec.ts
index 2136e4fbd3..0c7a6393c3 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/banner/tests/nimble-banner.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/banner/tests/nimble-banner.directive.spec.ts
@@ -1,6 +1,6 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Banner, BannerSeverity, NimbleBannerDirective } from '../nimble-banner.directive';
+import { type Banner, BannerSeverity, NimbleBannerDirective } from '../nimble-banner.directive';
 import { NimbleBannerModule } from '../nimble-banner.module';
 
 describe('Nimble banner', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/breadcrumb-item/tests/nimble-breadcrumb-item.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/breadcrumb-item/tests/nimble-breadcrumb-item.directive.spec.ts
index 8c24abe72d..272a8c8bed 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/breadcrumb-item/tests/nimble-breadcrumb-item.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/breadcrumb-item/tests/nimble-breadcrumb-item.directive.spec.ts
@@ -1,6 +1,6 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { BreadcrumbItem, NimbleBreadcrumbItemDirective } from '../nimble-breadcrumb-item.directive';
+import { type BreadcrumbItem, NimbleBreadcrumbItemDirective } from '../nimble-breadcrumb-item.directive';
 import { NimbleBreadcrumbItemModule } from '../nimble-breadcrumb-item.module';
 
 describe('Nimble breadcrumb item', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/breadcrumb/tests/nimble-breadcrumb.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/breadcrumb/tests/nimble-breadcrumb.directive.spec.ts
index 8ad317e987..2cc85ce9a3 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/breadcrumb/tests/nimble-breadcrumb.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/breadcrumb/tests/nimble-breadcrumb.directive.spec.ts
@@ -1,6 +1,6 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Breadcrumb, BreadcrumbAppearance, NimbleBreadcrumbDirective } from '../nimble-breadcrumb.directive';
+import { type Breadcrumb, BreadcrumbAppearance, NimbleBreadcrumbDirective } from '../nimble-breadcrumb.directive';
 import { NimbleBreadcrumbModule } from '../nimble-breadcrumb.module';
 
 describe('Nimble breadcrumb', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/button/nimble-button.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/button/nimble-button.directive.ts
index 31c4bb2828..f11ac2b05f 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/button/nimble-button.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/button/nimble-button.directive.ts
@@ -1,11 +1,11 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Button, buttonTag } from '@ni/nimble-components/dist/esm/button';
 import type { ButtonType, ButtonAppearance, ButtonAppearanceVariant } from '@ni/nimble-components/dist/esm/button/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { Button };
 export { buttonTag };
-export { ButtonType };
+export type { ButtonType };
 
 /**
  * Directive to provide Angular integration for the button.
diff --git a/packages/angular-workspace/nimble-angular/src/directives/button/tests/nimble-button.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/button/tests/nimble-button.directive.spec.ts
index bed992b323..25e8249393 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/button/tests/nimble-button.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/button/tests/nimble-button.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { ButtonAppearance, ButtonAppearanceVariant } from '../../../public-api';
-import { Button, NimbleButtonDirective } from '../nimble-button.directive';
+import { type Button, NimbleButtonDirective } from '../nimble-button.directive';
 import { NimbleButtonModule } from '../nimble-button.module';
 
 describe('Nimble button', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/card-button/nimble-card-button.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/card-button/nimble-card-button.directive.ts
index 1e7f7d1c4b..3ab431ae3f 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/card-button/nimble-card-button.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/card-button/nimble-card-button.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type CardButton, cardButtonTag } from '@ni/nimble-components/dist/esm/card-button';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { CardButton };
 export { cardButtonTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/card-button/tests/nimble-card-button.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/card-button/tests/nimble-card-button.directive.spec.ts
index 08ad5fa632..e6b091d63a 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/card-button/tests/nimble-card-button.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/card-button/tests/nimble-card-button.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
-import { NimbleCardButtonDirective, CardButton } from '../nimble-card-button.directive';
+import { NimbleCardButtonDirective, type CardButton } from '../nimble-card-button.directive';
 import { NimbleCardButtonModule } from '../nimble-card-button.module';
 
 describe('Nimble card button', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/checkbox/nimble-checkbox.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/checkbox/nimble-checkbox.directive.ts
index a7706e33a4..cec4ecc60c 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/checkbox/nimble-checkbox.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/checkbox/nimble-checkbox.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Checkbox, checkboxTag } from '@ni/nimble-components/dist/esm/checkbox';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { Checkbox };
 export { checkboxTag };
@@ -36,5 +36,21 @@ export class NimbleCheckboxDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'indeterminate', toBooleanProperty(value));
     }
 
+    public get errorText(): string | undefined {
+        return this.elementRef.nativeElement.errorText;
+    }
+
+    @Input('error-text') public set errorText(value: string | undefined) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'errorText', value);
+    }
+
+    public get errorVisible(): boolean {
+        return this.elementRef.nativeElement.errorVisible;
+    }
+
+    @Input('error-visible') public set errorVisible(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'errorVisible', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<Checkbox>) {}
 }
diff --git a/packages/angular-workspace/nimble-angular/src/directives/checkbox/tests/nimble-checkbox.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/checkbox/tests/nimble-checkbox.directive.spec.ts
index 4f99853d11..6015f9e38c 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/checkbox/tests/nimble-checkbox.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/checkbox/tests/nimble-checkbox.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
-import { Checkbox, NimbleCheckboxDirective } from '../nimble-checkbox.directive';
+import { type Checkbox, NimbleCheckboxDirective } from '../nimble-checkbox.directive';
 import { NimbleCheckboxModule } from '../nimble-checkbox.module';
 
 describe('Nimble checkbox', () => {
@@ -57,6 +57,16 @@ describe('Nimble checkbox', () => {
             expect(directive.indeterminate).toBeFalse();
             expect(nativeElement.indeterminate).toBeFalse();
         });
+
+        it('has expected defaults for errorVisible', () => {
+            expect(directive.errorVisible).toBeFalse();
+            expect(nativeElement.errorVisible).toBeFalse();
+        });
+
+        it('has expected defaults for errorText', () => {
+            expect(directive.errorText).toBeUndefined();
+            expect(nativeElement.errorText).toBeUndefined();
+        });
     });
 
     describe('with template string values', () => {
@@ -65,7 +75,9 @@ describe('Nimble checkbox', () => {
                 <nimble-checkbox #checkbox
                     disabled
                     checked
-                    indeterminate>
+                    indeterminate
+                    error-visible
+                    error-text="Error message">
                 </nimble-checkbox>`
         })
         class TestHostComponent {
@@ -102,6 +114,16 @@ describe('Nimble checkbox', () => {
             expect(directive.indeterminate).toBeTrue();
             expect(nativeElement.indeterminate).toBeTrue();
         });
+
+        it('will use template string values for errorVisible', () => {
+            expect(directive.errorVisible).toBeTrue();
+            expect(nativeElement.errorVisible).toBeTrue();
+        });
+
+        it('will use template string values for errorText', () => {
+            expect(directive.errorText).toBe('Error message');
+            expect(nativeElement.errorText).toBe('Error message');
+        });
     });
 
     describe('with property bound values', () => {
@@ -110,7 +132,9 @@ describe('Nimble checkbox', () => {
                 <nimble-checkbox #checkbox
                     [disabled]="disabled"
                     [checked]="checked"
-                    [indeterminate]="indeterminate">
+                    [indeterminate]="indeterminate"
+                    [error-text]="errorText"
+                    [error-visible]="errorVisible">
                 </nimble-checkbox>
             `
         })
@@ -120,6 +144,8 @@ describe('Nimble checkbox', () => {
             public disabled = false;
             public checked = false;
             public indeterminate = false;
+            public errorText = 'initial value';
+            public errorVisible = false;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -169,6 +195,28 @@ describe('Nimble checkbox', () => {
             expect(directive.indeterminate).toBeTrue();
             expect(nativeElement.indeterminate).toBeTrue();
         });
+
+        it('can be configured with property binding for errorText', () => {
+            expect(directive.errorText).toBe('initial value');
+            expect(nativeElement.errorText).toBe('initial value');
+
+            fixture.componentInstance.errorText = 'new value';
+            fixture.detectChanges();
+
+            expect(directive.errorText).toBe('new value');
+            expect(nativeElement.errorText).toBe('new value');
+        });
+
+        it('can be configured with property binding for errorVisible', () => {
+            expect(directive.errorVisible).toBeFalse();
+            expect(nativeElement.errorVisible).toBeFalse();
+
+            fixture.componentInstance.errorVisible = true;
+            fixture.detectChanges();
+
+            expect(directive.errorVisible).toBeTrue();
+            expect(nativeElement.errorVisible).toBeTrue();
+        });
     });
 
     describe('with attribute bound values', () => {
@@ -176,7 +224,9 @@ describe('Nimble checkbox', () => {
             template: `
                 <nimble-checkbox #checkbox
                     [attr.disabled]="disabled"
-                    [attr.checked]="checked">
+                    [attr.checked]="checked"
+                    [attr.error-text]="errorText"
+                    [attr.error-visible]="errorVisible">
                 </nimble-checkbox>
             `
         })
@@ -185,6 +235,8 @@ describe('Nimble checkbox', () => {
             @ViewChild('checkbox', { read: ElementRef }) public elementRef: ElementRef<Checkbox>;
             public disabled: BooleanValueOrAttribute = null;
             public checked: BooleanValueOrAttribute = null;
+            public errorText = 'initial value';
+            public errorVisible: BooleanValueOrAttribute = null;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -224,6 +276,28 @@ describe('Nimble checkbox', () => {
             expect(nativeElement.checked).toBeTrue();
         });
 
+        it('can be configured with attribute binding for errorText', () => {
+            expect(directive.errorText).toBe('initial value');
+            expect(nativeElement.errorText).toBe('initial value');
+
+            fixture.componentInstance.errorText = 'new value';
+            fixture.detectChanges();
+
+            expect(directive.errorText).toBe('new value');
+            expect(nativeElement.errorText).toBe('new value');
+        });
+
+        it('can be configured with attribute binding for errorVisible', () => {
+            expect(directive.errorVisible).toBeFalse();
+            expect(nativeElement.errorVisible).toBeFalse();
+
+            fixture.componentInstance.errorVisible = '';
+            fixture.detectChanges();
+
+            expect(directive.errorVisible).toBeTrue();
+            expect(nativeElement.errorVisible).toBeTrue();
+        });
+
         // indeterminate property does not have a matching attribute
     });
 });
diff --git a/packages/angular-workspace/nimble-angular/src/directives/combobox/nimble-combobox-control-value-accessor.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/combobox/nimble-combobox-control-value-accessor.directive.ts
index 86056e508a..700a5a1bb2 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/combobox/nimble-combobox-control-value-accessor.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/combobox/nimble-combobox-control-value-accessor.directive.ts
@@ -1,5 +1,5 @@
-import { AfterViewChecked, Directive, ElementRef, forwardRef, HostListener, Input, Renderer2 } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { type AfterViewChecked, Directive, ElementRef, forwardRef, HostListener, Input, Renderer2 } from '@angular/core';
+import { type ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import type { ListOption } from '@ni/nimble-components/dist/esm/list-option';
 import type { Combobox } from '../../public-api';
 
diff --git a/packages/angular-workspace/nimble-angular/src/directives/combobox/nimble-combobox.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/combobox/nimble-combobox.directive.ts
index 6c03dd6555..ecc2045162 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/combobox/nimble-combobox.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/combobox/nimble-combobox.directive.ts
@@ -2,7 +2,7 @@ import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Combobox, comboboxTag } from '@ni/nimble-components/dist/esm/combobox';
 import { ComboboxAutocomplete } from '@ni/nimble-components/dist/esm/combobox/types';
 import type { DropdownAppearance } from '@ni/nimble-components/dist/esm/patterns/dropdown/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { Combobox };
 export { comboboxTag };
@@ -75,5 +75,13 @@ export class NimbleComboboxDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'open', toBooleanProperty(value));
     }
 
+    public get requiredVisible(): boolean {
+        return this.elementRef.nativeElement.requiredVisible;
+    }
+
+    @Input('required-visible') public set requiredVisible(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<Combobox>) {}
 }
diff --git a/packages/angular-workspace/nimble-angular/src/directives/combobox/tests/nimble-combobox-control-value-accessor.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/combobox/tests/nimble-combobox-control-value-accessor.directive.spec.ts
index 91ba0feacb..40e00982d2 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/combobox/tests/nimble-combobox-control-value-accessor.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/combobox/tests/nimble-combobox-control-value-accessor.directive.spec.ts
@@ -5,7 +5,7 @@ import { NimbleComboboxModule } from '../nimble-combobox.module';
 import { NimbleListOptionModule } from '../../list-option/nimble-list-option.module';
 import { processUpdates, waitForUpdatesAsync } from '../../../testing/async-helpers';
 import type { Combobox } from '../nimble-combobox.directive';
-import { OptionNotFound, OPTION_NOT_FOUND } from '../nimble-combobox-control-value-accessor.directive';
+import { type OptionNotFound, OPTION_NOT_FOUND } from '../nimble-combobox-control-value-accessor.directive';
 import type { ListOption } from '../../../public-api';
 
 function clickOnListOption(combobox: Combobox, index: number): void {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/combobox/tests/nimble-combobox.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/combobox/tests/nimble-combobox.directive.spec.ts
index d250653b98..d779c3cf89 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/combobox/tests/nimble-combobox.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/combobox/tests/nimble-combobox.directive.spec.ts
@@ -3,7 +3,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { FormsModule } from '@angular/forms';
 import { ComboboxAutocomplete, DropdownAppearance, NimbleListOptionModule } from '../../../public-api';
-import { Combobox, NimbleComboboxDirective } from '../nimble-combobox.directive';
+import { type Combobox, NimbleComboboxDirective } from '../nimble-combobox.directive';
 import { NimbleComboboxModule } from '../nimble-combobox.module';
 import { waitForUpdatesAsync } from '../../../testing/async-helpers';
 
@@ -90,6 +90,17 @@ describe('Nimble combobox', () => {
             expect(directive.open).toBeTrue();
             expect(nativeElement.open).toBeTrue();
         });
+
+        it('has expected defaults for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+        });
+
+        it('can use the directive to set requiredVisible', () => {
+            directive.requiredVisible = true;
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with template string values', () => {
@@ -103,6 +114,7 @@ describe('Nimble combobox', () => {
                     error-text="error text"
                     error-visible
                     open
+                    required-visible
                 >
                 </nimble-combobox>`
         })
@@ -160,6 +172,11 @@ describe('Nimble combobox', () => {
             expect(directive.open).toBeTrue();
             expect(nativeElement.open).toBeTrue();
         });
+
+        it('will use template string values for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with property bound values', () => {
@@ -173,6 +190,7 @@ describe('Nimble combobox', () => {
                     [error-text]="errorText"
                     [error-visible]="errorVisible"
                     [open]="open"
+                    [required-visible]="requiredVisible"
                 >
                 </nimble-combobox>
             `
@@ -187,6 +205,7 @@ describe('Nimble combobox', () => {
             public placeholder = 'Enter value:';
             public errorVisible = false;
             public open = false;
+            public requiredVisible = false;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -281,6 +300,17 @@ describe('Nimble combobox', () => {
             expect(directive.open).toBeTrue();
             expect(nativeElement.open).toBeTrue();
         });
+
+        it('can be configured with property binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = true;
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with attribute bound values', () => {
@@ -294,6 +324,7 @@ describe('Nimble combobox', () => {
                     [attr.error-text]="errorText"
                     [attr.error-visible]="errorVisible"
                     [attr.open]="open"
+                    [attr.required-visible]="requiredVisible"
                 >
                 </nimble-combobox>
             `
@@ -308,6 +339,7 @@ describe('Nimble combobox', () => {
             public errorText = 'initial value';
             public errorVisible: BooleanValueOrAttribute = null;
             public open: BooleanValueOrAttribute = null;
+            public requiredVisible: BooleanValueOrAttribute = null;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -402,6 +434,17 @@ describe('Nimble combobox', () => {
             expect(directive.open).toBeTrue();
             expect(nativeElement.open).toBeTrue();
         });
+
+        it('can be configured with attribute binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = '';
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('can access value through directive', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/dialog/nimble-dialog.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/dialog/nimble-dialog.directive.ts
index 5c4e3e9454..815f3c0521 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/dialog/nimble-dialog.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/dialog/nimble-dialog.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Dialog, type UserDismissed, dialogTag } from '@ni/nimble-components/dist/esm/dialog';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { Dialog };
 export { dialogTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/dialog/tests/nimble-dialog.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/dialog/tests/nimble-dialog.directive.spec.ts
index 604d6c51cc..17ba5f68c0 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/dialog/tests/nimble-dialog.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/dialog/tests/nimble-dialog.directive.spec.ts
@@ -1,6 +1,6 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Dialog, NimbleDialogDirective } from '../nimble-dialog.directive';
+import { type Dialog, NimbleDialogDirective } from '../nimble-dialog.directive';
 import { NimbleDialogModule } from '../nimble-dialog.module';
 
 describe('Nimble dialog', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/drawer/nimble-drawer.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/drawer/nimble-drawer.directive.ts
index 9a5f78723a..0a82305589 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/drawer/nimble-drawer.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/drawer/nimble-drawer.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Drawer, type UserDismissed, drawerTag } from '@ni/nimble-components/dist/esm/drawer';
 import { DrawerLocation } from '@ni/nimble-components/dist/esm/drawer/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { Drawer };
 export { drawerTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/drawer/tests/nimble-drawer.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/drawer/tests/nimble-drawer.directive.spec.ts
index a2e808c00a..44ad7af20a 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/drawer/tests/nimble-drawer.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/drawer/tests/nimble-drawer.directive.spec.ts
@@ -1,6 +1,6 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Drawer, DrawerLocation, NimbleDrawerDirective } from '../nimble-drawer.directive';
+import { type Drawer, DrawerLocation, NimbleDrawerDirective } from '../nimble-drawer.directive';
 import { NimbleDrawerModule } from '../nimble-drawer.module';
 
 describe('Nimble drawer', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/icon-base/tests/nimble-icon-check.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/icon-base/tests/nimble-icon-check.directive.spec.ts
index 7fc972be53..3f5d8716e4 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/icon-base/tests/nimble-icon-check.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/icon-base/tests/nimble-icon-check.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { IconSeverity } from '../../../public-api';
-import { IconCheck, NimbleIconCheckDirective } from '../../icons/check/nimble-icon-check.directive';
+import { type IconCheck, NimbleIconCheckDirective } from '../../icons/check/nimble-icon-check.directive';
 import { NimbleIconCheckModule } from '../../icons/check/nimble-icon-check.module';
 
 // As the icons are generated and have identical apis, testing every icon seemed unnecessary.
diff --git a/packages/angular-workspace/nimble-angular/src/directives/list-option-group/nimble-list-option-group.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/list-option-group/nimble-list-option-group.directive.ts
index 7a24d4e9d9..1208664b94 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/list-option-group/nimble-list-option-group.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/list-option-group/nimble-list-option-group.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, Input, ElementRef, Renderer2 } from '@angular/core';
 import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
-import type { ListOptionGroup, listOptionGroupTag } from '@ni/nimble-components/dist/esm/list-option-group';
+import { type ListOptionGroup, listOptionGroupTag } from '@ni/nimble-components/dist/esm/list-option-group';
 
 export type { ListOptionGroup };
 export { listOptionGroupTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/list-option/nimble-combobox-list-option.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/list-option/nimble-combobox-list-option.directive.ts
index 9f177732cc..87976d183a 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/list-option/nimble-combobox-list-option.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/list-option/nimble-combobox-list-option.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, ElementRef, Host, Inject, Input, Optional, AfterViewInit, OnDestroy } from '@angular/core';
+import { Directive, ElementRef, Host, Inject, Input, Optional, type AfterViewInit, type OnDestroy } from '@angular/core';
 import type { ListOption } from '@ni/nimble-components/dist/esm/list-option';
 import { NimbleComboboxControlValueAccessorDirective } from '../combobox/nimble-combobox-control-value-accessor.directive';
 
diff --git a/packages/angular-workspace/nimble-angular/src/directives/list-option/nimble-list-option.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/list-option/nimble-list-option.directive.ts
index 3dc2eb2c96..3872383558 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/list-option/nimble-list-option.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/list-option/nimble-list-option.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, Input, ElementRef, Renderer2 } from '@angular/core';
 import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
-import type { ListOption, listOptionTag } from '@ni/nimble-components/dist/esm/list-option';
+import { type ListOption, listOptionTag } from '@ni/nimble-components/dist/esm/list-option';
 
 export type { ListOption };
 export { listOptionTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/menu-button/nimble-menu-button.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/menu-button/nimble-menu-button.directive.ts
index 3b7df35151..63c1443c27 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/menu-button/nimble-menu-button.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/menu-button/nimble-menu-button.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type MenuButton, menuButtonTag } from '@ni/nimble-components/dist/esm/menu-button';
 import type { ButtonAppearance, ButtonAppearanceVariant, MenuButtonToggleEventDetail } from '@ni/nimble-components/dist/esm/menu-button/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { MenuButton };
 export { menuButtonTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/menu-button/tests/nimble-menu-button.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/menu-button/tests/nimble-menu-button.directive.spec.ts
index e82c06106e..f3f3377606 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/menu-button/tests/nimble-menu-button.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/menu-button/tests/nimble-menu-button.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { ButtonAppearance, ButtonAppearanceVariant } from '../../../public-api';
-import { NimbleMenuButtonDirective, MenuButton } from '../nimble-menu-button.directive';
+import { NimbleMenuButtonDirective, type MenuButton } from '../nimble-menu-button.directive';
 import { NimbleMenuButtonModule } from '../nimble-menu-button.module';
 
 describe('Nimble menu button', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/menu-item/nimble-menu-item.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/menu-item/nimble-menu-item.directive.ts
index 5eac6ae3c7..2dba19197d 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/menu-item/nimble-menu-item.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/menu-item/nimble-menu-item.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type MenuItem, menuItemTag } from '@ni/nimble-components/dist/esm/menu-item';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { MenuItem };
 export { menuItemTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/menu-item/tests/nimble-menu-item.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/menu-item/tests/nimble-menu-item.directive.spec.ts
index cff48cd7d5..58dcea8b12 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/menu-item/tests/nimble-menu-item.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/menu-item/tests/nimble-menu-item.directive.spec.ts
@@ -2,7 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { NimbleMenuItemModule } from '../nimble-menu-item.module';
-import { MenuItem, NimbleMenuItemDirective } from '../nimble-menu-item.directive';
+import { type MenuItem, NimbleMenuItemDirective } from '../nimble-menu-item.directive';
 
 describe('Nimble menu item', () => {
     describe('module', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/number-field/nimble-number-field.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/number-field/nimble-number-field.directive.ts
index 75b8ebb00a..3f5de8c3e2 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/number-field/nimble-number-field.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/number-field/nimble-number-field.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type NumberField, numberFieldTag } from '@ni/nimble-components/dist/esm/number-field';
 import { NumberFieldAppearance } from '@ni/nimble-components/dist/esm/number-field/types';
-import { BooleanValueOrAttribute, NumberValueOrAttribute, toBooleanProperty, toNumberProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, type NumberValueOrAttribute, toBooleanProperty, toNumberProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { NumberField };
 export { numberFieldTag };
@@ -88,5 +88,13 @@ export class NimbleNumberFieldDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'errorVisible', toBooleanProperty(value));
     }
 
+    public get requiredVisible(): boolean {
+        return this.elementRef.nativeElement.requiredVisible;
+    }
+
+    @Input('required-visible') public set requiredVisible(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<NumberField>) {}
 }
diff --git a/packages/angular-workspace/nimble-angular/src/directives/number-field/tests/nimble-number-field.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/number-field/tests/nimble-number-field.directive.spec.ts
index 4c9f14e906..4b4082837a 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/number-field/tests/nimble-number-field.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/number-field/tests/nimble-number-field.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute, NumberValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
-import { NimbleNumberFieldDirective, NumberField, NumberFieldAppearance } from '../nimble-number-field.directive';
+import { NimbleNumberFieldDirective, type NumberField, NumberFieldAppearance } from '../nimble-number-field.directive';
 import { NimbleNumberFieldModule } from '../nimble-number-field.module';
 
 describe('Nimble number field', () => {
@@ -131,6 +131,17 @@ describe('Nimble number field', () => {
             expect(directive.errorVisible).toBeTrue();
             expect(nativeElement.errorVisible).toBeTrue();
         });
+
+        it('has expected defaults for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+        });
+
+        it('can use the directive to set requiredVisible', () => {
+            directive.requiredVisible = true;
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with template string values', () => {
@@ -146,6 +157,7 @@ describe('Nimble number field', () => {
                     placeholder="Placeholder value"
                     error-text="error text"
                     error-visible
+                    required-visible
                 >
                 </nimble-number-field>`
         })
@@ -213,6 +225,11 @@ describe('Nimble number field', () => {
             expect(directive.errorVisible).toBeTrue();
             expect(nativeElement.errorVisible).toBeTrue();
         });
+
+        it('will use template string values for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with property bound values', () => {
@@ -228,6 +245,7 @@ describe('Nimble number field', () => {
                 [placeholder]="placeholder"
                 [error-text]="errorText"
                 [error-visible]="errorVisible"
+                [required-visible]="requiredVisible"
             >
             </nimble-number-field>`
         })
@@ -243,6 +261,7 @@ describe('Nimble number field', () => {
             public placeholder = 'initial';
             public errorText = 'initial value';
             public errorVisible = false;
+            public requiredVisible = false;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -358,6 +377,17 @@ describe('Nimble number field', () => {
             expect(directive.errorVisible).toBeTrue();
             expect(nativeElement.errorVisible).toBeTrue();
         });
+
+        it('can be configured with property binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = true;
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with attribute bound values', () => {
@@ -373,6 +403,7 @@ describe('Nimble number field', () => {
                     [attr.placeholder]="placeholder"
                     [attr.error-text]="errorText"
                     [attr.error-visible]="errorVisible"
+                    [attr.required-visible]="requiredVisible"
                 >
                 </nimble-number-field>`
         })
@@ -388,6 +419,7 @@ describe('Nimble number field', () => {
             public placeholder = 'initial';
             public errorText = 'initial value';
             public errorVisible: BooleanValueOrAttribute = null;
+            public requiredVisible: BooleanValueOrAttribute = null;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -503,5 +535,16 @@ describe('Nimble number field', () => {
             expect(directive.errorVisible).toBeTrue();
             expect(nativeElement.errorVisible).toBeTrue();
         });
+
+        it('can be configured with attribute binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = '';
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 });
\ No newline at end of file
diff --git a/packages/angular-workspace/nimble-angular/src/directives/radio-group/nimble-radio-group.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/radio-group/nimble-radio-group.directive.ts
index d23fd3205a..e28faf2220 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/radio-group/nimble-radio-group.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/radio-group/nimble-radio-group.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { Orientation, radioGroupTag } from '@ni/nimble-components/dist/esm/radio-group';
 import type { RadioGroup } from '@ni/nimble-components/dist/esm/radio-group';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export { Orientation };
 export type { RadioGroup };
@@ -54,5 +54,13 @@ export class NimbleRadioGroupDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'errorVisible', toBooleanProperty(value));
     }
 
+    public get requiredVisible(): boolean {
+        return this.elementRef.nativeElement.requiredVisible;
+    }
+
+    @Input('required-visible') public set requiredVisible(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<RadioGroup>) {}
 }
diff --git a/packages/angular-workspace/nimble-angular/src/directives/radio-group/tests/nimble-radio-group.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/radio-group/tests/nimble-radio-group.directive.spec.ts
index 28d133c4e8..6ddec675b9 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/radio-group/tests/nimble-radio-group.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/radio-group/tests/nimble-radio-group.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
-import { NimbleRadioGroupDirective, RadioGroup, Orientation } from '../nimble-radio-group.directive';
+import { NimbleRadioGroupDirective, type RadioGroup, Orientation } from '../nimble-radio-group.directive';
 import { NimbleRadioGroupModule } from '../nimble-radio-group.module';
 
 describe('Nimble radio group', () => {
@@ -80,6 +80,17 @@ describe('Nimble radio group', () => {
             directive.errorText = 'new value';
             expect(nativeElement.errorText).toBe('new value');
         });
+
+        it('has expected defaults for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+        });
+
+        it('can use the directive to set requiredVisible', () => {
+            directive.requiredVisible = true;
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with template string values', () => {
@@ -91,6 +102,7 @@ describe('Nimble radio group', () => {
                     orientation="vertical"
                     error-text="error text"
                     error-visible
+                    required-visible
                 ></nimble-radio-group>`
         })
         class TestHostComponent {
@@ -137,6 +149,11 @@ describe('Nimble radio group', () => {
             expect(directive.errorVisible).toBeTrue();
             expect(nativeElement.errorVisible).toBeTrue();
         });
+
+        it('will use template string values for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with property bound values', () => {
@@ -148,6 +165,7 @@ describe('Nimble radio group', () => {
                     [orientation]="orientation"
                     [error-text]="errorText"
                     [error-visible]="errorVisible"
+                    [required-visible]="requiredVisible"
                 ></nimble-radio-group>`
         })
         class TestHostComponent {
@@ -158,6 +176,7 @@ describe('Nimble radio group', () => {
             public orientation: Orientation = Orientation.vertical;
             public errorText = 'initial value';
             public errorVisible = false;
+            public requiredVisible = false;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -229,6 +248,17 @@ describe('Nimble radio group', () => {
             expect(directive.errorVisible).toBeTrue();
             expect(nativeElement.errorVisible).toBeTrue();
         });
+
+        it('can be configured with property binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = true;
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with attribute bound values', () => {
@@ -240,6 +270,7 @@ describe('Nimble radio group', () => {
                     [attr.orientation]="orientation"
                     [attr.error-text]="errorText"
                     [attr.error-visible]="errorVisible"
+                    [attr.required-visible]="requiredVisible"
                 ></nimble-radio-group>`
         })
         class TestHostComponent {
@@ -250,6 +281,7 @@ describe('Nimble radio group', () => {
             public orientation: Orientation = Orientation.vertical;
             public errorText = 'initial value';
             public errorVisible: BooleanValueOrAttribute = null;
+            public requiredVisible: BooleanValueOrAttribute = null;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -321,5 +353,16 @@ describe('Nimble radio group', () => {
             expect(directive.errorVisible).toBeTrue();
             expect(nativeElement.errorVisible).toBeTrue();
         });
+
+        it('can be configured with attribute binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = '';
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 });
\ No newline at end of file
diff --git a/packages/angular-workspace/nimble-angular/src/directives/radio/nimble-radio-control-value-accessor.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/radio/nimble-radio-control-value-accessor.directive.ts
index 66bf439f9f..856849be80 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/radio/nimble-radio-control-value-accessor.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/radio/nimble-radio-control-value-accessor.directive.ts
@@ -1,4 +1,4 @@
-import { Directive, ElementRef, forwardRef, Injector, OnInit, Renderer2 } from '@angular/core';
+import { Directive, ElementRef, forwardRef, Injector, type OnInit, Renderer2 } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { RadioGroup } from '@ni/nimble-components/dist/esm/radio-group';
 import type { Radio } from '@ni/nimble-components/dist/esm/radio';
diff --git a/packages/angular-workspace/nimble-angular/src/directives/radio/nimble-radio.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/radio/nimble-radio.directive.ts
index 668de9b936..fed69322ab 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/radio/nimble-radio.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/radio/nimble-radio.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Radio, radioTag } from '@ni/nimble-components/dist/esm/radio';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { Radio };
 export { radioTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/radio/tests/nimble-radio.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/radio/tests/nimble-radio.directive.spec.ts
index 8ec07f61b8..90ea616de1 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/radio/tests/nimble-radio.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/radio/tests/nimble-radio.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
-import { NimbleRadioDirective, Radio } from '../nimble-radio.directive';
+import { NimbleRadioDirective, type Radio } from '../nimble-radio.directive';
 import { NimbleRadioModule } from '../nimble-radio.module';
 
 describe('Nimble radio', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/select/nimble-select.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/select/nimble-select.directive.ts
index 7f7aa35c75..9a733db432 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/select/nimble-select.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/select/nimble-select.directive.ts
@@ -1,11 +1,11 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Select, selectTag } from '@ni/nimble-components/dist/esm/select';
-import { FilterMode, SelectFilterInputEventDetail } from '@ni/nimble-components/dist/esm/select/types';
+import { FilterMode, type SelectFilterInputEventDetail } from '@ni/nimble-components/dist/esm/select/types';
 import type { DropdownAppearance } from '@ni/nimble-components/dist/esm/patterns/dropdown/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { Select };
-export { FilterMode, SelectFilterInputEventDetail };
+export { FilterMode, type SelectFilterInputEventDetail };
 export { selectTag };
 
 /**
@@ -71,5 +71,13 @@ export class NimbleSelectDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'loadingVisible', toBooleanProperty(value));
     }
 
+    public get requiredVisible(): boolean {
+        return this.elementRef.nativeElement.requiredVisible;
+    }
+
+    @Input('required-visible') public set requiredVisible(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<Select>) {}
 }
diff --git a/packages/angular-workspace/nimble-angular/src/directives/select/tests/nimble-select-control-value-accessor.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/select/tests/nimble-select-control-value-accessor.directive.spec.ts
index eaa69269f9..f2d6ca3c5e 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/select/tests/nimble-select-control-value-accessor.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/select/tests/nimble-select-control-value-accessor.directive.spec.ts
@@ -1,4 +1,4 @@
-import { Component, ElementRef, Input, OnChanges, OnInit, SimpleChange, SimpleChanges, ViewChild } from '@angular/core';
+import { Component, ElementRef, Input, type OnChanges, type OnInit, SimpleChange, type SimpleChanges, ViewChild } from '@angular/core';
 import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
 import { AbstractControl, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { SelectPageObject } from '@ni/nimble-angular/select/testing';
diff --git a/packages/angular-workspace/nimble-angular/src/directives/select/tests/nimble-select.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/select/tests/nimble-select.directive.spec.ts
index e4eb4c0e75..d9b49dcf7b 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/select/tests/nimble-select.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/select/tests/nimble-select.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { DropdownAppearance } from '../../../public-api';
-import { FilterMode, NimbleSelectDirective, Select } from '../nimble-select.directive';
+import { FilterMode, NimbleSelectDirective, type Select } from '../nimble-select.directive';
 import { NimbleSelectModule } from '../nimble-select.module';
 
 describe('Nimble select', () => {
@@ -87,6 +87,17 @@ describe('Nimble select', () => {
             expect(directive.loadingVisible).toBeFalse();
             expect(nativeElement.loadingVisible).toBeFalse();
         });
+
+        it('has expected defaults for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+        });
+
+        it('can use the directive to set requiredVisible', () => {
+            directive.requiredVisible = true;
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with template string values', () => {
@@ -100,6 +111,7 @@ describe('Nimble select', () => {
                     error-text="error text"
                     error-visible
                     loading-visible
+                    required-visible
                 >
                 </nimble-select>
             `
@@ -158,6 +170,11 @@ describe('Nimble select', () => {
             expect(directive.errorVisible).toBeTrue();
             expect(nativeElement.errorVisible).toBeTrue();
         });
+
+        it('will use template string values for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with property bound values', () => {
@@ -171,6 +188,7 @@ describe('Nimble select', () => {
                     [error-text]="errorText"
                     [error-visible]="errorVisible"
                     [loading-visible]="loadingVisible"
+                    [required-visible]="requiredVisible"
                 >
                 </nimble-select>
             `
@@ -185,6 +203,7 @@ describe('Nimble select', () => {
             public errorText = 'initial value';
             public errorVisible = false;
             public loadingVisible = false;
+            public requiredVisible = false;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -278,6 +297,17 @@ describe('Nimble select', () => {
             expect(directive.loadingVisible).toBeTrue();
             expect(nativeElement.loadingVisible).toBeTrue();
         });
+
+        it('can be configured with property binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = true;
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with attribute bound values', () => {
@@ -291,6 +321,7 @@ describe('Nimble select', () => {
                     [attr.error-text]="errorText"
                     [attr.error-visible]="errorVisible"
                     [attr.loading-visible]="loadingVisible"
+                    [attr.required-visible]="requiredVisible"
                 >
                 </nimble-select>
             `
@@ -305,6 +336,7 @@ describe('Nimble select', () => {
             public errorText = 'initial value';
             public errorVisible: BooleanValueOrAttribute = null;
             public loadingVisible: BooleanValueOrAttribute = null;
+            public requiredVisible: BooleanValueOrAttribute = null;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -398,5 +430,16 @@ describe('Nimble select', () => {
             expect(directive.loadingVisible).toBeTrue();
             expect(nativeElement.loadingVisible).toBeTrue();
         });
+
+        it('can be configured with attribute binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = '';
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 });
\ No newline at end of file
diff --git a/packages/angular-workspace/nimble-angular/src/directives/spinner/tests/nimble-spinner.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/spinner/tests/nimble-spinner.directive.spec.ts
index 4c2f2f4f02..26e9f8f952 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/spinner/tests/nimble-spinner.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/spinner/tests/nimble-spinner.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { SpinnerAppearance } from '../../../public-api';
-import { Spinner, NimbleSpinnerDirective } from '../nimble-spinner.directive';
+import { type Spinner, NimbleSpinnerDirective } from '../nimble-spinner.directive';
 import { NimbleSpinnerModule } from '../nimble-spinner.module';
 
 describe('Nimble Spinner', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/switch/nimble-switch.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/switch/nimble-switch.directive.ts
index 54230cfe01..0d1dcbcfb1 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/switch/nimble-switch.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/switch/nimble-switch.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Switch, switchTag } from '@ni/nimble-components/dist/esm/switch';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { Switch };
 export { switchTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/tab/nimble-tab.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/tab/nimble-tab.directive.ts
index 7873658fd5..a3b6016327 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/tab/nimble-tab.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/tab/nimble-tab.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Tab, tabTag } from '@ni/nimble-components/dist/esm/tab';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { Tab };
 export { tabTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/tab/tests/nimble-tab.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/tab/tests/nimble-tab.directive.spec.ts
index f356bc60ec..debde0f85e 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/tab/tests/nimble-tab.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/tab/tests/nimble-tab.directive.spec.ts
@@ -2,7 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { NimbleTabModule } from '../nimble-tab.module';
-import { NimbleTabDirective, Tab } from '../nimble-tab.directive';
+import { NimbleTabDirective, type Tab } from '../nimble-tab.directive';
 
 describe('Nimble tab', () => {
     describe('module', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/text-area/nimble-text-area.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/text-area/nimble-text-area.directive.ts
index 1a9629ca34..fa789644b4 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/text-area/nimble-text-area.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/text-area/nimble-text-area.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type TextArea, textAreaTag } from '@ni/nimble-components/dist/esm/text-area';
 import { TextAreaAppearance, TextAreaResize } from '@ni/nimble-components/dist/esm/text-area/types';
-import { BooleanValueOrAttribute, NumberValueOrAttribute, toBooleanProperty, toNumberProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, type NumberValueOrAttribute, toBooleanProperty, toNumberProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { TextArea };
 export { textAreaTag };
@@ -138,5 +138,13 @@ export class NimbleTextAreaDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'spellcheck', toBooleanProperty(value));
     }
 
+    public get requiredVisible(): boolean {
+        return this.elementRef.nativeElement.requiredVisible;
+    }
+
+    @Input('required-visible') public set requiredVisible(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<TextArea>) {}
 }
diff --git a/packages/angular-workspace/nimble-angular/src/directives/text-area/tests/nimble-text-area.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/text-area/tests/nimble-text-area.directive.spec.ts
index dcd84bf503..15fabb4902 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/text-area/tests/nimble-text-area.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/text-area/tests/nimble-text-area.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute, NumberValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
-import { NimbleTextAreaDirective, TextArea, TextAreaAppearance, TextAreaResize } from '../nimble-text-area.directive';
+import { NimbleTextAreaDirective, type TextArea, TextAreaAppearance, TextAreaResize } from '../nimble-text-area.directive';
 import { NimbleTextAreaModule } from '../nimble-text-area.module';
 
 describe('Nimble text area', () => {
@@ -117,6 +117,17 @@ describe('Nimble text area', () => {
             expect(directive.errorText).toBeUndefined();
             expect(nativeElement.errorText).toBeUndefined();
         });
+
+        it('has expected defaults for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+        });
+
+        it('can use the directive to set requiredVisible', () => {
+            directive.requiredVisible = true;
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with template string values', () => {
@@ -137,7 +148,9 @@ describe('Nimble text area', () => {
                     placeholder="Placeholder value"
                     cols="10"
                     rows="6"
-                    spellcheck>
+                    spellcheck
+                    required-visible
+                >
                 </nimble-text-area>`
         })
         class TestHostComponent {
@@ -234,6 +247,11 @@ describe('Nimble text area', () => {
             expect(directive.errorText).toBe('Error text');
             expect(nativeElement.errorText).toBe('Error text');
         });
+
+        it('will use template string values for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with property bound values', () => {
@@ -254,7 +272,9 @@ describe('Nimble text area', () => {
                     [placeholder]="placeholder"
                     [cols]="cols"
                     [rows]="rows"
-                    [spellcheck]="spellcheck">
+                    [spellcheck]="spellcheck"
+                    [required-visible]="requiredVisible"
+                >
                 </nimble-text-area>`
         })
         class TestHostComponent {
@@ -275,6 +295,7 @@ describe('Nimble text area', () => {
             public cols = 5;
             public rows = 2;
             public spellcheck = false;
+            public requiredVisible = false;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -456,6 +477,17 @@ describe('Nimble text area', () => {
             expect(directive.errorText).toBe('et');
             expect(nativeElement.errorText).toBe('et');
         });
+
+        it('can be configured with property binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = true;
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with attribute bound values', () => {
@@ -476,7 +508,9 @@ describe('Nimble text area', () => {
                     [attr.placeholder]="placeholder"
                     [attr.cols]="cols"
                     [attr.rows]="rows"
-                    [attr.spellcheck]="spellcheck">
+                    [attr.spellcheck]="spellcheck"
+                    [attr.required-visible]="requiredVisible"
+                >
                 </nimble-text-area>`
         })
         class TestHostComponent {
@@ -497,6 +531,7 @@ describe('Nimble text area', () => {
             public cols: NumberValueOrAttribute = 5;
             public rows: NumberValueOrAttribute = 2;
             public spellcheck: BooleanValueOrAttribute = null;
+            public requiredVisible: BooleanValueOrAttribute = null;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -678,5 +713,16 @@ describe('Nimble text area', () => {
             expect(directive.errorText).toBe('foo');
             expect(nativeElement.errorText).toBe('foo');
         });
+
+        it('can be configured with attribute binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = '';
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 });
\ No newline at end of file
diff --git a/packages/angular-workspace/nimble-angular/src/directives/text-field/nimble-text-field.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/text-field/nimble-text-field.directive.ts
index ca9d711da7..50d268ef50 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/text-field/nimble-text-field.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/text-field/nimble-text-field.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type TextField, textFieldTag } from '@ni/nimble-components/dist/esm/text-field';
 import { TextFieldAppearance, TextFieldType } from '@ni/nimble-components/dist/esm/text-field/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { TextField };
 export { textFieldTag };
@@ -136,5 +136,13 @@ export class NimbleTextFieldDirective {
         this.renderer.setProperty(this.elementRef.nativeElement, 'fullBleed', toBooleanProperty(value));
     }
 
+    public get requiredVisible(): boolean {
+        return this.elementRef.nativeElement.requiredVisible;
+    }
+
+    @Input('required-visible') public set requiredVisible(value: BooleanValueOrAttribute) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'requiredVisible', toBooleanProperty(value));
+    }
+
     public constructor(private readonly renderer: Renderer2, private readonly elementRef: ElementRef<TextField>) {}
 }
diff --git a/packages/angular-workspace/nimble-angular/src/directives/text-field/tests/nimble-text-field.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/text-field/tests/nimble-text-field.directive.spec.ts
index 2ba1c6ed89..c1a93ffda8 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/text-field/tests/nimble-text-field.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/text-field/tests/nimble-text-field.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute, NumberValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { NimbleTextFieldModule } from '../nimble-text-field.module';
-import { NimbleTextFieldDirective, TextField, TextFieldAppearance, TextFieldType } from '../nimble-text-field.directive';
+import { NimbleTextFieldDirective, type TextField, TextFieldAppearance, TextFieldType } from '../nimble-text-field.directive';
 
 describe('Nimble text field', () => {
     describe('module', () => {
@@ -193,6 +193,17 @@ describe('Nimble text field', () => {
             directive.fullBleed = true;
             expect(nativeElement.fullBleed).toBeTrue();
         });
+
+        it('has expected defaults for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+        });
+
+        it('can use the directive to set requiredVisible', () => {
+            directive.requiredVisible = true;
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with template string values', () => {
@@ -214,6 +225,7 @@ describe('Nimble text field', () => {
                     size="10"
                     spellcheck
                     full-bleed
+                    required-visible
                 >
                 </nimble-text-field>`
         })
@@ -311,6 +323,11 @@ describe('Nimble text field', () => {
             expect(directive.fullBleed).toBeTrue();
             expect(nativeElement.fullBleed).toBeTrue();
         });
+
+        it('will use template string values for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with property bound values', () => {
@@ -332,6 +349,7 @@ describe('Nimble text field', () => {
                     [size]="size"
                     [spellcheck]="spellcheck"
                     [full-bleed]="fullBleed"
+                    [required-visible]="requiredVisible"
                 >
                 </nimble-text-field>`
         })
@@ -353,6 +371,7 @@ describe('Nimble text field', () => {
             public size = 2;
             public spellcheck = false;
             public fullBleed = false;
+            public requiredVisible = false;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -534,6 +553,17 @@ describe('Nimble text field', () => {
             expect(directive.fullBleed).toBeTrue();
             expect(nativeElement.fullBleed).toBeTrue();
         });
+
+        it('can be configured with property binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = true;
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 
     describe('with attribute bound values', () => {
@@ -555,6 +585,7 @@ describe('Nimble text field', () => {
                     [attr.size]="size"
                     [attr.spellcheck]="spellcheck"
                     [attr.full-bleed]="fullBleed"
+                    [attr.required-visible]="requiredVisible"
                 >
                 </nimble-text-field>`
         })
@@ -576,6 +607,7 @@ describe('Nimble text field', () => {
             public size: NumberValueOrAttribute = 2;
             public spellcheck: BooleanValueOrAttribute = null;
             public fullBleed: BooleanValueOrAttribute = null;
+            public requiredVisible: BooleanValueOrAttribute = null;
         }
 
         let fixture: ComponentFixture<TestHostComponent>;
@@ -757,5 +789,16 @@ describe('Nimble text field', () => {
             expect(directive.fullBleed).toBeTrue();
             expect(nativeElement.fullBleed).toBeTrue();
         });
+
+        it('can be configured with attribute binding for requiredVisible', () => {
+            expect(directive.requiredVisible).toBeFalse();
+            expect(nativeElement.requiredVisible).toBeFalse();
+
+            fixture.componentInstance.requiredVisible = '';
+            fixture.detectChanges();
+
+            expect(directive.requiredVisible).toBeTrue();
+            expect(nativeElement.requiredVisible).toBeTrue();
+        });
     });
 });
diff --git a/packages/angular-workspace/nimble-angular/src/directives/theme-provider/tests/nimble-theme-provider.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/theme-provider/tests/nimble-theme-provider.directive.spec.ts
index 2dd328ca45..be9d400115 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/theme-provider/tests/nimble-theme-provider.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/theme-provider/tests/nimble-theme-provider.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NimbleThemeProviderModule } from '../nimble-theme-provider.module';
-import { NimbleThemeProviderDirective, Theme, ThemeProvider } from '../nimble-theme-provider.directive';
+import { NimbleThemeProviderDirective, Theme, type ThemeProvider } from '../nimble-theme-provider.directive';
 
 describe('Nimble theme provider', () => {
     beforeEach(() => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/toggle-button/nimble-toggle-button.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/toggle-button/nimble-toggle-button.directive.ts
index 704a037839..5c7c97642c 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/toggle-button/nimble-toggle-button.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/toggle-button/nimble-toggle-button.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type ToggleButton, toggleButtonTag } from '@ni/nimble-components/dist/esm/toggle-button';
 import type { ButtonAppearance, ButtonAppearanceVariant } from '@ni/nimble-components/dist/esm/toggle-button/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { ToggleButton };
 export { toggleButtonTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/toggle-button/tests/nimble-toggle-button.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/toggle-button/tests/nimble-toggle-button.directive.spec.ts
index 3fbfd8e42f..a78feef53e 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/toggle-button/tests/nimble-toggle-button.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/toggle-button/tests/nimble-toggle-button.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { ButtonAppearance, ButtonAppearanceVariant } from '../../../public-api';
-import { NimbleToggleButtonDirective, ToggleButton } from '../nimble-toggle-button.directive';
+import { NimbleToggleButtonDirective, type ToggleButton } from '../nimble-toggle-button.directive';
 import { NimbleToggleButtonModule } from '../nimble-toggle-button.module';
 
 describe('Nimble toggle button', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/tooltip/nimble-tooltip.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/tooltip/nimble-tooltip.directive.ts
index 19b5bf8d8f..2f694c2ae9 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/tooltip/nimble-tooltip.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/tooltip/nimble-tooltip.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type Tooltip, tooltipTag } from '@ni/nimble-components/dist/esm/tooltip';
 import { TooltipSeverity } from '@ni/nimble-components/dist/esm/tooltip/types';
-import { BooleanValueOrAttribute, NumberValueOrAttribute, toBooleanProperty, toNumberProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, type NumberValueOrAttribute, toBooleanProperty, toNumberProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { Tooltip };
 export { tooltipTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/tooltip/tests/nimble-tooltip.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/tooltip/tests/nimble-tooltip.directive.spec.ts
index 2b16b84e4b..06beeb4f1f 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/tooltip/tests/nimble-tooltip.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/tooltip/tests/nimble-tooltip.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import type { BooleanValueOrAttribute, NumberValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
-import { Tooltip, NimbleTooltipDirective, TooltipSeverity } from '../nimble-tooltip.directive';
+import { type Tooltip, NimbleTooltipDirective, TooltipSeverity } from '../nimble-tooltip.directive';
 import { NimbleTooltipModule } from '../nimble-tooltip.module';
 
 describe('Nimble tooltip', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/directives/tree-item/nimble-tree-item.directive.ts b/packages/angular-workspace/nimble-angular/src/directives/tree-item/nimble-tree-item.directive.ts
index dbe67cb75b..fed4fa8c66 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/tree-item/nimble-tree-item.directive.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/tree-item/nimble-tree-item.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, EventEmitter, HostListener, Input, Output, Renderer2 } from '@angular/core';
 import { type TreeItem, treeItemTag } from '@ni/nimble-components/dist/esm/tree-item';
-import { BooleanValueOrAttribute, toBooleanAriaAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanAriaAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
 export type { TreeItem };
 export { treeItemTag };
diff --git a/packages/angular-workspace/nimble-angular/src/directives/tree-view/tests/nimble-tree-view.directive.spec.ts b/packages/angular-workspace/nimble-angular/src/directives/tree-view/tests/nimble-tree-view.directive.spec.ts
index 256d5de9ca..d5a2ea7e55 100644
--- a/packages/angular-workspace/nimble-angular/src/directives/tree-view/tests/nimble-tree-view.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/directives/tree-view/tests/nimble-tree-view.directive.spec.ts
@@ -1,7 +1,7 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { NimbleTreeViewModule } from '../nimble-tree-view.module';
-import { NimbleTreeViewDirective, TreeView, TreeViewSelectionMode } from '../nimble-tree-view.directive';
+import { NimbleTreeViewDirective, type TreeView, TreeViewSelectionMode } from '../nimble-tree-view.directive';
 
 describe('Nimble tree view', () => {
     describe('module', () => {
diff --git a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/checkbox_value_accessor.ts b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/checkbox_value_accessor.ts
index dabdfbd5d3..18daecc7fc 100644
--- a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/checkbox_value_accessor.ts
+++ b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/checkbox_value_accessor.ts
@@ -14,7 +14,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Directive, forwardRef, Provider} from '@angular/core';
+import {Directive, forwardRef, type Provider} from '@angular/core';
 
 import type {ControlValueAccessor} from '@angular/forms';
 import {BuiltInControlValueAccessor} from './control_value_accessor';
diff --git a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/default_value_accessor.ts b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/default_value_accessor.ts
index f511ec9135..bc1fefb3ba 100644
--- a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/default_value_accessor.ts
+++ b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/default_value_accessor.ts
@@ -16,9 +16,9 @@
  */
 
 import {ɵgetDOM as getDOM} from '@angular/common';
-import {Directive, ElementRef, forwardRef, Inject, InjectionToken, Optional, Provider, Renderer2} from '@angular/core';
+import {Directive, ElementRef, forwardRef, Inject, InjectionToken, Optional, type Provider, Renderer2} from '@angular/core';
 
-import {ControlValueAccessor, COMPOSITION_BUFFER_MODE} from '@angular/forms';
+import {type ControlValueAccessor, COMPOSITION_BUFFER_MODE} from '@angular/forms';
 import {BaseControlValueAccessor} from './control_value_accessor';
 
 /* [Nimble] Do not register as a default value accessor provider
diff --git a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/number_value_accessor.ts b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/number_value_accessor.ts
index 274801c6f7..db7bd2e2d4 100644
--- a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/number_value_accessor.ts
+++ b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/number_value_accessor.ts
@@ -15,7 +15,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Directive, ElementRef, forwardRef, Provider} from '@angular/core';
+import {Directive, ElementRef, forwardRef, type Provider} from '@angular/core';
 
 import type {ControlValueAccessor} from '@angular/forms';
 import {BuiltInControlValueAccessor} from './control_value_accessor';
diff --git a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/radio_control_value_accessor.ts b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/radio_control_value_accessor.ts
index d2881caa20..04aa45ad67 100644
--- a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/radio_control_value_accessor.ts
+++ b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/radio_control_value_accessor.ts
@@ -17,10 +17,10 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Directive, ElementRef, forwardRef, inject, Injectable, Injector, Input, OnDestroy, OnInit, Provider, Renderer2, ɵRuntimeError as RuntimeError} from '@angular/core';
+import {Directive, ElementRef, forwardRef, inject, Injectable, Injector, Input, type OnDestroy, type OnInit, type Provider, Renderer2, ɵRuntimeError as RuntimeError} from '@angular/core';
 
 import {BuiltInControlValueAccessor} from './control_value_accessor';
-import {ControlValueAccessor, NgControl, SetDisabledStateOption} from '@angular/forms';
+import {type ControlValueAccessor, NgControl, type SetDisabledStateOption} from '@angular/forms';
 
 /* [Nimble] Do not register as a value accessor provider
 const RADIO_VALUE_ACCESSOR: Provider = {
diff --git a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/router_link.ts b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/router_link.ts
index a64f66d4e9..da064d90c4 100644
--- a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/router_link.ts
+++ b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/router_link.ts
@@ -28,15 +28,15 @@ import {
   HostListener,
   Inject,
   Input,
-  OnChanges,
-  OnDestroy,
+  type OnChanges,
+  type OnDestroy,
   Renderer2,
-  SimpleChanges,
+  type SimpleChanges,
   ɵɵsanitizeUrlOrResourceUrl,
 } from '@angular/core';
 import {Subject, Subscription} from 'rxjs';
 
-import { Event, Params, QueryParamsHandling, ActivatedRoute, Router, NavigationEnd, UrlTree } from '@angular/router';
+import { type Event, type Params, type QueryParamsHandling, ActivatedRoute, Router, NavigationEnd, UrlTree } from '@angular/router';
 
 
 /**
diff --git a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/select_control_value_accessor.ts b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/select_control_value_accessor.ts
index 63384091c0..f6b5cbf4fe 100644
--- a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/select_control_value_accessor.ts
+++ b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/select_control_value_accessor.ts
@@ -17,7 +17,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 
-import {Directive, ElementRef, forwardRef, Host, Input, OnDestroy, Optional, Provider, Renderer2, ɵRuntimeError as RuntimeError, isDevMode} from '@angular/core';
+import {Directive, ElementRef, forwardRef, Host, Input, type OnDestroy, Optional, type Provider, Renderer2, ɵRuntimeError as RuntimeError, isDevMode} from '@angular/core';
 
 import type {ControlValueAccessor} from '@angular/forms';
 import {BuiltInControlValueAccessor} from './control_value_accessor';
diff --git a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/tests/router_integration.spec.ts b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/tests/router_integration.spec.ts
index dd596cbb69..ea0875a2dc 100644
--- a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/tests/router_integration.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/tests/router_integration.spec.ts
@@ -30,7 +30,7 @@ import {
   NgModule,
   NgModuleRef,
   NgZone,
-  OnDestroy,
+  type OnDestroy,
   QueryList,
   Type,
   ViewChildren,
@@ -47,19 +47,19 @@ import {
   ChildActivationEnd,
   ChildActivationStart,
   DefaultUrlSerializer,
-  DetachedRouteHandle,
-  Event,
+  type DetachedRouteHandle,
+  type Event,
   GuardsCheckEnd,
   GuardsCheckStart,
-  Navigation,
+  type Navigation,
   NavigationCancel,
   NavigationCancellationCode,
   NavigationEnd,
   NavigationError,
   NavigationSkipped,
   NavigationStart,
-  ParamMap,
-  Params,
+  type ParamMap,
+  type Params,
   PreloadAllModules,
   PreloadingStrategy,
   PRIMARY_OUTLET,
@@ -76,7 +76,7 @@ import {
   RouterPreloader,
   RouterStateSnapshot,
   RoutesRecognized,
-  RunGuardsAndResolvers,
+  type RunGuardsAndResolvers,
   UrlHandlingStrategy,
   UrlSegment,
   UrlSegmentGroup,
diff --git a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/tests/value_accessor_integration.spec.ts b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/tests/value_accessor_integration.spec.ts
index 91599b366c..147ae6b85a 100644
--- a/packages/angular-workspace/nimble-angular/src/thirdparty/directives/tests/value_accessor_integration.spec.ts
+++ b/packages/angular-workspace/nimble-angular/src/thirdparty/directives/tests/value_accessor_integration.spec.ts
@@ -19,7 +19,7 @@
 // [Nimble] Update imports
 import {ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, EventEmitter, Input, Output, Type, ViewChild, forwardRef} from '@angular/core';
 import {ComponentFixture, fakeAsync, TestBed, tick, waitForAsync} from '@angular/core/testing';
-import {AbstractControl, ControlValueAccessor, FormControl, FormGroup, FormsModule, NG_VALIDATORS, NG_VALUE_ACCESSOR, NgControl, NgForm, NgModel, ReactiveFormsModule, Validators, DefaultValueAccessor as AngularDefaultValueAccessor, CheckboxControlValueAccessor as AngularCheckboxControlValueAccessor, NumberValueAccessor as AngularNumberValueAccessor, RadioControlValueAccessor as AngularRadioControlValueAccessor, SelectControlValueAccessor as AngularSelectControlValueAccessor, NgSelectOption as AngularNgSelectOption} from '@angular/forms';
+import {AbstractControl, type ControlValueAccessor, FormControl, FormGroup, FormsModule, NG_VALIDATORS, NG_VALUE_ACCESSOR, NgControl, NgForm, NgModel, ReactiveFormsModule, Validators, DefaultValueAccessor as AngularDefaultValueAccessor, CheckboxControlValueAccessor as AngularCheckboxControlValueAccessor, NumberValueAccessor as AngularNumberValueAccessor, RadioControlValueAccessor as AngularRadioControlValueAccessor, SelectControlValueAccessor as AngularSelectControlValueAccessor, NgSelectOption as AngularNgSelectOption} from '@angular/forms';
 import {By} from '@angular/platform-browser';
 import {CheckboxControlValueAccessor} from '../checkbox_value_accessor';
 import {DefaultValueAccessor} from '../default_value_accessor';
diff --git a/packages/angular-workspace/nimble-angular/table-column/anchor/nimble-table-column-anchor.directive.ts b/packages/angular-workspace/nimble-angular/table-column/anchor/nimble-table-column-anchor.directive.ts
index 8be638fa18..85141cf09e 100644
--- a/packages/angular-workspace/nimble-angular/table-column/anchor/nimble-table-column-anchor.directive.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/anchor/nimble-table-column-anchor.directive.ts
@@ -1,7 +1,7 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type TableColumnAnchor, tableColumnAnchorTag } from '@ni/nimble-components/dist/esm/table-column/anchor';
 import { AnchorAppearance } from '@ni/nimble-components/dist/esm/anchor/types';
-import { BooleanValueOrAttribute, NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, type NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleTableColumnBaseDirective, TableColumnSortDirection } from '@ni/nimble-angular/table-column';
 
 export type { TableColumnAnchor };
diff --git a/packages/angular-workspace/nimble-angular/table-column/anchor/tests/nimble-table-column-anchor-navigation-guard.directive.spec.ts b/packages/angular-workspace/nimble-angular/table-column/anchor/tests/nimble-table-column-anchor-navigation-guard.directive.spec.ts
index a52ed3b7fd..de01e0d474 100644
--- a/packages/angular-workspace/nimble-angular/table-column/anchor/tests/nimble-table-column-anchor-navigation-guard.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/anchor/tests/nimble-table-column-anchor-navigation-guard.directive.spec.ts
@@ -1,9 +1,9 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
 import { CommonModule } from '@angular/common';
-import { Anchor, processUpdates, waitForUpdatesAsync } from '@ni/nimble-angular';
+import { type Anchor, processUpdates, waitForUpdatesAsync } from '@ni/nimble-angular';
 import { TablePageObject } from '@ni/nimble-angular/table/testing';
-import { NimbleTableModule, Table } from '@ni/nimble-angular/table';
+import { NimbleTableModule, type Table } from '@ni/nimble-angular/table';
 import { parameterizeSpec } from '@ni/jasmine-parameterized';
 import { NimbleTableColumnAnchorModule } from '../nimble-table-column-anchor.module';
 
diff --git a/packages/angular-workspace/nimble-angular/table-column/anchor/tests/nimble-table-column-anchor.directive.spec.ts b/packages/angular-workspace/nimble-angular/table-column/anchor/tests/nimble-table-column-anchor.directive.spec.ts
index 73a17224aa..c94a8664c3 100644
--- a/packages/angular-workspace/nimble-angular/table-column/anchor/tests/nimble-table-column-anchor.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/anchor/tests/nimble-table-column-anchor.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { TableColumnSortDirection } from '@ni/nimble-angular/table-column';
-import { NimbleTableColumnAnchorDirective, TableColumnAnchor } from '../nimble-table-column-anchor.directive';
+import { NimbleTableColumnAnchorDirective, type TableColumnAnchor } from '../nimble-table-column-anchor.directive';
 import { NimbleTableColumnAnchorModule } from '../nimble-table-column-anchor.module';
 
 describe('Nimble anchor table column', () => {
diff --git a/packages/angular-workspace/nimble-angular/table-column/date-text/nimble-table-column-date-text.directive.ts b/packages/angular-workspace/nimble-angular/table-column/date-text/nimble-table-column-date-text.directive.ts
index 6540f5b6f2..a84fb14739 100644
--- a/packages/angular-workspace/nimble-angular/table-column/date-text/nimble-table-column-date-text.directive.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/date-text/nimble-table-column-date-text.directive.ts
@@ -1,9 +1,9 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type TableColumnDateText, tableColumnDateTextTag } from '@ni/nimble-components/dist/esm/table-column/date-text';
-import { BooleanValueOrAttribute, NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, type NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleTableColumnBaseDirective, TableColumnSortDirection } from '@ni/nimble-angular/table-column';
-import {
-    DateTextFormat,
+import { DateTextFormat } from '@ni/nimble-components/dist/esm/table-column/date-text/types';
+import type {
     DateStyle,
     DayFormat,
     DayPeriodFormat,
@@ -22,22 +22,22 @@ import {
 } from '@ni/nimble-components/dist/esm/table-column/date-text/types';
 
 export type { TableColumnDateText };
-export { DateStyle };
+export type { DateStyle };
 export { DateTextFormat };
-export { DayFormat };
-export { DayPeriodFormat };
-export { EraFormat };
-export { FormatMatcherAlgorithm };
-export { HourCycleFormat };
-export { HourFormat };
-export { LocaleMatcherAlgorithm };
-export { MinuteFormat };
-export { MonthFormat };
-export { SecondFormat };
-export { TimeStyle };
-export { TimeZoneNameFormat };
-export { WeekdayFormat };
-export { YearFormat };
+export type { DayFormat };
+export type { DayPeriodFormat };
+export type { EraFormat };
+export type { FormatMatcherAlgorithm };
+export type { HourCycleFormat };
+export type { HourFormat };
+export type { LocaleMatcherAlgorithm };
+export type { MinuteFormat };
+export type { MonthFormat };
+export type { SecondFormat };
+export type { TimeStyle };
+export type { TimeZoneNameFormat };
+export type { WeekdayFormat };
+export type { YearFormat };
 export { tableColumnDateTextTag };
 
 /**
diff --git a/packages/angular-workspace/nimble-angular/table-column/date-text/tests/nimble-table-column-date-text.directive.spec.ts b/packages/angular-workspace/nimble-angular/table-column/date-text/tests/nimble-table-column-date-text.directive.spec.ts
index 877fcfcd8d..a234b34888 100644
--- a/packages/angular-workspace/nimble-angular/table-column/date-text/tests/nimble-table-column-date-text.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/date-text/tests/nimble-table-column-date-text.directive.spec.ts
@@ -2,8 +2,8 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NimbleTableModule } from '../../../table/nimble-table.module';
 import { NimbleTableColumnDateTextModule } from '../nimble-table-column-date-text.module';
-import {
-    NimbleTableColumnDateTextDirective,
+import { NimbleTableColumnDateTextDirective } from '../nimble-table-column-date-text.directive';
+import type {
     TableColumnDateText,
     DateStyle,
     DateTextFormat,
diff --git a/packages/angular-workspace/nimble-angular/table-column/duration-text/nimble-table-column-duration-text.directive.ts b/packages/angular-workspace/nimble-angular/table-column/duration-text/nimble-table-column-duration-text.directive.ts
index 5408c50f52..384d6b91f1 100644
--- a/packages/angular-workspace/nimble-angular/table-column/duration-text/nimble-table-column-duration-text.directive.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/duration-text/nimble-table-column-duration-text.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type TableColumnDurationText, tableColumnDurationTextTag } from '@ni/nimble-components/dist/esm/table-column/duration-text';
-import { BooleanValueOrAttribute, NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, type NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleTableColumnBaseDirective, TableColumnSortDirection } from '@ni/nimble-angular/table-column';
 
 export type { TableColumnDurationText };
diff --git a/packages/angular-workspace/nimble-angular/table-column/duration-text/tests/nimble-table-column-duration-text.directive.spec.ts b/packages/angular-workspace/nimble-angular/table-column/duration-text/tests/nimble-table-column-duration-text.directive.spec.ts
index 328bc6f005..383ddad746 100644
--- a/packages/angular-workspace/nimble-angular/table-column/duration-text/tests/nimble-table-column-duration-text.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/duration-text/tests/nimble-table-column-duration-text.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NimbleTableModule } from '../../../table/nimble-table.module';
 import { NimbleTableColumnDurationTextModule } from '../nimble-table-column-duration-text.module';
-import { NimbleTableColumnDurationTextDirective, TableColumnDurationText } from '../nimble-table-column-duration-text.directive';
+import { NimbleTableColumnDurationTextDirective, type TableColumnDurationText } from '../nimble-table-column-duration-text.directive';
 import { TableColumnSortDirection } from '../../nimble-table-column-base.directive';
 
 describe('NimbleTableColumnDurationText', () => {
diff --git a/packages/angular-workspace/nimble-angular/table-column/mapping/nimble-table-column-mapping.directive.ts b/packages/angular-workspace/nimble-angular/table-column/mapping/nimble-table-column-mapping.directive.ts
index 9c88b86919..6f77d0cf2e 100644
--- a/packages/angular-workspace/nimble-angular/table-column/mapping/nimble-table-column-mapping.directive.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/mapping/nimble-table-column-mapping.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type TableColumnMapping, tableColumnMappingTag } from '@ni/nimble-components/dist/esm/table-column/mapping';
-import { BooleanValueOrAttribute, NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, type NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleTableColumnBaseDirective, TableColumnSortDirection } from '@ni/nimble-angular/table-column';
 import { MappingKeyType } from '@ni/nimble-components/dist/esm/table-column/enum-base/types';
 import { TableColumnMappingWidthMode } from '@ni/nimble-components/dist/esm/table-column/mapping/types';
diff --git a/packages/angular-workspace/nimble-angular/table-column/mapping/tests/nimble-table-column-mapping.directive.spec.ts b/packages/angular-workspace/nimble-angular/table-column/mapping/tests/nimble-table-column-mapping.directive.spec.ts
index 89f92bf6b5..4cff994389 100644
--- a/packages/angular-workspace/nimble-angular/table-column/mapping/tests/nimble-table-column-mapping.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/mapping/tests/nimble-table-column-mapping.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NimbleTableModule } from '../../../table/nimble-table.module';
 import { NimbleTableColumnMappingModule } from '../nimble-table-column-mapping.module';
-import { NimbleTableColumnMappingDirective, TableColumnMapping, TableColumnMappingWidthMode } from '../nimble-table-column-mapping.directive';
+import { NimbleTableColumnMappingDirective, type TableColumnMapping, TableColumnMappingWidthMode } from '../nimble-table-column-mapping.directive';
 import { TableColumnSortDirection } from '../../nimble-table-column-base.directive';
 
 describe('NimbleTableColumnMapping', () => {
diff --git a/packages/angular-workspace/nimble-angular/table-column/menu-button/nimble-table-column-menu-button.directive.ts b/packages/angular-workspace/nimble-angular/table-column/menu-button/nimble-table-column-menu-button.directive.ts
index 7b1d75f104..46fd6b94e1 100644
--- a/packages/angular-workspace/nimble-angular/table-column/menu-button/nimble-table-column-menu-button.directive.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/menu-button/nimble-table-column-menu-button.directive.ts
@@ -1,5 +1,5 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
-import { NumberValueOrAttribute, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
+import { type NumberValueOrAttribute, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleTableColumnBaseDirective } from '@ni/nimble-angular/table-column';
 import { TableColumnMenuButton, tableColumnMenuButtonTag } from '@ni/nimble-components/dist/esm/table-column/menu-button';
 import type { MenuButtonColumnToggleEventDetail } from '@ni/nimble-components/dist/esm/table-column/menu-button/types';
diff --git a/packages/angular-workspace/nimble-angular/table-column/menu-button/tests/nimble-table-column-menu-button.directive.spec.ts b/packages/angular-workspace/nimble-angular/table-column/menu-button/tests/nimble-table-column-menu-button.directive.spec.ts
index 37d3ef6d75..a900512d80 100644
--- a/packages/angular-workspace/nimble-angular/table-column/menu-button/tests/nimble-table-column-menu-button.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/menu-button/tests/nimble-table-column-menu-button.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NimbleTableModule } from '../../../table/nimble-table.module';
 import { NimbleTableColumnMenuButtonModule } from '../nimble-table-column-menu-button.module';
-import { NimbleTableColumnMenuButtonDirective, TableColumnMenuButton } from '../nimble-table-column-menu-button.directive';
+import { NimbleTableColumnMenuButtonDirective, type TableColumnMenuButton } from '../nimble-table-column-menu-button.directive';
 
 describe('NimbleTableColumnMenuButtonDirective', () => {
     describe('module', () => {
diff --git a/packages/angular-workspace/nimble-angular/table-column/nimble-table-column-base.directive.ts b/packages/angular-workspace/nimble-angular/table-column/nimble-table-column-base.directive.ts
index 6a7a2a8863..179f3d44c4 100644
--- a/packages/angular-workspace/nimble-angular/table-column/nimble-table-column-base.directive.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/nimble-table-column-base.directive.ts
@@ -2,9 +2,9 @@ import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import type { TableColumn } from '@ni/nimble-components/dist/esm/table-column/base';
 import type { DelegatedEventEventDetails, TableColumnValidity } from '@ni/nimble-components/dist/esm/table-column/base/types';
 import { TableColumnSortDirection } from '@ni/nimble-components/dist/esm/table/types';
-import { BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, toBooleanProperty } from '@ni/nimble-angular/internal-utilities';
 
-export { TableColumnSortDirection, DelegatedEventEventDetails, TableColumnValidity };
+export { TableColumnSortDirection, type DelegatedEventEventDetails, type TableColumnValidity };
 
 /**
  * Base class for table column directives.
diff --git a/packages/angular-workspace/nimble-angular/table-column/number-text/nimble-table-column-number-text.directive.ts b/packages/angular-workspace/nimble-angular/table-column/number-text/nimble-table-column-number-text.directive.ts
index 7ec7f8f37b..37fb6a7d18 100644
--- a/packages/angular-workspace/nimble-angular/table-column/number-text/nimble-table-column-number-text.directive.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/number-text/nimble-table-column-number-text.directive.ts
@@ -1,5 +1,5 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
-import { BooleanValueOrAttribute, NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, type NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleTableColumnBaseDirective, TableColumnSortDirection } from '@ni/nimble-angular/table-column';
 import { type TableColumnNumberText, tableColumnNumberTextTag } from '@ni/nimble-components/dist/esm/table-column/number-text';
 import { NumberTextAlignment, NumberTextFormat } from '@ni/nimble-components/dist/esm/table-column/number-text/types';
diff --git a/packages/angular-workspace/nimble-angular/table-column/number-text/tests/nimble-table-column-number-text.directive.spec.ts b/packages/angular-workspace/nimble-angular/table-column/number-text/tests/nimble-table-column-number-text.directive.spec.ts
index fc545b67c9..9a9d0406d0 100644
--- a/packages/angular-workspace/nimble-angular/table-column/number-text/tests/nimble-table-column-number-text.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/number-text/tests/nimble-table-column-number-text.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NimbleTableModule } from '../../../table/nimble-table.module';
 import { TableColumnSortDirection } from '../../nimble-table-column-base.directive';
-import { NimbleTableColumnNumberTextDirective, NumberTextAlignment, NumberTextFormat, TableColumnNumberText } from '../nimble-table-column-number-text.directive';
+import { NimbleTableColumnNumberTextDirective, NumberTextAlignment, NumberTextFormat, type TableColumnNumberText } from '../nimble-table-column-number-text.directive';
 import { NimbleTableColumnNumberTextModule } from '../nimble-table-column-number-text.module';
 
 describe('NimbleTableColumnNumberText', () => {
diff --git a/packages/angular-workspace/nimble-angular/table-column/text/nimble-table-column-text.directive.ts b/packages/angular-workspace/nimble-angular/table-column/text/nimble-table-column-text.directive.ts
index 05a7d369e5..e07ecc15fd 100644
--- a/packages/angular-workspace/nimble-angular/table-column/text/nimble-table-column-text.directive.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/text/nimble-table-column-text.directive.ts
@@ -1,6 +1,6 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 import { type TableColumnText, tableColumnTextTag } from '@ni/nimble-components/dist/esm/table-column/text';
-import { BooleanValueOrAttribute, NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
+import { type BooleanValueOrAttribute, type NumberValueOrAttribute, toBooleanProperty, toNullableNumberProperty } from '@ni/nimble-angular/internal-utilities';
 import { NimbleTableColumnBaseDirective, TableColumnSortDirection } from '@ni/nimble-angular/table-column';
 
 export type { TableColumnText };
diff --git a/packages/angular-workspace/nimble-angular/table-column/text/tests/nimble-table-column-text.directive.spec.ts b/packages/angular-workspace/nimble-angular/table-column/text/tests/nimble-table-column-text.directive.spec.ts
index 5dd45a0393..a590bfb6cb 100644
--- a/packages/angular-workspace/nimble-angular/table-column/text/tests/nimble-table-column-text.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/table-column/text/tests/nimble-table-column-text.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NimbleTableModule } from '../../../table/nimble-table.module';
 import { NimbleTableColumnTextModule } from '../nimble-table-column-text.module';
-import { NimbleTableColumnTextDirective, TableColumnText } from '../nimble-table-column-text.directive';
+import { NimbleTableColumnTextDirective, type TableColumnText } from '../nimble-table-column-text.directive';
 import { TableColumnSortDirection } from '../../nimble-table-column-base.directive';
 
 describe('NimbleTableColumnText', () => {
diff --git a/packages/angular-workspace/nimble-angular/table/nimble-table.directive.ts b/packages/angular-workspace/nimble-angular/table/nimble-table.directive.ts
index 5afbc5e876..48ecf28823 100644
--- a/packages/angular-workspace/nimble-angular/table/nimble-table.directive.ts
+++ b/packages/angular-workspace/nimble-angular/table/nimble-table.directive.ts
@@ -1,13 +1,13 @@
-import { Directive, ElementRef, Input, OnDestroy, Renderer2 } from '@angular/core';
+import { Directive, ElementRef, Input, type OnDestroy, Renderer2 } from '@angular/core';
 import { type Table, tableTag } from '@ni/nimble-components/dist/esm/table';
-import type { TableRecord, TableFieldName, TableFieldValue, TableValidity, TableActionMenuToggleEventDetail, TableRowSelectionEventDetail, TableColumnConfigurationChangeEventDetail, TableColumnConfiguration, TableRowExpansionToggleEventDetail } from '@ni/nimble-components/dist/esm/table/types';
-import { TableRowSelectionMode, TableRecordDelayedHierarchyState, TableSetRecordHierarchyOptions, TableRecordHierarchyOptions } from '@ni/nimble-components/dist/esm/table/types';
+import type { TableRecord, TableFieldName, TableFieldValue, TableValidity, TableActionMenuToggleEventDetail, TableRowSelectionEventDetail, TableColumnConfigurationChangeEventDetail, TableColumnConfiguration, TableRowExpansionToggleEventDetail, TableSetRecordHierarchyOptions, TableRecordHierarchyOptions } from '@ni/nimble-components/dist/esm/table/types';
+import { TableRowSelectionMode, TableRecordDelayedHierarchyState } from '@ni/nimble-components/dist/esm/table/types';
 import type { Observable, Subscription } from 'rxjs';
 
 export type { Table };
 export { tableTag };
 export type { TableActionMenuToggleEventDetail, TableRowSelectionEventDetail, TableColumnConfigurationChangeEventDetail, TableColumnConfiguration, TableRowExpansionToggleEventDetail };
-export { TableRecord, TableFieldName, TableFieldValue, TableValidity, TableRowSelectionMode, TableRecordDelayedHierarchyState, TableSetRecordHierarchyOptions, TableRecordHierarchyOptions };
+export { type TableRecord, type TableFieldName, type TableFieldValue, type TableValidity, TableRowSelectionMode, TableRecordDelayedHierarchyState, type TableSetRecordHierarchyOptions, type TableRecordHierarchyOptions };
 
 /**
  * Directive to provide Angular integration for the table element.
diff --git a/packages/angular-workspace/nimble-angular/table/testing/tests/table.pageobject.spec.ts b/packages/angular-workspace/nimble-angular/table/testing/tests/table.pageobject.spec.ts
index a0742248a6..86635fd55c 100644
--- a/packages/angular-workspace/nimble-angular/table/testing/tests/table.pageobject.spec.ts
+++ b/packages/angular-workspace/nimble-angular/table/testing/tests/table.pageobject.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { Subject } from 'rxjs';
 import { waitForUpdatesAsync } from '@ni/nimble-angular';
-import { NimbleTableModule, Table, TableRecord } from '@ni/nimble-angular/table';
+import { NimbleTableModule, type Table, type TableRecord } from '@ni/nimble-angular/table';
 import { NimbleTableColumnTextModule } from '@ni/nimble-angular/table-column/text';
 import { tableFitRowsHeight } from '@ni/nimble-components/dist/esm/theme-provider/design-tokens';
 import { TablePageObject } from '../table.pageobject';
diff --git a/packages/angular-workspace/nimble-angular/table/tests/nimble-table.directive.spec.ts b/packages/angular-workspace/nimble-angular/table/tests/nimble-table.directive.spec.ts
index c3a43c8d5b..3fe51fff94 100644
--- a/packages/angular-workspace/nimble-angular/table/tests/nimble-table.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/table/tests/nimble-table.directive.spec.ts
@@ -2,7 +2,7 @@ import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { processUpdates } from '@ni/nimble-angular';
 import { Observable, Subject } from 'rxjs';
-import { NimbleTableDirective, TableRowSelectionMode, Table, TableRecord, TableValidity } from '../nimble-table.directive';
+import { NimbleTableDirective, TableRowSelectionMode, type Table, type TableRecord, type TableValidity } from '../nimble-table.directive';
 import { NimbleTableModule } from '../nimble-table.module';
 
 describe('Nimble table', () => {
diff --git a/packages/angular-workspace/nimble-angular/unit/byte/tests/nimble-unit-byte.directive.spec.ts b/packages/angular-workspace/nimble-angular/unit/byte/tests/nimble-unit-byte.directive.spec.ts
index 6a80e1bee0..368d11c05e 100644
--- a/packages/angular-workspace/nimble-angular/unit/byte/tests/nimble-unit-byte.directive.spec.ts
+++ b/packages/angular-workspace/nimble-angular/unit/byte/tests/nimble-unit-byte.directive.spec.ts
@@ -1,7 +1,7 @@
 import { Component, ElementRef, ViewChild } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NimbleUnitByteModule } from '../nimble-unit-byte.module';
-import { NimbleUnitByteDirective, UnitByte } from '../nimble-unit-byte.directive';
+import { NimbleUnitByteDirective, type UnitByte } from '../nimble-unit-byte.directive';
 
 describe('Nimble byte unit', () => {
     describe('module', () => {
diff --git a/packages/angular-workspace/package.json b/packages/angular-workspace/package.json
index f7995626b1..ed083677d1 100644
--- a/packages/angular-workspace/package.json
+++ b/packages/angular-workspace/package.json
@@ -54,7 +54,7 @@
     "@ni/eslint-config-angular": "^8.0.0",
     "@ni/jasmine-parameterized": "*",
     "@ni/nimble-tokens": "*",
-    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@types/jasmine": "^5.1.4",
     "@types/node": ">18",
     "jasmine-core": "^5.1.2",
diff --git a/packages/angular-workspace/spright-angular/CHANGELOG.json b/packages/angular-workspace/spright-angular/CHANGELOG.json
index 0dd63fb36c..9a227c5321 100644
--- a/packages/angular-workspace/spright-angular/CHANGELOG.json
+++ b/packages/angular-workspace/spright-angular/CHANGELOG.json
@@ -1,6 +1,156 @@
 {
   "name": "@ni/spright-angular",
   "entries": [
+    {
+      "date": "Thu, 16 Jan 2025 23:05:03 GMT",
+      "version": "5.3.6",
+      "tag": "@ni/spright-angular_v5.3.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-angular",
+            "comment": "Bump @ni/spright-components to v4.3.7",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 10 Jan 2025 16:45:51 GMT",
+      "version": "5.3.5",
+      "tag": "@ni/spright-angular_v5.3.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-angular",
+            "comment": "Bump @ni/spright-components to v4.3.6",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 08 Jan 2025 18:33:06 GMT",
+      "version": "5.3.4",
+      "tag": "@ni/spright-angular_v5.3.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-angular",
+            "comment": "Bump @ni/spright-components to v4.3.5",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 06 Jan 2025 20:05:57 GMT",
+      "version": "5.3.3",
+      "tag": "@ni/spright-angular_v5.3.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-angular",
+            "comment": "Bump @ni/spright-components to v4.3.4",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 03 Jan 2025 17:23:02 GMT",
+      "version": "5.3.2",
+      "tag": "@ni/spright-angular_v5.3.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-angular",
+            "comment": "Bump @ni/spright-components to v4.3.3",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 02 Jan 2025 21:45:49 GMT",
+      "version": "5.3.1",
+      "tag": "@ni/spright-angular_v5.3.1",
+      "comments": {
+        "none": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-angular",
+            "comment": "Bump @ni/spright-components to v4.3.2",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 10 Dec 2024 20:15:57 GMT",
+      "version": "5.3.1",
+      "tag": "@ni/spright-angular_v5.3.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-angular",
+            "comment": "Bump @ni/spright-components to v4.3.1",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 09 Dec 2024 15:59:16 GMT",
+      "version": "5.3.0",
+      "tag": "@ni/spright-angular_v5.3.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-angular",
+            "comment": "Bump @ni/spright-components to v4.3.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 21:21:27 GMT",
+      "version": "5.2.5",
+      "tag": "@ni/spright-angular_v5.2.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-angular",
+            "comment": "Bump @ni/spright-components to v4.2.5",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 19:53:29 GMT",
+      "version": "5.2.4",
+      "tag": "@ni/spright-angular_v5.2.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-angular",
+            "comment": "Bump @ni/spright-components to v4.2.4",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 22 Nov 2024 22:50:22 GMT",
       "version": "5.2.3",
diff --git a/packages/angular-workspace/spright-angular/CHANGELOG.md b/packages/angular-workspace/spright-angular/CHANGELOG.md
index 67308dd891..bc1bb133f1 100644
--- a/packages/angular-workspace/spright-angular/CHANGELOG.md
+++ b/packages/angular-workspace/spright-angular/CHANGELOG.md
@@ -1,9 +1,81 @@
 # Change Log - @ni/spright-angular
 
-<!-- This log was last generated on Fri, 22 Nov 2024 22:50:22 GMT and should not be manually modified. -->
+<!-- This log was last generated on Thu, 16 Jan 2025 23:05:03 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 5.3.6
+
+Thu, 16 Jan 2025 23:05:03 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.7
+
+## 5.3.5
+
+Fri, 10 Jan 2025 16:45:51 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.6
+
+## 5.3.4
+
+Wed, 08 Jan 2025 18:33:06 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.5
+
+## 5.3.3
+
+Mon, 06 Jan 2025 20:05:57 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.4
+
+## 5.3.2
+
+Fri, 03 Jan 2025 17:23:02 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.3
+
+## 5.3.1
+
+Tue, 10 Dec 2024 20:15:57 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.1
+
+## 5.3.0
+
+Mon, 09 Dec 2024 15:59:16 GMT
+
+### Minor changes
+
+- Bump @ni/spright-components to v4.3.0
+
+## 5.2.5
+
+Wed, 04 Dec 2024 21:21:27 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.2.5
+
+## 5.2.4
+
+Wed, 04 Dec 2024 19:53:29 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.2.4
+
 ## 5.2.3
 
 Fri, 22 Nov 2024 22:50:22 GMT
diff --git a/packages/angular-workspace/spright-angular/package.json b/packages/angular-workspace/spright-angular/package.json
index e4a26fa086..b86bc8eff6 100644
--- a/packages/angular-workspace/spright-angular/package.json
+++ b/packages/angular-workspace/spright-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ni/spright-angular",
-  "version": "5.2.3",
+  "version": "5.3.6",
   "description": "Angular components for NI Spright",
   "scripts": {
     "invoke-publish": "npm run invoke-publish:setup && cd ../dist/spright-angular && npm publish",
@@ -24,7 +24,7 @@
   "peerDependencies": {
     "@angular/common": "^17.3.12",
     "@angular/core": "^17.3.12",
-    "@ni/spright-components": "^4.2.3"
+    "@ni/spright-components": "^4.3.7"
   },
   "dependencies": {
     "tslib": "^2.2.0"
diff --git a/packages/angular-workspace/tsconfig.json b/packages/angular-workspace/tsconfig.json
index 2bfd8b0646..b0a3896767 100644
--- a/packages/angular-workspace/tsconfig.json
+++ b/packages/angular-workspace/tsconfig.json
@@ -36,8 +36,7 @@
       "es2020",
       "dom"
     ],
-    "importsNotUsedAsValues": "error",
-    "ignoreDeprecations": "5.0",
+    "verbatimModuleSyntax": true,
     "useDefineForClassFields": false
   },
   "angularCompilerOptions": {
diff --git a/packages/blazor-workspace/Examples/Demo.Client/Demo.Client.csproj b/packages/blazor-workspace/Examples/Demo.Client/Demo.Client.csproj
index 86f431fbf5..a54d57000b 100644
--- a/packages/blazor-workspace/Examples/Demo.Client/Demo.Client.csproj
+++ b/packages/blazor-workspace/Examples/Demo.Client/Demo.Client.csproj
@@ -32,7 +32,7 @@
     <None Include="packages.lock.json">
       <CopyToOutputDirectory>Never</CopyToOutputDirectory>
     </None>
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/packages/blazor-workspace/Examples/Demo.Client/packages.lock.json b/packages/blazor-workspace/Examples/Demo.Client/packages.lock.json
index 8e519a3d06..253210454f 100644
--- a/packages/blazor-workspace/Examples/Demo.Client/packages.lock.json
+++ b/packages/blazor-workspace/Examples/Demo.Client/packages.lock.json
@@ -35,13 +35,13 @@
       },
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -131,8 +131,8 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.Extensions.Configuration": {
         "type": "Transitive",
@@ -328,7 +328,7 @@
         "type": "Project",
         "dependencies": {
           "Microsoft.AspNetCore.Components.Web": "[8.0.11, )",
-          "NI.CSharp.Analyzers": "[2.0.27, )",
+          "NI.CSharp.Analyzers": "[2.0.28, )",
           "NimbleBlazor": "[1.0.0, )",
           "SprightBlazor": "[1.0.0, )"
         }
diff --git a/packages/blazor-workspace/Examples/Demo.Client/wwwroot/index.html b/packages/blazor-workspace/Examples/Demo.Client/wwwroot/index.html
index 8e912f7278..39a8be38d7 100644
--- a/packages/blazor-workspace/Examples/Demo.Client/wwwroot/index.html
+++ b/packages/blazor-workspace/Examples/Demo.Client/wwwroot/index.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
     <title>Blazor All Components Demo - Nimble Design System - NI</title>
     <meta name="description" content="Blazor demo showing all nimble components">
+    <base href="./" />
     <link href="css/site.css" rel="stylesheet" />
     <link href="Demo.Client.styles.css" rel="stylesheet" />
     <link href="_content/NimbleBlazor/nimble-tokens/css/fonts.css" rel="stylesheet" />
diff --git a/packages/blazor-workspace/Examples/Demo.Hybrid/Demo.Hybrid.csproj b/packages/blazor-workspace/Examples/Demo.Hybrid/Demo.Hybrid.csproj
index b4388d3e0f..a1de385e3b 100644
--- a/packages/blazor-workspace/Examples/Demo.Hybrid/Demo.Hybrid.csproj
+++ b/packages/blazor-workspace/Examples/Demo.Hybrid/Demo.Hybrid.csproj
@@ -11,11 +11,11 @@
   </PropertyGroup>
 
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|AnyCPU'">
-    <NoWarn>LRT001;SA1633;NU1701;CA1707;CS0122;CS1573;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
+    <NoWarn>LRT001;SA1633;NU1701;CA1707;CS0122;CS1573;CA1515;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
   </PropertyGroup>
 
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Release|AnyCPU'">
-    <NoWarn>LRT001;SA1633;NU1701;CA1707;CS0122;CS1573;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
+    <NoWarn>LRT001;SA1633;NU1701;CA1707;CS0122;CS1573;CA1515;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
   </PropertyGroup>
 
   <ItemGroup>
@@ -36,7 +36,7 @@
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.Components.WebView.Wpf" Version="8.0.100" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebView" Version="8.0.11" />
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/packages/blazor-workspace/Examples/Demo.Hybrid/packages.lock.json b/packages/blazor-workspace/Examples/Demo.Hybrid/packages.lock.json
index 71a2f3c5b6..8ad096ccf6 100644
--- a/packages/blazor-workspace/Examples/Demo.Hybrid/packages.lock.json
+++ b/packages/blazor-workspace/Examples/Demo.Hybrid/packages.lock.json
@@ -28,13 +28,13 @@
       },
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -124,8 +124,8 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.Extensions.Configuration": {
         "type": "Transitive",
@@ -335,7 +335,7 @@
         "type": "Project",
         "dependencies": {
           "Microsoft.AspNetCore.Components.Web": "[8.0.11, )",
-          "NI.CSharp.Analyzers": "[2.0.27, )",
+          "NI.CSharp.Analyzers": "[2.0.28, )",
           "NimbleBlazor": "[1.0.0, )",
           "SprightBlazor": "[1.0.0, )"
         }
diff --git a/packages/blazor-workspace/Examples/Demo.Server/Demo.Server.csproj b/packages/blazor-workspace/Examples/Demo.Server/Demo.Server.csproj
index a08536bb5c..b69dcc3e12 100644
--- a/packages/blazor-workspace/Examples/Demo.Server/Demo.Server.csproj
+++ b/packages/blazor-workspace/Examples/Demo.Server/Demo.Server.csproj
@@ -28,7 +28,7 @@
     <None Include="packages.lock.json">
       <CopyToOutputDirectory>Never</CopyToOutputDirectory>
     </None>
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/packages/blazor-workspace/Examples/Demo.Server/packages.lock.json b/packages/blazor-workspace/Examples/Demo.Server/packages.lock.json
index 12f085f31b..0f37819852 100644
--- a/packages/blazor-workspace/Examples/Demo.Server/packages.lock.json
+++ b/packages/blazor-workspace/Examples/Demo.Server/packages.lock.json
@@ -4,13 +4,13 @@
     "net8.0": {
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -100,8 +100,8 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.Extensions.DependencyInjection": {
         "type": "Transitive",
@@ -208,7 +208,7 @@
         "type": "Project",
         "dependencies": {
           "Microsoft.AspNetCore.Components.Web": "[8.0.11, )",
-          "NI.CSharp.Analyzers": "[2.0.27, )",
+          "NI.CSharp.Analyzers": "[2.0.28, )",
           "NimbleBlazor": "[1.0.0, )",
           "SprightBlazor": "[1.0.0, )"
         }
diff --git a/packages/blazor-workspace/Examples/Demo.Shared/Demo.Shared.csproj b/packages/blazor-workspace/Examples/Demo.Shared/Demo.Shared.csproj
index 66825702ed..073bb561e6 100644
--- a/packages/blazor-workspace/Examples/Demo.Shared/Demo.Shared.csproj
+++ b/packages/blazor-workspace/Examples/Demo.Shared/Demo.Shared.csproj
@@ -29,7 +29,7 @@
     <None Include="packages.lock.json">
       <CopyToOutputDirectory>Never</CopyToOutputDirectory>
     </None>
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/packages/blazor-workspace/Examples/Demo.Shared/Pages/ComponentsDemo.razor b/packages/blazor-workspace/Examples/Demo.Shared/Pages/ComponentsDemo.razor
index c9a5932b31..88f7c21332 100644
--- a/packages/blazor-workspace/Examples/Demo.Shared/Pages/ComponentsDemo.razor
+++ b/packages/blazor-workspace/Examples/Demo.Shared/Pages/ComponentsDemo.razor
@@ -1,4 +1,5 @@
 @page "/"
+@page "/index.html"
 @namespace Demo.Shared.Pages
 @inherits LayoutComponentBase
 
@@ -7,6 +8,7 @@
         Explore the components below to see the Nimble components in action. See the <a
                 href="https://nimble.ni.dev/storybook/">Nimble
                 component docs</a> for additional usage details.
+                Navigate to the <a href="../../index.html">parent page</a>.
     </p>
     <div class="container">
         <div class="sub-container">
diff --git a/packages/blazor-workspace/Examples/Demo.Shared/Pages/ComponentsDemo.razor.cs b/packages/blazor-workspace/Examples/Demo.Shared/Pages/ComponentsDemo.razor.cs
index 34073afa38..0aea331cbb 100644
--- a/packages/blazor-workspace/Examples/Demo.Shared/Pages/ComponentsDemo.razor.cs
+++ b/packages/blazor-workspace/Examples/Demo.Shared/Pages/ComponentsDemo.razor.cs
@@ -36,7 +36,7 @@ public IEnumerable<DemoColor> PossibleColors
     {
         get
         {
-            return (IEnumerable<DemoColor>)Enum.GetValues(typeof(DemoColor));
+            return Enum.GetValues<DemoColor>();
         }
     }
 
@@ -179,7 +179,7 @@ private async Task UpdateDelayedHierarchyTableAsync(bool setData = true)
     private string DrawerLocationAsString
     {
         get => _drawerLocation.ToString();
-        set => _drawerLocation = (DrawerLocation)Enum.Parse(typeof(DrawerLocation), value);
+        set => _drawerLocation = Enum.Parse<DrawerLocation>(value);
     }
 
     public async Task OpenDialogAsync()
@@ -346,7 +346,7 @@ public SimpleTableRecord(
     public void UpdateColor(DemoColor newColor)
     {
         Color = newColor;
-        ColorString = Enum.GetName(typeof(DemoColor), newColor)!;
+        ColorString = Enum.GetName(newColor)!;
     }
 
     public string Id { get; }
diff --git a/packages/blazor-workspace/Examples/Demo.Shared/Shared/ExampleHeader.razor.cs b/packages/blazor-workspace/Examples/Demo.Shared/Shared/ExampleHeader.razor.cs
index 2a55afa672..f186dc012c 100644
--- a/packages/blazor-workspace/Examples/Demo.Shared/Shared/ExampleHeader.razor.cs
+++ b/packages/blazor-workspace/Examples/Demo.Shared/Shared/ExampleHeader.razor.cs
@@ -19,7 +19,7 @@ public partial class ExampleHeader
     private string ThemeAsString
     {
         get => Theme.ToString();
-        set => Theme = (Theme)Enum.Parse(typeof(Theme), value);
+        set => Theme = Enum.Parse<Theme>(value);
     }
 
     private async void OnUserThemeChange(string newTheme)
diff --git a/packages/blazor-workspace/Examples/Demo.Shared/packages.lock.json b/packages/blazor-workspace/Examples/Demo.Shared/packages.lock.json
index 26c3cd008e..40742a97f3 100644
--- a/packages/blazor-workspace/Examples/Demo.Shared/packages.lock.json
+++ b/packages/blazor-workspace/Examples/Demo.Shared/packages.lock.json
@@ -18,13 +18,13 @@
       },
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -101,8 +101,8 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.Extensions.DependencyInjection": {
         "type": "Transitive",
diff --git a/packages/blazor-workspace/NimbleBlazor/CHANGELOG.json b/packages/blazor-workspace/NimbleBlazor/CHANGELOG.json
index 08ce420ded..6a77c86156 100644
--- a/packages/blazor-workspace/NimbleBlazor/CHANGELOG.json
+++ b/packages/blazor-workspace/NimbleBlazor/CHANGELOG.json
@@ -1,6 +1,207 @@
 {
   "name": "@ni/nimble-blazor",
   "entries": [
+    {
+      "date": "Thu, 16 Jan 2025 23:05:03 GMT",
+      "version": "19.4.2",
+      "tag": "@ni/nimble-blazor_v19.4.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-blazor",
+            "comment": "Bump @ni/nimble-components to v32.11.2",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 10 Jan 2025 16:45:51 GMT",
+      "version": "19.4.1",
+      "tag": "@ni/nimble-blazor_v19.4.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-blazor",
+            "comment": "Bump @ni/nimble-components to v32.11.1",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 08 Jan 2025 20:22:05 GMT",
+      "version": "19.4.0",
+      "tag": "@ni/nimble-blazor_v19.4.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "20542556+mollykreis@users.noreply.github.com",
+            "package": "@ni/nimble-blazor",
+            "commit": "5f2245fc0a7bd252ef7cef2ceaa978c12d06808d",
+            "comment": "Blazor support for required-visible"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 08 Jan 2025 18:33:06 GMT",
+      "version": "19.3.4",
+      "tag": "@ni/nimble-blazor_v19.3.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-blazor",
+            "comment": "Bump @ni/nimble-components to v32.11.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 06 Jan 2025 20:05:57 GMT",
+      "version": "19.3.3",
+      "tag": "@ni/nimble-blazor_v19.3.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-blazor",
+            "comment": "Bump @ni/nimble-components to v32.10.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 03 Jan 2025 17:23:02 GMT",
+      "version": "19.3.2",
+      "tag": "@ni/nimble-blazor_v19.3.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-blazor",
+            "comment": "Bump @ni/nimble-components to v32.9.3",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 02 Jan 2025 21:45:49 GMT",
+      "version": "19.3.1",
+      "tag": "@ni/nimble-blazor_v19.3.1",
+      "comments": {
+        "none": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-blazor",
+            "comment": "Bump @ni/nimble-components to v32.9.2",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 10 Dec 2024 20:15:57 GMT",
+      "version": "19.3.1",
+      "tag": "@ni/nimble-blazor_v19.3.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-blazor",
+            "comment": "Bump @ni/nimble-components to v32.9.1",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 09 Dec 2024 15:59:16 GMT",
+      "version": "19.3.0",
+      "tag": "@ni/nimble-blazor_v19.3.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-blazor",
+            "comment": "Bump @ni/nimble-components to v32.9.0",
+            "commit": "not available"
+          },
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-blazor",
+            "comment": "Bump @ni/nimble-tokens to v8.6.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 21:21:27 GMT",
+      "version": "19.2.2",
+      "tag": "@ni/nimble-blazor_v19.2.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-blazor",
+            "comment": "Bump @ni/nimble-components to v32.8.2",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 19:53:29 GMT",
+      "version": "19.2.1",
+      "tag": "@ni/nimble-blazor_v19.2.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-blazor",
+            "comment": "Bump @ni/nimble-components to v32.8.1",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 18:13:00 GMT",
+      "version": "19.2.0",
+      "tag": "@ni/nimble-blazor_v19.2.0",
+      "comments": {
+        "none": [
+          {
+            "author": "rajsite@users.noreply.github.com",
+            "package": "@ni/nimble-blazor",
+            "commit": "9857f98e84701b6c78caaf4b9a10c9bbd98aa176",
+            "comment": "Update dependency NI.CSharp.Analyzers to 2.0.28"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 02 Dec 2024 19:38:59 GMT",
+      "version": "19.2.0",
+      "tag": "@ni/nimble-blazor_v19.2.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "20542556+mollykreis@users.noreply.github.com",
+            "package": "@ni/nimble-blazor",
+            "commit": "939a9e5dec1258a36a493369c02628e4fff26900",
+            "comment": "Blazor support for checkbox errors"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 22 Nov 2024 22:50:22 GMT",
       "version": "19.1.4",
diff --git a/packages/blazor-workspace/NimbleBlazor/CHANGELOG.md b/packages/blazor-workspace/NimbleBlazor/CHANGELOG.md
index 67087c6540..57ace08eb1 100644
--- a/packages/blazor-workspace/NimbleBlazor/CHANGELOG.md
+++ b/packages/blazor-workspace/NimbleBlazor/CHANGELOG.md
@@ -1,9 +1,98 @@
 # Change Log - @ni/nimble-blazor
 
-<!-- This log was last generated on Fri, 22 Nov 2024 22:50:22 GMT and should not be manually modified. -->
+<!-- This log was last generated on Thu, 16 Jan 2025 23:05:03 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 19.4.2
+
+Thu, 16 Jan 2025 23:05:03 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.11.2
+
+## 19.4.1
+
+Fri, 10 Jan 2025 16:45:51 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.11.1
+
+## 19.4.0
+
+Wed, 08 Jan 2025 20:22:05 GMT
+
+### Minor changes
+
+- Blazor support for required-visible ([ni/nimble@5f2245f](https://github.com/ni/nimble/commit/5f2245fc0a7bd252ef7cef2ceaa978c12d06808d))
+
+## 19.3.4
+
+Wed, 08 Jan 2025 18:33:06 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.11.0
+
+## 19.3.3
+
+Mon, 06 Jan 2025 20:05:57 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.10.0
+
+## 19.3.2
+
+Fri, 03 Jan 2025 17:23:02 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.9.3
+
+## 19.3.1
+
+Tue, 10 Dec 2024 20:15:57 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.9.1
+
+## 19.3.0
+
+Mon, 09 Dec 2024 15:59:16 GMT
+
+### Minor changes
+
+- Bump @ni/nimble-components to v32.9.0
+- Bump @ni/nimble-tokens to v8.6.0
+
+## 19.2.2
+
+Wed, 04 Dec 2024 21:21:27 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.8.2
+
+## 19.2.1
+
+Wed, 04 Dec 2024 19:53:29 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.8.1
+
+## 19.2.0
+
+Mon, 02 Dec 2024 19:38:59 GMT
+
+### Minor changes
+
+- Blazor support for checkbox errors ([ni/nimble@939a9e5](https://github.com/ni/nimble/commit/939a9e5dec1258a36a493369c02628e4fff26900))
+
 ## 19.1.4
 
 Fri, 22 Nov 2024 22:50:22 GMT
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleCheckbox.razor b/packages/blazor-workspace/NimbleBlazor/Components/NimbleCheckbox.razor
index 20d551bb05..01423e0fab 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleCheckbox.razor
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleCheckbox.razor
@@ -6,6 +6,8 @@
     indeterminate="@Indeterminate"
     required="@Required"
     readonly="@ReadOnly"
+    error-visible="@ErrorVisible"
+    error-text="@ErrorText"
     @attributes="AdditionalAttributes">
     @ChildContent
 </nimble-checkbox>
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleCheckbox.razor.cs b/packages/blazor-workspace/NimbleBlazor/Components/NimbleCheckbox.razor.cs
index 0fbf651529..1429f79197 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleCheckbox.razor.cs
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleCheckbox.razor.cs
@@ -17,6 +17,12 @@ public partial class NimbleCheckbox : NimbleInputBase<bool>
     [Parameter]
     public bool? ReadOnly { get; set; }
 
+    [Parameter]
+    public bool? ErrorVisible { get; set; }
+
+    [Parameter]
+    public string? ErrorText { get; set; }
+
     [Parameter]
     public RenderFragment? ChildContent { get; set; }
 
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleCombobox.razor b/packages/blazor-workspace/NimbleBlazor/Components/NimbleCombobox.razor
index 45ff2eda87..076ec3cb78 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleCombobox.razor
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleCombobox.razor
@@ -11,6 +11,7 @@
         placeholder="@Placeholder"
         error-text="@ErrorText"
         error-visible="@ErrorVisible"
+        required-visible="@RequiredVisible"
         @attributes="AdditionalAttributes">
         @ChildContent
     </nimble-combobox>
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleCombobox.razor.cs b/packages/blazor-workspace/NimbleBlazor/Components/NimbleCombobox.razor.cs
index b3d5a5ad53..0c596985e7 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleCombobox.razor.cs
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleCombobox.razor.cs
@@ -57,6 +57,12 @@ public partial class NimbleCombobox : NimbleInputBase<string?>
     [Parameter]
     public bool? ErrorVisible { get; set; }
 
+    /// <summary>
+    /// Gets or sets whether the combobox's required indicator is visible
+    /// </summary>
+    [Parameter]
+    public bool? RequiredVisible { get; set; }
+
     /// <summary>
     /// Gets or sets the child content to be rendered inside the combobox
     /// </summary>
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleNumberField.razor b/packages/blazor-workspace/NimbleBlazor/Components/NimbleNumberField.razor
index bc3152a236..0a4b186268 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleNumberField.razor
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleNumberField.razor
@@ -13,6 +13,7 @@
     max="@Max"
     error-text="@ErrorText"
     error-visible="@ErrorVisible"
+    required-visible="@RequiredVisible"
     @attributes="AdditionalAttributes">
     @ChildContent
 </nimble-number-field>
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleNumberField.razor.cs b/packages/blazor-workspace/NimbleBlazor/Components/NimbleNumberField.razor.cs
index 80d9ac4002..ad6fcb4a13 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleNumberField.razor.cs
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleNumberField.razor.cs
@@ -72,6 +72,12 @@ public partial class NimbleNumberField : NimbleInputBase<double?>
     [Parameter]
     public bool? ErrorVisible { get; set; }
 
+    /// <summary>
+    /// Gets or sets whether the number field's required indicator is visible
+    /// </summary>
+    [Parameter]
+    public bool? RequiredVisible { get; set; }
+
     /// <summary>
     /// Gets or sets the child content to be rendered inside the combobox
     /// </summary>
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleRadioGroup.razor b/packages/blazor-workspace/NimbleBlazor/Components/NimbleRadioGroup.razor
index a1977d4386..9272ac1c44 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleRadioGroup.razor
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleRadioGroup.razor
@@ -5,6 +5,7 @@
                     orientation="@Orientation.ToAttributeValue()"
                     error-visible="@ErrorVisible"
                     error-text="@ErrorText"
+                    required-visible="@RequiredVisible"
                     value="@Value"
                     @onchange="@(EventCallback.Factory.CreateBinder<string?>(this, __value => CurrentValue = __value, CurrentValue))"
                     @attributes="AdditionalAttributes">
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleRadioGroup.razor.cs b/packages/blazor-workspace/NimbleBlazor/Components/NimbleRadioGroup.razor.cs
index 0d017beda7..615a01b2d2 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleRadioGroup.razor.cs
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleRadioGroup.razor.cs
@@ -35,6 +35,12 @@ public partial class NimbleRadioGroup : NimbleInputBase<string>
     [Parameter]
     public string? ErrorText { get; set; }
 
+    /// <summary>
+    /// Gets or sets whether the radio group's required indicator is visible
+    /// </summary>
+    [Parameter]
+    public bool? RequiredVisible { get; set; }
+
     /// <summary>
     /// Gets or sets the child content to be rendered inside the <see cref="NimbleRadioGroup"/>.
     /// </summary>
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleSelect.razor b/packages/blazor-workspace/NimbleBlazor/Components/NimbleSelect.razor
index a56ec1c52a..ed67174dca 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleSelect.razor
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleSelect.razor
@@ -12,6 +12,7 @@
         clearable="@Clearable"
         error-text="@ErrorText"
         error-visible="@ErrorVisible"
+        required-visible="@RequiredVisible"
         @attributes="AdditionalAttributes">
         @ChildContent
     </nimble-select>
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleSelect.razor.cs b/packages/blazor-workspace/NimbleBlazor/Components/NimbleSelect.razor.cs
index af349c67a9..2ca2dc48c1 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleSelect.razor.cs
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleSelect.razor.cs
@@ -56,6 +56,12 @@ public partial class NimbleSelect : NimbleInputBase<string?>
     [Parameter]
     public bool? ErrorVisible { get; set; }
 
+    /// <summary>
+    /// Gets or sets whether the select's required indicator is visible
+    /// </summary>
+    [Parameter]
+    public bool? RequiredVisible { get; set; }
+
     /// <summary>
     /// Gets or sets the child content to be rendering inside the <see cref="NimbleSelect"/>.
     /// </summary>
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextArea.razor b/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextArea.razor
index 9ea16e75c5..1a49599bf8 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextArea.razor
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextArea.razor
@@ -17,6 +17,7 @@
     error-text="@ErrorText"
     required="@Required"
     placeholder="@Placeholder"
+    required-visible="@RequiredVisible"
     @attributes="AdditionalAttributes">
     @ChildContent
 </nimble-text-area>
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextArea.razor.cs b/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextArea.razor.cs
index b54418cf0c..38b37ea491 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextArea.razor.cs
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextArea.razor.cs
@@ -89,6 +89,12 @@ public partial class NimbleTextArea : NimbleInputBase<string?>
     [Parameter]
     public bool? Spellcheck { get; set; }
 
+    /// <summary>
+    /// Gets or sets whether the text area's required indicator is visible
+    /// </summary>
+    [Parameter]
+    public bool? RequiredVisible { get; set; }
+
     /// <summary>
     /// Gets or sets the child content of the control
     /// </summary>
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextField.razor b/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextField.razor
index ecd3f75b49..de46092cc0 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextField.razor
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextField.razor
@@ -17,6 +17,7 @@
     error-text="@ErrorText"
     error-visible="@ErrorVisible"
     full-bleed="@FullBleed"
+    required-visible="@RequiredVisible"
     @attributes="AdditionalAttributes">
     @ChildContent
 </nimble-text-field>
diff --git a/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextField.razor.cs b/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextField.razor.cs
index 3b51bbfd37..9c84e3ce94 100644
--- a/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextField.razor.cs
+++ b/packages/blazor-workspace/NimbleBlazor/Components/NimbleTextField.razor.cs
@@ -53,6 +53,12 @@ public partial class NimbleTextField : NimbleInputBase<string?>
     [Parameter]
     public bool? FullBleed { get; set; }
 
+    /// <summary>
+    /// Gets or sets whether the text field's required indicator is visible
+    /// </summary>
+    [Parameter]
+    public bool? RequiredVisible { get; set; }
+
     [Parameter]
     public RenderFragment? ChildContent { get; set; }
 
diff --git a/packages/blazor-workspace/NimbleBlazor/NimbleBlazor.csproj b/packages/blazor-workspace/NimbleBlazor/NimbleBlazor.csproj
index 6161da0776..bf0ed1ab0f 100644
--- a/packages/blazor-workspace/NimbleBlazor/NimbleBlazor.csproj
+++ b/packages/blazor-workspace/NimbleBlazor/NimbleBlazor.csproj
@@ -49,7 +49,7 @@
   <ItemGroup>
     <PackageReference Include="Apache.Arrow" Version="[18.0.0]" />
     <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.11" />
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" PrivateAssets="all" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" PrivateAssets="all" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/packages/blazor-workspace/NimbleBlazor/package.json b/packages/blazor-workspace/NimbleBlazor/package.json
index 739247d624..74fdeebb1c 100644
--- a/packages/blazor-workspace/NimbleBlazor/package.json
+++ b/packages/blazor-workspace/NimbleBlazor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-blazor",
-  "version": "19.1.4",
+  "version": "19.4.2",
   "description": "Blazor components for the NI Nimble Design System",
   "scripts": {
     "pack": "cross-env-shell dotnet pack -c Release -p:PackageVersion=$npm_package_version --output ../dist",
@@ -25,8 +25,8 @@
     "!*"
   ],
   "peerDependencies": {
-    "@ni/nimble-components": "^32.8.0",
-    "@ni/nimble-tokens": "^8.5.0",
+    "@ni/nimble-components": "^32.11.2",
+    "@ni/nimble-tokens": "^8.6.0",
     "cross-env": "^7.0.3",
     "rimraf": "^6.0.0"
   }
diff --git a/packages/blazor-workspace/NimbleBlazor/packages.lock.json b/packages/blazor-workspace/NimbleBlazor/packages.lock.json
index 6d3ddc7924..ba6ecb4c46 100644
--- a/packages/blazor-workspace/NimbleBlazor/packages.lock.json
+++ b/packages/blazor-workspace/NimbleBlazor/packages.lock.json
@@ -24,13 +24,13 @@
       },
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -102,8 +102,8 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.Extensions.DependencyInjection": {
         "type": "Transitive",
diff --git a/packages/blazor-workspace/SprightBlazor/CHANGELOG.json b/packages/blazor-workspace/SprightBlazor/CHANGELOG.json
index 8eb4d4479c..a4d2f00290 100644
--- a/packages/blazor-workspace/SprightBlazor/CHANGELOG.json
+++ b/packages/blazor-workspace/SprightBlazor/CHANGELOG.json
@@ -1,6 +1,171 @@
 {
   "name": "@ni/spright-blazor",
   "entries": [
+    {
+      "date": "Thu, 16 Jan 2025 23:05:03 GMT",
+      "version": "3.2.6",
+      "tag": "@ni/spright-blazor_v3.2.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-blazor",
+            "comment": "Bump @ni/spright-components to v4.3.7",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 10 Jan 2025 16:45:51 GMT",
+      "version": "3.2.5",
+      "tag": "@ni/spright-blazor_v3.2.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-blazor",
+            "comment": "Bump @ni/spright-components to v4.3.6",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 08 Jan 2025 18:33:06 GMT",
+      "version": "3.2.4",
+      "tag": "@ni/spright-blazor_v3.2.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-blazor",
+            "comment": "Bump @ni/spright-components to v4.3.5",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 06 Jan 2025 20:05:57 GMT",
+      "version": "3.2.3",
+      "tag": "@ni/spright-blazor_v3.2.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-blazor",
+            "comment": "Bump @ni/spright-components to v4.3.4",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 03 Jan 2025 17:23:02 GMT",
+      "version": "3.2.2",
+      "tag": "@ni/spright-blazor_v3.2.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-blazor",
+            "comment": "Bump @ni/spright-components to v4.3.3",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 02 Jan 2025 21:45:49 GMT",
+      "version": "3.2.1",
+      "tag": "@ni/spright-blazor_v3.2.1",
+      "comments": {
+        "none": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-blazor",
+            "comment": "Bump @ni/spright-components to v4.3.2",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 10 Dec 2024 20:15:57 GMT",
+      "version": "3.2.1",
+      "tag": "@ni/spright-blazor_v3.2.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-blazor",
+            "comment": "Bump @ni/spright-components to v4.3.1",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 09 Dec 2024 15:59:16 GMT",
+      "version": "3.2.0",
+      "tag": "@ni/spright-blazor_v3.2.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-blazor",
+            "comment": "Bump @ni/spright-components to v4.3.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 21:21:27 GMT",
+      "version": "3.1.6",
+      "tag": "@ni/spright-blazor_v3.1.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-blazor",
+            "comment": "Bump @ni/spright-components to v4.2.5",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 19:53:29 GMT",
+      "version": "3.1.5",
+      "tag": "@ni/spright-blazor_v3.1.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-blazor",
+            "comment": "Bump @ni/spright-components to v4.2.4",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 18:13:00 GMT",
+      "version": "3.1.4",
+      "tag": "@ni/spright-blazor_v3.1.4",
+      "comments": {
+        "none": [
+          {
+            "author": "rajsite@users.noreply.github.com",
+            "package": "@ni/spright-blazor",
+            "commit": "9857f98e84701b6c78caaf4b9a10c9bbd98aa176",
+            "comment": "Update dependency NI.CSharp.Analyzers to 2.0.28"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 22 Nov 2024 22:50:22 GMT",
       "version": "3.1.4",
diff --git a/packages/blazor-workspace/SprightBlazor/CHANGELOG.md b/packages/blazor-workspace/SprightBlazor/CHANGELOG.md
index 90addb10e6..0e56dc4adc 100644
--- a/packages/blazor-workspace/SprightBlazor/CHANGELOG.md
+++ b/packages/blazor-workspace/SprightBlazor/CHANGELOG.md
@@ -1,9 +1,81 @@
 # Change Log - @ni/spright-blazor
 
-<!-- This log was last generated on Fri, 22 Nov 2024 22:50:22 GMT and should not be manually modified. -->
+<!-- This log was last generated on Thu, 16 Jan 2025 23:05:03 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 3.2.6
+
+Thu, 16 Jan 2025 23:05:03 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.7
+
+## 3.2.5
+
+Fri, 10 Jan 2025 16:45:51 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.6
+
+## 3.2.4
+
+Wed, 08 Jan 2025 18:33:06 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.5
+
+## 3.2.3
+
+Mon, 06 Jan 2025 20:05:57 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.4
+
+## 3.2.2
+
+Fri, 03 Jan 2025 17:23:02 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.3
+
+## 3.2.1
+
+Tue, 10 Dec 2024 20:15:57 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.3.1
+
+## 3.2.0
+
+Mon, 09 Dec 2024 15:59:16 GMT
+
+### Minor changes
+
+- Bump @ni/spright-components to v4.3.0
+
+## 3.1.6
+
+Wed, 04 Dec 2024 21:21:27 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.2.5
+
+## 3.1.5
+
+Wed, 04 Dec 2024 19:53:29 GMT
+
+### Patches
+
+- Bump @ni/spright-components to v4.2.4
+
 ## 3.1.4
 
 Fri, 22 Nov 2024 22:50:22 GMT
diff --git a/packages/blazor-workspace/SprightBlazor/SprightBlazor.csproj b/packages/blazor-workspace/SprightBlazor/SprightBlazor.csproj
index e530beb084..f9d9c111e1 100644
--- a/packages/blazor-workspace/SprightBlazor/SprightBlazor.csproj
+++ b/packages/blazor-workspace/SprightBlazor/SprightBlazor.csproj
@@ -48,7 +48,7 @@
 
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="8.0.11" />
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" PrivateAssets="all" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" PrivateAssets="all" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/packages/blazor-workspace/SprightBlazor/package.json b/packages/blazor-workspace/SprightBlazor/package.json
index 6159c1f0d5..df17f2b6c6 100644
--- a/packages/blazor-workspace/SprightBlazor/package.json
+++ b/packages/blazor-workspace/SprightBlazor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ni/spright-blazor",
-  "version": "3.1.4",
+  "version": "3.2.6",
   "description": "Blazor components for Spright",
   "scripts": {
     "pack": "cross-env-shell dotnet pack -c Release -p:PackageVersion=$npm_package_version --output ../dist",
@@ -25,7 +25,7 @@
     "!*"
   ],
   "peerDependencies": {
-    "@ni/spright-components": "^4.2.3",
+    "@ni/spright-components": "^4.3.7",
     "cross-env": "^7.0.3",
     "rimraf": "^6.0.0"
   }
diff --git a/packages/blazor-workspace/SprightBlazor/packages.lock.json b/packages/blazor-workspace/SprightBlazor/packages.lock.json
index 1c1c08f9d1..dd7a57ccd5 100644
--- a/packages/blazor-workspace/SprightBlazor/packages.lock.json
+++ b/packages/blazor-workspace/SprightBlazor/packages.lock.json
@@ -18,13 +18,13 @@
       },
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -96,8 +96,8 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.Extensions.DependencyInjection": {
         "type": "Transitive",
diff --git a/packages/blazor-workspace/Tests/BlazorWorkspace.Testing.Acceptance/BlazorWorkspace.Testing.Acceptance.csproj b/packages/blazor-workspace/Tests/BlazorWorkspace.Testing.Acceptance/BlazorWorkspace.Testing.Acceptance.csproj
index 761bc863ad..a3b9b9a792 100644
--- a/packages/blazor-workspace/Tests/BlazorWorkspace.Testing.Acceptance/BlazorWorkspace.Testing.Acceptance.csproj
+++ b/packages/blazor-workspace/Tests/BlazorWorkspace.Testing.Acceptance/BlazorWorkspace.Testing.Acceptance.csproj
@@ -8,7 +8,7 @@
   </PropertyGroup>
 
   <PropertyGroup>
-    <NoWarn>CA1716;CS1591</NoWarn>
+    <NoWarn>CA1716;CS1591;CA1515</NoWarn>
     <AppDesignerFolder>Properties</AppDesignerFolder>
   </PropertyGroup>
 
@@ -20,13 +20,13 @@
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.11" />
     <PackageReference Include="Microsoft.AspNetCore.Mvc.Testing" Version="8.0.11" />
     <PackageReference Include="Microsoft.Extensions.Configuration" Version="8.0.0" />
-    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="16.11.0" />
+    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.12.0" />
     <PackageReference Include="Microsoft.Playwright" Version="[1.44.0]" />
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" />
     <PackageReference Include="System.ComponentModel" Version="4.3.0" />
     <PackageReference Include="xunit" Version="2.9.2" />
     <PackageReference Include="xunit.extensibility.execution" Version="2.9.2" />
-    <PackageReference Include="xunit.runner.visualstudio" Version="2.8.2">
+    <PackageReference Include="xunit.runner.visualstudio" Version="3.0.0">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/packages/blazor-workspace/Tests/BlazorWorkspace.Testing.Acceptance/packages.lock.json b/packages/blazor-workspace/Tests/BlazorWorkspace.Testing.Acceptance/packages.lock.json
index 705f67722f..ee307d789f 100644
--- a/packages/blazor-workspace/Tests/BlazorWorkspace.Testing.Acceptance/packages.lock.json
+++ b/packages/blazor-workspace/Tests/BlazorWorkspace.Testing.Acceptance/packages.lock.json
@@ -31,12 +31,12 @@
       },
       "Microsoft.NET.Test.Sdk": {
         "type": "Direct",
-        "requested": "[16.11.0, )",
-        "resolved": "16.11.0",
-        "contentHash": "f4mbG1SUSkNWF5p7B3Y8ZxMsvKhxCmpZhdl+w6tMtLSUGE7Izi1syU6TkmKOvB2BV66pdbENConFAISOix4ohQ==",
+        "requested": "[17.12.0, )",
+        "resolved": "17.12.0",
+        "contentHash": "kt/PKBZ91rFCWxVIJZSgVLk+YR+4KxTuHf799ho8WNiK5ZQpJNAEZCAWX86vcKrs+DiYjiibpYKdGZP6+/N17w==",
         "dependencies": {
-          "Microsoft.CodeCoverage": "16.11.0",
-          "Microsoft.TestPlatform.TestHost": "16.11.0"
+          "Microsoft.CodeCoverage": "17.12.0",
+          "Microsoft.TestPlatform.TestHost": "17.12.0"
         }
       },
       "Microsoft.Playwright": {
@@ -52,13 +52,13 @@
       },
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -95,9 +95,9 @@
       },
       "xunit.runner.visualstudio": {
         "type": "Direct",
-        "requested": "[2.8.2, )",
-        "resolved": "2.8.2",
-        "contentHash": "vm1tbfXhFmjFMUmS4M0J0ASXz3/U5XvXBa6DOQUL3fEz4Vt6YPhv+ESCarx6M6D+9kJkJYZKCNvJMas1+nVfmQ=="
+        "requested": "[3.0.0, )",
+        "resolved": "3.0.0",
+        "contentHash": "HggUqjQJe8PtDxcP25Q+CnR6Lz4oX3GElhD9V4oU2+75x9HI6A6sxbfKGS4UwU4t4yJaS9fBmAuriz8bQApNjw=="
       },
       "Apache.Arrow": {
         "type": "Transitive",
@@ -196,36 +196,13 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.CodeCoverage": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "wf6lpAeCqP0KFfbDVtfL50lr7jY1gq0+0oSphyksfLOEygMDXqnaxHK5LPFtMEhYSEtgXdNyXNnEddOqQQUdlQ=="
-      },
-      "Microsoft.CSharp": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "17h8b5mXa87XYKrrVqdgZ38JefSUqLChUQpXgSnpzsM0nDOhE40FTeNWOJ/YmySGV6tG6T8+hjz6vxbknHJr6A==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Dynamic.Runtime": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.InteropServices": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
+        "resolved": "17.12.0",
+        "contentHash": "4svMznBd5JM21JIG2xZKGNanAHNXplxf/kQDFfLHXQ3OnpJkayRK/TjacFjA+EYmoyuNXHo/sOETEfcYtAzIrA=="
       },
       "Microsoft.Extensions.Configuration.Abstractions": {
         "type": "Transitive",
@@ -518,20 +495,19 @@
       },
       "Microsoft.TestPlatform.ObjectModel": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "EiknJx9N9Z30gs7R+HHhki7fA8EiiM3pwD1vkw3bFsBC8kdVq/O7mHf1hrg5aJp+ASO6BoOzQueD2ysfTOy/Bg==",
+        "resolved": "17.12.0",
+        "contentHash": "TDqkTKLfQuAaPcEb3pDDWnh7b3SyZF+/W9OZvWFp6eJCIiiYFdSB6taE2I6tWrFw5ywhzOb6sreoGJTI6m3rSQ==",
         "dependencies": {
-          "NuGet.Frameworks": "5.0.0",
           "System.Reflection.Metadata": "1.6.0"
         }
       },
       "Microsoft.TestPlatform.TestHost": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "/Q+R0EcCJE8JaYCk+bGReicw/xrB0HhecrYrUcLbn95BnAlaTJrZhoLkUhvtKTAVtqX/AIKWXYtutiU/Q6QUgg==",
+        "resolved": "17.12.0",
+        "contentHash": "MiPEJQNyADfwZ4pJNpQex+t9/jOClBGMiCiVVFuELCMSX2nmNfvUor3uFVxNNCg30uxDP8JDYfPnMXQzsfzYyg==",
         "dependencies": {
-          "Microsoft.TestPlatform.ObjectModel": "16.11.0",
-          "Newtonsoft.Json": "9.0.1"
+          "Microsoft.TestPlatform.ObjectModel": "17.12.0",
+          "Newtonsoft.Json": "13.0.1"
         }
       },
       "Microsoft.VisualStudio.Threading.Analyzers": {
@@ -541,37 +517,8 @@
       },
       "Newtonsoft.Json": {
         "type": "Transitive",
-        "resolved": "9.0.1",
-        "contentHash": "U82mHQSKaIk+lpSVCbWYKNavmNH1i5xrExDEquU1i6I5pV6UMOqRnJRSlKO3cMPfcpp0RgDY+8jUXHdQ4IfXvw==",
-        "dependencies": {
-          "Microsoft.CSharp": "4.0.1",
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Dynamic.Runtime": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.Serialization.Primitives": "4.1.1",
-          "System.Text.Encoding": "4.0.11",
-          "System.Text.Encoding.Extensions": "4.0.11",
-          "System.Text.RegularExpressions": "4.1.0",
-          "System.Threading": "4.0.11",
-          "System.Threading.Tasks": "4.0.11",
-          "System.Xml.ReaderWriter": "4.0.11",
-          "System.Xml.XDocument": "4.0.11"
-        }
-      },
-      "NuGet.Frameworks": {
-        "type": "Transitive",
-        "resolved": "5.0.0",
-        "contentHash": "c5JVjuVAm4f7E9Vj+v09Z9s2ZsqFDjBpcsyS3M9xRo0bEdm/LVZSzLxxNvfvAwRiiE8nwe1h2G4OwiwlzFKXlA=="
+        "resolved": "13.0.1",
+        "contentHash": "ppPFpBcvxdsfUonNcvITKqLl3bqxWbDCZIzDWHzjpdAHRFfZe0Dw9HmA0+za13IdyrgJwpkDTDA9fHaxOrt20A=="
       },
       "Roslynator.Analyzers": {
         "type": "Transitive",
@@ -591,16 +538,6 @@
         "resolved": "1.2.0.556",
         "contentHash": "zvn9Mqs/ox/83cpYPignI8hJEM2A93s2HkHs8HYMOAQW0PkampyoErAiIyKxgTLqbbad29HX/shv/6LGSjPJNQ=="
       },
-      "System.Collections": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "YUJGz6eFKqS0V//mLt25vFGrrCvOnsXjlvFQs+KimpwNxug9x0Pzy4PlFMU3Q2IzqAa9G2L4LsK3+9vCBK7oTg==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Collections.Immutable": {
         "type": "Transitive",
         "resolved": "5.0.0",
@@ -611,248 +548,26 @@
         "resolved": "5.0.0",
         "contentHash": "dMkqfy2el8A8/I76n2Hi1oBFEbG1SfxD2l5nhwXV3XjlnOmwxJlQbYpJH4W51odnU9sARCSAgv7S3CyAFMkpYg=="
       },
-      "System.Diagnostics.Debug": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "w5U95fVKHY4G8ASs/K5iK3J5LY+/dLFd4vKejsnI/ZhBsWS9hQakfx3Zr7lRWKg4tAw9r4iktyvsTagWkqYCiw==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Diagnostics.EventLog": {
         "type": "Transitive",
         "resolved": "8.0.1",
         "contentHash": "n1ZP7NM2Gkn/MgD8+eOT5MulMj6wfeQMNS2Pizvq5GHCZfjlFMXV2irQlQmJhwA2VABC57M0auudO89Iu2uRLg=="
       },
-      "System.Diagnostics.Tools": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "xBfJ8pnd4C17dWaC9FM6aShzbJcRNMChUMD42I6772KGGrqaFdumwhn9OdM68erj1ueNo3xdQ1EwiFjK5k8p0g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Dynamic.Runtime": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "db34f6LHYM0U0JpE+sOmjar27BnqTVkbLJhgfwMpTdgTigG/Hna3m2MYVwnFzGGKnEJk2UXFuoVTr8WUbU91/A==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit": "4.0.1",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Globalization": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "B95h0YLEL2oSnwF/XjqSWKnwKOy/01VWkNlsCeMTFJLLabflpGV26nK164eRs5GiaRSBGpOxQ3pKoSnnyZN5pg==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.IO": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "3KlTJceQc3gnGIaHZ7UBZO26SHL1SHE4ddrmiwumFnId+CEHP+O8r386tZKaE6zlk5/mF8vifMBzHj9SaXN+mQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.IO.FileSystem": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "IBErlVq5jOggAD69bg1t0pJcHaDbJbWNUZTPI96fkYWzwYbN6D9wRHMULLDd9dHsl7C2YsxXL31LMfPI1SWt8w==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.IO": "4.1.0",
-          "System.IO.FileSystem.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Handles": "4.0.1",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.IO.FileSystem.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "kWkKD203JJKxJeE74p8aF8y4Qc9r9WQx4C0cHzHPrY3fv/L/IhWnyCHaFJ3H1QPOH6A93whlQ2vG5nHlBDvzWQ==",
-        "dependencies": {
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.IO.Pipelines": {
         "type": "Transitive",
         "resolved": "8.0.0",
         "contentHash": "FHNOatmUq0sqJOkTx+UF/9YK1f180cnW5FVqnQMvYUN0elp6wFzbtPSiqbo1/ru8ICp43JM1i7kKkk6GsNGHlA=="
       },
-      "System.Linq": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "bQ0iYFOQI0nuTnt+NQADns6ucV4DUvMdwN6CbkB1yj8i7arTGiTN5eok1kQwdnnNWSDZfIUySQY+J3d5KjWn0g==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0"
-        }
-      },
-      "System.Linq.Expressions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "I+y02iqkgmCAyfbqOmSDOgqdZQ5tTj80Akm5BPSS8EeB0VGWdy6X1KCoYe8Pk6pwDoAKZUOdLVxnTJcExiv5zw==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Linq": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit": "4.0.1",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Emit.Lightweight": "4.0.1",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
       "System.Memory": {
         "type": "Transitive",
         "resolved": "4.5.4",
         "contentHash": "1MbJTHS1lZ4bS4FmsJjnuGJOu88ZzTT2rLvrhW7Ygic+pC0NWA+3hgAen0HRdsocuQXCkUTdFn9yHJJhsijDXw=="
       },
-      "System.ObjectModel": {
-        "type": "Transitive",
-        "resolved": "4.0.12",
-        "contentHash": "tAgJM1xt3ytyMoW4qn4wIqgJYm7L7TShRZG4+Q4Qsi2PCcj96pXN7nRywS9KkB3p/xDUjc2HSwP9SROyPYDYKQ==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Reflection": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "JCKANJ0TI7kzoQzuwB/OoJANy1Lg338B6+JVacPl4TpUwi3cReg3nMLplMq2uqYfHFQpKIlHAUVAJlImZz/4ng==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.IO": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "P2wqAj72fFjpP6wb9nSfDqNBMab+2ovzSDzUZK7MVIm54tBJEPr9jWfSjjoTpPwj1LeKcmX3vr0ttyjSSFM47g==",
-        "dependencies": {
-          "System.IO": "4.1.0",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit.ILGeneration": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "Ov6dU8Bu15Bc7zuqttgHF12J5lwSWyTf1S+FJouUXVMSqImLZzYaQ+vRr1rQ0OZ0HqsrwWl4dsKHELckQkVpgA==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit.Lightweight": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "sSzHHXueZ5Uh0OLpUQprhr+ZYJrLPA2Cmr4gn0wj9+FftNKXx8RIMKvO9qnjk2ebPYUjZ+F2ulGdPOsvj+MEjA==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "GYrtRsZcMuHF3sbmRHfMYpvxZoIN2bQGrYGerUiWLEkqdEUQZhH3TRSaC/oI4wO0II1RKBPlpIa1TOMxIcOOzQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Reflection.Metadata": {
         "type": "Transitive",
         "resolved": "5.0.0",
         "contentHash": "5NecZgXktdGg34rh1OenY1rFNDCI8xSjFr+Z4OU4cU06AQHUdRnIIEeWENu3Wl4YowbzkymAIMvi3WyK9U53pQ=="
       },
-      "System.Reflection.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "4inTox4wTBaDhB7V3mPvp9XlCbeGYWVEM9/fXALd52vNEAVisc1BoVWQPuUuD0Ga//dNbA/WeMy9u9mzLxGTHQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.TypeExtensions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "tsQ/ptQ3H5FYfON8lL4MxRk/8kFyE0A+tGPXmVP967cT/gzLHYxIejIYSxp4JmIeFHVP78g/F2FE1mUUTbDtrg==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Resources.ResourceManager": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "TxwVeUNoTgUOdQ09gfTjvW411MF+w9MBYL7AtNVc+HtBCFlutPLhUCdZjNkjbhj3bNQWMdHboF0KIWEOjJssbA==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Globalization": "4.0.11",
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Runtime": {
         "type": "Transitive",
         "resolved": "4.3.0",
@@ -867,58 +582,6 @@
         "resolved": "6.0.0",
         "contentHash": "/iUeP3tq1S0XdNNoMz5C9twLSrM/TH+qElHkXWaPvuNOt+99G75NrV0OS2EqHx5wMN7popYjpc8oTjC1y16DLg=="
       },
-      "System.Runtime.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "CUOHjTT/vgP0qGW22U4/hDlOqXmcPq5YicBaXdUR2UiUoLwBT+olO6we4DVbq57jeX5uXH2uerVZhf0qGj+sVQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime.Handles": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "nCJvEKguXEvk2ymk1gqj625vVnlK3/xdGzx0vOKicQkoquaTBJTP13AIYkocSUwHCLNBwUbXTqTWGDxBTWpt7g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime.InteropServices": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "16eu3kjHS633yYdkjwShDHZLRNMKVi/s0bY8ODiqJ2RfMhDMAwxZaUaWVnZ2P71kr/or+X9o/xFWtNqz8ivieQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Handles": "4.0.1"
-        }
-      },
-      "System.Runtime.Serialization.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.1.1",
-        "contentHash": "HZ6Du5QrTG8MNJbf4e4qMO3JRAkIboGT5Fk804uZtg3Gq516S7hAqTm2UZKUHa7/6HUGdVy3AqMQKbns06G/cg==",
-        "dependencies": {
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Text.Encoding": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "U3gGeMlDZXxCEiY4DwVLSacg+DFWCvoiX+JThA/rvw37Sqrku7sEFeVBBBMBnfB6FeZHsyDx85HlKL19x0HtZA==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Text.Encoding.CodePages": {
         "type": "Transitive",
         "resolved": "6.0.0",
@@ -927,17 +590,6 @@
           "System.Runtime.CompilerServices.Unsafe": "6.0.0"
         }
       },
-      "System.Text.Encoding.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "jtbiTDtvfLYgXn8PTfWI+SiBs51rrmO4AAckx4KR6vFK9Wzf6tI8kcRdsYQNwriUeQ1+CtQbM1W4cMbLXnj/OQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Text.Encoding": "4.0.11"
-        }
-      },
       "System.Text.Encodings.Web": {
         "type": "Transitive",
         "resolved": "6.0.0",
@@ -955,84 +607,11 @@
           "System.Text.Encodings.Web": "6.0.0"
         }
       },
-      "System.Text.RegularExpressions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "i88YCXpRTjCnoSQZtdlHkAOx4KNNik4hMy83n0+Ftlb7jvV6ZiZWMpnEZHhjBp6hQVh8gWd/iKNPzlPF7iyA2g==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Threading": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "N+3xqIcg3VDKyjwwCGaZ9HawG9aC6cSDI+s7ROma310GQo8vilFZa86hqKppwTHleR/G0sfOzhvgnUxWCR/DrQ==",
-        "dependencies": {
-          "System.Runtime": "4.1.0",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.Threading.Tasks": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "k1S4Gc6IGwtHGT8188RSeGaX86Qw/wnrgNLshJvsdNUOPP9etMmo8S07c+UlOAx4K/xLuN9ivA1bD0LVurtIxQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Threading.Tasks.Extensions": {
         "type": "Transitive",
         "resolved": "4.5.4",
         "contentHash": "zteT+G8xuGu6mS+mzDzYXbzS7rd3K6Fjb9RiZlYlJPam2/hU7JCBZBVEcywNuR+oZ1ncTvc/cq0faRr3P01OVg=="
       },
-      "System.Xml.ReaderWriter": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "ZIiLPsf67YZ9zgr31vzrFaYQqxRPX9cVHjtPSnmx4eN6lbS/yEyYNr2vs1doGDEscF0tjCZFsk9yUg1sC9e8tg==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.IO.FileSystem": "4.0.1",
-          "System.IO.FileSystem.Primitives": "4.0.1",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.InteropServices": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Text.Encoding.Extensions": "4.0.11",
-          "System.Text.RegularExpressions": "4.1.0",
-          "System.Threading.Tasks": "4.0.11",
-          "System.Threading.Tasks.Extensions": "4.0.0"
-        }
-      },
-      "System.Xml.XDocument": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "Mk2mKmPi0nWaoiYeotq1dgeNK1fqWh61+EK+w4Wu8SWuTYLzpUnschb59bJtGywaPq7SmTuPf44wrXRwbIrukg==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Diagnostics.Tools": "4.0.1",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Reflection": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading": "4.0.11",
-          "System.Xml.ReaderWriter": "4.0.11"
-        }
-      },
       "xunit.abstractions": {
         "type": "Transitive",
         "resolved": "2.0.3",
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/NimbleBlazor.Tests.Acceptance.Client.csproj b/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/NimbleBlazor.Tests.Acceptance.Client.csproj
index 497b44449e..018e0393cd 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/NimbleBlazor.Tests.Acceptance.Client.csproj
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/NimbleBlazor.Tests.Acceptance.Client.csproj
@@ -15,7 +15,7 @@
   
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.11" />
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/Program.cs b/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/Program.cs
index 2e98568675..8843155c49 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/Program.cs
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/Program.cs
@@ -2,7 +2,7 @@
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 
 namespace NimbleBlazor.Tests.Acceptance.Client;
-public static class Program
+internal static class Program
 {
     public static async Task Main(string[] args)
     {
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/packages.lock.json b/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/packages.lock.json
index 9a7cfb7200..18ec0392ba 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/packages.lock.json
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance.Client/packages.lock.json
@@ -29,13 +29,13 @@
       },
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -125,8 +125,8 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.Extensions.Configuration": {
         "type": "Transitive",
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance/NimbleBlazor.Tests.Acceptance.csproj b/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance/NimbleBlazor.Tests.Acceptance.csproj
index 4b81fc3720..51ef946e29 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance/NimbleBlazor.Tests.Acceptance.csproj
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance/NimbleBlazor.Tests.Acceptance.csproj
@@ -10,11 +10,11 @@
   </PropertyGroup>
 
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|AnyCPU'">
-    <NoWarn>CA1716;LRT001;NU1701;CA1707;CS0122;CS1573;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
+    <NoWarn>CA1716;LRT001;NU1701;CA1707;CS0122;CS1573;CA1515;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
   </PropertyGroup>
 
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Release|AnyCPU'">
-    <NoWarn>CA1716;LRT001;NU1701;CA1707;CS0122;CS1573;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
+    <NoWarn>CA1716;LRT001;NU1701;CA1707;CS0122;CS1573;CA1515;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
   </PropertyGroup>
 
   <ItemGroup>
@@ -34,13 +34,13 @@
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.Mvc.Testing" Version="8.0.11" />
     <PackageReference Include="Microsoft.Extensions.Configuration" Version="8.0.0" />
-    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="16.11.0" />
+    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.12.0" />
     <PackageReference Include="Microsoft.Playwright" Version="[1.44.0]" />
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" />
     <PackageReference Include="System.ComponentModel" Version="4.3.0" />
     <PackageReference Include="xunit" Version="2.9.2" />
     <PackageReference Include="xunit.extensibility.execution" Version="2.9.2" />
-    <PackageReference Include="xunit.runner.visualstudio" Version="2.8.2">
+    <PackageReference Include="xunit.runner.visualstudio" Version="3.0.0">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance/packages.lock.json b/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance/packages.lock.json
index 47ced23156..8ee9bb9499 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance/packages.lock.json
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests.Acceptance/packages.lock.json
@@ -25,12 +25,12 @@
       },
       "Microsoft.NET.Test.Sdk": {
         "type": "Direct",
-        "requested": "[16.11.0, )",
-        "resolved": "16.11.0",
-        "contentHash": "f4mbG1SUSkNWF5p7B3Y8ZxMsvKhxCmpZhdl+w6tMtLSUGE7Izi1syU6TkmKOvB2BV66pdbENConFAISOix4ohQ==",
+        "requested": "[17.12.0, )",
+        "resolved": "17.12.0",
+        "contentHash": "kt/PKBZ91rFCWxVIJZSgVLk+YR+4KxTuHf799ho8WNiK5ZQpJNAEZCAWX86vcKrs+DiYjiibpYKdGZP6+/N17w==",
         "dependencies": {
-          "Microsoft.CodeCoverage": "16.11.0",
-          "Microsoft.TestPlatform.TestHost": "16.11.0"
+          "Microsoft.CodeCoverage": "17.12.0",
+          "Microsoft.TestPlatform.TestHost": "17.12.0"
         }
       },
       "Microsoft.Playwright": {
@@ -46,13 +46,13 @@
       },
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -89,9 +89,9 @@
       },
       "xunit.runner.visualstudio": {
         "type": "Direct",
-        "requested": "[2.8.2, )",
-        "resolved": "2.8.2",
-        "contentHash": "vm1tbfXhFmjFMUmS4M0J0ASXz3/U5XvXBa6DOQUL3fEz4Vt6YPhv+ESCarx6M6D+9kJkJYZKCNvJMas1+nVfmQ=="
+        "requested": "[3.0.0, )",
+        "resolved": "3.0.0",
+        "contentHash": "HggUqjQJe8PtDxcP25Q+CnR6Lz4oX3GElhD9V4oU2+75x9HI6A6sxbfKGS4UwU4t4yJaS9fBmAuriz8bQApNjw=="
       },
       "Apache.Arrow": {
         "type": "Transitive",
@@ -207,36 +207,13 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.CodeCoverage": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "wf6lpAeCqP0KFfbDVtfL50lr7jY1gq0+0oSphyksfLOEygMDXqnaxHK5LPFtMEhYSEtgXdNyXNnEddOqQQUdlQ=="
-      },
-      "Microsoft.CSharp": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "17h8b5mXa87XYKrrVqdgZ38JefSUqLChUQpXgSnpzsM0nDOhE40FTeNWOJ/YmySGV6tG6T8+hjz6vxbknHJr6A==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Dynamic.Runtime": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.InteropServices": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
+        "resolved": "17.12.0",
+        "contentHash": "4svMznBd5JM21JIG2xZKGNanAHNXplxf/kQDFfLHXQ3OnpJkayRK/TjacFjA+EYmoyuNXHo/sOETEfcYtAzIrA=="
       },
       "Microsoft.Extensions.Configuration.Abstractions": {
         "type": "Transitive",
@@ -537,20 +514,19 @@
       },
       "Microsoft.TestPlatform.ObjectModel": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "EiknJx9N9Z30gs7R+HHhki7fA8EiiM3pwD1vkw3bFsBC8kdVq/O7mHf1hrg5aJp+ASO6BoOzQueD2ysfTOy/Bg==",
+        "resolved": "17.12.0",
+        "contentHash": "TDqkTKLfQuAaPcEb3pDDWnh7b3SyZF+/W9OZvWFp6eJCIiiYFdSB6taE2I6tWrFw5ywhzOb6sreoGJTI6m3rSQ==",
         "dependencies": {
-          "NuGet.Frameworks": "5.0.0",
           "System.Reflection.Metadata": "1.6.0"
         }
       },
       "Microsoft.TestPlatform.TestHost": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "/Q+R0EcCJE8JaYCk+bGReicw/xrB0HhecrYrUcLbn95BnAlaTJrZhoLkUhvtKTAVtqX/AIKWXYtutiU/Q6QUgg==",
+        "resolved": "17.12.0",
+        "contentHash": "MiPEJQNyADfwZ4pJNpQex+t9/jOClBGMiCiVVFuELCMSX2nmNfvUor3uFVxNNCg30uxDP8JDYfPnMXQzsfzYyg==",
         "dependencies": {
-          "Microsoft.TestPlatform.ObjectModel": "16.11.0",
-          "Newtonsoft.Json": "9.0.1"
+          "Microsoft.TestPlatform.ObjectModel": "17.12.0",
+          "Newtonsoft.Json": "13.0.1"
         }
       },
       "Microsoft.VisualStudio.Threading.Analyzers": {
@@ -560,37 +536,8 @@
       },
       "Newtonsoft.Json": {
         "type": "Transitive",
-        "resolved": "9.0.1",
-        "contentHash": "U82mHQSKaIk+lpSVCbWYKNavmNH1i5xrExDEquU1i6I5pV6UMOqRnJRSlKO3cMPfcpp0RgDY+8jUXHdQ4IfXvw==",
-        "dependencies": {
-          "Microsoft.CSharp": "4.0.1",
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Dynamic.Runtime": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.Serialization.Primitives": "4.1.1",
-          "System.Text.Encoding": "4.0.11",
-          "System.Text.Encoding.Extensions": "4.0.11",
-          "System.Text.RegularExpressions": "4.1.0",
-          "System.Threading": "4.0.11",
-          "System.Threading.Tasks": "4.0.11",
-          "System.Xml.ReaderWriter": "4.0.11",
-          "System.Xml.XDocument": "4.0.11"
-        }
-      },
-      "NuGet.Frameworks": {
-        "type": "Transitive",
-        "resolved": "5.0.0",
-        "contentHash": "c5JVjuVAm4f7E9Vj+v09Z9s2ZsqFDjBpcsyS3M9xRo0bEdm/LVZSzLxxNvfvAwRiiE8nwe1h2G4OwiwlzFKXlA=="
+        "resolved": "13.0.1",
+        "contentHash": "ppPFpBcvxdsfUonNcvITKqLl3bqxWbDCZIzDWHzjpdAHRFfZe0Dw9HmA0+za13IdyrgJwpkDTDA9fHaxOrt20A=="
       },
       "Roslynator.Analyzers": {
         "type": "Transitive",
@@ -610,16 +557,6 @@
         "resolved": "1.2.0.556",
         "contentHash": "zvn9Mqs/ox/83cpYPignI8hJEM2A93s2HkHs8HYMOAQW0PkampyoErAiIyKxgTLqbbad29HX/shv/6LGSjPJNQ=="
       },
-      "System.Collections": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "YUJGz6eFKqS0V//mLt25vFGrrCvOnsXjlvFQs+KimpwNxug9x0Pzy4PlFMU3Q2IzqAa9G2L4LsK3+9vCBK7oTg==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Collections.Immutable": {
         "type": "Transitive",
         "resolved": "5.0.0",
@@ -630,248 +567,26 @@
         "resolved": "5.0.0",
         "contentHash": "dMkqfy2el8A8/I76n2Hi1oBFEbG1SfxD2l5nhwXV3XjlnOmwxJlQbYpJH4W51odnU9sARCSAgv7S3CyAFMkpYg=="
       },
-      "System.Diagnostics.Debug": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "w5U95fVKHY4G8ASs/K5iK3J5LY+/dLFd4vKejsnI/ZhBsWS9hQakfx3Zr7lRWKg4tAw9r4iktyvsTagWkqYCiw==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Diagnostics.EventLog": {
         "type": "Transitive",
         "resolved": "8.0.1",
         "contentHash": "n1ZP7NM2Gkn/MgD8+eOT5MulMj6wfeQMNS2Pizvq5GHCZfjlFMXV2irQlQmJhwA2VABC57M0auudO89Iu2uRLg=="
       },
-      "System.Diagnostics.Tools": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "xBfJ8pnd4C17dWaC9FM6aShzbJcRNMChUMD42I6772KGGrqaFdumwhn9OdM68erj1ueNo3xdQ1EwiFjK5k8p0g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Dynamic.Runtime": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "db34f6LHYM0U0JpE+sOmjar27BnqTVkbLJhgfwMpTdgTigG/Hna3m2MYVwnFzGGKnEJk2UXFuoVTr8WUbU91/A==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit": "4.0.1",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Globalization": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "B95h0YLEL2oSnwF/XjqSWKnwKOy/01VWkNlsCeMTFJLLabflpGV26nK164eRs5GiaRSBGpOxQ3pKoSnnyZN5pg==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.IO": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "3KlTJceQc3gnGIaHZ7UBZO26SHL1SHE4ddrmiwumFnId+CEHP+O8r386tZKaE6zlk5/mF8vifMBzHj9SaXN+mQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.IO.FileSystem": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "IBErlVq5jOggAD69bg1t0pJcHaDbJbWNUZTPI96fkYWzwYbN6D9wRHMULLDd9dHsl7C2YsxXL31LMfPI1SWt8w==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.IO": "4.1.0",
-          "System.IO.FileSystem.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Handles": "4.0.1",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.IO.FileSystem.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "kWkKD203JJKxJeE74p8aF8y4Qc9r9WQx4C0cHzHPrY3fv/L/IhWnyCHaFJ3H1QPOH6A93whlQ2vG5nHlBDvzWQ==",
-        "dependencies": {
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.IO.Pipelines": {
         "type": "Transitive",
         "resolved": "8.0.0",
         "contentHash": "FHNOatmUq0sqJOkTx+UF/9YK1f180cnW5FVqnQMvYUN0elp6wFzbtPSiqbo1/ru8ICp43JM1i7kKkk6GsNGHlA=="
       },
-      "System.Linq": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "bQ0iYFOQI0nuTnt+NQADns6ucV4DUvMdwN6CbkB1yj8i7arTGiTN5eok1kQwdnnNWSDZfIUySQY+J3d5KjWn0g==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0"
-        }
-      },
-      "System.Linq.Expressions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "I+y02iqkgmCAyfbqOmSDOgqdZQ5tTj80Akm5BPSS8EeB0VGWdy6X1KCoYe8Pk6pwDoAKZUOdLVxnTJcExiv5zw==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Linq": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit": "4.0.1",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Emit.Lightweight": "4.0.1",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
       "System.Memory": {
         "type": "Transitive",
         "resolved": "4.5.4",
         "contentHash": "1MbJTHS1lZ4bS4FmsJjnuGJOu88ZzTT2rLvrhW7Ygic+pC0NWA+3hgAen0HRdsocuQXCkUTdFn9yHJJhsijDXw=="
       },
-      "System.ObjectModel": {
-        "type": "Transitive",
-        "resolved": "4.0.12",
-        "contentHash": "tAgJM1xt3ytyMoW4qn4wIqgJYm7L7TShRZG4+Q4Qsi2PCcj96pXN7nRywS9KkB3p/xDUjc2HSwP9SROyPYDYKQ==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Reflection": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "JCKANJ0TI7kzoQzuwB/OoJANy1Lg338B6+JVacPl4TpUwi3cReg3nMLplMq2uqYfHFQpKIlHAUVAJlImZz/4ng==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.IO": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "P2wqAj72fFjpP6wb9nSfDqNBMab+2ovzSDzUZK7MVIm54tBJEPr9jWfSjjoTpPwj1LeKcmX3vr0ttyjSSFM47g==",
-        "dependencies": {
-          "System.IO": "4.1.0",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit.ILGeneration": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "Ov6dU8Bu15Bc7zuqttgHF12J5lwSWyTf1S+FJouUXVMSqImLZzYaQ+vRr1rQ0OZ0HqsrwWl4dsKHELckQkVpgA==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit.Lightweight": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "sSzHHXueZ5Uh0OLpUQprhr+ZYJrLPA2Cmr4gn0wj9+FftNKXx8RIMKvO9qnjk2ebPYUjZ+F2ulGdPOsvj+MEjA==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "GYrtRsZcMuHF3sbmRHfMYpvxZoIN2bQGrYGerUiWLEkqdEUQZhH3TRSaC/oI4wO0II1RKBPlpIa1TOMxIcOOzQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Reflection.Metadata": {
         "type": "Transitive",
         "resolved": "5.0.0",
         "contentHash": "5NecZgXktdGg34rh1OenY1rFNDCI8xSjFr+Z4OU4cU06AQHUdRnIIEeWENu3Wl4YowbzkymAIMvi3WyK9U53pQ=="
       },
-      "System.Reflection.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "4inTox4wTBaDhB7V3mPvp9XlCbeGYWVEM9/fXALd52vNEAVisc1BoVWQPuUuD0Ga//dNbA/WeMy9u9mzLxGTHQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.TypeExtensions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "tsQ/ptQ3H5FYfON8lL4MxRk/8kFyE0A+tGPXmVP967cT/gzLHYxIejIYSxp4JmIeFHVP78g/F2FE1mUUTbDtrg==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Resources.ResourceManager": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "TxwVeUNoTgUOdQ09gfTjvW411MF+w9MBYL7AtNVc+HtBCFlutPLhUCdZjNkjbhj3bNQWMdHboF0KIWEOjJssbA==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Globalization": "4.0.11",
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Runtime": {
         "type": "Transitive",
         "resolved": "4.3.0",
@@ -886,58 +601,6 @@
         "resolved": "6.0.0",
         "contentHash": "/iUeP3tq1S0XdNNoMz5C9twLSrM/TH+qElHkXWaPvuNOt+99G75NrV0OS2EqHx5wMN7popYjpc8oTjC1y16DLg=="
       },
-      "System.Runtime.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "CUOHjTT/vgP0qGW22U4/hDlOqXmcPq5YicBaXdUR2UiUoLwBT+olO6we4DVbq57jeX5uXH2uerVZhf0qGj+sVQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime.Handles": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "nCJvEKguXEvk2ymk1gqj625vVnlK3/xdGzx0vOKicQkoquaTBJTP13AIYkocSUwHCLNBwUbXTqTWGDxBTWpt7g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime.InteropServices": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "16eu3kjHS633yYdkjwShDHZLRNMKVi/s0bY8ODiqJ2RfMhDMAwxZaUaWVnZ2P71kr/or+X9o/xFWtNqz8ivieQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Handles": "4.0.1"
-        }
-      },
-      "System.Runtime.Serialization.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.1.1",
-        "contentHash": "HZ6Du5QrTG8MNJbf4e4qMO3JRAkIboGT5Fk804uZtg3Gq516S7hAqTm2UZKUHa7/6HUGdVy3AqMQKbns06G/cg==",
-        "dependencies": {
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Text.Encoding": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "U3gGeMlDZXxCEiY4DwVLSacg+DFWCvoiX+JThA/rvw37Sqrku7sEFeVBBBMBnfB6FeZHsyDx85HlKL19x0HtZA==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Text.Encoding.CodePages": {
         "type": "Transitive",
         "resolved": "6.0.0",
@@ -946,17 +609,6 @@
           "System.Runtime.CompilerServices.Unsafe": "6.0.0"
         }
       },
-      "System.Text.Encoding.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "jtbiTDtvfLYgXn8PTfWI+SiBs51rrmO4AAckx4KR6vFK9Wzf6tI8kcRdsYQNwriUeQ1+CtQbM1W4cMbLXnj/OQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Text.Encoding": "4.0.11"
-        }
-      },
       "System.Text.Encodings.Web": {
         "type": "Transitive",
         "resolved": "6.0.0",
@@ -974,84 +626,11 @@
           "System.Text.Encodings.Web": "6.0.0"
         }
       },
-      "System.Text.RegularExpressions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "i88YCXpRTjCnoSQZtdlHkAOx4KNNik4hMy83n0+Ftlb7jvV6ZiZWMpnEZHhjBp6hQVh8gWd/iKNPzlPF7iyA2g==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Threading": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "N+3xqIcg3VDKyjwwCGaZ9HawG9aC6cSDI+s7ROma310GQo8vilFZa86hqKppwTHleR/G0sfOzhvgnUxWCR/DrQ==",
-        "dependencies": {
-          "System.Runtime": "4.1.0",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.Threading.Tasks": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "k1S4Gc6IGwtHGT8188RSeGaX86Qw/wnrgNLshJvsdNUOPP9etMmo8S07c+UlOAx4K/xLuN9ivA1bD0LVurtIxQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Threading.Tasks.Extensions": {
         "type": "Transitive",
         "resolved": "4.5.4",
         "contentHash": "zteT+G8xuGu6mS+mzDzYXbzS7rd3K6Fjb9RiZlYlJPam2/hU7JCBZBVEcywNuR+oZ1ncTvc/cq0faRr3P01OVg=="
       },
-      "System.Xml.ReaderWriter": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "ZIiLPsf67YZ9zgr31vzrFaYQqxRPX9cVHjtPSnmx4eN6lbS/yEyYNr2vs1doGDEscF0tjCZFsk9yUg1sC9e8tg==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.IO.FileSystem": "4.0.1",
-          "System.IO.FileSystem.Primitives": "4.0.1",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.InteropServices": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Text.Encoding.Extensions": "4.0.11",
-          "System.Text.RegularExpressions": "4.1.0",
-          "System.Threading.Tasks": "4.0.11",
-          "System.Threading.Tasks.Extensions": "4.0.0"
-        }
-      },
-      "System.Xml.XDocument": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "Mk2mKmPi0nWaoiYeotq1dgeNK1fqWh61+EK+w4Wu8SWuTYLzpUnschb59bJtGywaPq7SmTuPf44wrXRwbIrukg==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Diagnostics.Tools": "4.0.1",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Reflection": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading": "4.0.11",
-          "System.Xml.ReaderWriter": "4.0.11"
-        }
-      },
       "xunit.abstractions": {
         "type": "Transitive",
         "resolved": "2.0.3",
@@ -1090,9 +669,9 @@
           "Microsoft.AspNetCore.Components.WebAssembly.Server": "[8.0.11, )",
           "Microsoft.AspNetCore.Mvc.Testing": "[8.0.11, )",
           "Microsoft.Extensions.Configuration": "[8.0.0, )",
-          "Microsoft.NET.Test.Sdk": "[16.11.0, )",
+          "Microsoft.NET.Test.Sdk": "[17.12.0, )",
           "Microsoft.Playwright": "[1.44.0, 1.44.0]",
-          "NI.CSharp.Analyzers": "[2.0.27, )",
+          "NI.CSharp.Analyzers": "[2.0.28, )",
           "NimbleBlazor": "[1.0.0, )",
           "System.ComponentModel": "[4.3.0, )",
           "xunit": "[2.9.2, )",
@@ -1110,7 +689,7 @@
         "type": "Project",
         "dependencies": {
           "Microsoft.AspNetCore.Components.WebAssembly": "[8.0.11, )",
-          "NI.CSharp.Analyzers": "[2.0.27, )",
+          "NI.CSharp.Analyzers": "[2.0.28, )",
           "NimbleBlazor": "[1.0.0, )"
         }
       }
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/NimbleBlazor.Tests.csproj b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/NimbleBlazor.Tests.csproj
index 77d04bfbd6..03f3fae4d3 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/NimbleBlazor.Tests.csproj
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/NimbleBlazor.Tests.csproj
@@ -13,12 +13,12 @@
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Release|AnyCPU'">
     <TreatWarningsAsErrors>True</TreatWarningsAsErrors>
     <WarningsNotAsErrors>;CS0122</WarningsNotAsErrors>
-    <NoWarn>;NU1701;CA1707;CS0122;CS1573;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
+    <NoWarn>;NU1701;CA1707;CS0122;CS1573;CA1515;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
   </PropertyGroup>
 
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|AnyCPU'">
     <WarningsNotAsErrors>;CS0122</WarningsNotAsErrors>
-    <NoWarn>;NU1701;CA1707;CS0122;CS1573;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
+    <NoWarn>;NU1701;CA1707;CS0122;CS1573;CA1515;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
   </PropertyGroup>
 
   <ItemGroup>
@@ -26,15 +26,15 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="bunit" Version="1.36.0" />
-    <PackageReference Include="bunit.core" Version="1.36.0" />
-    <PackageReference Include="bunit.web" Version="1.36.0" />
-    <PackageReference Include="coverlet.collector" Version="1.3.0" />
-    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="16.11.0" />
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" />
+    <PackageReference Include="bunit" Version="1.37.7" />
+    <PackageReference Include="bunit.core" Version="1.37.7" />
+    <PackageReference Include="bunit.web" Version="1.37.7" />
+    <PackageReference Include="coverlet.collector" Version="6.0.3" />
+    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.12.0" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" />
     <PackageReference Include="xunit" Version="2.9.2" />
     <PackageReference Include="xunit.extensibility.execution" Version="2.9.2" />
-    <PackageReference Include="xunit.runner.visualstudio" Version="2.8.2">
+    <PackageReference Include="xunit.runner.visualstudio" Version="3.0.0">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleCheckboxTests.cs b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleCheckboxTests.cs
index 39f60a9b97..b9d2ee4979 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleCheckboxTests.cs
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleCheckboxTests.cs
@@ -1,3 +1,5 @@
+using System;
+using System.Linq.Expressions;
 using Bunit;
 using Xunit;
 
@@ -28,4 +30,27 @@ public void NimbleCheckbox_SupportsAdditionalAttributes()
         var exception = Record.Exception(() => context.RenderComponent<NimbleCheckbox>(ComponentParameter.CreateParameter("class", "foo")));
         Assert.Null(exception);
     }
+
+    [Fact]
+    public void NimbleCheckboxErrorText_AttributeIsSet()
+    {
+        var checkbox = RenderNimbleCheckboxWithPropertySet(x => x.ErrorText, "bad value");
+
+        Assert.Contains("error-text=\"bad value\"", checkbox.Markup);
+    }
+
+    [Fact]
+    public void NimbleCheckboxErrorVisible_AttributeIsSet()
+    {
+        var checkbox = RenderNimbleCheckboxWithPropertySet(x => x.ErrorVisible, true);
+
+        Assert.Contains("error-visible", checkbox.Markup);
+    }
+
+    private IRenderedComponent<NimbleCheckbox> RenderNimbleCheckboxWithPropertySet<TProperty>(Expression<Func<NimbleCheckbox, TProperty>> propertyGetter, TProperty propertyValue)
+    {
+        var context = new TestContext();
+        context.JSInterop.Mode = JSRuntimeMode.Loose;
+        return context.RenderComponent<NimbleCheckbox>(p => p.Add(propertyGetter, propertyValue));
+    }
 }
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleComboboxTests.cs b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleComboboxTests.cs
index 8911da8c5b..058bf0474b 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleComboboxTests.cs
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleComboboxTests.cs
@@ -89,6 +89,14 @@ public void ComboboxErrorVisible_AttributeIsSet()
         Assert.Contains("error-visible", combobox.Markup);
     }
 
+    [Fact]
+    public void ComboboxRequiredVisible_AttributeIsSet()
+    {
+        var combobox = RenderWithPropertySet(x => x.RequiredVisible, true);
+
+        Assert.Contains("required-visible", combobox.Markup);
+    }
+
     [Fact]
     public void ComboboxWithOption_HasListOptionMarkup()
     {
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleNumberFieldTests.cs b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleNumberFieldTests.cs
index 9074e307f2..3c2b0ba79d 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleNumberFieldTests.cs
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleNumberFieldTests.cs
@@ -132,6 +132,14 @@ public void NumberFieldReadOnly_AttributeIsSet()
         Assert.Contains("readonly", numberField.Markup);
     }
 
+    [Fact]
+    public void NumberFieldRequiredVisible_AttributeIsSet()
+    {
+        var numberField = RenderWithPropertySet(x => x.RequiredVisible, true);
+
+        Assert.Contains("required-visible", numberField.Markup);
+    }
+
     private IRenderedComponent<NimbleNumberField> RenderWithPropertySet<TProperty>(Expression<Func<NimbleNumberField, TProperty>> propertyGetter, TProperty propertyValue)
     {
         var context = new TestContext();
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleRadioGroupTests.cs b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleRadioGroupTests.cs
index 26ae0a5efa..f6a1eee9cb 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleRadioGroupTests.cs
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleRadioGroupTests.cs
@@ -82,6 +82,14 @@ public void NimbleRadioGroupErrorVisible_AttributeIsSet()
         Assert.Contains("error-visible", radioGroup.Markup);
     }
 
+    [Fact]
+    public void NimbleRadioGroupRequiredVisible_AttributeIsSet()
+    {
+        var radioGroup = RenderNimbleRadioGroupWithPropertySet(x => x.RequiredVisible, true);
+
+        Assert.Contains("required-visible", radioGroup.Markup);
+    }
+
     private IRenderedComponent<NimbleRadioGroup> RenderNimbleRadioGroupWithPropertySet<TProperty>(Expression<Func<NimbleRadioGroup, TProperty>> propertyGetter, TProperty propertyValue)
     {
         var context = new TestContext();
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleSelectTests.cs b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleSelectTests.cs
index d16cfee732..e6d3b42bcf 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleSelectTests.cs
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleSelectTests.cs
@@ -57,6 +57,14 @@ public void SelectErrorVisible_AttributeIsSet()
         Assert.Contains("error-visible", select.Markup);
     }
 
+    [Fact]
+    public void SelectRequiredVisible_AttributeIsSet()
+    {
+        var select = RenderWithPropertySet(x => x.RequiredVisible, true);
+
+        Assert.Contains("required-visible", select.Markup);
+    }
+
     [Fact]
     public void SelectWithOption_HasListOptionMarkup()
     {
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleTextAreaTests.cs b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleTextAreaTests.cs
index c99fd4baca..1f47f31b7e 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleTextAreaTests.cs
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleTextAreaTests.cs
@@ -69,6 +69,14 @@ public void TextAreaErrorVisible_AttributeIsSet()
         Assert.Contains("error-visible", textArea.Markup);
     }
 
+    [Fact]
+    public void TextAreaRequiredVisible_AttributeIsSet()
+    {
+        var textArea = RenderWithPropertySet(x => x.RequiredVisible, true);
+
+        Assert.Contains("required-visible", textArea.Markup);
+    }
+
     private IRenderedComponent<NimbleTextArea> RenderNimbleTextArea(TextAreaResize textAreaResize)
     {
         var context = new TestContext();
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleTextFieldTests.cs b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleTextFieldTests.cs
index 553ede8b01..3dcdc776d9 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleTextFieldTests.cs
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/Unit/Components/NimbleTextFieldTests.cs
@@ -57,7 +57,7 @@ public void TextFieldAppearance_AttributeIsSet(TextFieldAppearance value, string
     }
 
     [Fact]
-    public void ComboboxErrorText_AttributeIsSet()
+    public void TextFieldErrorText_AttributeIsSet()
     {
         var textField = RenderWithPropertySet(x => x.ErrorText, "bad number");
 
@@ -65,7 +65,7 @@ public void ComboboxErrorText_AttributeIsSet()
     }
 
     [Fact]
-    public void ComboboxErrorVisible_AttributeIsSet()
+    public void TextFieldErrorVisible_AttributeIsSet()
     {
         var textField = RenderWithPropertySet(x => x.ErrorVisible, true);
 
@@ -73,13 +73,21 @@ public void ComboboxErrorVisible_AttributeIsSet()
     }
 
     [Fact]
-    public void ComboboxFullBleed_AttributeIsSet()
+    public void TextFieldFullBleed_AttributeIsSet()
     {
         var textField = RenderWithPropertySet(x => x.FullBleed, true);
 
         Assert.Contains("full-bleed", textField.Markup);
     }
 
+    [Fact]
+    public void TextFieldRequiredVisible_AttributeIsSet()
+    {
+        var textField = RenderWithPropertySet(x => x.RequiredVisible, true);
+
+        Assert.Contains("required-visible", textField.Markup);
+    }
+
     private IRenderedComponent<NimbleTextField> RenderWithPropertySet<TProperty>(Expression<Func<NimbleTextField, TProperty>> propertyGetter, TProperty propertyValue)
     {
         var context = new TestContext();
diff --git a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/packages.lock.json b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/packages.lock.json
index f5ff17463c..b626353bd4 100644
--- a/packages/blazor-workspace/Tests/NimbleBlazor.Tests/packages.lock.json
+++ b/packages/blazor-workspace/Tests/NimbleBlazor.Tests/packages.lock.json
@@ -4,72 +4,72 @@
     "net8.0": {
       "bunit": {
         "type": "Direct",
-        "requested": "[1.36.0, )",
-        "resolved": "1.36.0",
-        "contentHash": "YzbLf2ZXGWX6gwYyOdWiPefczHzDuxLZteGpsA7nETxTVP7r2pWdM4Lc96r+TBB8HZ6T3/J4FJ/NubIhnSJQnA==",
+        "requested": "[1.37.7, )",
+        "resolved": "1.37.7",
+        "contentHash": "QPqsT9M08Rx/Av0TYEioECrX5OggAwN6+QvKAcUMRg6/p9oNi+2wjl/zxSf9Sz7ZI4rb26Je7jdd+6ErfyakbQ==",
         "dependencies": {
-          "bunit.core": "1.36.0",
-          "bunit.web": "1.36.0"
+          "bunit.core": "1.37.7",
+          "bunit.web": "1.37.7"
         }
       },
       "bunit.core": {
         "type": "Direct",
-        "requested": "[1.36.0, )",
-        "resolved": "1.36.0",
-        "contentHash": "04V9TPAF1/OxX0C4zI4wgiybwyoEWMBO0MjcrHBicHqgXCgiDCzFmRNEuH6MQ2IDsj3i6+O00IhyuG84DBl9JQ==",
+        "requested": "[1.37.7, )",
+        "resolved": "1.37.7",
+        "contentHash": "MtBMNvEngLm6m/X7KqgIA1TFY/4hqUQxAABTmZG7TCh3Kx948/7aXuvxk2SuSjpMp4oUiY/ih2y3Kqieq1qZZw==",
         "dependencies": {
-          "Microsoft.AspNetCore.Components": "8.0.10",
+          "Microsoft.AspNetCore.Components": "8.0.11",
           "Microsoft.Extensions.Logging": "8.0.1",
           "Microsoft.Extensions.Logging.Abstractions": "8.0.2"
         }
       },
       "bunit.web": {
         "type": "Direct",
-        "requested": "[1.36.0, )",
-        "resolved": "1.36.0",
-        "contentHash": "+1q0BgXatgmcY1TaenUcaTYYn/i8Fn5WwHvFx9G3A0fYK6wLHQxbON9oL20EZIs93PqfWhI9Yfui7ncEkNXQ7w==",
+        "requested": "[1.37.7, )",
+        "resolved": "1.37.7",
+        "contentHash": "T0hwjDUT6tyN5vtDigkdJ7Yu5IbePljokth6tfh1fXzwgmNAV6Z0VaaVdZCZXZ2BlD0dM/erulJbBiJLMSzUgw==",
         "dependencies": {
           "AngleSharp": "1.1.2",
           "AngleSharp.Css": "1.0.0-beta.144",
           "AngleSharp.Diffing": "1.0.0",
-          "Microsoft.AspNetCore.Components": "8.0.10",
-          "Microsoft.AspNetCore.Components.Authorization": "8.0.10",
-          "Microsoft.AspNetCore.Components.Web": "8.0.10",
-          "Microsoft.AspNetCore.Components.WebAssembly": "8.0.10",
-          "Microsoft.AspNetCore.Components.WebAssembly.Authentication": "8.0.10",
+          "Microsoft.AspNetCore.Components": "8.0.11",
+          "Microsoft.AspNetCore.Components.Authorization": "8.0.11",
+          "Microsoft.AspNetCore.Components.Web": "8.0.11",
+          "Microsoft.AspNetCore.Components.WebAssembly": "8.0.11",
+          "Microsoft.AspNetCore.Components.WebAssembly.Authentication": "8.0.11",
           "Microsoft.Extensions.Caching.Memory": "8.0.1",
-          "Microsoft.Extensions.Localization.Abstractions": "8.0.10",
+          "Microsoft.Extensions.Localization.Abstractions": "8.0.11",
           "Microsoft.Extensions.Logging": "8.0.1",
           "Microsoft.Extensions.Logging.Abstractions": "8.0.2",
-          "System.Text.Json": "8.0.5",
-          "bunit.core": "1.36.0"
+          "System.Text.Json": "9.0.0",
+          "bunit.core": "1.37.7"
         }
       },
       "coverlet.collector": {
         "type": "Direct",
-        "requested": "[1.3.0, )",
-        "resolved": "1.3.0",
-        "contentHash": "t8pnf5SX2ya0RX4vjoxsbhDMQCZJcpPun2neHKJ4FouMmObylo25FvoOydvf3Bl+l+IzWw7u2vjEeCBHnleB9g=="
+        "requested": "[6.0.3, )",
+        "resolved": "6.0.3",
+        "contentHash": "SvLbRq7gjzE34BI90vP6ge812+PAjinNoKhdFZHwVEu/ozJgZY+0KyDh1K0teDeMeuzQJuF8OvleRBYXsZDz0A=="
       },
       "Microsoft.NET.Test.Sdk": {
         "type": "Direct",
-        "requested": "[16.11.0, )",
-        "resolved": "16.11.0",
-        "contentHash": "f4mbG1SUSkNWF5p7B3Y8ZxMsvKhxCmpZhdl+w6tMtLSUGE7Izi1syU6TkmKOvB2BV66pdbENConFAISOix4ohQ==",
+        "requested": "[17.12.0, )",
+        "resolved": "17.12.0",
+        "contentHash": "kt/PKBZ91rFCWxVIJZSgVLk+YR+4KxTuHf799ho8WNiK5ZQpJNAEZCAWX86vcKrs+DiYjiibpYKdGZP6+/N17w==",
         "dependencies": {
-          "Microsoft.CodeCoverage": "16.11.0",
-          "Microsoft.TestPlatform.TestHost": "16.11.0"
+          "Microsoft.CodeCoverage": "17.12.0",
+          "Microsoft.TestPlatform.TestHost": "17.12.0"
         }
       },
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -97,9 +97,9 @@
       },
       "xunit.runner.visualstudio": {
         "type": "Direct",
-        "requested": "[2.8.2, )",
-        "resolved": "2.8.2",
-        "contentHash": "vm1tbfXhFmjFMUmS4M0J0ASXz3/U5XvXBa6DOQUL3fEz4Vt6YPhv+ESCarx6M6D+9kJkJYZKCNvJMas1+nVfmQ=="
+        "requested": "[3.0.0, )",
+        "resolved": "3.0.0",
+        "contentHash": "HggUqjQJe8PtDxcP25Q+CnR6Lz4oX3GElhD9V4oU2+75x9HI6A6sxbfKGS4UwU4t4yJaS9fBmAuriz8bQApNjw=="
       },
       "AngleSharp": {
         "type": "Transitive",
@@ -157,11 +157,11 @@
       },
       "Microsoft.AspNetCore.Components.Authorization": {
         "type": "Transitive",
-        "resolved": "8.0.10",
-        "contentHash": "z9WZ2sbkKKChx8b75X+1kRpbUdYOqn7sanbNCGavwmgyVUj30F5se2BTXENCOyi1Ve7Hgi4VapH4k1zwO5YN8A==",
+        "resolved": "8.0.11",
+        "contentHash": "K1OES99Yj+nMg6ulpXOY+iAK/0RUXEMtdjVzM26IixYKaXFwcKHzMljgv/sZoU3TgQNgp4FD4f38JrUZXUvEgA==",
         "dependencies": {
-          "Microsoft.AspNetCore.Authorization": "8.0.10",
-          "Microsoft.AspNetCore.Components": "8.0.10"
+          "Microsoft.AspNetCore.Authorization": "8.0.11",
+          "Microsoft.AspNetCore.Components": "8.0.11"
         }
       },
       "Microsoft.AspNetCore.Components.Forms": {
@@ -187,23 +187,23 @@
       },
       "Microsoft.AspNetCore.Components.WebAssembly": {
         "type": "Transitive",
-        "resolved": "8.0.10",
-        "contentHash": "WGEsQ/wi1pv0t24Drb3NSwJoxPahyksw1+zRz29LDi8hxLSA2iPqVRORzs85JzkWkNnEaQjSEjx8nYal/X1w7Q==",
+        "resolved": "8.0.11",
+        "contentHash": "rrvIBSuEmxSo9qn18QHarVE1azbTk6+HU8CgYCUiNmh+NcK7dz6FmkiX3TH+buE+X1I/735LacefMabr4spLRg==",
         "dependencies": {
-          "Microsoft.AspNetCore.Components.Web": "8.0.10",
+          "Microsoft.AspNetCore.Components.Web": "8.0.11",
           "Microsoft.Extensions.Configuration.Binder": "8.0.2",
           "Microsoft.Extensions.Configuration.Json": "8.0.1",
           "Microsoft.Extensions.Logging": "8.0.1",
-          "Microsoft.JSInterop.WebAssembly": "8.0.10"
+          "Microsoft.JSInterop.WebAssembly": "8.0.11"
         }
       },
       "Microsoft.AspNetCore.Components.WebAssembly.Authentication": {
         "type": "Transitive",
-        "resolved": "8.0.10",
-        "contentHash": "ej3LQJfn8z1fyPIZ5wDsmPQzfNBtkDgNxragEv0OA7EaWNWKc9LNw4w2uquXsIOoP/4FfEhPNBt0oXItSidatA==",
+        "resolved": "8.0.11",
+        "contentHash": "O1RDRDhU2B0PWkkAFgpp1gD9ni/o+s6owCZDS57wv4b+HueggaPyDH6+uImpF553eEl3KOHRM3O68KIM5sU8PA==",
         "dependencies": {
-          "Microsoft.AspNetCore.Components.Authorization": "8.0.10",
-          "Microsoft.AspNetCore.Components.Web": "8.0.10"
+          "Microsoft.AspNetCore.Components.Authorization": "8.0.11",
+          "Microsoft.AspNetCore.Components.Web": "8.0.11"
         }
       },
       "Microsoft.AspNetCore.Metadata": {
@@ -240,36 +240,13 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.CodeCoverage": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "wf6lpAeCqP0KFfbDVtfL50lr7jY1gq0+0oSphyksfLOEygMDXqnaxHK5LPFtMEhYSEtgXdNyXNnEddOqQQUdlQ=="
-      },
-      "Microsoft.CSharp": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "17h8b5mXa87XYKrrVqdgZ38JefSUqLChUQpXgSnpzsM0nDOhE40FTeNWOJ/YmySGV6tG6T8+hjz6vxbknHJr6A==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Dynamic.Runtime": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.InteropServices": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
+        "resolved": "17.12.0",
+        "contentHash": "4svMznBd5JM21JIG2xZKGNanAHNXplxf/kQDFfLHXQ3OnpJkayRK/TjacFjA+EYmoyuNXHo/sOETEfcYtAzIrA=="
       },
       "Microsoft.Extensions.Caching.Abstractions": {
         "type": "Transitive",
@@ -377,8 +354,8 @@
       },
       "Microsoft.Extensions.Localization.Abstractions": {
         "type": "Transitive",
-        "resolved": "8.0.10",
-        "contentHash": "OuuTRyukXTPjTgx1iYJzyaPa+hFrkj1djlWV/kqsWs2arSXczh/JpCgak617mo3M+5FMpEJ3af5nrgehC7q1YQ=="
+        "resolved": "8.0.11",
+        "contentHash": "qyfVEOJ8PsYrwC6kTQFSTm4+FrpOAz3OfPXvRPfs7j34V+yHMuVUgIiP5yjrYHcpNbXTtCzoQc/ZdcbpdeX/Xg=="
       },
       "Microsoft.Extensions.Logging": {
         "type": "Transitive",
@@ -419,38 +396,27 @@
       },
       "Microsoft.JSInterop.WebAssembly": {
         "type": "Transitive",
-        "resolved": "8.0.10",
-        "contentHash": "1RumzzQ+s4Zkq08ls7tDPlvx7ASsWI7gIrxiTD75b3pYr3TDUd3YbAnccqq+H3BDo6znpCZZGScFotrgz5R8LQ==",
+        "resolved": "8.0.11",
+        "contentHash": "eB6YYFdA2DnmR8W1WO9of4hBSaRTsmxke7FVbHjzjhYu/1XgMZ9FZq6sY5OjE7rnkGN3XYHXXWB4T49Y8DAthA==",
         "dependencies": {
-          "Microsoft.JSInterop": "8.0.10"
+          "Microsoft.JSInterop": "8.0.11"
         }
       },
-      "Microsoft.NETCore.Platforms": {
-        "type": "Transitive",
-        "resolved": "1.0.1",
-        "contentHash": "2G6OjjJzwBfNOO8myRV/nFrbTw5iA+DEm0N+qUqhrOmaVtn4pC77h38I1jsXGw5VH55+dPfQsqHD0We9sCl9FQ=="
-      },
-      "Microsoft.NETCore.Targets": {
-        "type": "Transitive",
-        "resolved": "1.0.1",
-        "contentHash": "rkn+fKobF/cbWfnnfBOQHKVKIOpxMZBvlSHkqDWgBpwGDcLRduvs3D9OLGeV6GWGvVwNlVi2CBbTjuPmtHvyNw=="
-      },
       "Microsoft.TestPlatform.ObjectModel": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "EiknJx9N9Z30gs7R+HHhki7fA8EiiM3pwD1vkw3bFsBC8kdVq/O7mHf1hrg5aJp+ASO6BoOzQueD2ysfTOy/Bg==",
+        "resolved": "17.12.0",
+        "contentHash": "TDqkTKLfQuAaPcEb3pDDWnh7b3SyZF+/W9OZvWFp6eJCIiiYFdSB6taE2I6tWrFw5ywhzOb6sreoGJTI6m3rSQ==",
         "dependencies": {
-          "NuGet.Frameworks": "5.0.0",
           "System.Reflection.Metadata": "1.6.0"
         }
       },
       "Microsoft.TestPlatform.TestHost": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "/Q+R0EcCJE8JaYCk+bGReicw/xrB0HhecrYrUcLbn95BnAlaTJrZhoLkUhvtKTAVtqX/AIKWXYtutiU/Q6QUgg==",
+        "resolved": "17.12.0",
+        "contentHash": "MiPEJQNyADfwZ4pJNpQex+t9/jOClBGMiCiVVFuELCMSX2nmNfvUor3uFVxNNCg30uxDP8JDYfPnMXQzsfzYyg==",
         "dependencies": {
-          "Microsoft.TestPlatform.ObjectModel": "16.11.0",
-          "Newtonsoft.Json": "9.0.1"
+          "Microsoft.TestPlatform.ObjectModel": "17.12.0",
+          "Newtonsoft.Json": "13.0.1"
         }
       },
       "Microsoft.VisualStudio.Threading.Analyzers": {
@@ -460,37 +426,8 @@
       },
       "Newtonsoft.Json": {
         "type": "Transitive",
-        "resolved": "9.0.1",
-        "contentHash": "U82mHQSKaIk+lpSVCbWYKNavmNH1i5xrExDEquU1i6I5pV6UMOqRnJRSlKO3cMPfcpp0RgDY+8jUXHdQ4IfXvw==",
-        "dependencies": {
-          "Microsoft.CSharp": "4.0.1",
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Dynamic.Runtime": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.Serialization.Primitives": "4.1.1",
-          "System.Text.Encoding": "4.0.11",
-          "System.Text.Encoding.Extensions": "4.0.11",
-          "System.Text.RegularExpressions": "4.1.0",
-          "System.Threading": "4.0.11",
-          "System.Threading.Tasks": "4.0.11",
-          "System.Xml.ReaderWriter": "4.0.11",
-          "System.Xml.XDocument": "4.0.11"
-        }
-      },
-      "NuGet.Frameworks": {
-        "type": "Transitive",
-        "resolved": "5.0.0",
-        "contentHash": "c5JVjuVAm4f7E9Vj+v09Z9s2ZsqFDjBpcsyS3M9xRo0bEdm/LVZSzLxxNvfvAwRiiE8nwe1h2G4OwiwlzFKXlA=="
+        "resolved": "13.0.1",
+        "contentHash": "ppPFpBcvxdsfUonNcvITKqLl3bqxWbDCZIzDWHzjpdAHRFfZe0Dw9HmA0+za13IdyrgJwpkDTDA9fHaxOrt20A=="
       },
       "Roslynator.Analyzers": {
         "type": "Transitive",
@@ -510,375 +447,48 @@
         "resolved": "1.2.0.556",
         "contentHash": "zvn9Mqs/ox/83cpYPignI8hJEM2A93s2HkHs8HYMOAQW0PkampyoErAiIyKxgTLqbbad29HX/shv/6LGSjPJNQ=="
       },
-      "System.Collections": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "YUJGz6eFKqS0V//mLt25vFGrrCvOnsXjlvFQs+KimpwNxug9x0Pzy4PlFMU3Q2IzqAa9G2L4LsK3+9vCBK7oTg==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Collections.Immutable": {
         "type": "Transitive",
         "resolved": "5.0.0",
         "contentHash": "FXkLXiK0sVVewcso0imKQoOxjoPAj42R8HtjjbSjVPAzwDfzoyoznWxgA3c38LDbN9SJux1xXoXYAhz98j7r2g=="
       },
-      "System.Diagnostics.Debug": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "w5U95fVKHY4G8ASs/K5iK3J5LY+/dLFd4vKejsnI/ZhBsWS9hQakfx3Zr7lRWKg4tAw9r4iktyvsTagWkqYCiw==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Diagnostics.Tools": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "xBfJ8pnd4C17dWaC9FM6aShzbJcRNMChUMD42I6772KGGrqaFdumwhn9OdM68erj1ueNo3xdQ1EwiFjK5k8p0g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Dynamic.Runtime": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "db34f6LHYM0U0JpE+sOmjar27BnqTVkbLJhgfwMpTdgTigG/Hna3m2MYVwnFzGGKnEJk2UXFuoVTr8WUbU91/A==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit": "4.0.1",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Globalization": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "B95h0YLEL2oSnwF/XjqSWKnwKOy/01VWkNlsCeMTFJLLabflpGV26nK164eRs5GiaRSBGpOxQ3pKoSnnyZN5pg==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.IO": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "3KlTJceQc3gnGIaHZ7UBZO26SHL1SHE4ddrmiwumFnId+CEHP+O8r386tZKaE6zlk5/mF8vifMBzHj9SaXN+mQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.IO.FileSystem": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "IBErlVq5jOggAD69bg1t0pJcHaDbJbWNUZTPI96fkYWzwYbN6D9wRHMULLDd9dHsl7C2YsxXL31LMfPI1SWt8w==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.IO": "4.1.0",
-          "System.IO.FileSystem.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Handles": "4.0.1",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.IO.FileSystem.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "kWkKD203JJKxJeE74p8aF8y4Qc9r9WQx4C0cHzHPrY3fv/L/IhWnyCHaFJ3H1QPOH6A93whlQ2vG5nHlBDvzWQ==",
-        "dependencies": {
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.IO.Pipelines": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "FHNOatmUq0sqJOkTx+UF/9YK1f180cnW5FVqnQMvYUN0elp6wFzbtPSiqbo1/ru8ICp43JM1i7kKkk6GsNGHlA=="
-      },
-      "System.Linq": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "bQ0iYFOQI0nuTnt+NQADns6ucV4DUvMdwN6CbkB1yj8i7arTGiTN5eok1kQwdnnNWSDZfIUySQY+J3d5KjWn0g==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0"
-        }
-      },
-      "System.Linq.Expressions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "I+y02iqkgmCAyfbqOmSDOgqdZQ5tTj80Akm5BPSS8EeB0VGWdy6X1KCoYe8Pk6pwDoAKZUOdLVxnTJcExiv5zw==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Linq": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit": "4.0.1",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Emit.Lightweight": "4.0.1",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
+        "resolved": "9.0.0",
+        "contentHash": "eA3cinogwaNB4jdjQHOP3Z3EuyiDII7MT35jgtnsA4vkn0LUrrSHsU0nzHTzFzmaFYeKV7MYyMxOocFzsBHpTw=="
       },
       "System.Memory": {
         "type": "Transitive",
         "resolved": "4.5.4",
         "contentHash": "1MbJTHS1lZ4bS4FmsJjnuGJOu88ZzTT2rLvrhW7Ygic+pC0NWA+3hgAen0HRdsocuQXCkUTdFn9yHJJhsijDXw=="
       },
-      "System.ObjectModel": {
-        "type": "Transitive",
-        "resolved": "4.0.12",
-        "contentHash": "tAgJM1xt3ytyMoW4qn4wIqgJYm7L7TShRZG4+Q4Qsi2PCcj96pXN7nRywS9KkB3p/xDUjc2HSwP9SROyPYDYKQ==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Reflection": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "JCKANJ0TI7kzoQzuwB/OoJANy1Lg338B6+JVacPl4TpUwi3cReg3nMLplMq2uqYfHFQpKIlHAUVAJlImZz/4ng==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.IO": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "P2wqAj72fFjpP6wb9nSfDqNBMab+2ovzSDzUZK7MVIm54tBJEPr9jWfSjjoTpPwj1LeKcmX3vr0ttyjSSFM47g==",
-        "dependencies": {
-          "System.IO": "4.1.0",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit.ILGeneration": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "Ov6dU8Bu15Bc7zuqttgHF12J5lwSWyTf1S+FJouUXVMSqImLZzYaQ+vRr1rQ0OZ0HqsrwWl4dsKHELckQkVpgA==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit.Lightweight": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "sSzHHXueZ5Uh0OLpUQprhr+ZYJrLPA2Cmr4gn0wj9+FftNKXx8RIMKvO9qnjk2ebPYUjZ+F2ulGdPOsvj+MEjA==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "GYrtRsZcMuHF3sbmRHfMYpvxZoIN2bQGrYGerUiWLEkqdEUQZhH3TRSaC/oI4wO0II1RKBPlpIa1TOMxIcOOzQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Reflection.Metadata": {
         "type": "Transitive",
         "resolved": "5.0.0",
         "contentHash": "5NecZgXktdGg34rh1OenY1rFNDCI8xSjFr+Z4OU4cU06AQHUdRnIIEeWENu3Wl4YowbzkymAIMvi3WyK9U53pQ=="
       },
-      "System.Reflection.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "4inTox4wTBaDhB7V3mPvp9XlCbeGYWVEM9/fXALd52vNEAVisc1BoVWQPuUuD0Ga//dNbA/WeMy9u9mzLxGTHQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.TypeExtensions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "tsQ/ptQ3H5FYfON8lL4MxRk/8kFyE0A+tGPXmVP967cT/gzLHYxIejIYSxp4JmIeFHVP78g/F2FE1mUUTbDtrg==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Resources.ResourceManager": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "TxwVeUNoTgUOdQ09gfTjvW411MF+w9MBYL7AtNVc+HtBCFlutPLhUCdZjNkjbhj3bNQWMdHboF0KIWEOjJssbA==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Globalization": "4.0.11",
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "v6c/4Yaa9uWsq+JMhnOFewrYkgdNHNG2eMKuNqRn8P733rNXeRCGvV5FkkjBXn2dbVkPXOsO0xjsEeM1q2zC0g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1"
-        }
-      },
       "System.Runtime.CompilerServices.Unsafe": {
         "type": "Transitive",
         "resolved": "6.0.0",
         "contentHash": "/iUeP3tq1S0XdNNoMz5C9twLSrM/TH+qElHkXWaPvuNOt+99G75NrV0OS2EqHx5wMN7popYjpc8oTjC1y16DLg=="
       },
-      "System.Runtime.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "CUOHjTT/vgP0qGW22U4/hDlOqXmcPq5YicBaXdUR2UiUoLwBT+olO6we4DVbq57jeX5uXH2uerVZhf0qGj+sVQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime.Handles": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "nCJvEKguXEvk2ymk1gqj625vVnlK3/xdGzx0vOKicQkoquaTBJTP13AIYkocSUwHCLNBwUbXTqTWGDxBTWpt7g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime.InteropServices": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "16eu3kjHS633yYdkjwShDHZLRNMKVi/s0bY8ODiqJ2RfMhDMAwxZaUaWVnZ2P71kr/or+X9o/xFWtNqz8ivieQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Handles": "4.0.1"
-        }
-      },
-      "System.Runtime.Serialization.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.1.1",
-        "contentHash": "HZ6Du5QrTG8MNJbf4e4qMO3JRAkIboGT5Fk804uZtg3Gq516S7hAqTm2UZKUHa7/6HUGdVy3AqMQKbns06G/cg==",
-        "dependencies": {
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Text.Encoding": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "U3gGeMlDZXxCEiY4DwVLSacg+DFWCvoiX+JThA/rvw37Sqrku7sEFeVBBBMBnfB6FeZHsyDx85HlKL19x0HtZA==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Text.Encoding.CodePages": {
         "type": "Transitive",
         "resolved": "8.0.0",
         "contentHash": "OZIsVplFGaVY90G2SbpgU7EnCoOO5pw1t4ic21dBF3/1omrJFpAGoNAVpPyMVOC90/hvgkGG3VFqR13YgZMQfg=="
       },
-      "System.Text.Encoding.Extensions": {
+      "System.Text.Encodings.Web": {
         "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "jtbiTDtvfLYgXn8PTfWI+SiBs51rrmO4AAckx4KR6vFK9Wzf6tI8kcRdsYQNwriUeQ1+CtQbM1W4cMbLXnj/OQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Text.Encoding": "4.0.11"
-        }
+        "resolved": "9.0.0",
+        "contentHash": "e2hMgAErLbKyUUwt18qSBf9T5Y+SFAL3ZedM8fLupkVj8Rj2PZ9oxQ37XX2LF8fTO1wNIxvKpihD7Of7D/NxZw=="
       },
       "System.Text.Json": {
         "type": "Transitive",
-        "resolved": "8.0.5",
-        "contentHash": "0f1B50Ss7rqxXiaBJyzUu9bWFOO2/zSlifZ/UNMdiIpDYe4cY4LQQicP4nirK1OS31I43rn062UIJ1Q9bpmHpg=="
-      },
-      "System.Text.RegularExpressions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "i88YCXpRTjCnoSQZtdlHkAOx4KNNik4hMy83n0+Ftlb7jvV6ZiZWMpnEZHhjBp6hQVh8gWd/iKNPzlPF7iyA2g==",
+        "resolved": "9.0.0",
+        "contentHash": "js7+qAu/9mQvnhA4EfGMZNEzXtJCDxgkgj8ohuxq/Qxv+R56G+ljefhiJHOxTNiw54q8vmABCWUwkMulNdlZ4A==",
         "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Threading": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "N+3xqIcg3VDKyjwwCGaZ9HawG9aC6cSDI+s7ROma310GQo8vilFZa86hqKppwTHleR/G0sfOzhvgnUxWCR/DrQ==",
-        "dependencies": {
-          "System.Runtime": "4.1.0",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.Threading.Tasks": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "k1S4Gc6IGwtHGT8188RSeGaX86Qw/wnrgNLshJvsdNUOPP9etMmo8S07c+UlOAx4K/xLuN9ivA1bD0LVurtIxQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
+          "System.IO.Pipelines": "9.0.0",
+          "System.Text.Encodings.Web": "9.0.0"
         }
       },
       "System.Threading.Tasks.Extensions": {
@@ -886,47 +496,6 @@
         "resolved": "4.5.4",
         "contentHash": "zteT+G8xuGu6mS+mzDzYXbzS7rd3K6Fjb9RiZlYlJPam2/hU7JCBZBVEcywNuR+oZ1ncTvc/cq0faRr3P01OVg=="
       },
-      "System.Xml.ReaderWriter": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "ZIiLPsf67YZ9zgr31vzrFaYQqxRPX9cVHjtPSnmx4eN6lbS/yEyYNr2vs1doGDEscF0tjCZFsk9yUg1sC9e8tg==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.IO.FileSystem": "4.0.1",
-          "System.IO.FileSystem.Primitives": "4.0.1",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.InteropServices": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Text.Encoding.Extensions": "4.0.11",
-          "System.Text.RegularExpressions": "4.1.0",
-          "System.Threading.Tasks": "4.0.11",
-          "System.Threading.Tasks.Extensions": "4.0.0"
-        }
-      },
-      "System.Xml.XDocument": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "Mk2mKmPi0nWaoiYeotq1dgeNK1fqWh61+EK+w4Wu8SWuTYLzpUnschb59bJtGywaPq7SmTuPf44wrXRwbIrukg==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Diagnostics.Tools": "4.0.1",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Reflection": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading": "4.0.11",
-          "System.Xml.ReaderWriter": "4.0.11"
-        }
-      },
       "xunit.abstractions": {
         "type": "Transitive",
         "resolved": "2.0.3",
diff --git a/packages/blazor-workspace/Tests/SprightBlazor.Tests.Acceptance/SprightBlazor.Tests.Acceptance.csproj b/packages/blazor-workspace/Tests/SprightBlazor.Tests.Acceptance/SprightBlazor.Tests.Acceptance.csproj
index afb6ef4666..6158952101 100644
--- a/packages/blazor-workspace/Tests/SprightBlazor.Tests.Acceptance/SprightBlazor.Tests.Acceptance.csproj
+++ b/packages/blazor-workspace/Tests/SprightBlazor.Tests.Acceptance/SprightBlazor.Tests.Acceptance.csproj
@@ -9,11 +9,11 @@
   </PropertyGroup>
 
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|AnyCPU'">
-    <NoWarn>CA1716;LRT001;NU1701;CA1707;CS0122;CS1573;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
+    <NoWarn>CA1716;LRT001;NU1701;CA1707;CS0122;CS1573;CA1515;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
   </PropertyGroup>
 
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Release|AnyCPU'">
-    <NoWarn>CA1716;LRT001;NU1701;CA1707;CS0122;CS1573;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
+    <NoWarn>CA1716;LRT001;NU1701;CA1707;CS0122;CS1573;CA1515;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
   </PropertyGroup>
 
   <ItemGroup>
@@ -33,13 +33,13 @@
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.Mvc.Testing" Version="8.0.11" />
     <PackageReference Include="Microsoft.Extensions.Configuration" Version="8.0.0" />
-    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="16.11.0" />
+    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.12.0" />
     <PackageReference Include="Microsoft.Playwright" Version="[1.44.0]" />
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" />
     <PackageReference Include="System.ComponentModel" Version="4.3.0" />
     <PackageReference Include="xunit" Version="2.9.2" />
     <PackageReference Include="xunit.extensibility.execution" Version="2.9.2" />
-    <PackageReference Include="xunit.runner.visualstudio" Version="2.8.2">
+    <PackageReference Include="xunit.runner.visualstudio" Version="3.0.0">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/packages/blazor-workspace/Tests/SprightBlazor.Tests.Acceptance/packages.lock.json b/packages/blazor-workspace/Tests/SprightBlazor.Tests.Acceptance/packages.lock.json
index 1ab05d4f26..22f56fe7b7 100644
--- a/packages/blazor-workspace/Tests/SprightBlazor.Tests.Acceptance/packages.lock.json
+++ b/packages/blazor-workspace/Tests/SprightBlazor.Tests.Acceptance/packages.lock.json
@@ -25,12 +25,12 @@
       },
       "Microsoft.NET.Test.Sdk": {
         "type": "Direct",
-        "requested": "[16.11.0, )",
-        "resolved": "16.11.0",
-        "contentHash": "f4mbG1SUSkNWF5p7B3Y8ZxMsvKhxCmpZhdl+w6tMtLSUGE7Izi1syU6TkmKOvB2BV66pdbENConFAISOix4ohQ==",
+        "requested": "[17.12.0, )",
+        "resolved": "17.12.0",
+        "contentHash": "kt/PKBZ91rFCWxVIJZSgVLk+YR+4KxTuHf799ho8WNiK5ZQpJNAEZCAWX86vcKrs+DiYjiibpYKdGZP6+/N17w==",
         "dependencies": {
-          "Microsoft.CodeCoverage": "16.11.0",
-          "Microsoft.TestPlatform.TestHost": "16.11.0"
+          "Microsoft.CodeCoverage": "17.12.0",
+          "Microsoft.TestPlatform.TestHost": "17.12.0"
         }
       },
       "Microsoft.Playwright": {
@@ -46,13 +46,13 @@
       },
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -89,9 +89,9 @@
       },
       "xunit.runner.visualstudio": {
         "type": "Direct",
-        "requested": "[2.8.2, )",
-        "resolved": "2.8.2",
-        "contentHash": "vm1tbfXhFmjFMUmS4M0J0ASXz3/U5XvXBa6DOQUL3fEz4Vt6YPhv+ESCarx6M6D+9kJkJYZKCNvJMas1+nVfmQ=="
+        "requested": "[3.0.0, )",
+        "resolved": "3.0.0",
+        "contentHash": "HggUqjQJe8PtDxcP25Q+CnR6Lz4oX3GElhD9V4oU2+75x9HI6A6sxbfKGS4UwU4t4yJaS9fBmAuriz8bQApNjw=="
       },
       "Apache.Arrow": {
         "type": "Transitive",
@@ -195,36 +195,13 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.CodeCoverage": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "wf6lpAeCqP0KFfbDVtfL50lr7jY1gq0+0oSphyksfLOEygMDXqnaxHK5LPFtMEhYSEtgXdNyXNnEddOqQQUdlQ=="
-      },
-      "Microsoft.CSharp": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "17h8b5mXa87XYKrrVqdgZ38JefSUqLChUQpXgSnpzsM0nDOhE40FTeNWOJ/YmySGV6tG6T8+hjz6vxbknHJr6A==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Dynamic.Runtime": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.InteropServices": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
+        "resolved": "17.12.0",
+        "contentHash": "4svMznBd5JM21JIG2xZKGNanAHNXplxf/kQDFfLHXQ3OnpJkayRK/TjacFjA+EYmoyuNXHo/sOETEfcYtAzIrA=="
       },
       "Microsoft.Extensions.Configuration.Abstractions": {
         "type": "Transitive",
@@ -517,20 +494,19 @@
       },
       "Microsoft.TestPlatform.ObjectModel": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "EiknJx9N9Z30gs7R+HHhki7fA8EiiM3pwD1vkw3bFsBC8kdVq/O7mHf1hrg5aJp+ASO6BoOzQueD2ysfTOy/Bg==",
+        "resolved": "17.12.0",
+        "contentHash": "TDqkTKLfQuAaPcEb3pDDWnh7b3SyZF+/W9OZvWFp6eJCIiiYFdSB6taE2I6tWrFw5ywhzOb6sreoGJTI6m3rSQ==",
         "dependencies": {
-          "NuGet.Frameworks": "5.0.0",
           "System.Reflection.Metadata": "1.6.0"
         }
       },
       "Microsoft.TestPlatform.TestHost": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "/Q+R0EcCJE8JaYCk+bGReicw/xrB0HhecrYrUcLbn95BnAlaTJrZhoLkUhvtKTAVtqX/AIKWXYtutiU/Q6QUgg==",
+        "resolved": "17.12.0",
+        "contentHash": "MiPEJQNyADfwZ4pJNpQex+t9/jOClBGMiCiVVFuELCMSX2nmNfvUor3uFVxNNCg30uxDP8JDYfPnMXQzsfzYyg==",
         "dependencies": {
-          "Microsoft.TestPlatform.ObjectModel": "16.11.0",
-          "Newtonsoft.Json": "9.0.1"
+          "Microsoft.TestPlatform.ObjectModel": "17.12.0",
+          "Newtonsoft.Json": "13.0.1"
         }
       },
       "Microsoft.VisualStudio.Threading.Analyzers": {
@@ -540,37 +516,8 @@
       },
       "Newtonsoft.Json": {
         "type": "Transitive",
-        "resolved": "9.0.1",
-        "contentHash": "U82mHQSKaIk+lpSVCbWYKNavmNH1i5xrExDEquU1i6I5pV6UMOqRnJRSlKO3cMPfcpp0RgDY+8jUXHdQ4IfXvw==",
-        "dependencies": {
-          "Microsoft.CSharp": "4.0.1",
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Dynamic.Runtime": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.Serialization.Primitives": "4.1.1",
-          "System.Text.Encoding": "4.0.11",
-          "System.Text.Encoding.Extensions": "4.0.11",
-          "System.Text.RegularExpressions": "4.1.0",
-          "System.Threading": "4.0.11",
-          "System.Threading.Tasks": "4.0.11",
-          "System.Xml.ReaderWriter": "4.0.11",
-          "System.Xml.XDocument": "4.0.11"
-        }
-      },
-      "NuGet.Frameworks": {
-        "type": "Transitive",
-        "resolved": "5.0.0",
-        "contentHash": "c5JVjuVAm4f7E9Vj+v09Z9s2ZsqFDjBpcsyS3M9xRo0bEdm/LVZSzLxxNvfvAwRiiE8nwe1h2G4OwiwlzFKXlA=="
+        "resolved": "13.0.1",
+        "contentHash": "ppPFpBcvxdsfUonNcvITKqLl3bqxWbDCZIzDWHzjpdAHRFfZe0Dw9HmA0+za13IdyrgJwpkDTDA9fHaxOrt20A=="
       },
       "Roslynator.Analyzers": {
         "type": "Transitive",
@@ -590,16 +537,6 @@
         "resolved": "1.2.0.556",
         "contentHash": "zvn9Mqs/ox/83cpYPignI8hJEM2A93s2HkHs8HYMOAQW0PkampyoErAiIyKxgTLqbbad29HX/shv/6LGSjPJNQ=="
       },
-      "System.Collections": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "YUJGz6eFKqS0V//mLt25vFGrrCvOnsXjlvFQs+KimpwNxug9x0Pzy4PlFMU3Q2IzqAa9G2L4LsK3+9vCBK7oTg==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Collections.Immutable": {
         "type": "Transitive",
         "resolved": "5.0.0",
@@ -610,248 +547,26 @@
         "resolved": "5.0.0",
         "contentHash": "dMkqfy2el8A8/I76n2Hi1oBFEbG1SfxD2l5nhwXV3XjlnOmwxJlQbYpJH4W51odnU9sARCSAgv7S3CyAFMkpYg=="
       },
-      "System.Diagnostics.Debug": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "w5U95fVKHY4G8ASs/K5iK3J5LY+/dLFd4vKejsnI/ZhBsWS9hQakfx3Zr7lRWKg4tAw9r4iktyvsTagWkqYCiw==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Diagnostics.EventLog": {
         "type": "Transitive",
         "resolved": "8.0.1",
         "contentHash": "n1ZP7NM2Gkn/MgD8+eOT5MulMj6wfeQMNS2Pizvq5GHCZfjlFMXV2irQlQmJhwA2VABC57M0auudO89Iu2uRLg=="
       },
-      "System.Diagnostics.Tools": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "xBfJ8pnd4C17dWaC9FM6aShzbJcRNMChUMD42I6772KGGrqaFdumwhn9OdM68erj1ueNo3xdQ1EwiFjK5k8p0g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Dynamic.Runtime": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "db34f6LHYM0U0JpE+sOmjar27BnqTVkbLJhgfwMpTdgTigG/Hna3m2MYVwnFzGGKnEJk2UXFuoVTr8WUbU91/A==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit": "4.0.1",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Globalization": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "B95h0YLEL2oSnwF/XjqSWKnwKOy/01VWkNlsCeMTFJLLabflpGV26nK164eRs5GiaRSBGpOxQ3pKoSnnyZN5pg==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.IO": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "3KlTJceQc3gnGIaHZ7UBZO26SHL1SHE4ddrmiwumFnId+CEHP+O8r386tZKaE6zlk5/mF8vifMBzHj9SaXN+mQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.IO.FileSystem": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "IBErlVq5jOggAD69bg1t0pJcHaDbJbWNUZTPI96fkYWzwYbN6D9wRHMULLDd9dHsl7C2YsxXL31LMfPI1SWt8w==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.IO": "4.1.0",
-          "System.IO.FileSystem.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Handles": "4.0.1",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.IO.FileSystem.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "kWkKD203JJKxJeE74p8aF8y4Qc9r9WQx4C0cHzHPrY3fv/L/IhWnyCHaFJ3H1QPOH6A93whlQ2vG5nHlBDvzWQ==",
-        "dependencies": {
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.IO.Pipelines": {
         "type": "Transitive",
         "resolved": "8.0.0",
         "contentHash": "FHNOatmUq0sqJOkTx+UF/9YK1f180cnW5FVqnQMvYUN0elp6wFzbtPSiqbo1/ru8ICp43JM1i7kKkk6GsNGHlA=="
       },
-      "System.Linq": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "bQ0iYFOQI0nuTnt+NQADns6ucV4DUvMdwN6CbkB1yj8i7arTGiTN5eok1kQwdnnNWSDZfIUySQY+J3d5KjWn0g==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0"
-        }
-      },
-      "System.Linq.Expressions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "I+y02iqkgmCAyfbqOmSDOgqdZQ5tTj80Akm5BPSS8EeB0VGWdy6X1KCoYe8Pk6pwDoAKZUOdLVxnTJcExiv5zw==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Linq": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit": "4.0.1",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Emit.Lightweight": "4.0.1",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
       "System.Memory": {
         "type": "Transitive",
         "resolved": "4.5.4",
         "contentHash": "1MbJTHS1lZ4bS4FmsJjnuGJOu88ZzTT2rLvrhW7Ygic+pC0NWA+3hgAen0HRdsocuQXCkUTdFn9yHJJhsijDXw=="
       },
-      "System.ObjectModel": {
-        "type": "Transitive",
-        "resolved": "4.0.12",
-        "contentHash": "tAgJM1xt3ytyMoW4qn4wIqgJYm7L7TShRZG4+Q4Qsi2PCcj96pXN7nRywS9KkB3p/xDUjc2HSwP9SROyPYDYKQ==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Reflection": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "JCKANJ0TI7kzoQzuwB/OoJANy1Lg338B6+JVacPl4TpUwi3cReg3nMLplMq2uqYfHFQpKIlHAUVAJlImZz/4ng==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.IO": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "P2wqAj72fFjpP6wb9nSfDqNBMab+2ovzSDzUZK7MVIm54tBJEPr9jWfSjjoTpPwj1LeKcmX3vr0ttyjSSFM47g==",
-        "dependencies": {
-          "System.IO": "4.1.0",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit.ILGeneration": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "Ov6dU8Bu15Bc7zuqttgHF12J5lwSWyTf1S+FJouUXVMSqImLZzYaQ+vRr1rQ0OZ0HqsrwWl4dsKHELckQkVpgA==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit.Lightweight": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "sSzHHXueZ5Uh0OLpUQprhr+ZYJrLPA2Cmr4gn0wj9+FftNKXx8RIMKvO9qnjk2ebPYUjZ+F2ulGdPOsvj+MEjA==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "GYrtRsZcMuHF3sbmRHfMYpvxZoIN2bQGrYGerUiWLEkqdEUQZhH3TRSaC/oI4wO0II1RKBPlpIa1TOMxIcOOzQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Reflection.Metadata": {
         "type": "Transitive",
         "resolved": "5.0.0",
         "contentHash": "5NecZgXktdGg34rh1OenY1rFNDCI8xSjFr+Z4OU4cU06AQHUdRnIIEeWENu3Wl4YowbzkymAIMvi3WyK9U53pQ=="
       },
-      "System.Reflection.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "4inTox4wTBaDhB7V3mPvp9XlCbeGYWVEM9/fXALd52vNEAVisc1BoVWQPuUuD0Ga//dNbA/WeMy9u9mzLxGTHQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.TypeExtensions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "tsQ/ptQ3H5FYfON8lL4MxRk/8kFyE0A+tGPXmVP967cT/gzLHYxIejIYSxp4JmIeFHVP78g/F2FE1mUUTbDtrg==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Resources.ResourceManager": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "TxwVeUNoTgUOdQ09gfTjvW411MF+w9MBYL7AtNVc+HtBCFlutPLhUCdZjNkjbhj3bNQWMdHboF0KIWEOjJssbA==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Globalization": "4.0.11",
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Runtime": {
         "type": "Transitive",
         "resolved": "4.3.0",
@@ -866,58 +581,6 @@
         "resolved": "6.0.0",
         "contentHash": "/iUeP3tq1S0XdNNoMz5C9twLSrM/TH+qElHkXWaPvuNOt+99G75NrV0OS2EqHx5wMN7popYjpc8oTjC1y16DLg=="
       },
-      "System.Runtime.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "CUOHjTT/vgP0qGW22U4/hDlOqXmcPq5YicBaXdUR2UiUoLwBT+olO6we4DVbq57jeX5uXH2uerVZhf0qGj+sVQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime.Handles": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "nCJvEKguXEvk2ymk1gqj625vVnlK3/xdGzx0vOKicQkoquaTBJTP13AIYkocSUwHCLNBwUbXTqTWGDxBTWpt7g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime.InteropServices": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "16eu3kjHS633yYdkjwShDHZLRNMKVi/s0bY8ODiqJ2RfMhDMAwxZaUaWVnZ2P71kr/or+X9o/xFWtNqz8ivieQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Handles": "4.0.1"
-        }
-      },
-      "System.Runtime.Serialization.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.1.1",
-        "contentHash": "HZ6Du5QrTG8MNJbf4e4qMO3JRAkIboGT5Fk804uZtg3Gq516S7hAqTm2UZKUHa7/6HUGdVy3AqMQKbns06G/cg==",
-        "dependencies": {
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Text.Encoding": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "U3gGeMlDZXxCEiY4DwVLSacg+DFWCvoiX+JThA/rvw37Sqrku7sEFeVBBBMBnfB6FeZHsyDx85HlKL19x0HtZA==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Text.Encoding.CodePages": {
         "type": "Transitive",
         "resolved": "6.0.0",
@@ -926,17 +589,6 @@
           "System.Runtime.CompilerServices.Unsafe": "6.0.0"
         }
       },
-      "System.Text.Encoding.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "jtbiTDtvfLYgXn8PTfWI+SiBs51rrmO4AAckx4KR6vFK9Wzf6tI8kcRdsYQNwriUeQ1+CtQbM1W4cMbLXnj/OQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Text.Encoding": "4.0.11"
-        }
-      },
       "System.Text.Encodings.Web": {
         "type": "Transitive",
         "resolved": "6.0.0",
@@ -954,84 +606,11 @@
           "System.Text.Encodings.Web": "6.0.0"
         }
       },
-      "System.Text.RegularExpressions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "i88YCXpRTjCnoSQZtdlHkAOx4KNNik4hMy83n0+Ftlb7jvV6ZiZWMpnEZHhjBp6hQVh8gWd/iKNPzlPF7iyA2g==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Threading": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "N+3xqIcg3VDKyjwwCGaZ9HawG9aC6cSDI+s7ROma310GQo8vilFZa86hqKppwTHleR/G0sfOzhvgnUxWCR/DrQ==",
-        "dependencies": {
-          "System.Runtime": "4.1.0",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.Threading.Tasks": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "k1S4Gc6IGwtHGT8188RSeGaX86Qw/wnrgNLshJvsdNUOPP9etMmo8S07c+UlOAx4K/xLuN9ivA1bD0LVurtIxQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Threading.Tasks.Extensions": {
         "type": "Transitive",
         "resolved": "4.5.4",
         "contentHash": "zteT+G8xuGu6mS+mzDzYXbzS7rd3K6Fjb9RiZlYlJPam2/hU7JCBZBVEcywNuR+oZ1ncTvc/cq0faRr3P01OVg=="
       },
-      "System.Xml.ReaderWriter": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "ZIiLPsf67YZ9zgr31vzrFaYQqxRPX9cVHjtPSnmx4eN6lbS/yEyYNr2vs1doGDEscF0tjCZFsk9yUg1sC9e8tg==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.IO.FileSystem": "4.0.1",
-          "System.IO.FileSystem.Primitives": "4.0.1",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.InteropServices": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Text.Encoding.Extensions": "4.0.11",
-          "System.Text.RegularExpressions": "4.1.0",
-          "System.Threading.Tasks": "4.0.11",
-          "System.Threading.Tasks.Extensions": "4.0.0"
-        }
-      },
-      "System.Xml.XDocument": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "Mk2mKmPi0nWaoiYeotq1dgeNK1fqWh61+EK+w4Wu8SWuTYLzpUnschb59bJtGywaPq7SmTuPf44wrXRwbIrukg==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Diagnostics.Tools": "4.0.1",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Reflection": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading": "4.0.11",
-          "System.Xml.ReaderWriter": "4.0.11"
-        }
-      },
       "xunit.abstractions": {
         "type": "Transitive",
         "resolved": "2.0.3",
@@ -1070,9 +649,9 @@
           "Microsoft.AspNetCore.Components.WebAssembly.Server": "[8.0.11, )",
           "Microsoft.AspNetCore.Mvc.Testing": "[8.0.11, )",
           "Microsoft.Extensions.Configuration": "[8.0.0, )",
-          "Microsoft.NET.Test.Sdk": "[16.11.0, )",
+          "Microsoft.NET.Test.Sdk": "[17.12.0, )",
           "Microsoft.Playwright": "[1.44.0, 1.44.0]",
-          "NI.CSharp.Analyzers": "[2.0.27, )",
+          "NI.CSharp.Analyzers": "[2.0.28, )",
           "NimbleBlazor": "[1.0.0, )",
           "System.ComponentModel": "[4.3.0, )",
           "xunit": "[2.9.2, )",
diff --git a/packages/blazor-workspace/Tests/SprightBlazor.Tests/SprightBlazor.Tests.csproj b/packages/blazor-workspace/Tests/SprightBlazor.Tests/SprightBlazor.Tests.csproj
index f9cfeadbaf..a0e5b5e91d 100644
--- a/packages/blazor-workspace/Tests/SprightBlazor.Tests/SprightBlazor.Tests.csproj
+++ b/packages/blazor-workspace/Tests/SprightBlazor.Tests/SprightBlazor.Tests.csproj
@@ -12,12 +12,12 @@
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Release|AnyCPU'">
     <TreatWarningsAsErrors>True</TreatWarningsAsErrors>
     <WarningsNotAsErrors>;CS0122</WarningsNotAsErrors>
-    <NoWarn>;NU1701;CA1707;CS0122;CS1573;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
+    <NoWarn>;NU1701;CA1707;CS0122;CS1573;CA1515;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
   </PropertyGroup>
 
   <PropertyGroup Condition="'$(Configuration)|$(Platform)'=='Debug|AnyCPU'">
     <WarningsNotAsErrors>;CS0122</WarningsNotAsErrors>
-    <NoWarn>;NU1701;CA1707;CS0122;CS1573;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
+    <NoWarn>;NU1701;CA1707;CS0122;CS1573;CA1515;CS1591,@(RoslynTransition_DisabledRule)</NoWarn>
   </PropertyGroup>
 
   <ItemGroup>
@@ -25,15 +25,15 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="bunit" Version="1.36.0" />
-    <PackageReference Include="bunit.core" Version="1.36.0" />
-    <PackageReference Include="bunit.web" Version="1.36.0" />
-    <PackageReference Include="coverlet.collector" Version="1.3.0" />
-    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="16.11.0" />
-    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.27" />
+    <PackageReference Include="bunit" Version="1.37.7" />
+    <PackageReference Include="bunit.core" Version="1.37.7" />
+    <PackageReference Include="bunit.web" Version="1.37.7" />
+    <PackageReference Include="coverlet.collector" Version="6.0.3" />
+    <PackageReference Include="Microsoft.NET.Test.Sdk" Version="17.12.0" />
+    <PackageReference Include="NI.CSharp.Analyzers" Version="2.0.28" />
     <PackageReference Include="xunit" Version="2.9.2" />
     <PackageReference Include="xunit.extensibility.execution" Version="2.9.2" />
-    <PackageReference Include="xunit.runner.visualstudio" Version="2.8.2">
+    <PackageReference Include="xunit.runner.visualstudio" Version="3.0.0">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/packages/blazor-workspace/Tests/SprightBlazor.Tests/packages.lock.json b/packages/blazor-workspace/Tests/SprightBlazor.Tests/packages.lock.json
index 6cea74e0ce..c1ffeecf1d 100644
--- a/packages/blazor-workspace/Tests/SprightBlazor.Tests/packages.lock.json
+++ b/packages/blazor-workspace/Tests/SprightBlazor.Tests/packages.lock.json
@@ -4,72 +4,72 @@
     "net8.0": {
       "bunit": {
         "type": "Direct",
-        "requested": "[1.36.0, )",
-        "resolved": "1.36.0",
-        "contentHash": "YzbLf2ZXGWX6gwYyOdWiPefczHzDuxLZteGpsA7nETxTVP7r2pWdM4Lc96r+TBB8HZ6T3/J4FJ/NubIhnSJQnA==",
+        "requested": "[1.37.7, )",
+        "resolved": "1.37.7",
+        "contentHash": "QPqsT9M08Rx/Av0TYEioECrX5OggAwN6+QvKAcUMRg6/p9oNi+2wjl/zxSf9Sz7ZI4rb26Je7jdd+6ErfyakbQ==",
         "dependencies": {
-          "bunit.core": "1.36.0",
-          "bunit.web": "1.36.0"
+          "bunit.core": "1.37.7",
+          "bunit.web": "1.37.7"
         }
       },
       "bunit.core": {
         "type": "Direct",
-        "requested": "[1.36.0, )",
-        "resolved": "1.36.0",
-        "contentHash": "04V9TPAF1/OxX0C4zI4wgiybwyoEWMBO0MjcrHBicHqgXCgiDCzFmRNEuH6MQ2IDsj3i6+O00IhyuG84DBl9JQ==",
+        "requested": "[1.37.7, )",
+        "resolved": "1.37.7",
+        "contentHash": "MtBMNvEngLm6m/X7KqgIA1TFY/4hqUQxAABTmZG7TCh3Kx948/7aXuvxk2SuSjpMp4oUiY/ih2y3Kqieq1qZZw==",
         "dependencies": {
-          "Microsoft.AspNetCore.Components": "8.0.10",
+          "Microsoft.AspNetCore.Components": "8.0.11",
           "Microsoft.Extensions.Logging": "8.0.1",
           "Microsoft.Extensions.Logging.Abstractions": "8.0.2"
         }
       },
       "bunit.web": {
         "type": "Direct",
-        "requested": "[1.36.0, )",
-        "resolved": "1.36.0",
-        "contentHash": "+1q0BgXatgmcY1TaenUcaTYYn/i8Fn5WwHvFx9G3A0fYK6wLHQxbON9oL20EZIs93PqfWhI9Yfui7ncEkNXQ7w==",
+        "requested": "[1.37.7, )",
+        "resolved": "1.37.7",
+        "contentHash": "T0hwjDUT6tyN5vtDigkdJ7Yu5IbePljokth6tfh1fXzwgmNAV6Z0VaaVdZCZXZ2BlD0dM/erulJbBiJLMSzUgw==",
         "dependencies": {
           "AngleSharp": "1.1.2",
           "AngleSharp.Css": "1.0.0-beta.144",
           "AngleSharp.Diffing": "1.0.0",
-          "Microsoft.AspNetCore.Components": "8.0.10",
-          "Microsoft.AspNetCore.Components.Authorization": "8.0.10",
-          "Microsoft.AspNetCore.Components.Web": "8.0.10",
-          "Microsoft.AspNetCore.Components.WebAssembly": "8.0.10",
-          "Microsoft.AspNetCore.Components.WebAssembly.Authentication": "8.0.10",
+          "Microsoft.AspNetCore.Components": "8.0.11",
+          "Microsoft.AspNetCore.Components.Authorization": "8.0.11",
+          "Microsoft.AspNetCore.Components.Web": "8.0.11",
+          "Microsoft.AspNetCore.Components.WebAssembly": "8.0.11",
+          "Microsoft.AspNetCore.Components.WebAssembly.Authentication": "8.0.11",
           "Microsoft.Extensions.Caching.Memory": "8.0.1",
-          "Microsoft.Extensions.Localization.Abstractions": "8.0.10",
+          "Microsoft.Extensions.Localization.Abstractions": "8.0.11",
           "Microsoft.Extensions.Logging": "8.0.1",
           "Microsoft.Extensions.Logging.Abstractions": "8.0.2",
-          "System.Text.Json": "8.0.5",
-          "bunit.core": "1.36.0"
+          "System.Text.Json": "9.0.0",
+          "bunit.core": "1.37.7"
         }
       },
       "coverlet.collector": {
         "type": "Direct",
-        "requested": "[1.3.0, )",
-        "resolved": "1.3.0",
-        "contentHash": "t8pnf5SX2ya0RX4vjoxsbhDMQCZJcpPun2neHKJ4FouMmObylo25FvoOydvf3Bl+l+IzWw7u2vjEeCBHnleB9g=="
+        "requested": "[6.0.3, )",
+        "resolved": "6.0.3",
+        "contentHash": "SvLbRq7gjzE34BI90vP6ge812+PAjinNoKhdFZHwVEu/ozJgZY+0KyDh1K0teDeMeuzQJuF8OvleRBYXsZDz0A=="
       },
       "Microsoft.NET.Test.Sdk": {
         "type": "Direct",
-        "requested": "[16.11.0, )",
-        "resolved": "16.11.0",
-        "contentHash": "f4mbG1SUSkNWF5p7B3Y8ZxMsvKhxCmpZhdl+w6tMtLSUGE7Izi1syU6TkmKOvB2BV66pdbENConFAISOix4ohQ==",
+        "requested": "[17.12.0, )",
+        "resolved": "17.12.0",
+        "contentHash": "kt/PKBZ91rFCWxVIJZSgVLk+YR+4KxTuHf799ho8WNiK5ZQpJNAEZCAWX86vcKrs+DiYjiibpYKdGZP6+/N17w==",
         "dependencies": {
-          "Microsoft.CodeCoverage": "16.11.0",
-          "Microsoft.TestPlatform.TestHost": "16.11.0"
+          "Microsoft.CodeCoverage": "17.12.0",
+          "Microsoft.TestPlatform.TestHost": "17.12.0"
         }
       },
       "NI.CSharp.Analyzers": {
         "type": "Direct",
-        "requested": "[2.0.27, )",
-        "resolved": "2.0.27",
-        "contentHash": "tMPs5HuiMwvqrWJZo9Q3ShHFg3jDxubAYWLmbb8ooyVchLVNhON1GGYw7Wvg6iaM3AKHpj4t0jv2ZWaDZp/Z9w==",
+        "requested": "[2.0.28, )",
+        "resolved": "2.0.28",
+        "contentHash": "elpqlHHGeZObXFxMoQnIu7yS2kWpXEJemFS7rIp2W5vANPXvmHQPkEiYFRu2P+uhvyHB9DCVQVjv+WjYQ0uPRw==",
         "dependencies": {
           "Microsoft.CodeAnalysis.Analyzers": "3.3.3",
           "Microsoft.CodeAnalysis.CSharp": "4.2.0",
-          "Microsoft.CodeAnalysis.NetAnalyzers": "8.0.0",
+          "Microsoft.CodeAnalysis.NetAnalyzers": "9.0.0",
           "Microsoft.VisualStudio.Threading.Analyzers": "17.10.48",
           "Roslynator.Analyzers": "4.1.1",
           "StyleCop.Analyzers": "1.2.0-beta.556"
@@ -97,9 +97,9 @@
       },
       "xunit.runner.visualstudio": {
         "type": "Direct",
-        "requested": "[2.8.2, )",
-        "resolved": "2.8.2",
-        "contentHash": "vm1tbfXhFmjFMUmS4M0J0ASXz3/U5XvXBa6DOQUL3fEz4Vt6YPhv+ESCarx6M6D+9kJkJYZKCNvJMas1+nVfmQ=="
+        "requested": "[3.0.0, )",
+        "resolved": "3.0.0",
+        "contentHash": "HggUqjQJe8PtDxcP25Q+CnR6Lz4oX3GElhD9V4oU2+75x9HI6A6sxbfKGS4UwU4t4yJaS9fBmAuriz8bQApNjw=="
       },
       "AngleSharp": {
         "type": "Transitive",
@@ -152,11 +152,11 @@
       },
       "Microsoft.AspNetCore.Components.Authorization": {
         "type": "Transitive",
-        "resolved": "8.0.10",
-        "contentHash": "z9WZ2sbkKKChx8b75X+1kRpbUdYOqn7sanbNCGavwmgyVUj30F5se2BTXENCOyi1Ve7Hgi4VapH4k1zwO5YN8A==",
+        "resolved": "8.0.11",
+        "contentHash": "K1OES99Yj+nMg6ulpXOY+iAK/0RUXEMtdjVzM26IixYKaXFwcKHzMljgv/sZoU3TgQNgp4FD4f38JrUZXUvEgA==",
         "dependencies": {
-          "Microsoft.AspNetCore.Authorization": "8.0.10",
-          "Microsoft.AspNetCore.Components": "8.0.10"
+          "Microsoft.AspNetCore.Authorization": "8.0.11",
+          "Microsoft.AspNetCore.Components": "8.0.11"
         }
       },
       "Microsoft.AspNetCore.Components.Forms": {
@@ -182,23 +182,23 @@
       },
       "Microsoft.AspNetCore.Components.WebAssembly": {
         "type": "Transitive",
-        "resolved": "8.0.10",
-        "contentHash": "WGEsQ/wi1pv0t24Drb3NSwJoxPahyksw1+zRz29LDi8hxLSA2iPqVRORzs85JzkWkNnEaQjSEjx8nYal/X1w7Q==",
+        "resolved": "8.0.11",
+        "contentHash": "rrvIBSuEmxSo9qn18QHarVE1azbTk6+HU8CgYCUiNmh+NcK7dz6FmkiX3TH+buE+X1I/735LacefMabr4spLRg==",
         "dependencies": {
-          "Microsoft.AspNetCore.Components.Web": "8.0.10",
+          "Microsoft.AspNetCore.Components.Web": "8.0.11",
           "Microsoft.Extensions.Configuration.Binder": "8.0.2",
           "Microsoft.Extensions.Configuration.Json": "8.0.1",
           "Microsoft.Extensions.Logging": "8.0.1",
-          "Microsoft.JSInterop.WebAssembly": "8.0.10"
+          "Microsoft.JSInterop.WebAssembly": "8.0.11"
         }
       },
       "Microsoft.AspNetCore.Components.WebAssembly.Authentication": {
         "type": "Transitive",
-        "resolved": "8.0.10",
-        "contentHash": "ej3LQJfn8z1fyPIZ5wDsmPQzfNBtkDgNxragEv0OA7EaWNWKc9LNw4w2uquXsIOoP/4FfEhPNBt0oXItSidatA==",
+        "resolved": "8.0.11",
+        "contentHash": "O1RDRDhU2B0PWkkAFgpp1gD9ni/o+s6owCZDS57wv4b+HueggaPyDH6+uImpF553eEl3KOHRM3O68KIM5sU8PA==",
         "dependencies": {
-          "Microsoft.AspNetCore.Components.Authorization": "8.0.10",
-          "Microsoft.AspNetCore.Components.Web": "8.0.10"
+          "Microsoft.AspNetCore.Components.Authorization": "8.0.11",
+          "Microsoft.AspNetCore.Components.Web": "8.0.11"
         }
       },
       "Microsoft.AspNetCore.Metadata": {
@@ -235,36 +235,13 @@
       },
       "Microsoft.CodeAnalysis.NetAnalyzers": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "DxiTgkCl3CGq1rYmBX2wjY7XGbxiBdL4J+/AJIAFLKy5z70NxhnVRnPghnicXZ8oF6JKVXlW3xwznRbI3ioEKg=="
+        "resolved": "9.0.0",
+        "contentHash": "JajbvkrBgtdRghavIjcJuNHMOja4lqBmEezbhZyqWPYh2cpLhT5mPpfC7NQVDO4IehWQum9t/nwF4v+qQGtYWg=="
       },
       "Microsoft.CodeCoverage": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "wf6lpAeCqP0KFfbDVtfL50lr7jY1gq0+0oSphyksfLOEygMDXqnaxHK5LPFtMEhYSEtgXdNyXNnEddOqQQUdlQ=="
-      },
-      "Microsoft.CSharp": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "17h8b5mXa87XYKrrVqdgZ38JefSUqLChUQpXgSnpzsM0nDOhE40FTeNWOJ/YmySGV6tG6T8+hjz6vxbknHJr6A==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Dynamic.Runtime": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.InteropServices": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
+        "resolved": "17.12.0",
+        "contentHash": "4svMznBd5JM21JIG2xZKGNanAHNXplxf/kQDFfLHXQ3OnpJkayRK/TjacFjA+EYmoyuNXHo/sOETEfcYtAzIrA=="
       },
       "Microsoft.Extensions.Caching.Abstractions": {
         "type": "Transitive",
@@ -372,8 +349,8 @@
       },
       "Microsoft.Extensions.Localization.Abstractions": {
         "type": "Transitive",
-        "resolved": "8.0.10",
-        "contentHash": "OuuTRyukXTPjTgx1iYJzyaPa+hFrkj1djlWV/kqsWs2arSXczh/JpCgak617mo3M+5FMpEJ3af5nrgehC7q1YQ=="
+        "resolved": "8.0.11",
+        "contentHash": "qyfVEOJ8PsYrwC6kTQFSTm4+FrpOAz3OfPXvRPfs7j34V+yHMuVUgIiP5yjrYHcpNbXTtCzoQc/ZdcbpdeX/Xg=="
       },
       "Microsoft.Extensions.Logging": {
         "type": "Transitive",
@@ -414,38 +391,27 @@
       },
       "Microsoft.JSInterop.WebAssembly": {
         "type": "Transitive",
-        "resolved": "8.0.10",
-        "contentHash": "1RumzzQ+s4Zkq08ls7tDPlvx7ASsWI7gIrxiTD75b3pYr3TDUd3YbAnccqq+H3BDo6znpCZZGScFotrgz5R8LQ==",
+        "resolved": "8.0.11",
+        "contentHash": "eB6YYFdA2DnmR8W1WO9of4hBSaRTsmxke7FVbHjzjhYu/1XgMZ9FZq6sY5OjE7rnkGN3XYHXXWB4T49Y8DAthA==",
         "dependencies": {
-          "Microsoft.JSInterop": "8.0.10"
+          "Microsoft.JSInterop": "8.0.11"
         }
       },
-      "Microsoft.NETCore.Platforms": {
-        "type": "Transitive",
-        "resolved": "1.0.1",
-        "contentHash": "2G6OjjJzwBfNOO8myRV/nFrbTw5iA+DEm0N+qUqhrOmaVtn4pC77h38I1jsXGw5VH55+dPfQsqHD0We9sCl9FQ=="
-      },
-      "Microsoft.NETCore.Targets": {
-        "type": "Transitive",
-        "resolved": "1.0.1",
-        "contentHash": "rkn+fKobF/cbWfnnfBOQHKVKIOpxMZBvlSHkqDWgBpwGDcLRduvs3D9OLGeV6GWGvVwNlVi2CBbTjuPmtHvyNw=="
-      },
       "Microsoft.TestPlatform.ObjectModel": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "EiknJx9N9Z30gs7R+HHhki7fA8EiiM3pwD1vkw3bFsBC8kdVq/O7mHf1hrg5aJp+ASO6BoOzQueD2ysfTOy/Bg==",
+        "resolved": "17.12.0",
+        "contentHash": "TDqkTKLfQuAaPcEb3pDDWnh7b3SyZF+/W9OZvWFp6eJCIiiYFdSB6taE2I6tWrFw5ywhzOb6sreoGJTI6m3rSQ==",
         "dependencies": {
-          "NuGet.Frameworks": "5.0.0",
           "System.Reflection.Metadata": "1.6.0"
         }
       },
       "Microsoft.TestPlatform.TestHost": {
         "type": "Transitive",
-        "resolved": "16.11.0",
-        "contentHash": "/Q+R0EcCJE8JaYCk+bGReicw/xrB0HhecrYrUcLbn95BnAlaTJrZhoLkUhvtKTAVtqX/AIKWXYtutiU/Q6QUgg==",
+        "resolved": "17.12.0",
+        "contentHash": "MiPEJQNyADfwZ4pJNpQex+t9/jOClBGMiCiVVFuELCMSX2nmNfvUor3uFVxNNCg30uxDP8JDYfPnMXQzsfzYyg==",
         "dependencies": {
-          "Microsoft.TestPlatform.ObjectModel": "16.11.0",
-          "Newtonsoft.Json": "9.0.1"
+          "Microsoft.TestPlatform.ObjectModel": "17.12.0",
+          "Newtonsoft.Json": "13.0.1"
         }
       },
       "Microsoft.VisualStudio.Threading.Analyzers": {
@@ -455,37 +421,8 @@
       },
       "Newtonsoft.Json": {
         "type": "Transitive",
-        "resolved": "9.0.1",
-        "contentHash": "U82mHQSKaIk+lpSVCbWYKNavmNH1i5xrExDEquU1i6I5pV6UMOqRnJRSlKO3cMPfcpp0RgDY+8jUXHdQ4IfXvw==",
-        "dependencies": {
-          "Microsoft.CSharp": "4.0.1",
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Dynamic.Runtime": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.Serialization.Primitives": "4.1.1",
-          "System.Text.Encoding": "4.0.11",
-          "System.Text.Encoding.Extensions": "4.0.11",
-          "System.Text.RegularExpressions": "4.1.0",
-          "System.Threading": "4.0.11",
-          "System.Threading.Tasks": "4.0.11",
-          "System.Xml.ReaderWriter": "4.0.11",
-          "System.Xml.XDocument": "4.0.11"
-        }
-      },
-      "NuGet.Frameworks": {
-        "type": "Transitive",
-        "resolved": "5.0.0",
-        "contentHash": "c5JVjuVAm4f7E9Vj+v09Z9s2ZsqFDjBpcsyS3M9xRo0bEdm/LVZSzLxxNvfvAwRiiE8nwe1h2G4OwiwlzFKXlA=="
+        "resolved": "13.0.1",
+        "contentHash": "ppPFpBcvxdsfUonNcvITKqLl3bqxWbDCZIzDWHzjpdAHRFfZe0Dw9HmA0+za13IdyrgJwpkDTDA9fHaxOrt20A=="
       },
       "Roslynator.Analyzers": {
         "type": "Transitive",
@@ -505,375 +442,48 @@
         "resolved": "1.2.0.556",
         "contentHash": "zvn9Mqs/ox/83cpYPignI8hJEM2A93s2HkHs8HYMOAQW0PkampyoErAiIyKxgTLqbbad29HX/shv/6LGSjPJNQ=="
       },
-      "System.Collections": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "YUJGz6eFKqS0V//mLt25vFGrrCvOnsXjlvFQs+KimpwNxug9x0Pzy4PlFMU3Q2IzqAa9G2L4LsK3+9vCBK7oTg==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Collections.Immutable": {
         "type": "Transitive",
         "resolved": "5.0.0",
         "contentHash": "FXkLXiK0sVVewcso0imKQoOxjoPAj42R8HtjjbSjVPAzwDfzoyoznWxgA3c38LDbN9SJux1xXoXYAhz98j7r2g=="
       },
-      "System.Diagnostics.Debug": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "w5U95fVKHY4G8ASs/K5iK3J5LY+/dLFd4vKejsnI/ZhBsWS9hQakfx3Zr7lRWKg4tAw9r4iktyvsTagWkqYCiw==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Diagnostics.Tools": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "xBfJ8pnd4C17dWaC9FM6aShzbJcRNMChUMD42I6772KGGrqaFdumwhn9OdM68erj1ueNo3xdQ1EwiFjK5k8p0g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Dynamic.Runtime": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "db34f6LHYM0U0JpE+sOmjar27BnqTVkbLJhgfwMpTdgTigG/Hna3m2MYVwnFzGGKnEJk2UXFuoVTr8WUbU91/A==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Linq": "4.1.0",
-          "System.Linq.Expressions": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit": "4.0.1",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Globalization": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "B95h0YLEL2oSnwF/XjqSWKnwKOy/01VWkNlsCeMTFJLLabflpGV26nK164eRs5GiaRSBGpOxQ3pKoSnnyZN5pg==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.IO": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "3KlTJceQc3gnGIaHZ7UBZO26SHL1SHE4ddrmiwumFnId+CEHP+O8r386tZKaE6zlk5/mF8vifMBzHj9SaXN+mQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.IO.FileSystem": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "IBErlVq5jOggAD69bg1t0pJcHaDbJbWNUZTPI96fkYWzwYbN6D9wRHMULLDd9dHsl7C2YsxXL31LMfPI1SWt8w==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.IO": "4.1.0",
-          "System.IO.FileSystem.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Handles": "4.0.1",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.IO.FileSystem.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "kWkKD203JJKxJeE74p8aF8y4Qc9r9WQx4C0cHzHPrY3fv/L/IhWnyCHaFJ3H1QPOH6A93whlQ2vG5nHlBDvzWQ==",
-        "dependencies": {
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.IO.Pipelines": {
         "type": "Transitive",
-        "resolved": "8.0.0",
-        "contentHash": "FHNOatmUq0sqJOkTx+UF/9YK1f180cnW5FVqnQMvYUN0elp6wFzbtPSiqbo1/ru8ICp43JM1i7kKkk6GsNGHlA=="
-      },
-      "System.Linq": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "bQ0iYFOQI0nuTnt+NQADns6ucV4DUvMdwN6CbkB1yj8i7arTGiTN5eok1kQwdnnNWSDZfIUySQY+J3d5KjWn0g==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0"
-        }
-      },
-      "System.Linq.Expressions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "I+y02iqkgmCAyfbqOmSDOgqdZQ5tTj80Akm5BPSS8EeB0VGWdy6X1KCoYe8Pk6pwDoAKZUOdLVxnTJcExiv5zw==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Linq": "4.1.0",
-          "System.ObjectModel": "4.0.12",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit": "4.0.1",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Emit.Lightweight": "4.0.1",
-          "System.Reflection.Extensions": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Reflection.TypeExtensions": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
+        "resolved": "9.0.0",
+        "contentHash": "eA3cinogwaNB4jdjQHOP3Z3EuyiDII7MT35jgtnsA4vkn0LUrrSHsU0nzHTzFzmaFYeKV7MYyMxOocFzsBHpTw=="
       },
       "System.Memory": {
         "type": "Transitive",
         "resolved": "4.5.4",
         "contentHash": "1MbJTHS1lZ4bS4FmsJjnuGJOu88ZzTT2rLvrhW7Ygic+pC0NWA+3hgAen0HRdsocuQXCkUTdFn9yHJJhsijDXw=="
       },
-      "System.ObjectModel": {
-        "type": "Transitive",
-        "resolved": "4.0.12",
-        "contentHash": "tAgJM1xt3ytyMoW4qn4wIqgJYm7L7TShRZG4+Q4Qsi2PCcj96pXN7nRywS9KkB3p/xDUjc2HSwP9SROyPYDYKQ==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Reflection": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "JCKANJ0TI7kzoQzuwB/OoJANy1Lg338B6+JVacPl4TpUwi3cReg3nMLplMq2uqYfHFQpKIlHAUVAJlImZz/4ng==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.IO": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "P2wqAj72fFjpP6wb9nSfDqNBMab+2ovzSDzUZK7MVIm54tBJEPr9jWfSjjoTpPwj1LeKcmX3vr0ttyjSSFM47g==",
-        "dependencies": {
-          "System.IO": "4.1.0",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit.ILGeneration": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "Ov6dU8Bu15Bc7zuqttgHF12J5lwSWyTf1S+FJouUXVMSqImLZzYaQ+vRr1rQ0OZ0HqsrwWl4dsKHELckQkVpgA==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Emit.Lightweight": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "sSzHHXueZ5Uh0OLpUQprhr+ZYJrLPA2Cmr4gn0wj9+FftNKXx8RIMKvO9qnjk2ebPYUjZ+F2ulGdPOsvj+MEjA==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Emit.ILGeneration": "4.0.1",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "GYrtRsZcMuHF3sbmRHfMYpvxZoIN2bQGrYGerUiWLEkqdEUQZhH3TRSaC/oI4wO0II1RKBPlpIa1TOMxIcOOzQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Reflection.Metadata": {
         "type": "Transitive",
         "resolved": "5.0.0",
         "contentHash": "5NecZgXktdGg34rh1OenY1rFNDCI8xSjFr+Z4OU4cU06AQHUdRnIIEeWENu3Wl4YowbzkymAIMvi3WyK9U53pQ=="
       },
-      "System.Reflection.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "4inTox4wTBaDhB7V3mPvp9XlCbeGYWVEM9/fXALd52vNEAVisc1BoVWQPuUuD0Ga//dNbA/WeMy9u9mzLxGTHQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Reflection.TypeExtensions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "tsQ/ptQ3H5FYfON8lL4MxRk/8kFyE0A+tGPXmVP967cT/gzLHYxIejIYSxp4JmIeFHVP78g/F2FE1mUUTbDtrg==",
-        "dependencies": {
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Resources.ResourceManager": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "TxwVeUNoTgUOdQ09gfTjvW411MF+w9MBYL7AtNVc+HtBCFlutPLhUCdZjNkjbhj3bNQWMdHboF0KIWEOjJssbA==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Globalization": "4.0.11",
-          "System.Reflection": "4.1.0",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "v6c/4Yaa9uWsq+JMhnOFewrYkgdNHNG2eMKuNqRn8P733rNXeRCGvV5FkkjBXn2dbVkPXOsO0xjsEeM1q2zC0g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1"
-        }
-      },
       "System.Runtime.CompilerServices.Unsafe": {
         "type": "Transitive",
         "resolved": "6.0.0",
         "contentHash": "/iUeP3tq1S0XdNNoMz5C9twLSrM/TH+qElHkXWaPvuNOt+99G75NrV0OS2EqHx5wMN7popYjpc8oTjC1y16DLg=="
       },
-      "System.Runtime.Extensions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "CUOHjTT/vgP0qGW22U4/hDlOqXmcPq5YicBaXdUR2UiUoLwBT+olO6we4DVbq57jeX5uXH2uerVZhf0qGj+sVQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime.Handles": {
-        "type": "Transitive",
-        "resolved": "4.0.1",
-        "contentHash": "nCJvEKguXEvk2ymk1gqj625vVnlK3/xdGzx0vOKicQkoquaTBJTP13AIYkocSUwHCLNBwUbXTqTWGDxBTWpt7g==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Runtime.InteropServices": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "16eu3kjHS633yYdkjwShDHZLRNMKVi/s0bY8ODiqJ2RfMhDMAwxZaUaWVnZ2P71kr/or+X9o/xFWtNqz8ivieQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Reflection": "4.1.0",
-          "System.Reflection.Primitives": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Handles": "4.0.1"
-        }
-      },
-      "System.Runtime.Serialization.Primitives": {
-        "type": "Transitive",
-        "resolved": "4.1.1",
-        "contentHash": "HZ6Du5QrTG8MNJbf4e4qMO3JRAkIboGT5Fk804uZtg3Gq516S7hAqTm2UZKUHa7/6HUGdVy3AqMQKbns06G/cg==",
-        "dependencies": {
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
-      "System.Text.Encoding": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "U3gGeMlDZXxCEiY4DwVLSacg+DFWCvoiX+JThA/rvw37Sqrku7sEFeVBBBMBnfB6FeZHsyDx85HlKL19x0HtZA==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
-        }
-      },
       "System.Text.Encoding.CodePages": {
         "type": "Transitive",
         "resolved": "8.0.0",
         "contentHash": "OZIsVplFGaVY90G2SbpgU7EnCoOO5pw1t4ic21dBF3/1omrJFpAGoNAVpPyMVOC90/hvgkGG3VFqR13YgZMQfg=="
       },
-      "System.Text.Encoding.Extensions": {
+      "System.Text.Encodings.Web": {
         "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "jtbiTDtvfLYgXn8PTfWI+SiBs51rrmO4AAckx4KR6vFK9Wzf6tI8kcRdsYQNwriUeQ1+CtQbM1W4cMbLXnj/OQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Text.Encoding": "4.0.11"
-        }
+        "resolved": "9.0.0",
+        "contentHash": "e2hMgAErLbKyUUwt18qSBf9T5Y+SFAL3ZedM8fLupkVj8Rj2PZ9oxQ37XX2LF8fTO1wNIxvKpihD7Of7D/NxZw=="
       },
       "System.Text.Json": {
         "type": "Transitive",
-        "resolved": "8.0.5",
-        "contentHash": "0f1B50Ss7rqxXiaBJyzUu9bWFOO2/zSlifZ/UNMdiIpDYe4cY4LQQicP4nirK1OS31I43rn062UIJ1Q9bpmHpg=="
-      },
-      "System.Text.RegularExpressions": {
-        "type": "Transitive",
-        "resolved": "4.1.0",
-        "contentHash": "i88YCXpRTjCnoSQZtdlHkAOx4KNNik4hMy83n0+Ftlb7jvV6ZiZWMpnEZHhjBp6hQVh8gWd/iKNPzlPF7iyA2g==",
+        "resolved": "9.0.0",
+        "contentHash": "js7+qAu/9mQvnhA4EfGMZNEzXtJCDxgkgj8ohuxq/Qxv+R56G+ljefhiJHOxTNiw54q8vmABCWUwkMulNdlZ4A==",
         "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Threading": "4.0.11"
-        }
-      },
-      "System.Threading": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "N+3xqIcg3VDKyjwwCGaZ9HawG9aC6cSDI+s7ROma310GQo8vilFZa86hqKppwTHleR/G0sfOzhvgnUxWCR/DrQ==",
-        "dependencies": {
-          "System.Runtime": "4.1.0",
-          "System.Threading.Tasks": "4.0.11"
-        }
-      },
-      "System.Threading.Tasks": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "k1S4Gc6IGwtHGT8188RSeGaX86Qw/wnrgNLshJvsdNUOPP9etMmo8S07c+UlOAx4K/xLuN9ivA1bD0LVurtIxQ==",
-        "dependencies": {
-          "Microsoft.NETCore.Platforms": "1.0.1",
-          "Microsoft.NETCore.Targets": "1.0.1",
-          "System.Runtime": "4.1.0"
+          "System.IO.Pipelines": "9.0.0",
+          "System.Text.Encodings.Web": "9.0.0"
         }
       },
       "System.Threading.Tasks.Extensions": {
@@ -881,47 +491,6 @@
         "resolved": "4.5.4",
         "contentHash": "zteT+G8xuGu6mS+mzDzYXbzS7rd3K6Fjb9RiZlYlJPam2/hU7JCBZBVEcywNuR+oZ1ncTvc/cq0faRr3P01OVg=="
       },
-      "System.Xml.ReaderWriter": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "ZIiLPsf67YZ9zgr31vzrFaYQqxRPX9cVHjtPSnmx4eN6lbS/yEyYNr2vs1doGDEscF0tjCZFsk9yUg1sC9e8tg==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.IO.FileSystem": "4.0.1",
-          "System.IO.FileSystem.Primitives": "4.0.1",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Runtime.InteropServices": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Text.Encoding.Extensions": "4.0.11",
-          "System.Text.RegularExpressions": "4.1.0",
-          "System.Threading.Tasks": "4.0.11",
-          "System.Threading.Tasks.Extensions": "4.0.0"
-        }
-      },
-      "System.Xml.XDocument": {
-        "type": "Transitive",
-        "resolved": "4.0.11",
-        "contentHash": "Mk2mKmPi0nWaoiYeotq1dgeNK1fqWh61+EK+w4Wu8SWuTYLzpUnschb59bJtGywaPq7SmTuPf44wrXRwbIrukg==",
-        "dependencies": {
-          "System.Collections": "4.0.11",
-          "System.Diagnostics.Debug": "4.0.11",
-          "System.Diagnostics.Tools": "4.0.1",
-          "System.Globalization": "4.0.11",
-          "System.IO": "4.1.0",
-          "System.Reflection": "4.1.0",
-          "System.Resources.ResourceManager": "4.0.1",
-          "System.Runtime": "4.1.0",
-          "System.Runtime.Extensions": "4.1.0",
-          "System.Text.Encoding": "4.0.11",
-          "System.Threading": "4.0.11",
-          "System.Xml.ReaderWriter": "4.0.11"
-        }
-      },
       "xunit.abstractions": {
         "type": "Transitive",
         "resolved": "2.0.3",
diff --git a/packages/blazor-workspace/package.json b/packages/blazor-workspace/package.json
index 4f078f2591..3bed0059c4 100644
--- a/packages/blazor-workspace/package.json
+++ b/packages/blazor-workspace/package.json
@@ -30,7 +30,7 @@
     "@ni/nimble-components": "*",
     "@ni/nimble-tokens": "*",
     "@ni/spright-components": "*",
-    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "cross-env": "^7.0.3",
     "glob": "^11.0.0",
     "playwright": "1.44.0",
diff --git a/packages/nimble-components/CHANGELOG.json b/packages/nimble-components/CHANGELOG.json
index 1b654c79c1..0113639970 100644
--- a/packages/nimble-components/CHANGELOG.json
+++ b/packages/nimble-components/CHANGELOG.json
@@ -1,6 +1,192 @@
 {
   "name": "@ni/nimble-components",
   "entries": [
+    {
+      "date": "Thu, 16 Jan 2025 23:05:03 GMT",
+      "version": "32.11.2",
+      "tag": "@ni/nimble-components_v32.11.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "7282195+m-akinc@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "8b17b15aa037f14375abaef6fa1c76190282efab",
+            "comment": "Replace deprectated importsNotUsedAsValues option with verbatimModuleSyntax"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 16 Jan 2025 18:48:36 GMT",
+      "version": "32.11.1",
+      "tag": "@ni/nimble-components_v32.11.1",
+      "comments": {
+        "none": [
+          {
+            "author": "7282195+m-akinc@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "a4011ec7130d2aa601d2058660caed6f3d705f02",
+            "comment": "Disable a couple Table tests intermittent on Firefox"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 10 Jan 2025 16:45:51 GMT",
+      "version": "32.11.1",
+      "tag": "@ni/nimble-components_v32.11.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "rajsite@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "cf916f9123a55947fa71b8e5b2bd07f6f00721bf",
+            "comment": "Inline constant from external library for table pageobject"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 08 Jan 2025 18:33:05 GMT",
+      "version": "32.11.0",
+      "tag": "@ni/nimble-components_v32.11.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "20542556+mollykreis@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "a0662f1b0d7a1fdff40d752f9455c91eb0ad5d5a",
+            "comment": "Add `required-visible` attribute to number-field and text-field"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 06 Jan 2025 20:05:57 GMT",
+      "version": "32.10.0",
+      "tag": "@ni/nimble-components_v32.10.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "20542556+mollykreis@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "f558bd74afaeee9ea17bf0f8bdf8f1b239935887",
+            "comment": "Add `required-visible` attribute to radio-group, combobox, select, and text-area"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 03 Jan 2025 17:23:02 GMT",
+      "version": "32.9.3",
+      "tag": "@ni/nimble-components_v32.9.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "20542556+mollykreis@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "6a8328dc976c6ba81f2a165309957dc5032519ae",
+            "comment": "Fork number-field and text-field templates"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 02 Jan 2025 21:45:49 GMT",
+      "version": "32.9.2",
+      "tag": "@ni/nimble-components_v32.9.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "rajsite@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "0ca6cc0c1c819247397950ffaa535097147374c0",
+            "comment": "Update to rollup all-components build dependencies"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 11 Dec 2024 14:25:17 GMT",
+      "version": "32.9.1",
+      "tag": "@ni/nimble-components_v32.9.1",
+      "comments": {
+        "none": [
+          {
+            "author": "20542556+mollykreis@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "175279322e7fab0932a68a3d0cefb4da9819a7af",
+            "comment": "Disable failing tests in Firefox"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 10 Dec 2024 20:15:57 GMT",
+      "version": "32.9.1",
+      "tag": "@ni/nimble-components_v32.9.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "20542556+mollykreis@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "2d0ceca7989e6af257bef8ee939cf036a79c8925",
+            "comment": "Update error text on components to only show a title when the error text overflows"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 09 Dec 2024 15:59:16 GMT",
+      "version": "32.9.0",
+      "tag": "@ni/nimble-components_v32.9.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "7282195+m-akinc@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "8c4686a1068dedbe62eb8eaaf9e20936960fa66a",
+            "comment": "Add asterisk icon"
+          },
+          {
+            "author": "beachball",
+            "package": "@ni/nimble-components",
+            "comment": "Bump @ni/nimble-tokens to v8.6.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 21:21:27 GMT",
+      "version": "32.8.2",
+      "tag": "@ni/nimble-components_v32.8.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "20542556+mollykreis@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "4e192f9c199222fde4c66ca08015b570e353caa6",
+            "comment": "Correct the position of error text on the nimble-checkbox"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 19:53:29 GMT",
+      "version": "32.8.1",
+      "tag": "@ni/nimble-components_v32.8.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "rajsite@users.noreply.github.com",
+            "package": "@ni/nimble-components",
+            "commit": "412acc54f38fd667da60aaf1bfad4b30c5955887",
+            "comment": "Update rich text dependencies"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 22 Nov 2024 22:50:22 GMT",
       "version": "32.8.0",
diff --git a/packages/nimble-components/CHANGELOG.md b/packages/nimble-components/CHANGELOG.md
index 5cca8bd5ad..d28d08d284 100644
--- a/packages/nimble-components/CHANGELOG.md
+++ b/packages/nimble-components/CHANGELOG.md
@@ -1,9 +1,90 @@
 # Change Log - @ni/nimble-components
 
-<!-- This log was last generated on Fri, 22 Nov 2024 22:50:22 GMT and should not be manually modified. -->
+<!-- This log was last generated on Thu, 16 Jan 2025 23:05:03 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 32.11.2
+
+Thu, 16 Jan 2025 23:05:03 GMT
+
+### Patches
+
+- Replace deprectated importsNotUsedAsValues option with verbatimModuleSyntax ([ni/nimble@8b17b15](https://github.com/ni/nimble/commit/8b17b15aa037f14375abaef6fa1c76190282efab))
+
+## 32.11.1
+
+Fri, 10 Jan 2025 16:45:51 GMT
+
+### Patches
+
+- Inline constant from external library for table pageobject ([ni/nimble@cf916f9](https://github.com/ni/nimble/commit/cf916f9123a55947fa71b8e5b2bd07f6f00721bf))
+
+## 32.11.0
+
+Wed, 08 Jan 2025 18:33:05 GMT
+
+### Minor changes
+
+- Add `required-visible` attribute to number-field and text-field ([ni/nimble@a0662f1](https://github.com/ni/nimble/commit/a0662f1b0d7a1fdff40d752f9455c91eb0ad5d5a))
+
+## 32.10.0
+
+Mon, 06 Jan 2025 20:05:57 GMT
+
+### Minor changes
+
+- Add `required-visible` attribute to radio-group, combobox, select, and text-area ([ni/nimble@f558bd7](https://github.com/ni/nimble/commit/f558bd74afaeee9ea17bf0f8bdf8f1b239935887))
+
+## 32.9.3
+
+Fri, 03 Jan 2025 17:23:02 GMT
+
+### Patches
+
+- Fork number-field and text-field templates ([ni/nimble@6a8328d](https://github.com/ni/nimble/commit/6a8328dc976c6ba81f2a165309957dc5032519ae))
+
+## 32.9.2
+
+Thu, 02 Jan 2025 21:45:49 GMT
+
+### Patches
+
+- Update to rollup all-components build dependencies ([ni/nimble@0ca6cc0](https://github.com/ni/nimble/commit/0ca6cc0c1c819247397950ffaa535097147374c0))
+
+## 32.9.1
+
+Tue, 10 Dec 2024 20:15:57 GMT
+
+### Patches
+
+- Update error text on components to only show a title when the error text overflows ([ni/nimble@2d0ceca](https://github.com/ni/nimble/commit/2d0ceca7989e6af257bef8ee939cf036a79c8925))
+
+## 32.9.0
+
+Mon, 09 Dec 2024 15:59:16 GMT
+
+### Minor changes
+
+- Add asterisk icon ([ni/nimble@8c4686a](https://github.com/ni/nimble/commit/8c4686a1068dedbe62eb8eaaf9e20936960fa66a))
+- Bump @ni/nimble-tokens to v8.6.0
+
+## 32.8.2
+
+Wed, 04 Dec 2024 21:21:27 GMT
+
+### Patches
+
+- Correct the position of error text on the nimble-checkbox ([ni/nimble@4e192f9](https://github.com/ni/nimble/commit/4e192f9c199222fde4c66ca08015b570e353caa6))
+
+## 32.8.1
+
+Wed, 04 Dec 2024 19:53:29 GMT
+
+### Patches
+
+- Update rich text dependencies ([ni/nimble@412acc5](https://github.com/ni/nimble/commit/412acc54f38fd667da60aaf1bfad4b30c5955887))
+
 ## 32.8.0
 
 Fri, 22 Nov 2024 22:50:22 GMT
diff --git a/packages/nimble-components/CONTRIBUTING.md b/packages/nimble-components/CONTRIBUTING.md
index 41cd09d8c0..ee4c0ec17d 100644
--- a/packages/nimble-components/CONTRIBUTING.md
+++ b/packages/nimble-components/CONTRIBUTING.md
@@ -81,15 +81,15 @@ Before building a new component, 3 specification documents need to be created:
 
 If a component is not ready for general use, it should be marked as "incubating" to indicate that status to clients. A component could be in this state if any of the following are true:
 
--   It is still in development.
--   It is missing important features like interaction design, visual design, or accessibility.
+- It is still in development.
+- It is missing important features like interaction design, visual design, or accessibility.
 
 Incubating contributions may compromise on the above capabilities but they still must abide by other repository requirements. For example:
 
--   Start development with a spec describing the high level plan and what's in or out of scope
--   Coding conventions (element naming, linting, code quality)
--   Unit and Chromatic test coverage
--   Storybook documentation
+- Start development with a spec describing the high level plan and what's in or out of scope
+- Coding conventions (element naming, linting, code quality)
+- Unit and Chromatic test coverage
+- Storybook documentation
 
 To mark a component as incubating:
 
@@ -187,17 +187,17 @@ Component CSS should follow the patterns described in [CSS Guidelines](/packages
 
 It is common in web development to represent variations of control states using css classes. While it is possible to apply custom styles to web components based on user-added CSS classes, i.e. `:host(.my-class)`, it is not allowed in nimble for the following reasons:
 
--   The `class` attribute is a user-configured attribute. For native HTML elements it would be surprising if setting a class, i.e. `<div class="my-class">`, caused the element to have a new style that the user did not define in their stylesheet. However, other attributes are expected to have element defined behavior, i.e. `<div hidden>`.
--   Classes set in the `class` attribute are not as well-typed across frameworks. Users have to contort a bit to use exported enums for CSS class strings while attributes and attribute values are well-typed in wrappers.
--   Binding to updates in the `class` attribute is more difficult / not an expected pattern. This makes it difficult to forward configured properties to inner elements. Alternatively, binding to attributes and forwarding bound attribute values in templates is a well supported pattern.
+- The `class` attribute is a user-configured attribute. For native HTML elements it would be surprising if setting a class, i.e. `<div class="my-class">`, caused the element to have a new style that the user did not define in their stylesheet. However, other attributes are expected to have element defined behavior, i.e. `<div hidden>`.
+- Classes set in the `class` attribute are not as well-typed across frameworks. Users have to contort a bit to use exported enums for CSS class strings while attributes and attribute values are well-typed in wrappers.
+- Binding to updates in the `class` attribute is more difficult / not an expected pattern. This makes it difficult to forward configured properties to inner elements. Alternatively, binding to attributes and forwarding bound attribute values in templates is a well supported pattern.
 
 ##### Attribute naming convention
 
--   Do not use attribute names that conflict with native attribute names:
-    -   Avoid any names in the [MDN HTML attribute reference list](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes#attribute_list) (unless the attribute is trying to match that behavior exactly).
-    -   Do a best effort search in relevant working groups for new attributes that may be coming to avoid, i.e. https://github.com/openui and https://github.com/whatwg.
-    -   Avoid any names that are [reserved words](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#reserved_words) in JavaScript.
--   Use lower-kebab-case for attributes and enum values that are part of a component's public API.
+- Do not use attribute names that conflict with native attribute names:
+    - Avoid any names in the [MDN HTML attribute reference list](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes#attribute_list) (unless the attribute is trying to match that behavior exactly).
+    - Do a best effort search in relevant working groups for new attributes that may be coming to avoid, i.e. https://github.com/openui and https://github.com/whatwg.
+    - Avoid any names that are [reserved words](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#reserved_words) in JavaScript.
+- Use lower-kebab-case for attributes and enum values that are part of a component's public API.
 
     ```ts
         @attr({ attribute: 'error-text' })
@@ -206,19 +206,19 @@ It is common in web development to represent variations of control states using
 
 ##### Attribute common name patterns
 
--   For attributes that control the visibility of a part, use either the boolean attribute `<part>-visible` or `<part>-hidden`, i.e. `icon-visible` or `icon-hidden`.
+- For attributes that control the visibility of a part, use either the boolean attribute `<part>-visible` or `<part>-hidden`, i.e. `icon-visible` or `icon-hidden`.
 
     The default configuration should be the most common configuration and the boolean attribute should be added for the less common alternate configuration that differs from the default. An element should NOT implement both `-visible` and `-hidden` attributes for a given `<part>`, only one or the other.
 
--   Use the `appearance` attribute to represent mutually exclusive visual modes of a component that represent large style changes. Likely implemented with an attribute behavior.
+- Use the `appearance` attribute to represent mutually exclusive visual modes of a component that represent large style changes. Likely implemented with an attribute behavior.
 
     An `appearance-variant` attribute may also be used to represent smaller mutually exclusive variations of an appearance. Likely implemented with CSS attribute selectors.
 
 ##### Attribute common value patterns
 
--   When applicable, the default value for an attribute that is allowed to be unconfigured should be first in the enum object, have a descriptive enum name, such as `default`, `none`, etc, based on the context, and be the enum value `undefined`.
--   Boolean attributes must always default to `false`. Otherwise, the configuration in HTML becomes meaningless, as both `<element></element>` and `<element bool-attr></element>` result in `bool-attr` being set to `true`.
--   States representing the following ideas should use those names: `success`, `error`, `warning`, `information`.
+- When applicable, the default value for an attribute that is allowed to be unconfigured should be first in the enum object, have a descriptive enum name, such as `default`, `none`, etc, based on the context, and be the enum value `undefined`.
+- Boolean attributes must always default to `false`. Otherwise, the configuration in HTML becomes meaningless, as both `<element></element>` and `<element bool-attr></element>` result in `bool-attr` being set to `true`.
+- States representing the following ideas should use those names: `success`, `error`, `warning`, `information`.
 
     Avoid shorthands, i.e. `warn`, `info` and avoid alternatives, i.e. `pass`, `fail`, `invalid`.
 
@@ -270,8 +270,8 @@ Components can also consider exposing an API that checks the validity of the com
 
 It is acceptable to throw exceptions in production code in other situations. For example:
 
--   when a case gets hit that should be impossible, like an invalid enum value.
--   from a component method when it shouldn't be called in the component's current state, like `show()` on a dialog that is already open.
+- when a case gets hit that should be impossible, like an invalid enum value.
+- from a component method when it shouldn't be called in the component's current state, like `show()` on a dialog that is already open.
 
 #### Comments
 
@@ -281,8 +281,8 @@ At a minimum all classes should have a block comment and ultimately all parts of
 
 Accessibility is a requirement for all new components. For the Nimble design system, this means
 
--   Focus states are defined for every element and work on all browsers.
--   Colors have sufficient contrast across all themes.
+- Focus states are defined for every element and work on all browsers.
+- Colors have sufficient contrast across all themes.
 
 This is a collaborative effort between development and design. Designers will do their due diligence to make sure that designs promote accessiblity, and developers must ensure that each design is implemented and tested across browsers and themes.
 
@@ -359,11 +359,11 @@ Consider whether or not the `delegatesFocus` shadow DOM option should be set to
 
 Some guidelines to follow when deciding whether or not to set `delegatesFocus`:
 
--   For a component built on top of a fast-foundation component, check the fast-foundation component's README.md to see if the component was built with the expectation that focus will be delegated.
--   Non-interactive elements should keep `delegatesFocus` with the default `false` value.
--   Interactive controls that contain no focusable components in the shadow root should keep `delegatesFocus` with the default `false` value.
--   Interactive controls that contain focusable components in the shadow root should set `delegatesFocus` to `true`.
--   Refer to [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/attachShadow#parameters) or [this table](https://github.com/TakayoshiKochi/tabindex-focus-navigation-explainer/blob/master/TabindexFocusNavigationExplainer.md#proposed-solution) for more information.
+- For a component built on top of a fast-foundation component, check the fast-foundation component's README.md to see if the component was built with the expectation that focus will be delegated.
+- Non-interactive elements should keep `delegatesFocus` with the default `false` value.
+- Interactive controls that contain no focusable components in the shadow root should keep `delegatesFocus` with the default `false` value.
+- Interactive controls that contain focusable components in the shadow root should set `delegatesFocus` to `true`.
+- Refer to [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/attachShadow#parameters) or [this table](https://github.com/TakayoshiKochi/tabindex-focus-navigation-explainer/blob/master/TabindexFocusNavigationExplainer.md#proposed-solution) for more information.
 
 If it is determined that the component should delegate focus, it can be configured as shown below:
 
@@ -423,26 +423,26 @@ The following commands can be run from the `nimble` directory:
 
 ### Development commands
 
--   `npm run tdd:watch -w @ni/nimble-components`: Starts a process for building the components and running the test suite on file changes.
+- `npm run tdd:watch -w @ni/nimble-components`: Starts a process for building the components and running the test suite on file changes.
 
     This command runs headlessly. See [Debugging commands](#debugging-commands) if you need to see the browser or set breakpoints while running.
 
--   `npm run tdd -w @ni/nimble-components`: Similar to the corresponding `tdd:watch` command but only runs once. Useful for infrastructure changes which do not trigger the watch command.
+- `npm run tdd -w @ni/nimble-components`: Similar to the corresponding `tdd:watch` command but only runs once. Useful for infrastructure changes which do not trigger the watch command.
 
 ### Debugging commands
 
--   `npm run test-chrome:debugger -w @ni/nimble-components`: When run opens a Chrome window that can be used for interactive debugging. Using dev tools set breakpoints in tests and refresh the page, etc.
+- `npm run test-chrome:debugger -w @ni/nimble-components`: When run opens a Chrome window that can be used for interactive debugging. Using dev tools set breakpoints in tests and refresh the page, etc.
 
     You can also take the page url and open it in a different browser to test interactively.
 
--   `npm run test-webkit:debugger -w @ni/nimble-components`: Similar to `test-chrome:debugger` but for WebKit. Can be run on Windows.
+- `npm run test-webkit:debugger -w @ni/nimble-components`: Similar to `test-chrome:debugger` but for WebKit. Can be run on Windows.
 
 ### Test utilities
 
 Test utilities located in [`/src/testing`](/packages/nimble-components/src/testing) may be used for testing:
 
--   performed inside the `@ni/nimble-components` package or
--   by other packages in the monorepo or users consuming the built package
+- performed inside the `@ni/nimble-components` package or
+- by other packages in the monorepo or users consuming the built package
 
 Test utilties located in [`/src/utilities/tests`](/packages/nimble-components/src/utilities/tests) are just for tests in the `@ni/nimble-components` package and are not shared externally.
 
@@ -471,22 +471,22 @@ Most user-visible strings displayed by Nimble components are provided by the cli
 
 The current label providers:
 
--   `nimble-label-provider-core`: Used for labels for all components without a dedicated label provider
--   `nimble-label-provider-rich-text`: Used for labels for the rich text components
--   `nimble-label-provider-table`: Used for labels for the table (and table sub-components / column types)
+- `nimble-label-provider-core`: Used for labels for all components without a dedicated label provider
+- `nimble-label-provider-rich-text`: Used for labels for the rich text components
+- `nimble-label-provider-table`: Used for labels for the table (and table sub-components / column types)
 
 The expected format for label token names is:
 
--   element/type(s) to which the token applies, e.g. `number-field` or `table`
-    -   This may not be an exact element name, if this label applies to multiple elements or will be used in multiple contexts
--   component part/category (optional), e.g. `column-header`
--   specific functionality or sub-part, e.g. `decrement`
--   the suffix `label` (will be omitted from the label-provider properties/attributes)
+- element/type(s) to which the token applies, e.g. `number-field` or `table`
+    - This may not be an exact element name, if this label applies to multiple elements or will be used in multiple contexts
+- component part/category (optional), e.g. `column-header`
+- specific functionality or sub-part, e.g. `decrement`
+- the suffix `label` (will be omitted from the label-provider properties/attributes)
 
 Components using localized labels should document them in Storybook. To add a "Localizable Labels" section:
 
--   Their story `Args` should extend `LabelUserArgs`
--   Call `addLabelUseMetadata()` and pass their declared metadata object, the applicable label provider tag, and the label tokens that they're using
+- Their story `Args` should extend `LabelUserArgs`
+- Call `addLabelUseMetadata()` and pass their declared metadata object, the applicable label provider tag, and the label tokens that they're using
 
 ## Component naming
 
diff --git a/packages/nimble-components/README.md b/packages/nimble-components/README.md
index 8b9788c686..67a03c506c 100644
--- a/packages/nimble-components/README.md
+++ b/packages/nimble-components/README.md
@@ -110,13 +110,13 @@ Most user-visible strings displayed by Nimble components are provided by the cli
 
 The current label providers:
 
--   `nimble-label-provider-core`: Used for labels for all components without a dedicated label provider
--   `nimble-label-provider-rich-text`: Used for labels for the rich text components
--   `nimble-label-provider-table`: Used for labels for the table (and table sub-components / column types)
+- `nimble-label-provider-core`: Used for labels for all components without a dedicated label provider
+- `nimble-label-provider-rich-text`: Used for labels for the rich text components
+- `nimble-label-provider-table`: Used for labels for the table (and table sub-components / column types)
 
 If a client is localized, it should:
 
--   Add the `label-provider` element(s) as children of their root theme provider:
+- Add the `label-provider` element(s) as children of their root theme provider:
     ```html
     <body>
         <nimble-theme-provider theme="light">
@@ -127,14 +127,14 @@ If a client is localized, it should:
         </nimble-theme-provider>
     </body>
     ```
--   For each label token on the label provider API, localize the English string, and set the corresponding HTML attribute or JS property on the label provider to the localized values. A list of all label tokens for each label provider (and their corresponding attribute/property names and English strings) can be found in the [Tokens/Label Providers section of Storybook](http://nimble.ni.dev/storybook/?path=/docs/tokens-label-providers--docs).
+- For each label token on the label provider API, localize the English string, and set the corresponding HTML attribute or JS property on the label provider to the localized values. A list of all label tokens for each label provider (and their corresponding attribute/property names and English strings) can be found in the [Tokens/Label Providers section of Storybook](http://nimble.ni.dev/storybook/?path=/docs/tokens-label-providers--docs).
 
 ## Content Security Policy
 
 When using Nimble in an environment with a [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy) enabled, the following are known required settings beyond "common" settings (such as the [OWASP Basic non-Strict CSP Policy](https://cheatsheetseries.owasp.org/cheatsheets/Content_Security_Policy_Cheat_Sheet.html#basic-non-strict-csp-policy)) for using Nimble:
 
--   `style-src 'unsafe-inline'` is [needed to support style patterns in the FAST library](https://github.com/microsoft/fast/issues/4510) leveraged by Nimble.
--   `worker-src blob:` is needed to support controls that leverage Web Workers (for example the Wafer Map).
+- `style-src 'unsafe-inline'` is [needed to support style patterns in the FAST library](https://github.com/microsoft/fast/issues/4510) leveraged by Nimble.
+- `worker-src blob:` is needed to support controls that leverage Web Workers (for example the Wafer Map).
 
 ## Accessibility
 
diff --git a/packages/nimble-components/build/generate-icons/README.md b/packages/nimble-components/build/generate-icons/README.md
index 7086f46ece..8762eee0c7 100644
--- a/packages/nimble-components/build/generate-icons/README.md
+++ b/packages/nimble-components/build/generate-icons/README.md
@@ -2,8 +2,8 @@
 
 ## Behavior
 
--   Depends on the build output of `nimble-tokens` to generate icon components.
--   Generates an icon component file for each icon, and an all-icons.ts file which exports all icon components.
+- Depends on the build output of `nimble-tokens` to generate icon components.
+- Generates an icon component file for each icon, and an all-icons.ts file which exports all icon components.
 
 ## How to run
 
diff --git a/packages/nimble-components/build/generate-scss/README.md b/packages/nimble-components/build/generate-scss/README.md
index b05cb84283..e126cb53eb 100644
--- a/packages/nimble-components/build/generate-scss/README.md
+++ b/packages/nimble-components/build/generate-scss/README.md
@@ -2,9 +2,9 @@
 
 ## Behavior
 
--   Depends on the build output of the `npm run build-components` command to generate design token names.
--   Generates SCSS files in the nimble component dist with the design token names formatted as SCSS properties.
--   Generates an SCSS file for fonts that imports from Nimble Tokens.
+- Depends on the build output of the `npm run build-components` command to generate design token names.
+- Generates SCSS files in the nimble component dist with the design token names formatted as SCSS properties.
+- Generates an SCSS file for fonts that imports from Nimble Tokens.
 
 ## How to run
 
diff --git a/packages/nimble-components/build/generate-workers/README.md b/packages/nimble-components/build/generate-workers/README.md
index 33137b6094..4f397ba281 100644
--- a/packages/nimble-components/build/generate-workers/README.md
+++ b/packages/nimble-components/build/generate-workers/README.md
@@ -4,10 +4,10 @@ This directory contains wafer map rendering code and build scripts which compile
 
 ## Behavior
 
--   the `source` directory and `index.ts` are built using `tsc`
--   `source/matrix-renderer.ts` is bundled with rollup
--   `index.ts` has the purpose to prepare and move `dist/bundle/matrix-renderer` to `src/wafer-map/worker`
--   `src/wafer-map/worker/matrix-renderer` will be used to create a `Blob` object which is then used to create a `URL` for a web worker.
+- the `source` directory and `index.ts` are built using `tsc`
+- `source/matrix-renderer.ts` is bundled with rollup
+- `index.ts` has the purpose to prepare and move `dist/bundle/matrix-renderer` to `src/wafer-map/worker`
+- `src/wafer-map/worker/matrix-renderer` will be used to create a `Blob` object which is then used to create a `URL` for a web worker.
 
 ## How to run
 
diff --git a/packages/nimble-components/build/generate-workers/source/tests/matrix-renderer.spec.ts b/packages/nimble-components/build/generate-workers/source/tests/matrix-renderer.spec.ts
index 21854ddc11..456c7e1f9b 100644
--- a/packages/nimble-components/build/generate-workers/source/tests/matrix-renderer.spec.ts
+++ b/packages/nimble-components/build/generate-workers/source/tests/matrix-renderer.spec.ts
@@ -1,4 +1,4 @@
-import { Remote, expose, transfer, wrap } from 'comlink';
+import { type Remote, expose, transfer, wrap } from 'comlink';
 import { MatrixRenderer } from '../matrix-renderer';
 
 // OffscreenCanvas not supported in Playwright's Windows/Linux Webkit build: https://github.com/ni/nimble/issues/2169
diff --git a/packages/nimble-components/package.json b/packages/nimble-components/package.json
index 0adeb632ce..6162e31757 100644
--- a/packages/nimble-components/package.json
+++ b/packages/nimble-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "32.8.0",
+  "version": "32.11.2",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run generate-icons && npm run generate-workers && npm run build-components && npm run bundle-components && npm run generate-scss",
@@ -63,23 +63,23 @@
     "@microsoft/fast-element": "^1.14.0",
     "@microsoft/fast-foundation": "^2.50.0",
     "@microsoft/fast-web-utilities": "^6.0.0",
-    "@ni/nimble-tokens": "^8.5.0",
+    "@ni/nimble-tokens": "^8.6.0",
     "@tanstack/table-core": "^8.19.3",
     "@tanstack/virtual-core": "^3.10.6",
-    "@tiptap/core": "^2.2.2",
-    "@tiptap/extension-bold": "^2.2.2",
-    "@tiptap/extension-bullet-list": "^2.2.2",
-    "@tiptap/extension-document": "^2.2.2",
-    "@tiptap/extension-hard-break": "^2.2.2",
-    "@tiptap/extension-history": "^2.2.2",
-    "@tiptap/extension-italic": "^2.2.2",
-    "@tiptap/extension-link": "^2.2.2",
-    "@tiptap/extension-list-item": "^2.2.2",
-    "@tiptap/extension-mention": "^2.2.2",
-    "@tiptap/extension-ordered-list": "^2.2.2",
-    "@tiptap/extension-paragraph": "^2.2.2",
-    "@tiptap/extension-placeholder": "^2.2.2",
-    "@tiptap/extension-text": "^2.2.2",
+    "@tiptap/core": "^2.10.3",
+    "@tiptap/extension-bold": "^2.10.3",
+    "@tiptap/extension-bullet-list": "^2.10.3",
+    "@tiptap/extension-document": "^2.10.3",
+    "@tiptap/extension-hard-break": "^2.10.3",
+    "@tiptap/extension-history": "^2.10.3",
+    "@tiptap/extension-italic": "^2.10.3",
+    "@tiptap/extension-link": "^2.10.3",
+    "@tiptap/extension-list-item": "^2.10.3",
+    "@tiptap/extension-mention": "^2.10.3",
+    "@tiptap/extension-ordered-list": "^2.10.3",
+    "@tiptap/extension-paragraph": "^2.10.3",
+    "@tiptap/extension-placeholder": "^2.10.3",
+    "@tiptap/extension-text": "^2.10.3",
     "@types/d3-array": "^3.0.4",
     "@types/d3-random": "^3.0.1",
     "@types/d3-scale": "^4.0.2",
@@ -92,8 +92,8 @@
     "d3-scale": "^4.0.2",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",
-    "prosemirror-markdown": "^1.11.2",
-    "prosemirror-model": "^1.19.2",
+    "prosemirror-markdown": "^1.13.1",
+    "prosemirror-model": "^1.24.0",
     "prosemirror-state": "^1.4.3",
     "tslib": "^2.2.0"
   },
@@ -104,7 +104,7 @@
     "@ni-private/eslint-config-nimble": "*",
     "@ni/jasmine-parameterized": "^1.0.0",
     "@rollup/plugin-commonjs": "^28.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-replace": "^6.0.0",
     "@rollup/plugin-terser": "^0.4.0",
     "@types/jasmine": "^5.1.4",
@@ -132,7 +132,6 @@
     "terser-webpack-plugin": "^5.3.10",
     "typescript": "~5.4.5",
     "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1",
     "webpack-dev-middleware": "^7.0.0"
   }
 }
diff --git a/packages/nimble-components/src/accordion/specs/IxD.md b/packages/nimble-components/src/accordion/specs/IxD.md
index 141e4bd669..1909d4a80a 100644
--- a/packages/nimble-components/src/accordion/specs/IxD.md
+++ b/packages/nimble-components/src/accordion/specs/IxD.md
@@ -8,24 +8,24 @@ The accordion component is used to present a large amount of information in a sm
 
 ### Background
 
--   [IxD recommendation for Tree, Accordion, Disclosure, Table row details (#1150)](https://github.com/orgs/ni/projects/7/views/13?pane=issue&itemId=24667320)
--   [ViD Accordion Styles (Figma)](https://www.figma.com/file/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?type=design&node-id=1295-85131&mode=design)
+- [IxD recommendation for Tree, Accordion, Disclosure, Table row details (#1150)](https://github.com/orgs/ni/projects/7/views/13?pane=issue&itemId=24667320)
+- [ViD Accordion Styles (Figma)](https://www.figma.com/file/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?type=design&node-id=1295-85131&mode=design)
 
 ## Usage
 
 When to use:
 
--   For a single panel of content
--   To organize large amounts of information into related panels
--   To shorten scrolled views when not all information is equally important
--   In views with reduced horizontal or vertical space
+- For a single panel of content
+- To organize large amounts of information into related panels
+- To shorten scrolled views when not all information is equally important
+- In views with reduced horizontal or vertical space
 
 When not to use:
 
--   For very brief content or content that does not take up a lot of vertical space
--   For a small number of content panels that don't require frequent showing and hiding
--   To organize unrelated information into panels
--   For selectable or navigable lists or trees
+- For very brief content or content that does not take up a lot of vertical space
+- For a small number of content panels that don't require frequent showing and hiding
+- To organize unrelated information into panels
+- For selectable or navigable lists or trees
 
 ### Anatomy
 
diff --git a/packages/nimble-components/src/anchor-button/index.ts b/packages/nimble-components/src/anchor-button/index.ts
index cd7e8e6c31..3973427d07 100644
--- a/packages/nimble-components/src/anchor-button/index.ts
+++ b/packages/nimble-components/src/anchor-button/index.ts
@@ -1,11 +1,11 @@
 import { attr } from '@microsoft/fast-element';
-import { DesignSystem, AnchorOptions } from '@microsoft/fast-foundation';
+import { DesignSystem, type AnchorOptions } from '@microsoft/fast-foundation';
 import { AnchorBase } from '../anchor-base';
 import {
     ButtonAppearance,
     ButtonAppearanceVariant,
-    ButtonPattern,
-    ButtonAppearanceVariantPattern
+    type ButtonPattern,
+    type ButtonAppearanceVariantPattern
 } from '../patterns/button/types';
 import { styles } from './styles';
 import { template } from './template';
diff --git a/packages/nimble-components/src/anchor-button/template.ts b/packages/nimble-components/src/anchor-button/template.ts
index 53866c87b6..57ab2aca1c 100644
--- a/packages/nimble-components/src/anchor-button/template.ts
+++ b/packages/nimble-components/src/anchor-button/template.ts
@@ -1,8 +1,8 @@
 import { html, ref, slotted, ViewTemplate } from '@microsoft/fast-element';
 import {
-    AnchorOptions,
+    type AnchorOptions,
     endSlotTemplate,
-    FoundationElementTemplate,
+    type FoundationElementTemplate,
     startSlotTemplate
 } from '@microsoft/fast-foundation';
 import type { AnchorButton } from '.';
diff --git a/packages/nimble-components/src/anchor-button/tests/anchor-button.spec.ts b/packages/nimble-components/src/anchor-button/tests/anchor-button.spec.ts
index bc4bcd7d6d..586c1febf9 100644
--- a/packages/nimble-components/src/anchor-button/tests/anchor-button.spec.ts
+++ b/packages/nimble-components/src/anchor-button/tests/anchor-button.spec.ts
@@ -2,7 +2,7 @@ import { html } from '@microsoft/fast-element';
 import { parameterizeSpec } from '@ni/jasmine-parameterized';
 import { AnchorButton, anchorButtonTag } from '..';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 
 async function setup(): Promise<Fixture<AnchorButton>> {
     return await fixture<AnchorButton>(
diff --git a/packages/nimble-components/src/anchor-menu-item/index.ts b/packages/nimble-components/src/anchor-menu-item/index.ts
index 6a6659f6c2..5a00946216 100644
--- a/packages/nimble-components/src/anchor-menu-item/index.ts
+++ b/packages/nimble-components/src/anchor-menu-item/index.ts
@@ -1,8 +1,8 @@
 import { attr, observable } from '@microsoft/fast-element';
 import {
     DesignSystem,
-    AnchorOptions,
-    MenuItemColumnCount
+    type AnchorOptions,
+    type MenuItemColumnCount
 } from '@microsoft/fast-foundation';
 import { keyEnter } from '@microsoft/fast-web-utilities';
 import { AnchorBase } from '../anchor-base';
diff --git a/packages/nimble-components/src/anchor-menu-item/specs/README.md b/packages/nimble-components/src/anchor-menu-item/specs/README.md
index f0ddf7a6b5..43847d82dc 100644
--- a/packages/nimble-components/src/anchor-menu-item/specs/README.md
+++ b/packages/nimble-components/src/anchor-menu-item/specs/README.md
@@ -11,14 +11,14 @@ The `nimble-anchor-menu-item` is a link that can be used within a `nimble-menu`
 
 ### Non-goals
 
--   Support for checked state (checkbox or radio button)
--   Support for nesting, expanding/collapsing
+- Support for checked state (checkbox or radio button)
+- Support for nesting, expanding/collapsing
 
 ### Features
 
--   Supports icon
--   Disabled state
--   Follows menu item navigation pattern
+- Supports icon
+- Disabled state
+- Follows menu item navigation pattern
 
 ### Risks and Challenges
 
@@ -40,22 +40,22 @@ GitHub menu with links:
 
 _The key elements of the component's public API surface:_
 
--   _Component Name_: `nimble-anchor-menu-item`
--   _Props/Attrs_:
-    -   `download` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `href` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes).
-    -   `hreflang` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `ping` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `referrerpolicy` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `rel` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `target` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `type` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `disabled` - disables the item (this matches the API of `nimble-menu-item`). Setting it causes `aria-disabled` to be set as well.
--   _Methods_
--   _Events_
--   _CSS Classes and CSS Custom Properties that affect the component_
--   _Slots_:
-    -   We will provide a `start` slot, just like is available on the `nimble-menu-item`. That component also has an `end` slot, but we do not document it, so we will not define an `end` slot on the anchor menu item.
+- _Component Name_: `nimble-anchor-menu-item`
+- _Props/Attrs_:
+    - `download` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `href` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes).
+    - `hreflang` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `ping` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `referrerpolicy` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `rel` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `target` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `type` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `disabled` - disables the item (this matches the API of `nimble-menu-item`). Setting it causes `aria-disabled` to be set as well.
+- _Methods_
+- _Events_
+- _CSS Classes and CSS Custom Properties that affect the component_
+- _Slots_:
+    - We will provide a `start` slot, just like is available on the `nimble-menu-item`. That component also has an `end` slot, but we do not document it, so we will not define an `end` slot on the anchor menu item.
 
 ### Anatomy
 
@@ -87,8 +87,8 @@ The component will look just like a standard menu item. See the design doc linke
 
 ## Implementation
 
--   We will use the FAST menu item implementation as a starting point, as it provides keyboard navigation logic.
--   We will try to share the CSS used to style the standard menu item.
+- We will use the FAST menu item implementation as a starting point, as it provides keyboard navigation logic.
+- We will try to share the CSS used to style the standard menu item.
 
 ### States
 
@@ -96,15 +96,15 @@ N/A
 
 ### Accessibility
 
--   _Keyboard Navigation and Focus_
-    -   we will follow the [guidelines](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menuitem_role#keyboard_interactions) for navigation prescribed for the `menuitem` role
--   _Form Input_
-    -   NA
--   _Use with Assistive Technology_
-    -   a `menuitem`'s accessible name comes from the element's contents by default
-    -   `aria-disabled` will be set whenever the `disabled` property is set
--   _Behavior with browser configurations like "Prefers reduced motion"_
-    -   NA
+- _Keyboard Navigation and Focus_
+    - we will follow the [guidelines](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/menuitem_role#keyboard_interactions) for navigation prescribed for the `menuitem` role
+- _Form Input_
+    - NA
+- _Use with Assistive Technology_
+    - a `menuitem`'s accessible name comes from the element's contents by default
+    - `aria-disabled` will be set whenever the `disabled` property is set
+- _Behavior with browser configurations like "Prefers reduced motion"_
+    - NA
 
 ### Globalization
 
diff --git a/packages/nimble-components/src/anchor-menu-item/template.ts b/packages/nimble-components/src/anchor-menu-item/template.ts
index bc1af6cdfe..911dce2285 100644
--- a/packages/nimble-components/src/anchor-menu-item/template.ts
+++ b/packages/nimble-components/src/anchor-menu-item/template.ts
@@ -1,8 +1,8 @@
 import { html, ref, ViewTemplate } from '@microsoft/fast-element';
 import {
-    AnchorOptions,
+    type AnchorOptions,
     endSlotTemplate,
-    FoundationElementTemplate,
+    type FoundationElementTemplate,
     startSlotTemplate
 } from '@microsoft/fast-foundation';
 import type { AnchorMenuItem } from '.';
diff --git a/packages/nimble-components/src/anchor-menu-item/tests/anchor-menu-item.spec.ts b/packages/nimble-components/src/anchor-menu-item/tests/anchor-menu-item.spec.ts
index 83851eb15c..c29f1e4054 100644
--- a/packages/nimble-components/src/anchor-menu-item/tests/anchor-menu-item.spec.ts
+++ b/packages/nimble-components/src/anchor-menu-item/tests/anchor-menu-item.spec.ts
@@ -6,7 +6,7 @@ import { iconCheckTag, type IconCheck } from '../../icons/check';
 import { iconXmarkTag, type IconXmark } from '../../icons/xmark';
 import { menuTag, type Menu } from '../../menu';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { menuItemTag } from '../../menu-item';
 
 @customElement('foundation-menu-item')
diff --git a/packages/nimble-components/src/anchor-tab/index.ts b/packages/nimble-components/src/anchor-tab/index.ts
index 30a09d49fd..d8c3d2e243 100644
--- a/packages/nimble-components/src/anchor-tab/index.ts
+++ b/packages/nimble-components/src/anchor-tab/index.ts
@@ -1,8 +1,8 @@
 import { attr } from '@microsoft/fast-element';
 import {
     DesignSystem,
-    FoundationElementDefinition,
-    StartEndOptions
+    type FoundationElementDefinition,
+    type StartEndOptions
 } from '@microsoft/fast-foundation';
 import { AnchorBase } from '../anchor-base';
 import { styles } from './styles';
diff --git a/packages/nimble-components/src/anchor-tab/template.ts b/packages/nimble-components/src/anchor-tab/template.ts
index 766b959c95..5d314ff6cf 100644
--- a/packages/nimble-components/src/anchor-tab/template.ts
+++ b/packages/nimble-components/src/anchor-tab/template.ts
@@ -1,7 +1,7 @@
 import { html, ViewTemplate } from '@microsoft/fast-element';
 import {
     endSlotTemplate,
-    FoundationElementTemplate,
+    type FoundationElementTemplate,
     startSlotTemplate
 } from '@microsoft/fast-foundation';
 import type { AnchorTab, TabOptions } from '.';
diff --git a/packages/nimble-components/src/anchor-tab/tests/anchor-tab.spec.ts b/packages/nimble-components/src/anchor-tab/tests/anchor-tab.spec.ts
index d1219982c9..38a3b74673 100644
--- a/packages/nimble-components/src/anchor-tab/tests/anchor-tab.spec.ts
+++ b/packages/nimble-components/src/anchor-tab/tests/anchor-tab.spec.ts
@@ -2,7 +2,7 @@ import { html } from '@microsoft/fast-element';
 import { parameterizeSpec } from '@ni/jasmine-parameterized';
 import { AnchorTab, anchorTabTag } from '..';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
-import { Fixture, fixture } from '../../utilities/tests/fixture';
+import { type Fixture, fixture } from '../../utilities/tests/fixture';
 
 async function setup(): Promise<Fixture<AnchorTab>> {
     return await fixture<AnchorTab>(html`<${anchorTabTag}></${anchorTabTag}>`);
diff --git a/packages/nimble-components/src/anchor-tabs/index.ts b/packages/nimble-components/src/anchor-tabs/index.ts
index 9203bf7e33..d91efd5fe1 100644
--- a/packages/nimble-components/src/anchor-tabs/index.ts
+++ b/packages/nimble-components/src/anchor-tabs/index.ts
@@ -22,8 +22,8 @@ import {
     DesignSystem,
     StartEnd,
     applyMixins,
-    StartEndOptions,
-    FoundationElementDefinition,
+    type StartEndOptions,
+    type FoundationElementDefinition,
     FoundationElement
 } from '@microsoft/fast-foundation';
 import { styles } from '../patterns/tabs/styles';
diff --git a/packages/nimble-components/src/anchor-tabs/specs/README.md b/packages/nimble-components/src/anchor-tabs/specs/README.md
index 557e091c2d..fb27f52ed7 100644
--- a/packages/nimble-components/src/anchor-tabs/specs/README.md
+++ b/packages/nimble-components/src/anchor-tabs/specs/README.md
@@ -12,14 +12,14 @@ Anchor tabs are a sequence of links that are styled to look like tab elements, w
 
 ### Non-goals
 
--   Mixing regular tabs and anchor tabs together
--   Vertical tabs orientation
+- Mixing regular tabs and anchor tabs together
+- Vertical tabs orientation
 
 ### Features
 
--   Functions like an anchor (i.e. navigates) upon activation
--   Supports keyboard navigation within group of tabs without automatically activating each focused tab
--   Disable individual tabs
+- Functions like an anchor (i.e. navigates) upon activation
+- Supports keyboard navigation within group of tabs without automatically activating each focused tab
+- Disable individual tabs
 
 ### Risks and Challenges
 
@@ -49,35 +49,35 @@ We cannot extend FAST's tabs control because it has baked into it the idea that
 
 #### Anchor Tabs
 
--   _Component Name_ - `nimble-anchor-tabs`
--   _Props/Attrs_
-    -   `activeid` - id of active tab. Defaults to the first tab.
--   _Methods_ - None
--   _Events_ - None
--   _CSS Classes and CSS Custom Properties that affect the component_ - None
--   _Slots_
-    -   `start` - content placed to the left of tab list
-    -   `anchortab` - slot for anchor tab elements
-    -   `end` - content placed to the right of tab list
+- _Component Name_ - `nimble-anchor-tabs`
+- _Props/Attrs_
+    - `activeid` - id of active tab. Defaults to the first tab.
+- _Methods_ - None
+- _Events_ - None
+- _CSS Classes and CSS Custom Properties that affect the component_ - None
+- _Slots_
+    - `start` - content placed to the left of tab list
+    - `anchortab` - slot for anchor tab elements
+    - `end` - content placed to the right of tab list
 
 #### Anchor Tab
 
--   _Component Name_ - `nimble-anchor-tab`
--   _Props/Attrs_
-    -   `download` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `href` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes).
-    -   `hreflang` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `ping` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `referrerpolicy` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `rel` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `target` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `type` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
-    -   `disabled` - disables the tab (this matches the API of the existing `nimble-tab`). Setting it causes `aria-disabled` to be set as well.
--   _Methods_ - None
--   _Events_ - None
--   _CSS Classes and CSS Custom Properties that affect the component_ - None
--   _Slots_
-    -   _default_
+- _Component Name_ - `nimble-anchor-tab`
+- _Props/Attrs_
+    - `download` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `href` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes).
+    - `hreflang` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `ping` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `referrerpolicy` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `rel` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `target` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `type` - see [HTML anchor doc](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes)
+    - `disabled` - disables the tab (this matches the API of the existing `nimble-tab`). Setting it causes `aria-disabled` to be set as well.
+- _Methods_ - None
+- _Events_ - None
+- _CSS Classes and CSS Custom Properties that affect the component_ - None
+- _Slots_
+    - _default_
 
 ### Anatomy
 
@@ -115,7 +115,7 @@ Tabs do not participate in forms, so there is no ControlValueAccessor.
 
 We will follow the same approach previously used for the BreadcrumbItem, Anchor, and AnchorButton:
 
--   We will create a directive that extends `RouterLinkWithHref`, and its selector will be `nimble-anchor-tab[nimbleRouterLink]`. The directive will define `@Input nimbleRouterLink` (which sets `routerLink`). This is a small change for clients which we will document (consistent with BreadcrumbItem, Anchor, and AnchorButton), and other routerLink attributes can still be used as-is:
+- We will create a directive that extends `RouterLinkWithHref`, and its selector will be `nimble-anchor-tab[nimbleRouterLink]`. The directive will define `@Input nimbleRouterLink` (which sets `routerLink`). This is a small change for clients which we will document (consistent with BreadcrumbItem, Anchor, and AnchorButton), and other routerLink attributes can still be used as-is:
     ```html
     <nimble-anchor-tab
         nimbleRouterLink="/customapp"
@@ -125,7 +125,7 @@ We will follow the same approach previously used for the BreadcrumbItem, Anchor,
         Custom App Page
     </nimble-anchor-tab>
     ```
--   A separate directive will be created to disable use of the `routerLink` attribute on `nimble-anchor-tab` elements.
+- A separate directive will be created to disable use of the `routerLink` attribute on `nimble-anchor-tab` elements.
 
 ### Blazor integration
 
@@ -149,12 +149,12 @@ We will start with the [FAST tabs implementation](https://github.com/microsoft/f
 
 We will modify the FAST implementation in the following ways:
 
--   Remove support for vertical orientation
--   Remove support for disabling the active indicator (`hide-active-indicator`)
--   Replace active indicator style/animation with our own version
--   Replace logic related to tab panel activation with URL navigation
--   Changing the focused tab does not activate that tab
--   We will not set the active tab when activating a tab. I.e. the visuals and state related to being the "active" tab will be independent of a client actually activating/navigating via a tab. The reason is that an application's router may alter the navigation in a way that makes it inconsistent with the tab that is marked active. Therefore, we leave it up to the application developer to manage the active tab state based on the loaded URL.
+- Remove support for vertical orientation
+- Remove support for disabling the active indicator (`hide-active-indicator`)
+- Replace active indicator style/animation with our own version
+- Replace logic related to tab panel activation with URL navigation
+- Changing the focused tab does not activate that tab
+- We will not set the active tab when activating a tab. I.e. the visuals and state related to being the "active" tab will be independent of a client actually activating/navigating via a tab. The reason is that an application's router may alter the navigation in a way that makes it inconsistent with the tab that is marked active. Therefore, we leave it up to the application developer to manage the active tab state based on the loaded URL.
 
 ### States
 
@@ -166,18 +166,18 @@ When tabbing to the `nimble-navigation-tabs`, it gets keyboard focus. To indicat
 
 We want the keyboard interactions to match those of the standard tabs control as much as possible. This means conforming to the keyboard interactions of the `tablist` and `tab` ARIA roles. Though we don't have any elements with the `tabpanel` role, we still follow the rest of the ARIA guidelines for the roles we do have. An alternative would be to use a `nav` container element (which has role `navigation`) and `link` roles on each of our tabs. However, this would imply a different keyboard navigation scheme (`tab` key moves to next tab), and that is not what we want. The application developer could still wrap a `nimble-anchor-tabs` in a `nav` element to indicate that the tabs represent a landmark navigation element.
 
--   _Keyboard Navigation and Focus_
-    -   The tabs control will have a visual indication of which tab is active (green underline).
-    -   Once focused, the tabs control will show a visual indication of which tab has focus, starting with the active tab.
-    -   Arrowing left or right will change the focused tab. Arrowing left on the first tab will wrap around to the last, and vice versa.
-    -   `Home` will move focus to the first (non-disabled) tab.
-    -   `End` will move focus to the last (non-disabled) tab.
-    -   The `Enter` or `Space` key will activate the focused tab, setting `aria-selected`, moving the active indicator, and loading the tab's associated URL.
--   _Form Input_
-    -   N/A
--   _Use with Assistive Technology_
-    -   We set the roles `tablist` and `tab` on divs we create.
-    -   `aria-selected`'s value matches the selected state of the tab
+- _Keyboard Navigation and Focus_
+    - The tabs control will have a visual indication of which tab is active (green underline).
+    - Once focused, the tabs control will show a visual indication of which tab has focus, starting with the active tab.
+    - Arrowing left or right will change the focused tab. Arrowing left on the first tab will wrap around to the last, and vice versa.
+    - `Home` will move focus to the first (non-disabled) tab.
+    - `End` will move focus to the last (non-disabled) tab.
+    - The `Enter` or `Space` key will activate the focused tab, setting `aria-selected`, moving the active indicator, and loading the tab's associated URL.
+- _Form Input_
+    - N/A
+- _Use with Assistive Technology_
+    - We set the roles `tablist` and `tab` on divs we create.
+    - `aria-selected`'s value matches the selected state of the tab
 
 ### Globalization
 
diff --git a/packages/nimble-components/src/anchor-tabs/tests/anchor-tabs.spec.ts b/packages/nimble-components/src/anchor-tabs/tests/anchor-tabs.spec.ts
index 28b32d22a3..080caeb0ce 100644
--- a/packages/nimble-components/src/anchor-tabs/tests/anchor-tabs.spec.ts
+++ b/packages/nimble-components/src/anchor-tabs/tests/anchor-tabs.spec.ts
@@ -13,7 +13,7 @@ import { AnchorTabs, anchorTabsTag } from '..';
 import '../../anchor-tab';
 import { anchorTabTag, type AnchorTab } from '../../anchor-tab';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { AnchorTabsPageObject } from '../testing/anchor-tabs.pageobject';
 
 describe('AnchorTabs', () => {
diff --git a/packages/nimble-components/src/anchor-tree-item/index.ts b/packages/nimble-components/src/anchor-tree-item/index.ts
index 3d6f24a22a..35ef4a9b1f 100644
--- a/packages/nimble-components/src/anchor-tree-item/index.ts
+++ b/packages/nimble-components/src/anchor-tree-item/index.ts
@@ -1,7 +1,7 @@
 import { attr } from '@microsoft/fast-element';
 import {
     DesignSystem,
-    AnchorOptions,
+    type AnchorOptions,
     isTreeItemElement,
     TreeItem as FoundationTreeItem
 } from '@microsoft/fast-foundation';
diff --git a/packages/nimble-components/src/anchor-tree-item/template.ts b/packages/nimble-components/src/anchor-tree-item/template.ts
index e5fdf3f2f3..0296d0513d 100644
--- a/packages/nimble-components/src/anchor-tree-item/template.ts
+++ b/packages/nimble-components/src/anchor-tree-item/template.ts
@@ -1,8 +1,8 @@
 import { html, ref, ViewTemplate } from '@microsoft/fast-element';
 import {
-    AnchorOptions,
+    type AnchorOptions,
     endSlotTemplate,
-    FoundationElementTemplate,
+    type FoundationElementTemplate,
     startSlotTemplate
 } from '@microsoft/fast-foundation';
 import type { AnchorTreeItem } from '.';
diff --git a/packages/nimble-components/src/anchor-tree-item/tests/anchor-tree-item.spec.ts b/packages/nimble-components/src/anchor-tree-item/tests/anchor-tree-item.spec.ts
index 3154d2f9bb..b26f34bc97 100644
--- a/packages/nimble-components/src/anchor-tree-item/tests/anchor-tree-item.spec.ts
+++ b/packages/nimble-components/src/anchor-tree-item/tests/anchor-tree-item.spec.ts
@@ -7,7 +7,7 @@ import { iconXmarkTag, type IconXmark } from '../../icons/xmark';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
 import { treeItemTag, type TreeItem } from '../../tree-item';
 import { treeViewTag, type TreeView } from '../../tree-view';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 
 @customElement('foundation-tree-item')
 export class TestTreeItem extends FoundationTreeItem {}
diff --git a/packages/nimble-components/src/anchor/index.ts b/packages/nimble-components/src/anchor/index.ts
index 3d59c01542..8227ac854a 100644
--- a/packages/nimble-components/src/anchor/index.ts
+++ b/packages/nimble-components/src/anchor/index.ts
@@ -2,7 +2,7 @@ import { attr, nullableNumberConverter } from '@microsoft/fast-element';
 import {
     DesignSystem,
     Anchor as FoundationAnchor,
-    AnchorOptions
+    type AnchorOptions
 } from '@microsoft/fast-foundation';
 import { AnchorBase } from '../anchor-base';
 import { styles } from './styles';
diff --git a/packages/nimble-components/src/anchor/specs/README.md b/packages/nimble-components/src/anchor/specs/README.md
index 5bf474bc81..02a0b49031 100644
--- a/packages/nimble-components/src/anchor/specs/README.md
+++ b/packages/nimble-components/src/anchor/specs/README.md
@@ -19,37 +19,37 @@ Initially we will create two flavors of anchor: a standard anchor, and a button-
 
 [FAST's API documentation](https://github.com/microsoft/fast/blob/e576aa70c22780fffba03097277e2db9a2ec1cd8/packages/web-components/fast-foundation/src/anchor/README.md)
 
--   _Component Name_: `nimble-anchor`
--   _Properties/Attributes_: We will have the following properties/attributes in addition to the ones provided by the FAST anchor:
+- _Component Name_: `nimble-anchor`
+- _Properties/Attributes_: We will have the following properties/attributes in addition to the ones provided by the FAST anchor:
 
-    -   `appearance`:
-        -   `prominent`: the "loud" version from the design doc. Used to draw extra attention to the anchor. This matches the Breadcrumb's `appearance` attribute value.
-    -   `underline-hidden`: hides the anchor's underline except on hover or activation. This should be used except when an anchor is surrounded by other text or needs help being indentified as a link.
+    - `appearance`:
+        - `prominent`: the "loud" version from the design doc. Used to draw extra attention to the anchor. This matches the Breadcrumb's `appearance` attribute value.
+    - `underline-hidden`: hides the anchor's underline except on hover or activation. This should be used except when an anchor is surrounded by other text or needs help being indentified as a link.
 
     Instead of having a `disabled` property, users should remove the `href` in order to disable the anchor.
 
--   _Methods_: Unchanged (none)
--   _Events_: Unchanged (none)
--   _CSS Classes and Custom Properties that affect the component_: Unchanged (none)
--   _Slots_: We will not expose the start and end slots provided by the FAST anchor.
+- _Methods_: Unchanged (none)
+- _Events_: Unchanged (none)
+- _CSS Classes and Custom Properties that affect the component_: Unchanged (none)
+- _Slots_: We will not expose the start and end slots provided by the FAST anchor.
 
 The button-like anchor will also derive from the FAST anchor so that we use the same template and role. It will share most of its CSS with existing button components.
 
--   _Component Name_: `nimble-anchor-button`
--   _Properties/Attributes_: We will have the following properties/attributes in addition to the ones provided by the FAST anchor:
-    -   `appearance`:
-        -   `"outline"`: same as button design
-        -   `"ghost"`: same as button design
-        -   `"block"`: same as button design
-    -   `appearance-variant`:
-        -   `"default"`: `undefined` (as per our common attribute guidelines)
-        -   `"primary"`: applies only to button-based styles and has the same effect as on buttons
-    -   `content-hidden`: when set, hides the label and end slot
-    -   `disabled`: when set, makes the anchor inoperable and changes the styling
--   _Methods_: Unchanged (none)
--   _Events_: Unchanged (none)
--   _CSS Classes and Custom Properties that affect the component_: Unchanged (none)
--   _Slots_: We _will_ expose/document the start and end slots for the button-like anchor. For consistency with the button API, we will recommend the same method of slotting icons into these slots.
+- _Component Name_: `nimble-anchor-button`
+- _Properties/Attributes_: We will have the following properties/attributes in addition to the ones provided by the FAST anchor:
+    - `appearance`:
+        - `"outline"`: same as button design
+        - `"ghost"`: same as button design
+        - `"block"`: same as button design
+    - `appearance-variant`:
+        - `"default"`: `undefined` (as per our common attribute guidelines)
+        - `"primary"`: applies only to button-based styles and has the same effect as on buttons
+    - `content-hidden`: when set, hides the label and end slot
+    - `disabled`: when set, makes the anchor inoperable and changes the styling
+- _Methods_: Unchanged (none)
+- _Events_: Unchanged (none)
+- _CSS Classes and Custom Properties that affect the component_: Unchanged (none)
+- _Slots_: We _will_ expose/document the start and end slots for the button-like anchor. For consistency with the button API, we will recommend the same method of slotting icons into these slots.
 
 ### Angular integration
 
@@ -80,15 +80,15 @@ As shown above, clients using [routerLink] can also set queryParams dynamically,
 
 Angular has two directives handling [routerLink]:
 
--   [RouterLink](https://github.com/angular/angular/blob/0a2191f8e7e232087aab0a7a9eb9ee6871580267/packages/router/src/directives/router_link.ts#L119): Selector `:not(a):not(area)[routerLink]`. Does a router navigation on left-click; handles Ctrl-Click the same way; does not compute an href (as it doesn't target `<a>` elements)
--   [RouterLinkWithHref](https://github.com/angular/angular/blob/0a2191f8e7e232087aab0a7a9eb9ee6871580267/packages/router/src/directives/router_link.ts#L257): Selector `a[routerLink],area[routerLink]`: Computes an href for the anchor element it targets; left-click does a router navigation; Ctrl-click and middle-mouse-button click defer to the browser (to open a new tab/window)
+- [RouterLink](https://github.com/angular/angular/blob/0a2191f8e7e232087aab0a7a9eb9ee6871580267/packages/router/src/directives/router_link.ts#L119): Selector `:not(a):not(area)[routerLink]`. Does a router navigation on left-click; handles Ctrl-Click the same way; does not compute an href (as it doesn't target `<a>` elements)
+- [RouterLinkWithHref](https://github.com/angular/angular/blob/0a2191f8e7e232087aab0a7a9eb9ee6871580267/packages/router/src/directives/router_link.ts#L257): Selector `a[routerLink],area[routerLink]`: Computes an href for the anchor element it targets; left-click does a router navigation; Ctrl-click and middle-mouse-button click defer to the browser (to open a new tab/window)
 
 We want the behavior of RouterLinkWithHref, so we can subclass it and update the selector to target `nimble-anchor`.
 However, if we have clients use the existing `routerLink` attribute to opt into our directive, there'll still be a RouterLink directive active doing the wrong action too. In current Angular versions there's not a good way to disable RouterLink navigation ([see the comment on this Angular commit](https://github.com/angular/angular/commit/ccb09b4558a3864fb5b2fe2214d08f1c1fe2758f)).
 
 We will follow the same approach previously used for the BreadcrumbItem:
 
--   Our directive's selector will be `nimble-anchor[nimbleRouterLink]`, and the directive will define `@Input nimbleRouterLink` (which sets `routerLink`). This is a small change for clients which we will document (consistent with BreadcrumbItem), and other routerLink attributes can still be used as-is:
+- Our directive's selector will be `nimble-anchor[nimbleRouterLink]`, and the directive will define `@Input nimbleRouterLink` (which sets `routerLink`). This is a small change for clients which we will document (consistent with BreadcrumbItem), and other routerLink attributes can still be used as-is:
     ```html
     <nimble-anchor
         nimbleRouterLink="/customapp"
@@ -98,7 +98,7 @@ We will follow the same approach previously used for the BreadcrumbItem:
         Custom App Page
     </nimble-anchor>
     ```
--   A second directive will be provided to disable use of the `routerLink` attribute on `nimble-anchor` elements.
+- A second directive will be provided to disable use of the `routerLink` attribute on `nimble-anchor` elements.
 
 Another option would be to try to reuse the two directives created for the BreadcrumbLink for these purposes (i.e. NimbleBreadcrumbItemRouterLinkWithHrefDirective and NimbleBreadcrumbItemRouterLinkDirective). There is so little in these directives, though, that it is simpler just to create duplicates for the anchor.
 
@@ -108,20 +108,20 @@ We will create Blazor wrappers for the anchor and button-like anchor. Judging by
 
 ### Additional requirements
 
--   _User interaction:_ None
--   _Styling:_
-    -   When it has keyboard focus, the anchor will have a double underline.
-    -   CSS for button styles will be shared as much as possible
-    -   CSS for hyperlink styles will be shared as much as possible with the Breadcrumb
--   _Testing:_ None
--   _Documentation:_ Should direct users to set `inline` when using the anchor inline with text.
--   _Tooling:_ None
--   _Accessibility:_
-    -   Need to `applyMixins` on the Nimble anchor type, from the `DelegatesARIALink` class.
-    -   The anchor button is functionally closer to an anchor than to a button, so it will have the ARIA role of `link` (rather than `button`). This will be automatic, as the shadow root will contain a native HTML `<a>` element which naturally has the role `link`.
--   _Globalization:_ None
--   _Performance:_ None
--   _Security:_ None
+- _User interaction:_ None
+- _Styling:_
+    - When it has keyboard focus, the anchor will have a double underline.
+    - CSS for button styles will be shared as much as possible
+    - CSS for hyperlink styles will be shared as much as possible with the Breadcrumb
+- _Testing:_ None
+- _Documentation:_ Should direct users to set `inline` when using the anchor inline with text.
+- _Tooling:_ None
+- _Accessibility:_
+    - Need to `applyMixins` on the Nimble anchor type, from the `DelegatesARIALink` class.
+    - The anchor button is functionally closer to an anchor than to a button, so it will have the ARIA role of `link` (rather than `button`). This will be automatic, as the shadow root will contain a native HTML `<a>` element which naturally has the role `link`.
+- _Globalization:_ None
+- _Performance:_ None
+- _Security:_ None
 
 ---
 
@@ -133,13 +133,13 @@ We will create Blazor wrappers for the anchor and button-like anchor. Judging by
 
 In the future, we expect to support anchors within other controls, e.g.
 
--   tabs
--   menu
--   tree
+- tabs
+- menu
+- tree
 
 Unfortunately it's not as simple as dropping `nimble-anchor`s into the existing components. Each of these has its own considerations and challenges.
 
--   **Tabs**
+- **Tabs**
 
     The `nimble-tabs` component currently is structured with children having a 1-to-1 relationship between `nimble-tab` children and `nimble-tab-panel` children:
 
@@ -178,7 +178,7 @@ Unfortunately it's not as simple as dropping `nimble-anchor`s into the existing
 
     Another thought might be to merge both approaches, having a `tablist` containing elements that are both `tab` and `link`. While the `role` attribute may be a list of multiple space-separated values, [only one value from the list is honored](https://stackoverflow.com/questions/27019753/can-i-use-multiple-aria-roles-on-a-parent-element).
 
--   **Menu**
+- **Menu**
 
     Should the ARIA role for a link in a menu be `link` or `menuitem`? The examples I have found go with the latter, and this is supported by the fact that the ARIA [spec](https://w3c.github.io/aria/#menu) for the `menu` role limits the roles of child items to `menuitem`, `menuitemcheckbox`, `menuitemradio`, or `group`s thereof. We can't give it both `link` and `menuitem` roles for the reason I gave in the preceeding section.
 
@@ -193,13 +193,13 @@ Unfortunately it's not as simple as dropping `nimble-anchor`s into the existing
     </nimble-menu>
     ```
 
--   **Tree**
+- **Tree**
 
     The tree use case is very similar to the menu use case. I have not found examples of sites with trees (i.e. `role=tree`) with links, but based on the ARIA docs, I suspect the correct role for a link in a tree is `treeitem`. For the same reasons as the menu case, I suspect it would be cleaner and more maintainable to create a separate `nimble-anchor-tree-item`.
 
 If we are creating new components for anchors in tabs, menus, and trees, then for consistency, should we create a separate one for button-like links as well? Buttons and links are similar ARIA roles ([the](https://w3c.github.io/aria/#button) [spec](https://w3c.github.io/aria/#link) even links them to each other). We could model a button-link as just an appearance mode of the link. However, they are semantically distinct, and there are no obvious benefits to combining the two, except having one fewer component. Arguments for having a separate anchor button component include:
 
--   consistent with existing button variations:
+- consistent with existing button variations:
     ```html
     <nimble-button>
         <nimble-menu-button>
@@ -207,8 +207,8 @@ If we are creating new components for anchors in tabs, menus, and trees, then fo
                 <nimble-anchor-button></nimble-anchor-button></nimble-toggle-button></nimble-menu-button
     ></nimble-button>
     ```
--   easily switching between standard anchor and button-like appearance (API-wise) is not a significant benefit
--   allows us to have separate Angular directives, which gives us more freedom in case we need it
+- easily switching between standard anchor and button-like appearance (API-wise) is not a significant benefit
+- allows us to have separate Angular directives, which gives us more freedom in case we need it
 
 ---
 
diff --git a/packages/nimble-components/src/anchor/tests/anchor.spec.ts b/packages/nimble-components/src/anchor/tests/anchor.spec.ts
index 76c9da8758..4628a24d47 100644
--- a/packages/nimble-components/src/anchor/tests/anchor.spec.ts
+++ b/packages/nimble-components/src/anchor/tests/anchor.spec.ts
@@ -2,7 +2,7 @@ import { html } from '@microsoft/fast-element';
 import { parameterizeSpec } from '@ni/jasmine-parameterized';
 import { Anchor, anchorTag } from '..';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 
 async function setup(): Promise<Fixture<Anchor>> {
     return await fixture<Anchor>(html`<${anchorTag}></${anchorTag}>`);
diff --git a/packages/nimble-components/src/anchored-region/specs/README.md b/packages/nimble-components/src/anchored-region/specs/README.md
index bf01994e09..ff7043f5cb 100644
--- a/packages/nimble-components/src/anchored-region/specs/README.md
+++ b/packages/nimble-components/src/anchored-region/specs/README.md
@@ -14,10 +14,10 @@ The anchored region is a dependency of some other components because the FAST te
 
 FAST components that rely on the anchored region:
 
--   Tooltip
--   Menu items that contain nested menus
--   Picker
--   Possibly the Select in the future ([see discussion on this issue](https://github.com/microsoft/fast/issues/4791))
+- Tooltip
+- Menu items that contain nested menus
+- Picker
+- Possibly the Select in the future ([see discussion on this issue](https://github.com/microsoft/fast/issues/4791))
 
 ## Design
 
@@ -25,12 +25,12 @@ FAST components that rely on the anchored region:
 
 [FAST achored region API](https://github.com/microsoft/fast/blob/5a3761ad4183d51ddb229952d3bd4daed87ff7fc/packages/web-components/fast-foundation/src/anchored-region/anchored-region.spec.md)
 
--   _Component Name:_ `nimble-anchored-region`
--   _Properties/Attributes:_ Unchanged
--   _Methods:_ Unchanged (none)
--   _Events:_ Unchanged
--   _CSS Classes and Custom Properties that affect the component:_ None
--   _Slots:_ Unchanged
+- _Component Name:_ `nimble-anchored-region`
+- _Properties/Attributes:_ Unchanged
+- _Methods:_ Unchanged (none)
+- _Events:_ Unchanged
+- _CSS Classes and Custom Properties that affect the component:_ None
+- _Slots:_ Unchanged
 
 ### Angular integration
 
diff --git a/packages/nimble-components/src/banner/index.ts b/packages/nimble-components/src/banner/index.ts
index 66f8dcb09d..508db632c0 100644
--- a/packages/nimble-components/src/banner/index.ts
+++ b/packages/nimble-components/src/banner/index.ts
@@ -7,7 +7,7 @@ import {
 } from '@microsoft/fast-foundation';
 import { styles } from './styles';
 import { template } from './template';
-import { BannerSeverity, BannerToggleEventDetail } from './types';
+import { BannerSeverity, type BannerToggleEventDetail } from './types';
 
 declare global {
     interface HTMLElementTagNameMap {
diff --git a/packages/nimble-components/src/banner/specs/README.md b/packages/nimble-components/src/banner/specs/README.md
index 360bc71779..949f0145f3 100644
--- a/packages/nimble-components/src/banner/specs/README.md
+++ b/packages/nimble-components/src/banner/specs/README.md
@@ -12,15 +12,15 @@ The banner is a component used to display a persistent notification to a user.
 
 ### Non-goals
 
--   Arbitrary HTML content
--   A container component that would enforce design constraints on multiple banners displayed together
--   Limiting length of displayed text and/or truncating text with ellipsis
+- Arbitrary HTML content
+- A container component that would enforce design constraints on multiple banners displayed together
+- Limiting length of displayed text and/or truncating text with ellipsis
 
 ### Features
 
--   Optionally dismissable
--   Optional link or button (only 1) to perform an action/navigation
--   Distinct designs for banners of severity Error, Warning, Info, or Default
+- Optionally dismissable
+- Optional link or button (only 1) to perform an action/navigation
+- Distinct designs for banners of severity Error, Warning, Info, or Default
 
 ### Risks and Challenges
 
@@ -44,20 +44,20 @@ When the user presses the dismiss button, we will hide the banner (`display:none
 
 _The key elements of the component's public API surface:_
 
--   _Component Name_: `nimble-banner`
--   _Props/Attrs_:
-    -   `open` - whether the banner is visible or not
-    -   `prevent-dismiss` - set to hide the dismiss button (attr name taken from Nimble dialog)
-    -   `severity` - one of `error`, `warning`, `info`, or undefined (default)
-    -   `title-hidden` - set to hide the title text, which should always be provided for a11y reasons
--   _Methods_
--   _Events_
-    -   `toggle` - fired when the banner is closed or opened. Event has `newState` and `oldState`.
--   _Slots_
-    -   `title` - for the title/header text
-    -   (default) - for the primary message text
-    -   `action` - for the action button/link
--   _CSS Classes and CSS Custom Properties that affect the component_
+- _Component Name_: `nimble-banner`
+- _Props/Attrs_:
+    - `open` - whether the banner is visible or not
+    - `prevent-dismiss` - set to hide the dismiss button (attr name taken from Nimble dialog)
+    - `severity` - one of `error`, `warning`, `info`, or undefined (default)
+    - `title-hidden` - set to hide the title text, which should always be provided for a11y reasons
+- _Methods_
+- _Events_
+    - `toggle` - fired when the banner is closed or opened. Event has `newState` and `oldState`.
+- _Slots_
+    - `title` - for the title/header text
+    - (default) - for the primary message text
+    - `action` - for the action button/link
+- _CSS Classes and CSS Custom Properties that affect the component_
 
 We only formally support spans of text in the `title` and default slots, but we will not explicitly prevent other HTML from being slotted there. The `action` slot only supports a single `nimble-button` or `nimble-anchor`, but again, we will not do anything to enforce this.
 
@@ -130,13 +130,13 @@ See XD document link at the top of this document.
 
 The biggest issue is that we will have to completely re-style the icons, link, and buttons:
 
--   Primary icon (error, warning, or info) color is transparent white (in all themes)
--   Action button height is 24px (instead of 32px)
--   Action button hover border color is white (in all themes)
--   Action link color is white (in all themes)
--   Close button is 16px square
--   Close button icon is 8px square
--   Close button hover effect is background color change (transparent white) rather than border
+- Primary icon (error, warning, or info) color is transparent white (in all themes)
+- Action button height is 24px (instead of 32px)
+- Action button hover border color is white (in all themes)
+- Action link color is white (in all themes)
+- Close button is 16px square
+- Close button icon is 8px square
+- Close button hover effect is background color change (transparent white) rather than border
 
 We are not able to directly style some of these elements, because they are in the shadow DOM of `nimble-icon-*` and `nimble-button`. We will have to resort to overriding Nimble token values, like `--ni-nimble-icon-color` and `--ni-nimble-icon-size`.
 
@@ -152,17 +152,17 @@ N/A
 
 _Consider the accessibility of the component, including:_
 
--   _Keyboard Navigation and Focus_
-    -   the action button/link and the dismiss button will be focusable tab stops
--   _Form Input_
-    -   N/A
--   _Use with Assistive Technology_
-    -   the banner will have the ARIA role of `status`. The role `alert` was considered, but it is too aggressive for the range of banner use cases.
-    -   the `status` role has implicit `aria-live` value of `polite`
-    -   if the user supplies a title, we will set `aria-label` to that value
-    -   the user may specify `aria-label` on the `nimble-banner`, but it is not required
--   _Behavior with browser configurations like "Prefers reduced motion"_
-    -   N/A
+- _Keyboard Navigation and Focus_
+    - the action button/link and the dismiss button will be focusable tab stops
+- _Form Input_
+    - N/A
+- _Use with Assistive Technology_
+    - the banner will have the ARIA role of `status`. The role `alert` was considered, but it is too aggressive for the range of banner use cases.
+    - the `status` role has implicit `aria-live` value of `polite`
+    - if the user supplies a title, we will set `aria-label` to that value
+    - the user may specify `aria-label` on the `nimble-banner`, but it is not required
+- _Behavior with browser configurations like "Prefers reduced motion"_
+    - N/A
 
 ### Globalization
 
diff --git a/packages/nimble-components/src/banner/tests/banner.spec.ts b/packages/nimble-components/src/banner/tests/banner.spec.ts
index eaf9de6e46..46f465cf73 100644
--- a/packages/nimble-components/src/banner/tests/banner.spec.ts
+++ b/packages/nimble-components/src/banner/tests/banner.spec.ts
@@ -1,5 +1,5 @@
 import { html } from '@microsoft/fast-element';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { Banner, bannerTag } from '..';
 import { BannerSeverity } from '../types';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
diff --git a/packages/nimble-components/src/breadcrumb-item/index.ts b/packages/nimble-components/src/breadcrumb-item/index.ts
index a695c44e4a..15e88ec65c 100644
--- a/packages/nimble-components/src/breadcrumb-item/index.ts
+++ b/packages/nimble-components/src/breadcrumb-item/index.ts
@@ -2,7 +2,7 @@ import {
     DesignSystem,
     BreadcrumbItem as FoundationBreadcrumbItem,
     breadcrumbItemTemplate as template,
-    BreadcrumbItemOptions
+    type BreadcrumbItemOptions
 } from '@microsoft/fast-foundation';
 import { forwardSlash16X16 } from '@ni/nimble-tokens/dist/icons/js';
 import { styles } from './styles';
diff --git a/packages/nimble-components/src/breadcrumb/specs/README.md b/packages/nimble-components/src/breadcrumb/specs/README.md
index 1ff05e4579..13ad4378c6 100644
--- a/packages/nimble-components/src/breadcrumb/specs/README.md
+++ b/packages/nimble-components/src/breadcrumb/specs/README.md
@@ -38,44 +38,44 @@ Note: href is optional, and the breadcrumb will render as regular text if href i
 
 FAST API Documentation/ Specs
 
--   [breadcrumb and breadcrumb-item](https://github.com/microsoft/fast/blob/2cbba7d9ed4900ef2c69d0a9721cc98d742a583d/packages/web-components/fast-foundation/src/breadcrumb/breadcrumb.spec.md)
--   [anchor](https://github.com/microsoft/fast/blob/2cbba7d9ed4900ef2c69d0a9721cc98d742a583d/packages/web-components/fast-foundation/src/anchor/README.md) (FAST breadcrumb-item extends this) - API based on built-in [&lt;a&gt;](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) element
+- [breadcrumb and breadcrumb-item](https://github.com/microsoft/fast/blob/2cbba7d9ed4900ef2c69d0a9721cc98d742a583d/packages/web-components/fast-foundation/src/breadcrumb/breadcrumb.spec.md)
+- [anchor](https://github.com/microsoft/fast/blob/2cbba7d9ed4900ef2c69d0a9721cc98d742a583d/packages/web-components/fast-foundation/src/anchor/README.md) (FAST breadcrumb-item extends this) - API based on built-in [&lt;a&gt;](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) element
 
 Component Name: `nimble-breadcrumb` (extends fast-foundation Breadcrumb)
 
--   Template: Unchanged (FAST's)
--   Properties/Attributes: Unchanged
--   Methods: Unchanged
--   Events: Unchanged
--   CSS Classes and Custom Properties that affect the component: Unchanged/None
--   Slots: Unchanged
+- Template: Unchanged (FAST's)
+- Properties/Attributes: Unchanged
+- Methods: Unchanged
+- Events: Unchanged
+- CSS Classes and Custom Properties that affect the component: Unchanged/None
+- Slots: Unchanged
 
 Component Name: `nimble-breadcrumb-item` (extends fast-foundation BreadcrumbItem)
 
--   FAST's default separator (between breadcrumb items) is `/`, however for Nimble, the default separator will be `>` (specifically the Nimble `controlsArrowExpanderRight16X16` icon)
--   Template: Unchanged (FAST's)
-    -   Specifically this means nimble-breadcrumb-item will **not** directly use `nimble-anchor` in its template - rather, both nimble-breadcrumb-item and nimble-anchor, when href is set, will use the FAST Anchor template which contains an `<a>` element.
--   Properties/Attributes: Unchanged
-    -   (If we want Nimble anchors/breadcrumbs to support button styles) New property **appearance** with possible values "hypertext","outline","ghost","block". Default is "hypertext".
-    -   All FAST Anchor properties/attributes are unchanged and available
-    -   Note: Most expected usages will only use `href`
--   Methods: Unchanged
--   Events: Unchanged
--   CSS Classes and Custom Properties that affect the component: Unchanged/None
--   Slots: Default for the "separator" slot is `>` as noted above; otherwise unchanged
-    -   Clients can still change the separator if they wish, using the 'separator' slot provided by FAST. Example:
+- FAST's default separator (between breadcrumb items) is `/`, however for Nimble, the default separator will be `>` (specifically the Nimble `controlsArrowExpanderRight16X16` icon)
+- Template: Unchanged (FAST's)
+    - Specifically this means nimble-breadcrumb-item will **not** directly use `nimble-anchor` in its template - rather, both nimble-breadcrumb-item and nimble-anchor, when href is set, will use the FAST Anchor template which contains an `<a>` element.
+- Properties/Attributes: Unchanged
+    - (If we want Nimble anchors/breadcrumbs to support button styles) New property **appearance** with possible values "hypertext","outline","ghost","block". Default is "hypertext".
+    - All FAST Anchor properties/attributes are unchanged and available
+    - Note: Most expected usages will only use `href`
+- Methods: Unchanged
+- Events: Unchanged
+- CSS Classes and Custom Properties that affect the component: Unchanged/None
+- Slots: Default for the "separator" slot is `>` as noted above; otherwise unchanged
+    - Clients can still change the separator if they wish, using the 'separator' slot provided by FAST. Example:
         ```html
         <nimble-breadcrumb-item>
             Breadcrumb text
             <span slot="separator">//</span>
         </nimble-breadcrumb-item>
         ```
--   Design Tokens and Styling
-    -   With default/"hypertext" styling:
-        -   contentFontColor (if no href set)
-        -   hyperlinkFontColor (with href), hyperlinkFontColorHover (:hover), hyperlinkFontColorActive (:active), hyperlinkFontColorVisited (:visited)
-        -   Link underlining: Pending visual design; if used, will just be styles (not design tokens, as it won't vary by theme)
-    -   With button appearance styling, will use similar [appearanceBehaviors + styles as nimble-button](https://github.com/ni/nimble/blob/main/packages/nimble-components/src/button/styles.ts)
+- Design Tokens and Styling
+    - With default/"hypertext" styling:
+        - contentFontColor (if no href set)
+        - hyperlinkFontColor (with href), hyperlinkFontColorHover (:hover), hyperlinkFontColorActive (:active), hyperlinkFontColorVisited (:visited)
+        - Link underlining: Pending visual design; if used, will just be styles (not design tokens, as it won't vary by theme)
+    - With button appearance styling, will use similar [appearanceBehaviors + styles as nimble-button](https://github.com/ni/nimble/blob/main/packages/nimble-components/src/button/styles.ts)
 
 (These components do not require/use a `nimble-anchor` component, but once we have both, they'll share some styling/templates/design tokens.)
 
@@ -87,7 +87,7 @@ No attribute/property bindings.
 **NimbleBreadcrumbItemDirective**: Directive for selector `nimble-breadcrumb-item`.  
 Attribute bindings for all `<a>` properties inherited from fast-breadcrumb-item: `download`, `href`, `hreflang`, `ping`, `referrerpolicy`, `rel`, `target`, `type`.
 
--   Nimble Anchor can share this directive once created - we'd probably name it `NimbleAnchorDirective` with selector `nimble-anchor,nimble-breadcrumb-item`.
+- Nimble Anchor can share this directive once created - we'd probably name it `NimbleAnchorDirective` with selector `nimble-anchor,nimble-breadcrumb-item`.
 
 **[routerLink] and [routerLinkActive] Support**
 
@@ -109,14 +109,14 @@ One use case for the Nimble breadcrumb is the [SystemLink sl-breadcrumb-bar, whi
 
 Angular has 2 directives handling [routerLink]:
 
--   [RouterLink](https://github.com/angular/angular/blob/0a2191f8e7e232087aab0a7a9eb9ee6871580267/packages/router/src/directives/router_link.ts#L119): Selector `:not(a):not(area)[routerLink]`. Does a router navigation on left-click; handles Ctrl-Click the same way; does not compute an href (as it doesn't target `<a>` elements)
--   [RouterLinkWithHref](https://github.com/angular/angular/blob/0a2191f8e7e232087aab0a7a9eb9ee6871580267/packages/router/src/directives/router_link.ts#L257): Selector `a[routerLink],area[routerLink]`: Computes an href for the anchor element it targets; left-click does a router navigation; Ctrl-click and middle-mouse-button click defer to the browser (to open a new tab/window)
+- [RouterLink](https://github.com/angular/angular/blob/0a2191f8e7e232087aab0a7a9eb9ee6871580267/packages/router/src/directives/router_link.ts#L119): Selector `:not(a):not(area)[routerLink]`. Does a router navigation on left-click; handles Ctrl-Click the same way; does not compute an href (as it doesn't target `<a>` elements)
+- [RouterLinkWithHref](https://github.com/angular/angular/blob/0a2191f8e7e232087aab0a7a9eb9ee6871580267/packages/router/src/directives/router_link.ts#L257): Selector `a[routerLink],area[routerLink]`: Computes an href for the anchor element it targets; left-click does a router navigation; Ctrl-click and middle-mouse-button click defer to the browser (to open a new tab/window)
 
 We want the behavior of RouterLinkWithHref, so we can subclass it and update the selector to target `nimble-breadcrumb-item`.
 However, if we have clients use the existing `routerLink` attribute to opt into our directive, there'll still be a RouterLink directive active doing the wrong action too. In current Angular versions there's not a good way to disable RouterLink navigation ([see the comment on this Angular commit](https://github.com/angular/angular/commit/ccb09b4558a3864fb5b2fe2214d08f1c1fe2758f)).  
 We have a few options:
 
--   **Current Plan**: Make our directive selector something like `nimble-breadcrumb-item[nimbleRouterLink]`, and add an `@Input nimbleRouterLink` to our subclass (which sets `routerLink`). This is a small change for clients which we can document, and other routerLink attributes can still be used as-is:
+- **Current Plan**: Make our directive selector something like `nimble-breadcrumb-item[nimbleRouterLink]`, and add an `@Input nimbleRouterLink` to our subclass (which sets `routerLink`). This is a small change for clients which we can document, and other routerLink attributes can still be used as-is:
     ```html
     <nimble-breadcrumb-item
         nimbleRouterLink="/customapp"
@@ -126,33 +126,33 @@ We have a few options:
         Custom App Page
     </nimble-breadcrumb-item>
     ```
--   (Alternate/Fallback option) We can prevent the RouterLink onClick from being called (with a click listener on a child element, or with a listener with useCapture=true). For an example/ prototype implementation [see the directives here](https://github.com/ni/nimble/tree/d8d59a36a37baaccd0e45e9c6ad789023f48ce5d/angular-workspace/projects/ni/nimble-angular/src/directives/breadcrumb-item). (This prototype has the correct behavior for left-click, Ctrl-click, and middle-mouse click of breadcrumb item links, and href gets set correctly.)
+- (Alternate/Fallback option) We can prevent the RouterLink onClick from being called (with a click listener on a child element, or with a listener with useCapture=true). For an example/ prototype implementation [see the directives here](https://github.com/ni/nimble/tree/d8d59a36a37baaccd0e45e9c6ad789023f48ce5d/angular-workspace/projects/ni/nimble-angular/src/directives/breadcrumb-item). (This prototype has the correct behavior for left-click, Ctrl-click, and middle-mouse click of breadcrumb item links, and href gets set correctly.)
 
 (Nimble Anchor can share those directives once created.)
 
 ### Additional requirements
 
--   User interaction: FAST Breadcrumb Item supports button style, plus a 'hypertext' style - we'll probably end up with something similar, in which case FAST's behaviors/interactions should be the same things we want.
--   Styling:
-    -   FAST provides sufficient hooks (CSS Shadow Parts) for us to style all parts of a breadcrumb
-    -   `breadcrumb-item` uses `anchor`'s template when the 'href' property is set, we should be able to do the same thing. We'll use similar (or shared) styles for the breadcrumb-item and the anchor. See [nimble issue 324](https://github.com/ni/nimble/issues/324) which captures the nimble-anchor work.
-    -   The separator is a Shadow Part, which allow us (or Nimble clients) to offset the separator's position vertically, which may be needed to align icon-based separators with the breadcrumb item text.
--   Testing
-    -   FAST's breadcrumb/breadcrumb-item component tests look reasonable + sufficient
-    -   Angular directive tests need to cover our support for the [routerLink] / [routerLinkActive] directives
--   Documentation
-    -   Mostly standard Storybook examples
-    -   In example client app, include router example (multiple pages, with breadcrumbs using `[routerLink]` to navigate between them
-    -   Update nimble-angular readme to document/ link to example for nimble-breadcrumb with RouterLink (due to us using a different attribute name)
-    -   (Maybe) Showcase a non-default font, font size, and separator
--   Globalization:
-    -   FAST breadcrumb handles reversing items in RTL mode
-    -   Since we plan to use an icon for the separator, we can add styles to mirror/rotate it in RTL mode (using FAST's `DirectionalStyleSheetBehavior`). We can also swap the icon out entirely in RTL mode by specifying 2 icons in the template, and hide/show them based on the directionality.
-    -   If needed, clients with custom separators can also hide/show them in RTL mode with styles using the `:dir()` pseudoclass.
--   Tooling: N/A
--   Security: No additional concerns/ requirements. Clients can use all the normal anchor properties if desired (i.e. `rel`).
--   Accessibility: Template uses `<a>` when href is set, giving us standard link behavior (can be tabbed to, link navigation if Enter/Space pressed)
--   Performance: No concerns
+- User interaction: FAST Breadcrumb Item supports button style, plus a 'hypertext' style - we'll probably end up with something similar, in which case FAST's behaviors/interactions should be the same things we want.
+- Styling:
+    - FAST provides sufficient hooks (CSS Shadow Parts) for us to style all parts of a breadcrumb
+    - `breadcrumb-item` uses `anchor`'s template when the 'href' property is set, we should be able to do the same thing. We'll use similar (or shared) styles for the breadcrumb-item and the anchor. See [nimble issue 324](https://github.com/ni/nimble/issues/324) which captures the nimble-anchor work.
+    - The separator is a Shadow Part, which allow us (or Nimble clients) to offset the separator's position vertically, which may be needed to align icon-based separators with the breadcrumb item text.
+- Testing
+    - FAST's breadcrumb/breadcrumb-item component tests look reasonable + sufficient
+    - Angular directive tests need to cover our support for the [routerLink] / [routerLinkActive] directives
+- Documentation
+    - Mostly standard Storybook examples
+    - In example client app, include router example (multiple pages, with breadcrumbs using `[routerLink]` to navigate between them
+    - Update nimble-angular readme to document/ link to example for nimble-breadcrumb with RouterLink (due to us using a different attribute name)
+    - (Maybe) Showcase a non-default font, font size, and separator
+- Globalization:
+    - FAST breadcrumb handles reversing items in RTL mode
+    - Since we plan to use an icon for the separator, we can add styles to mirror/rotate it in RTL mode (using FAST's `DirectionalStyleSheetBehavior`). We can also swap the icon out entirely in RTL mode by specifying 2 icons in the template, and hide/show them based on the directionality.
+    - If needed, clients with custom separators can also hide/show them in RTL mode with styles using the `:dir()` pseudoclass.
+- Tooling: N/A
+- Security: No additional concerns/ requirements. Clients can use all the normal anchor properties if desired (i.e. `rel`).
+- Accessibility: Template uses `<a>` when href is set, giving us standard link behavior (can be tabbed to, link navigation if Enter/Space pressed)
+- Performance: No concerns
 
 ## Open Issues
 
diff --git a/packages/nimble-components/src/button/index.ts b/packages/nimble-components/src/button/index.ts
index 8b702638f8..5eb44c24f1 100644
--- a/packages/nimble-components/src/button/index.ts
+++ b/packages/nimble-components/src/button/index.ts
@@ -1,7 +1,7 @@
 import { attr, nullableNumberConverter } from '@microsoft/fast-element';
 import {
     Button as FoundationButton,
-    ButtonOptions,
+    type ButtonOptions,
     DesignSystem
 } from '@microsoft/fast-foundation';
 import type {
diff --git a/packages/nimble-components/src/button/specs/button-visual-states.md b/packages/nimble-components/src/button/specs/button-visual-states.md
index b20493410e..9fae8a7519 100644
--- a/packages/nimble-components/src/button/specs/button-visual-states.md
+++ b/packages/nimble-components/src/button/specs/button-visual-states.md
@@ -27,14 +27,14 @@ The current `appearance-variant` attribute will be used to hold these new states
 
 Only the `nimble-button` and `nimble-anchor-button` components will have the new visual design states.
 
--   Does the design follow an existing design in this codebase or FAST?
-    -   Yes, this follows exisiting button design, only the button colors are changed.
--   Does the design align with web standards like web components, ARIA, etc?
-    -   Yes
--   Does the design create new requirements on clients or break any APIs?
-    -   Possible breaking change in styling, as the previous style of the `primary` state used in `appearance-variant` will be replaced with the new styling
--   How does the design affect testing, documentation, performance, security, etc?
-    -   New Chromatic testing for updated styles / states.
+- Does the design follow an existing design in this codebase or FAST?
+    - Yes, this follows exisiting button design, only the button colors are changed.
+- Does the design align with web standards like web components, ARIA, etc?
+    - Yes
+- Does the design create new requirements on clients or break any APIs?
+    - Possible breaking change in styling, as the previous style of the `primary` state used in `appearance-variant` will be replaced with the new styling
+- How does the design affect testing, documentation, performance, security, etc?
+    - New Chromatic testing for updated styles / states.
 
 ## Alternative Implementations / Designs
 
diff --git a/packages/nimble-components/src/button/template.ts b/packages/nimble-components/src/button/template.ts
index fabe485441..ee1eab44dd 100644
--- a/packages/nimble-components/src/button/template.ts
+++ b/packages/nimble-components/src/button/template.ts
@@ -1,9 +1,9 @@
 import { html, ref, slotted } from '@microsoft/fast-element';
 import type { ViewTemplate } from '@microsoft/fast-element';
 import {
-    ButtonOptions,
+    type ButtonOptions,
     endSlotTemplate,
-    FoundationElementTemplate,
+    type FoundationElementTemplate,
     startSlotTemplate
 } from '@microsoft/fast-foundation';
 import type { Button } from '.';
diff --git a/packages/nimble-components/src/card-button/specs/README.md b/packages/nimble-components/src/card-button/specs/README.md
index 94f77c23b0..a0d0f6460a 100644
--- a/packages/nimble-components/src/card-button/specs/README.md
+++ b/packages/nimble-components/src/card-button/specs/README.md
@@ -18,12 +18,12 @@ The `nimble-card-button` will have minimal styling associate with it, as the maj
 
 [FAST button API](https://github.com/microsoft/fast/blob/0f63894082e89bbd7502e507d92932561322899e/packages/web-components/fast-foundation/src/button/button.spec.md)
 
--   Component Name - `nimble-card-button`
--   Properties/Attributes - An additional `selected` boolean attribute that has styling associated with it will be added. This is required by the summary panel in SystemLink. An attribute is preferred over a CSS class in this case to enable ARIA attributes to be tied to the `selected` state in the future (see open issues section for more information).
--   Methods - _unchanged_
--   Events - _unchanged_
--   CSS Classes and Custom Properties that affect the component - _unchanged_
--   Slots - The `start` and `end` slots of the FAST button will not be used because it is the responsibility of client apps to style their content. Therfore, the `start` and `end` slots will be styled as hidden.
+- Component Name - `nimble-card-button`
+- Properties/Attributes - An additional `selected` boolean attribute that has styling associated with it will be added. This is required by the summary panel in SystemLink. An attribute is preferred over a CSS class in this case to enable ARIA attributes to be tied to the `selected` state in the future (see open issues section for more information).
+- Methods - _unchanged_
+- Events - _unchanged_
+- CSS Classes and Custom Properties that affect the component - _unchanged_
+- Slots - The `start` and `end` slots of the FAST button will not be used because it is the responsibility of client apps to style their content. Therfore, the `start` and `end` slots will be styled as hidden.
 
 ### Angular integration
 
@@ -35,14 +35,14 @@ A Blazor wrapper will be created for the new component.
 
 ### Additional requirements
 
--   Styling: A `selected` attribute will added to the API and will be used for styling.
--   _Testing: No additional requirements_
--   _Documentation: No additional requirements_
--   _Tooling: No additional requirements_
--   _Accessibility: No additional requirements. Accessibility behaviors like role and keyboard interaction will be inherited from the native HTML button._
--   _Globalization: No additional requirements_
--   _Performance: No additional requirements_
--   _Security: No additional requirements_
+- Styling: A `selected` attribute will added to the API and will be used for styling.
+- _Testing: No additional requirements_
+- _Documentation: No additional requirements_
+- _Tooling: No additional requirements_
+- _Accessibility: No additional requirements. Accessibility behaviors like role and keyboard interaction will be inherited from the native HTML button._
+- _Globalization: No additional requirements_
+- _Performance: No additional requirements_
+- _Security: No additional requirements_
 
 ## Alternative Solutions
 
@@ -66,8 +66,8 @@ Because the new component has the concept of being selected, an option could be
 
 ## Open Issues
 
--   Should an ARIA attribute be associated with the `selected` attribute?
-    -   It's possible that `aria-current` is the most appropriate attribute, but there are a number of open questions surrounding this:
-        -   Would that ARIA attribute actually benefit screen reader users? [See here for more info](https://www.accessibility-developer-guide.com/examples/sensible-aria-usage/current/#peculiarities-and-side-effects)
-        -   Would the buttons need to be parented within an element with `role="group`? If so, is there an additional nimble component that needs to be created to parent the collection of `nimble-card-button` elements, or is it the responsibility of clients to set the role on an appropriate element within an app?
-        -   Does there need to be a way for a client to opt out of setting `aria-current`, such as a `standalone` attribute, or is setting `aria-current="false"` sufficient?
+- Should an ARIA attribute be associated with the `selected` attribute?
+    - It's possible that `aria-current` is the most appropriate attribute, but there are a number of open questions surrounding this:
+        - Would that ARIA attribute actually benefit screen reader users? [See here for more info](https://www.accessibility-developer-guide.com/examples/sensible-aria-usage/current/#peculiarities-and-side-effects)
+        - Would the buttons need to be parented within an element with `role="group`? If so, is there an additional nimble component that needs to be created to parent the collection of `nimble-card-button` elements, or is it the responsibility of clients to set the role on an appropriate element within an app?
+        - Does there need to be a way for a client to opt out of setting `aria-current`, such as a `standalone` attribute, or is setting `aria-current="false"` sufficient?
diff --git a/packages/nimble-components/src/card/specs/README.md b/packages/nimble-components/src/card/specs/README.md
index a1fc444e2e..44d59dd836 100644
--- a/packages/nimble-components/src/card/specs/README.md
+++ b/packages/nimble-components/src/card/specs/README.md
@@ -66,21 +66,21 @@ because we don't know if we will require different tokens from the existing comp
 
 [`fast-card` spec](https://github.com/microsoft/fast/blob/b78c921ec4e49ec9d7ec980f079ec114045df42e/packages/web-components/fast-foundation/src/card/card.spec.md)
 
--   _Component Name_
-    -   `nimble-card`
--   _Properties/Attributes_
-    -   _(none)_
--   _Methods_
-    -   _(none)_
--   _Events_
-    -   _(none)_
--   _CSS Classes and Custom Properties that affect the component_
-    -   _(none)_
--   _Slots_
-    -   `title`
-        -   A title to display in the `nimble-card`
-    -   `(default)`
-        -   Arbitrary content to display in the `nimble-card`.
+- _Component Name_
+    - `nimble-card`
+- _Properties/Attributes_
+    - _(none)_
+- _Methods_
+    - _(none)_
+- _Events_
+    - _(none)_
+- _CSS Classes and Custom Properties that affect the component_
+    - _(none)_
+- _Slots_
+    - `title`
+        - A title to display in the `nimble-card`
+    - `(default)`
+        - Arbitrary content to display in the `nimble-card`.
 
 ### Angular integration
 
@@ -94,28 +94,28 @@ so it will need a `ChildContent` parameter.
 
 ### Additional requirements
 
--   _User interaction: Do the FAST component's behaviors match the visual design spec? When they differ, which approach is preferable and why?_
-    -   No additional requirements. The initial `nimble-card` will have no interactions.
--   _Styling: Does FAST provide APIs to achieve the styling in the visual design spec?_
-    -   No additional requirements expected here.
--   _Testing: Is FAST's coverage sufficient? Should we write any tests beyond Chromatic visual tests?_
-    -   No additional requirements
--   _Documentation: Any requirements besides standard Storybook docs and updating the Example Client App demo?_
-    -   No additional requirements
--   _Tooling: Any new tools, updates to tools, code generation, etc?_
-    -   No additional requirements
--   _Accessibility: keyboard navigation/focus, form input, use with assistive technology, etc._
-    -   We will use a `section` element in the template, which will use `aria-labelledby` to set the label to the text of the `title` slot.
-    -   The `nimble-card` itself does not receive keyboard focus and tabbing jumps to the first focusable component inside the `nimble-card`.
--   _Mobile: small screens, touch interactions, mobile-specific integrations_
-    -   No additional requirements. By default, the `nimble-card` will fit its height to its content and grow/shrink horizontally to
-        fit its parent container. Other mobile-friendly considerations are up to the client and the settings on the child components.
--   _Globalization: special RTL handling, swapping of icons/visuals, localization, etc._
-    -   No additional requirements
--   _Performance: does the FAST component meet Nimble's performance requirements?_
-    -   No additional requirements
--   _Security: Any requirements for security?_
-    -   No additional requirements
+- _User interaction: Do the FAST component's behaviors match the visual design spec? When they differ, which approach is preferable and why?_
+    - No additional requirements. The initial `nimble-card` will have no interactions.
+- _Styling: Does FAST provide APIs to achieve the styling in the visual design spec?_
+    - No additional requirements expected here.
+- _Testing: Is FAST's coverage sufficient? Should we write any tests beyond Chromatic visual tests?_
+    - No additional requirements
+- _Documentation: Any requirements besides standard Storybook docs and updating the Example Client App demo?_
+    - No additional requirements
+- _Tooling: Any new tools, updates to tools, code generation, etc?_
+    - No additional requirements
+- _Accessibility: keyboard navigation/focus, form input, use with assistive technology, etc._
+    - We will use a `section` element in the template, which will use `aria-labelledby` to set the label to the text of the `title` slot.
+    - The `nimble-card` itself does not receive keyboard focus and tabbing jumps to the first focusable component inside the `nimble-card`.
+- _Mobile: small screens, touch interactions, mobile-specific integrations_
+    - No additional requirements. By default, the `nimble-card` will fit its height to its content and grow/shrink horizontally to
+      fit its parent container. Other mobile-friendly considerations are up to the client and the settings on the child components.
+- _Globalization: special RTL handling, swapping of icons/visuals, localization, etc._
+    - No additional requirements
+- _Performance: does the FAST component meet Nimble's performance requirements?_
+    - No additional requirements
+- _Security: Any requirements for security?_
+    - No additional requirements
 
 ---
 
diff --git a/packages/nimble-components/src/checkbox/index.ts b/packages/nimble-components/src/checkbox/index.ts
index 225b985075..e2d336ca7f 100644
--- a/packages/nimble-components/src/checkbox/index.ts
+++ b/packages/nimble-components/src/checkbox/index.ts
@@ -2,12 +2,12 @@ import { attr, nullableNumberConverter } from '@microsoft/fast-element';
 import {
     DesignSystem,
     Checkbox as FoundationCheckbox,
-    CheckboxOptions
+    type CheckboxOptions
 } from '@microsoft/fast-foundation';
 import { check16X16, minus16X16 } from '@ni/nimble-tokens/dist/icons/js';
 import { styles } from './styles';
 import { template } from './template';
-import type { ErrorPattern } from '../patterns/error/types';
+import { mixinErrorPattern } from '../patterns/error/types';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -18,7 +18,7 @@ declare global {
 /**
  * A nimble-styled checkbox control.
  */
-export class Checkbox extends FoundationCheckbox implements ErrorPattern {
+export class Checkbox extends mixinErrorPattern(FoundationCheckbox) {
     /**
      * @public
      * @remarks
@@ -27,12 +27,6 @@ export class Checkbox extends FoundationCheckbox implements ErrorPattern {
     @attr({ attribute: 'tabindex', converter: nullableNumberConverter })
     public override tabIndex!: number;
 
-    @attr({ attribute: 'error-text' })
-    public errorText?: string;
-
-    @attr({ attribute: 'error-visible', mode: 'boolean' })
-    public errorVisible = false;
-
     /**
      * @internal
      */
diff --git a/packages/nimble-components/src/checkbox/specs/error-state.md b/packages/nimble-components/src/checkbox/specs/error-state.md
index 970b35c8e6..dc1cb6dcc3 100644
--- a/packages/nimble-components/src/checkbox/specs/error-state.md
+++ b/packages/nimble-components/src/checkbox/specs/error-state.md
@@ -6,12 +6,12 @@ The `nimble-checkbox` needs to have an error state associated with it. Following
 
 ### Background
 
--   [Visual design spec](https://www.figma.com/design/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?node-id=1295-63148&node-type=canvas&t=sJ2Fhm1vLoZ4zpsK-0)
--   [Nimble issue 2018: Error state for nimble-checkbox](https://github.com/ni/nimble/issues/2018)
+- [Visual design spec](https://www.figma.com/design/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?node-id=1295-63148&node-type=canvas&t=sJ2Fhm1vLoZ4zpsK-0)
+- [Nimble issue 2018: Error state for nimble-checkbox](https://github.com/ni/nimble/issues/2018)
 
 The following issue associated with the checkbox will also be addressed as part of the work to add an error state on the checkbox:
 
--   [Nimble issue 2091: nimble-checkbox has incorrect height](https://github.com/ni/nimble/issues/2091)
+- [Nimble issue 2091: nimble-checkbox has incorrect height](https://github.com/ni/nimble/issues/2091)
 
 ## Design
 
@@ -19,12 +19,12 @@ The `nimble-checkbox` will be updated to be able to show an error associated wit
 
 At a high-level, the design of the component will be:
 
--   Red error text below the component
-    -   The error text does not wrap
-    -   It has an ellipsis if the text is longer than the control
-    -   The `title` of the text is the full error string
--   Red error icon (`nimble-icon-exclamation-mark`) on the right side of the label with a 4px margin between the icon and the right edge of the control
--   Control indicator (checkbox square) and error icon will both be center-aligned with the first line of label text, both when the label text wraps and when it fits on a single line.
+- Red error text below the component
+    - The error text does not wrap
+    - It has an ellipsis if the text is longer than the control
+    - The `title` of the text is the full error string
+- Red error icon (`nimble-icon-exclamation-mark`) on the right side of the label with a 4px margin between the icon and the right edge of the control
+- Control indicator (checkbox square) and error icon will both be center-aligned with the first line of label text, both when the label text wraps and when it fits on a single line.
 
 Below are some examples of how the checkbox will look with an error.
 
@@ -36,8 +36,8 @@ Below are some examples of how the checkbox will look with an error.
 
 The `nimble-checkbox` will be updated to implement the `ErrorPattern` interface. This means it will have two new attributes:
 
--   `error-text` - string
--   `error-visible` - boolean
+- `error-text` - string
+- `error-visible` - boolean
 
 The `error-visible` boolean will control whether or not a red exclamation icon will be visible next to the checkbox label and whether or not the `error-text` is displayed below the checkbox label.
 
@@ -53,10 +53,10 @@ The `nimble-checkbox` needs styling updates to align it with the current visual
 
 The styling changes include (but may not be limited to):
 
--   Updating the control height to respect the `controlHeight` token rather than being sized to the text and/or checked/selected indicator
--   Correct the layout of the control when the label wraps. This includes:
-    -   Verifying the label wraps when the label is longer than the allocated space for the control
-    -   Ensuring the checked/selected indicator is center aligned with the first line of text
+- Updating the control height to respect the `controlHeight` token rather than being sized to the text and/or checked/selected indicator
+- Correct the layout of the control when the label wraps. This includes:
+    - Verifying the label wraps when the label is longer than the allocated space for the control
+    - Ensuring the checked/selected indicator is center aligned with the first line of text
 
 ### Future Work
 
diff --git a/packages/nimble-components/src/checkbox/styles.ts b/packages/nimble-components/src/checkbox/styles.ts
index 0ff84cc0e8..ef9fccf2f8 100644
--- a/packages/nimble-components/src/checkbox/styles.ts
+++ b/packages/nimble-components/src/checkbox/styles.ts
@@ -21,12 +21,11 @@ import { userSelectNone } from '../utilities/style/user-select';
 import { styles as errorStyles } from '../patterns/error/styles';
 
 export const styles = css`
-    ${display('inline-flex')}
+    ${display('inline-grid')}
     ${errorStyles}
 
     :host {
         font: ${bodyFont};
-        align-items: center;
         cursor: pointer;
         outline: none;
         ${userSelectNone}
@@ -37,8 +36,14 @@ export const styles = css`
         cursor: default;
     }
 
-    .container {
+    .outer-container {
+        height: 100%;
+        display: flex;
+        align-items: center;
         position: relative;
+    }
+
+    .container {
         display: grid;
         grid-template-columns: auto 1fr auto;
         grid-template-rows: ${bodyFontLineHeight} auto;
diff --git a/packages/nimble-components/src/checkbox/template.ts b/packages/nimble-components/src/checkbox/template.ts
index 643c9c0651..d509d8e9d9 100644
--- a/packages/nimble-components/src/checkbox/template.ts
+++ b/packages/nimble-components/src/checkbox/template.ts
@@ -22,27 +22,29 @@ CheckboxOptions
         @click="${(x, c) => x.clickHandler(c.event as MouseEvent)}"
         class="${x => (x.readOnly ? 'readonly' : '')} ${x => (x.checked ? 'checked' : '')} ${x => (x.indeterminate ? 'indeterminate' : '')}"
     >
-        <div part="container" class="container">
-            <div part="control" class="control">
-                <slot name="checked-indicator">
-                    ${definition.checkedIndicator || ''}
-                </slot>
-                <slot name="indeterminate-indicator">
-                    ${definition.indeterminateIndicator || ''}
-                </slot>
-            </div>
-            <label
-                part="label"
-                class="${x => (x.defaultSlottedNodes?.length
+        <div class="outer-container">
+            <div part="container" class="container">
+                <div part="control" class="control">
+                    <slot name="checked-indicator">
+                        ${definition.checkedIndicator || ''}
+                    </slot>
+                    <slot name="indeterminate-indicator">
+                        ${definition.indeterminateIndicator || ''}
+                    </slot>
+                </div>
+                <label
+                    part="label"
+                    class="${x => (x.defaultSlottedNodes?.length
         ? 'label'
         : 'label label__hidden')}"
-            >
-                <slot ${slotted('defaultSlottedNodes')}></slot>
-            </label>
-            <${iconExclamationMarkTag}
-                severity="error"
-                class="error-icon"
-            ></${iconExclamationMarkTag}>
+                >
+                    <slot ${slotted('defaultSlottedNodes')}></slot>
+                </label>
+                <${iconExclamationMarkTag}
+                    severity="error"
+                    class="error-icon"
+                ></${iconExclamationMarkTag}>
+            </div>
             ${errorTextTemplate}
         </div>
     </template>
diff --git a/packages/nimble-components/src/combobox/index.ts b/packages/nimble-components/src/combobox/index.ts
index 0b22ffd12e..c5a40f9782 100644
--- a/packages/nimble-components/src/combobox/index.ts
+++ b/packages/nimble-components/src/combobox/index.ts
@@ -8,7 +8,7 @@ import {
 } from '@microsoft/fast-element';
 import {
     DesignSystem,
-    ComboboxOptions,
+    type ComboboxOptions,
     ComboboxAutocomplete,
     SelectPosition,
     ListboxOption,
@@ -32,7 +32,7 @@ import { iconArrowExpanderDownTag } from '../icons/arrow-expander-down';
 import { iconExclamationMarkTag } from '../icons/exclamation-mark';
 
 import { styles } from './styles';
-import type { ErrorPattern } from '../patterns/error/types';
+import { mixinErrorPattern } from '../patterns/error/types';
 import {
     DropdownAppearance,
     type DropdownPattern
@@ -41,6 +41,7 @@ import type { AnchoredRegion } from '../anchored-region';
 import { template } from './template';
 import { FormAssociatedCombobox } from './models/combobox-form-associated';
 import type { ListOption } from '../list-option';
+import { mixinRequiredVisiblePattern } from '../patterns/required-visible/types';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -52,20 +53,13 @@ declare global {
  * A nimble-styed HTML combobox
  */
 export class Combobox
-    extends FormAssociatedCombobox
-    implements DropdownPattern, ErrorPattern {
+    extends mixinErrorPattern(
+        mixinRequiredVisiblePattern(FormAssociatedCombobox)
+    )
+    implements DropdownPattern {
     @attr
     public appearance: DropdownAppearance = DropdownAppearance.underline;
 
-    /**
-     * A message explaining why the value is invalid.
-     */
-    @attr({ attribute: 'error-text' })
-    public errorText?: string;
-
-    @attr({ attribute: 'error-visible', mode: 'boolean' })
-    public errorVisible = false;
-
     /**
      * The autocomplete attribute.
      */
diff --git a/packages/nimble-components/src/combobox/specs/IxD.md b/packages/nimble-components/src/combobox/specs/IxD.md
index c3f57f40a3..71a80b0555 100644
--- a/packages/nimble-components/src/combobox/specs/IxD.md
+++ b/packages/nimble-components/src/combobox/specs/IxD.md
@@ -8,24 +8,24 @@ The combobox component is used to present a pre-defined list of options that end
 
 ### Background
 
--   [Select and Combobox Refresh HLD (#1303)](https://github.com/ni/nimble/issues/1303)
--   [ViD Combobox Styles (Figma)](https://www.figma.com/file/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?type=design&node-id=1529-41777&mode=design)
+- [Select and Combobox Refresh HLD (#1303)](https://github.com/ni/nimble/issues/1303)
+- [ViD Combobox Styles (Figma)](https://www.figma.com/file/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?type=design&node-id=1529-41777&mode=design)
 
 ## Usage
 
 When to use:
 
--   To provide an input for text entry coupled with a popup for quick selection and filtering
--   To allow end-users to enter custom values
--   For entering settings or preference values that don't (yet) exist
--   For single selection
+- To provide an input for text entry coupled with a popup for quick selection and filtering
+- To allow end-users to enter custom values
+- For entering settings or preference values that don't (yet) exist
+- For single selection
 
 When not to use:
 
--   When all the allowed values can be included in the list of options
--   When there are fewer than three options
--   For complex and/or hierarchical data
--   For multi selection
+- When all the allowed values can be included in the list of options
+- When there are fewer than three options
+- For complex and/or hierarchical data
+- For multi selection
 
 ### Anatomy
 
@@ -222,6 +222,6 @@ From a focused list option, `DOWN ARROW` or `UP ARROW` moves focus and selects t
 
 ## Future Considerations
 
--   Helper text for input components (where it should be located, how it should be accessed).
--   Do clients want an "Add new" list option option? Do we want to document how clients might show an "Add new" list option indicator in the dropdown?
--   Does the client-user need to be able to specify a prefix and/or suffix that appears in the field?
+- Helper text for input components (where it should be located, how it should be accessed).
+- Do clients want an "Add new" list option option? Do we want to document how clients might show an "Add new" list option indicator in the dropdown?
+- Does the client-user need to be able to specify a prefix and/or suffix that appears in the field?
diff --git a/packages/nimble-components/src/combobox/styles.ts b/packages/nimble-components/src/combobox/styles.ts
index 6b7add7edd..1fe846b136 100644
--- a/packages/nimble-components/src/combobox/styles.ts
+++ b/packages/nimble-components/src/combobox/styles.ts
@@ -10,6 +10,7 @@ import {
 
 import { styles as dropdownStyles } from '../patterns/dropdown/styles';
 import { styles as errorStyles } from '../patterns/error/styles';
+import { styles as requiredVisibleStyles } from '../patterns/required-visible/styles';
 import { focusVisible } from '../utilities/style/focus';
 import { appearanceBehavior } from '../utilities/style/appearance';
 import { DropdownAppearance } from '../select/types';
@@ -18,6 +19,7 @@ import { userSelectNone } from '../utilities/style/user-select';
 export const styles = css`
     ${dropdownStyles}
     ${errorStyles}
+    ${requiredVisibleStyles}
 
     :host {
         --ni-private-hover-bottom-border-width: 2px;
diff --git a/packages/nimble-components/src/combobox/template.ts b/packages/nimble-components/src/combobox/template.ts
index d613215979..3351752aa9 100644
--- a/packages/nimble-components/src/combobox/template.ts
+++ b/packages/nimble-components/src/combobox/template.ts
@@ -17,6 +17,13 @@ import { anchoredRegionTag } from '../anchored-region';
 import { DropdownPosition } from '../patterns/dropdown/types';
 import { overflow } from '../utilities/directive/overflow';
 import { filterNoResultsLabel } from '../label-provider/core/label-tokens';
+import { createRequiredVisibleLabelTemplate } from '../patterns/required-visible/template';
+
+const labelTemplate = createRequiredVisibleLabelTemplate(html<Combobox>`
+    <label part="label" class="label">
+        <slot></slot>
+    </label>
+`);
 
 /* eslint-disable @typescript-eslint/indent */
 // prettier-ignore
@@ -34,9 +41,7 @@ ComboboxOptions
         @focusout="${(x, c) => x.focusoutHandler(c.event as FocusEvent)}"
         @keydown="${(x, c) => x.keydownHandler(c.event as KeyboardEvent)}"
     >
-        <label part="label" class="label">
-            <slot></slot>
-        </label>
+        ${labelTemplate}
         <div class="control" part="control" ${ref('controlWrapper')}>
             ${startSlotTemplate(context, definition)}
             <slot name="control">
@@ -46,6 +51,7 @@ ComboboxOptions
                     aria-controls="${x => x.ariaControls}"
                     aria-disabled="${x => x.ariaDisabled}"
                     aria-expanded="${x => x.ariaExpanded}"
+                    aria-required="${x => x.requiredVisible}"
                     aria-haspopup="listbox"
                     class="selected-value"
                     part="selected-value"
diff --git a/packages/nimble-components/src/combobox/testing/tests/combobox.pageobject.spec.ts b/packages/nimble-components/src/combobox/testing/tests/combobox.pageobject.spec.ts
index e8911094f5..71728ccfe6 100644
--- a/packages/nimble-components/src/combobox/testing/tests/combobox.pageobject.spec.ts
+++ b/packages/nimble-components/src/combobox/testing/tests/combobox.pageobject.spec.ts
@@ -1,5 +1,5 @@
 import { html } from '@microsoft/fast-element';
-import { fixture, Fixture } from '../../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../../utilities/tests/fixture';
 import { comboboxTag, type Combobox } from '../..';
 import { ComboboxPageObject } from '../combobox.pageobject';
 import { listOptionTag } from '../../../list-option';
diff --git a/packages/nimble-components/src/combobox/tests/combobox.spec.ts b/packages/nimble-components/src/combobox/tests/combobox.spec.ts
index 302a1f1444..4062445cd6 100644
--- a/packages/nimble-components/src/combobox/tests/combobox.spec.ts
+++ b/packages/nimble-components/src/combobox/tests/combobox.spec.ts
@@ -1,9 +1,12 @@
 import { html, repeat } from '@microsoft/fast-element';
 import { parameterizeSpec, parameterizeSuite } from '@ni/jasmine-parameterized';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { Combobox, comboboxTag } from '..';
 import { ComboboxAutocomplete } from '../types';
-import { waitForUpdatesAsync } from '../../testing/async-helpers';
+import {
+    processUpdates,
+    waitForUpdatesAsync
+} from '../../testing/async-helpers';
 import { checkFullyInViewport } from '../../utilities/tests/intersection-observer';
 import { listOptionTag } from '../../list-option';
 import { ComboboxPageObject } from '../testing/combobox.pageobject';
@@ -106,6 +109,18 @@ describe('Combobox', () => {
             expect(element.control.getAttribute('disabled')).not.toBeNull();
         });
 
+        it('should set "aria-required" to true when "required-visible" is true', () => {
+            element.requiredVisible = true;
+            processUpdates();
+            expect(element.control.getAttribute('aria-required')).toBe('true');
+        });
+
+        it('should set "aria-required" to false when "required-visible" is false', () => {
+            element.requiredVisible = false;
+            processUpdates();
+            expect(element.control.getAttribute('aria-required')).toBe('false');
+        });
+
         it('should forward value property to inner control', async () => {
             element.value = 'foo';
             await waitForUpdatesAsync();
diff --git a/packages/nimble-components/src/dialog/specs/README.md b/packages/nimble-components/src/dialog/specs/README.md
index d8415763f0..fa57f1a11b 100644
--- a/packages/nimble-components/src/dialog/specs/README.md
+++ b/packages/nimble-components/src/dialog/specs/README.md
@@ -14,18 +14,18 @@ Also tracked by [AzDO User Story 2042565](https://ni.visualstudio.com/DevCentral
 
 ### Non-goals
 
--   We are not creating a component that will provide "snackbar" functionality, as that has distinct enough requirements that it should be a separate component and/or service. It could be built on top of the (non-modal) native `dialog` element, but there isn't much to be gained by building it on top of nimble-dialog (based on the proposals in this spec).
--   We are not defining a dialog service that would provide a fully programmatic way to create and display simple dialogs. The proposed API allows clients to define their own service. We plan to update the existing `systemlink-lib-angular` confirm-dialog service to use `nimble-dialog`. Any other questions e.g. potentially creating a service in Nimble itself or for Blazor or vanilla js are left for a separate discussion.
+- We are not creating a component that will provide "snackbar" functionality, as that has distinct enough requirements that it should be a separate component and/or service. It could be built on top of the (non-modal) native `dialog` element, but there isn't much to be gained by building it on top of nimble-dialog (based on the proposals in this spec).
+- We are not defining a dialog service that would provide a fully programmatic way to create and display simple dialogs. The proposed API allows clients to define their own service. We plan to update the existing `systemlink-lib-angular` confirm-dialog service to use `nimble-dialog`. Any other questions e.g. potentially creating a service in Nimble itself or for Blazor or vanilla js are left for a separate discussion.
 
 ### Features
 
--   Modal dialogs that properly capture focus and restore focus upon closing
--   Consistent styling (position, font, colors, border, shadow)
--   Proper accessibility
+- Modal dialogs that properly capture focus and restore focus upon closing
+- Consistent styling (position, font, colors, border, shadow)
+- Proper accessibility
 
 ### Risks and Challenges
 
--   The latest version of TypeScript does not have the `dialog` element's full API, which will leads to dev-time errors in the editor (however everything is fine at run-time): https://github.com/microsoft/TypeScript/issues/48267. The TypeScript-DOM-lib-generator source has been updated to have the missing members, so this may be easily fixed through a dependency update and release from the TypeScript repo.
+- The latest version of TypeScript does not have the `dialog` element's full API, which will leads to dev-time errors in the editor (however everything is fine at run-time): https://github.com/microsoft/TypeScript/issues/48267. The TypeScript-DOM-lib-generator source has been updated to have the missing members, so this may be easily fixed through a dependency update and release from the TypeScript repo.
 
 ### Prior Art/Examples
 
@@ -57,20 +57,20 @@ Some [early designs](https://xd.adobe.com/view/00ff3aa4-594f-48eb-6e29-841043749
 
 ### API
 
--   _Component Name_
-    -   `nimble-dialog`
--   _Props/Attrs_
-    -   `open` - read-only attribute that is set while the dialog is open. The native dialog supports setting this attribute, but it opens the dialog non-modally, uncentered, and without focus management. For that reason our API only supports `show()` as the way to open a dialog.
-    -   `prevent-dismiss` - prevent dismissal by pressing ESC (this attribute also exists on the Nimble drawer)
-    -   `header-hidden` - Collapse the header of the dialog, which includes the title and subtitle. This places the content of the dialog at the top of the dialog.
-    -   `footer-hidden` - Collapse the footer of the dialog.
--   _Methods_
-    -   `show()` - opens the dialog and returns a `Promise` that is resolved when the dialog is closed. The value of the resolved `Promise` indicates why/how the dialog was closed. When the dialog is closed by the user pressing ESC, a `USER_DISMISSED` Symbol is returned as the reason.
-    -   `close(reason)` - closes the dialog (returning focus to the control that had it before opening), optionally specifying the reason/method (a value of any type).
--   _Events_
-    -   (none)
--   _CSS Classes and CSS Custom Properties that affect the component_
-    -   (none)
+- _Component Name_
+    - `nimble-dialog`
+- _Props/Attrs_
+    - `open` - read-only attribute that is set while the dialog is open. The native dialog supports setting this attribute, but it opens the dialog non-modally, uncentered, and without focus management. For that reason our API only supports `show()` as the way to open a dialog.
+    - `prevent-dismiss` - prevent dismissal by pressing ESC (this attribute also exists on the Nimble drawer)
+    - `header-hidden` - Collapse the header of the dialog, which includes the title and subtitle. This places the content of the dialog at the top of the dialog.
+    - `footer-hidden` - Collapse the footer of the dialog.
+- _Methods_
+    - `show()` - opens the dialog and returns a `Promise` that is resolved when the dialog is closed. The value of the resolved `Promise` indicates why/how the dialog was closed. When the dialog is closed by the user pressing ESC, a `USER_DISMISSED` Symbol is returned as the reason.
+    - `close(reason)` - closes the dialog (returning focus to the control that had it before opening), optionally specifying the reason/method (a value of any type).
+- _Events_
+    - (none)
+- _CSS Classes and CSS Custom Properties that affect the component_
+    - (none)
 
 Leslie informed us that modal dialogs should not be dismissable by clicking outside. This is something the drawer currently supports but apparently should be treated as a bug to fix.
 
@@ -82,45 +82,45 @@ We will not make any special effort to provide forms support (i.e. form `type="d
 
 The visual design spec has a few different layouts for the dialog. Not all layouts will be supported in the initial styling pass of the dialog. See below for details on what parts will and will not be supported in the intial styling pass:
 
--   Title
-    -   Included in initial styling pass: Yes
-    -   Rationale: The title is a fundamental part of the dialog. Adding the title will also resolve an accessibility issue with the dialog's aria-label.
-    -   Additional details: The content provided for the title and sub-title will be used as the label of the dialog for accessibility purposes.
--   Subtitle
-    -   Included in initial styling pass: Yes
-    -   Rationale: The styling of the subtitle is straight-forward and there are no open questions associated with it.
-    -   Additional details: The content provided for the title and sub-title will be used as the label of the dialog for accessibility purposes.
--   Warning message
-    -   Included in initial styling pass: No
-    -   Rationale: There isn't a pressing need for this part of the dialog yet, and there are a number of questions that need to be resolved prior to adding the messages:
-        -   Should the messages be arbitrary content provided by the user, or should we have an API around providing message(s) with a specified severity, icon, color, etc?
-        -   What, if any, is the overlap between these messages and a future `<nimble-banner>` component?
-        -   Do we allow multiple messages at the same time? If so, is there a maximum height the messages can consume within the dialog?
--   Close button
-    -   Included in initial styling pass: No
-    -   Rationale: There isn't a pressing need for this component yet, and there are a number of questions that need to be resolved prior to adding the button:
-        -   Should the API allow a client to slot any arbitrary buttons, including a close button, or should we only support one single button that closes the dialog?
-        -   What control do we need to give over the close button? Do we need a way for the user to explicitly disable it?
-        -   Should there be any connection between the `prevent-dismiss` attribute on the dialog and the visibility or disabled state of the close button?
--   Content
-    -   Included in initial styling pass: Yes
-    -   Rationale: This is critical for using a dialog
-    -   Additional details:
-        -   The content is a `flex` layout container that allows a client to easily place multiple items within the dialog.
-        -   Content will have a `flex-direction` of `column` so that content stacks vertically.
-        -   A `gap` will be provided so that that mutliple content elements have appropriate spacing between them.
--   Footer buttons
-    -   Included in initial styling pass: Yes
-    -   Rationale: These buttons are required for interacting with the dialog.
-    -   Additional details:
-        -   The footer is a `flex` layout container that allows a client to easily place buttons at the bottom of the dialog.
-        -   If no content is slotted in the footer, the horizontal separator between the footer and content will be removed. The height of the footer will also be adjusted to align with the visual design spec.
-        -   If content is slotted in the footer, it will automatically be placed with the correct vertical spacing between the horizontal line and the bottom of the dialog and with the correct horizontal spacing around content items.
-        -   There will not be explicit slots within the dialog for the various alignments of buttons in the footer.
-        -   Buttons will automatically be placed on the right of the footer, but this can be changed by the client since the footer has a `flex` layout. For example, to move the first button to be left-aligned, that button can be styled with `margin-right: auto`.
-        -   The client will control the order of the buttons within the footer.
-        -   There will be no connection between the `prevent-dismiss` attribute on the dialog and the state of the buttons because the dialog will not make any assumptions about the action associated with any button slotted in the footer.
-        -   There will be no automatic applying of an `appearance` to any of the buttons. It is the client's responsibility to specify the appropriate `appearance` for all buttons slotted in the footer.
+- Title
+    - Included in initial styling pass: Yes
+    - Rationale: The title is a fundamental part of the dialog. Adding the title will also resolve an accessibility issue with the dialog's aria-label.
+    - Additional details: The content provided for the title and sub-title will be used as the label of the dialog for accessibility purposes.
+- Subtitle
+    - Included in initial styling pass: Yes
+    - Rationale: The styling of the subtitle is straight-forward and there are no open questions associated with it.
+    - Additional details: The content provided for the title and sub-title will be used as the label of the dialog for accessibility purposes.
+- Warning message
+    - Included in initial styling pass: No
+    - Rationale: There isn't a pressing need for this part of the dialog yet, and there are a number of questions that need to be resolved prior to adding the messages:
+        - Should the messages be arbitrary content provided by the user, or should we have an API around providing message(s) with a specified severity, icon, color, etc?
+        - What, if any, is the overlap between these messages and a future `<nimble-banner>` component?
+        - Do we allow multiple messages at the same time? If so, is there a maximum height the messages can consume within the dialog?
+- Close button
+    - Included in initial styling pass: No
+    - Rationale: There isn't a pressing need for this component yet, and there are a number of questions that need to be resolved prior to adding the button:
+        - Should the API allow a client to slot any arbitrary buttons, including a close button, or should we only support one single button that closes the dialog?
+        - What control do we need to give over the close button? Do we need a way for the user to explicitly disable it?
+        - Should there be any connection between the `prevent-dismiss` attribute on the dialog and the visibility or disabled state of the close button?
+- Content
+    - Included in initial styling pass: Yes
+    - Rationale: This is critical for using a dialog
+    - Additional details:
+        - The content is a `flex` layout container that allows a client to easily place multiple items within the dialog.
+        - Content will have a `flex-direction` of `column` so that content stacks vertically.
+        - A `gap` will be provided so that that mutliple content elements have appropriate spacing between them.
+- Footer buttons
+    - Included in initial styling pass: Yes
+    - Rationale: These buttons are required for interacting with the dialog.
+    - Additional details:
+        - The footer is a `flex` layout container that allows a client to easily place buttons at the bottom of the dialog.
+        - If no content is slotted in the footer, the horizontal separator between the footer and content will be removed. The height of the footer will also be adjusted to align with the visual design spec.
+        - If content is slotted in the footer, it will automatically be placed with the correct vertical spacing between the horizontal line and the bottom of the dialog and with the correct horizontal spacing around content items.
+        - There will not be explicit slots within the dialog for the various alignments of buttons in the footer.
+        - Buttons will automatically be placed on the right of the footer, but this can be changed by the client since the footer has a `flex` layout. For example, to move the first button to be left-aligned, that button can be styled with `margin-right: auto`.
+        - The client will control the order of the buttons within the footer.
+        - There will be no connection between the `prevent-dismiss` attribute on the dialog and the state of the buttons because the dialog will not make any assumptions about the action associated with any button slotted in the footer.
+        - There will be no automatic applying of an `appearance` to any of the buttons. It is the client's responsibility to specify the appropriate `appearance` for all buttons slotted in the footer.
 
 Shadow DOM:
 
@@ -141,17 +141,17 @@ Shadow DOM:
 </dialog>
 ```
 
--   _Slot Names_
-    -   `title` - Displayed at the top of the dialog and styled using an appropriate nimble font. The title will be used to label the dialog. The title will not wrap if it is too long; instead, overflow will be hidden with ellipsis.
-    -   `subtitle` - Displayed at the top of the dialog under the title and styled using an appropriate nimble font.
-    -   `(default)` - The primary content of the dialog. If multiple elements are provided for this slot, they will be stacked vertically with padding between them.
-    -   `footer` - Displayed at the bottom of the dialog for buttons that perform an action within the dialog.
--   _Host Classes_
-    -   (none)
--   _Slotted Content/Slotted Classes_
-    -   (none)
--   _CSS Parts_
-    -   (none)
+- _Slot Names_
+    - `title` - Displayed at the top of the dialog and styled using an appropriate nimble font. The title will be used to label the dialog. The title will not wrap if it is too long; instead, overflow will be hidden with ellipsis.
+    - `subtitle` - Displayed at the top of the dialog under the title and styled using an appropriate nimble font.
+    - `(default)` - The primary content of the dialog. If multiple elements are provided for this slot, they will be stacked vertically with padding between them.
+    - `footer` - Displayed at the bottom of the dialog for buttons that perform an action within the dialog.
+- _Host Classes_
+    - (none)
+- _Slotted Content/Slotted Classes_
+    - (none)
+- _CSS Parts_
+    - (none)
 
 ### Form-based dialogs
 
@@ -197,18 +197,18 @@ The FAST dialog provides very little that the html dialog doesn't. It does have
 
 Hidden/visible
 
--   The dialog begins hidden and becomes visible when the `show()` function is called.
--   When `close()` is called, the dialog is hidden.
+- The dialog begins hidden and becomes visible when the `show()` function is called.
+- When `close()` is called, the dialog is hidden.
 
 ### Accessibility
 
 By using the native `dialog` element, we get good a11y behavior without having to explicitly do anything. Until recently, it was recommended to use other dialog implementations (e.g. [a11y-dialog](https://github.com/KittyGiraudel/a11y-dialog)), but with wider browser support for the native `dialog` element, it has become a viable option.
 
--   When modal, the dialog will restrict focus to the elements on the dialog.
--   Upon closing a modal dialog, focus will return to the element that had focus before the dialog was opened.
--   ESC key closes the dialog
--   The native dialog defaults to the a11y role `dialog`
--   The native dialog automatically sets `modal: true` when opened using `showModal`
+- When modal, the dialog will restrict focus to the elements on the dialog.
+- Upon closing a modal dialog, focus will return to the element that had focus before the dialog was opened.
+- ESC key closes the dialog
+- The native dialog defaults to the a11y role `dialog`
+- The native dialog automatically sets `modal: true` when opened using `showModal`
 
 The role `dialog` with `modal: true` will automatically be applied to the `dialog` element, so the `nimble-dialog` will not have any custom logic or configuration to modify this behavior. The `nimble-dialog`'s template will automatically label the `dialog` element by setting `aria-labelledby` to the ID of the element containing the `title` and `subtitle` slots. As a result, if a client provides a title and/or subtitle, their dialog will automatically be labelled. This should be done even if the client is setting `header-hidden = true` to ensure that the dialog is accesible.
 
diff --git a/packages/nimble-components/src/dialog/tests/dialog.spec.ts b/packages/nimble-components/src/dialog/tests/dialog.spec.ts
index cddadde004..6df424704a 100644
--- a/packages/nimble-components/src/dialog/tests/dialog.spec.ts
+++ b/packages/nimble-components/src/dialog/tests/dialog.spec.ts
@@ -1,5 +1,5 @@
 import { html } from '@microsoft/fast-element';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { Dialog, dialogTag, UserDismissed } from '..';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
 import { buttonTag } from '../../button';
diff --git a/packages/nimble-components/src/drawer/specs/README.md b/packages/nimble-components/src/drawer/specs/README.md
index 5b2623f26d..8d204f40f6 100644
--- a/packages/nimble-components/src/drawer/specs/README.md
+++ b/packages/nimble-components/src/drawer/specs/README.md
@@ -12,14 +12,14 @@ As part of the re-write, the drawer's API and recommended usage will be scoped s
 
 Relevant bugs:
 
--   [Change drawer to use dialog element](https://github.com/ni/nimble/issues/592)
--   [Drawer should not dismiss when clicking outside](https://github.com/ni/nimble/issues/636)
--   [nimble-drawer with modal=false: Always consumes Escape key on webpage if drawer is open](https://github.com/ni/nimble/issues/234)
--   [Drawer unexpected modal attribute boolean behavior](https://github.com/ni/nimble/issues/190)
--   [Nimble Drawer should trap focus when opened modal](https://github.com/ni/nimble/issues/186)
--   [Slide-outs have inconsistent dismiss behavior when clicking outside](https://dev.azure.com/ni/DevCentral/_queries/edit/2015838/)
--   [Pressing ESC when two slide-outs are open closes the wrong one](https://dev.azure.com/ni/DevCentral/_queries/edit/2051165/)
--   [sl-slide-out User able to perform background operations when slide-out menu is opened](https://ni.visualstudio.com/DevCentral/_workitems/edit/2104596)
+- [Change drawer to use dialog element](https://github.com/ni/nimble/issues/592)
+- [Drawer should not dismiss when clicking outside](https://github.com/ni/nimble/issues/636)
+- [nimble-drawer with modal=false: Always consumes Escape key on webpage if drawer is open](https://github.com/ni/nimble/issues/234)
+- [Drawer unexpected modal attribute boolean behavior](https://github.com/ni/nimble/issues/190)
+- [Nimble Drawer should trap focus when opened modal](https://github.com/ni/nimble/issues/186)
+- [Slide-outs have inconsistent dismiss behavior when clicking outside](https://dev.azure.com/ni/DevCentral/_queries/edit/2015838/)
+- [Pressing ESC when two slide-outs are open closes the wrong one](https://dev.azure.com/ni/DevCentral/_queries/edit/2051165/)
+- [sl-slide-out User able to perform background operations when slide-out menu is opened](https://ni.visualstudio.com/DevCentral/_workitems/edit/2104596)
 
 [Design spec](https://xd.adobe.com/view/33ffad4a-eb2c-4241-b8c5-ebfff1faf6f6-66ac/screen/730cdeb8-a4b5-4dcc-9fe4-718a75da7aff/specs/)
 
@@ -27,17 +27,17 @@ Relevant bugs:
 
 ### Non-goals
 
--   The drawer will not support a non-modal mode.
--   The drawer will not have a first-class way to be pinned, like the SLE navigation pane.
--   The drawer will not support closing when the user clicks off of it.
+- The drawer will not support a non-modal mode.
+- The drawer will not have a first-class way to be pinned, like the SLE navigation pane.
+- The drawer will not support closing when the user clicks off of it.
 
 ### Features
 
--   The drawer can be displayed on the left or right of the page based on its configuration.
--   The page beneath the drawer cannot be interacted with or focused in any way.
--   The drawer will automatically focus an element within the drawer when it is opened.
--   The drawer can be configured to prevent dismissing through non-programatic means (i.e. it does not dismiss when the user presses `Esc`).
--   The drawer will animate into and out of the page.
+- The drawer can be displayed on the left or right of the page based on its configuration.
+- The page beneath the drawer cannot be interacted with or focused in any way.
+- The drawer will automatically focus an element within the drawer when it is opened.
+- The drawer can be configured to prevent dismissing through non-programatic means (i.e. it does not dismiss when the user presses `Esc`).
+- The drawer will animate into and out of the page.
 
 ### Risks and Challenges
 
@@ -57,43 +57,43 @@ The `nimble-drawer` provides a control for place arbitrary content that should b
 
 ### API
 
--   _Component Name_
-    -   `nimble-drawer`
--   _Props/Attrs_
-    -   `open`
-        -   A read-only boolean property that represents whether or not the drawer is open.
-    -   `location`
-        -   A string attribute to configure which side of the page the drawer is on.
-        -   The attribute will be backed by an enum named `DrawerLocation` with values `left` and `right`.
-        -   The default value is `left`.
-    -   `preventDismiss`
-        -   A boolean attribute to configure whether or not the drawer is dismissible via the `Esc` key, or any other dismiss action that is supported in the future.
-        -   The default value is `false`.
--   _Methods_
-    -   `show()`
-        -   A method that opens the drawer and returns a `Promise` that is resolved when the drawer is closed.
-        -   The value of the resolved `Promise` indicates why/how the drawer was closed. When the drawer is closed by the user pressing `Esc`, a `UserDismissed` Symbol is returned as the reason.
-    -   `close(reason)`
-        -   A method that closes the drawer and returns focus to the control that had it before the drawer was opened.
-        -   The reason for closing the drawer can optionally be passed to the method.
--   _Events_
-    -   _none_
--   _CSS Classes and CSS Custom Properties that affect the component_
-    -   _none_
+- _Component Name_
+    - `nimble-drawer`
+- _Props/Attrs_
+    - `open`
+        - A read-only boolean property that represents whether or not the drawer is open.
+    - `location`
+        - A string attribute to configure which side of the page the drawer is on.
+        - The attribute will be backed by an enum named `DrawerLocation` with values `left` and `right`.
+        - The default value is `left`.
+    - `preventDismiss`
+        - A boolean attribute to configure whether or not the drawer is dismissible via the `Esc` key, or any other dismiss action that is supported in the future.
+        - The default value is `false`.
+- _Methods_
+    - `show()`
+        - A method that opens the drawer and returns a `Promise` that is resolved when the drawer is closed.
+        - The value of the resolved `Promise` indicates why/how the drawer was closed. When the drawer is closed by the user pressing `Esc`, a `UserDismissed` Symbol is returned as the reason.
+    - `close(reason)`
+        - A method that closes the drawer and returns focus to the control that had it before the drawer was opened.
+        - The reason for closing the drawer can optionally be passed to the method.
+- _Events_
+    - _none_
+- _CSS Classes and CSS Custom Properties that affect the component_
+    - _none_
 
 ### Anatomy
 
 The drawer's template will consist of a `<dialog>` containing the default `<slot>`. Additional elements will likely be required to facilitate animation.
 
--   _Slot Names_
-    -   `(default)`
-        -   The content to display within the drawer
--   _Host Classes_
-    -   _(none)_
--   _Slotted Content/Slotted Classes_
-    -   The existing styling for slotted `<header>`, `<section>`, and `<footer>` elements will be kept.
--   _CSS Parts_
-    -   _(none)_
+- _Slot Names_
+    - `(default)`
+        - The content to display within the drawer
+- _Host Classes_
+    - _(none)_
+- _Slotted Content/Slotted Classes_
+    - The existing styling for slotted `<header>`, `<section>`, and `<footer>` elements will be kept.
+- _CSS Parts_
+    - _(none)_
 
 ### Angular integration
 
@@ -119,18 +119,18 @@ Alternatively, we could continue to use the FAST dialog to back the drawer, but
 
 Hidden/visible
 
--   The drawer begins hidden and becomes visible when the `show()` function is called.
--   When `close()` is called, the drawer is hidden.
+- The drawer begins hidden and becomes visible when the `show()` function is called.
+- When `close()` is called, the drawer is hidden.
 
 ### Accessibility
 
--   There will be no integration with native `forms`.
--   Focus behavior will be inherited from the native `<dialog>` element including:
-    -   auto-focusing an element within the drawer
-    -   diabling the ability to focus elements outside of the drawer
--   By default, the `Esc` key will close the drawer, but this behavior can be controlled through the `preventDismiss` attribute.
--   The `<dialog>` in the shadow root will automatically have `aria-modal="true"` configured on it when `showModal` is called to open it.
--   The client should set an `aria-label` on the `nimble-drawer`, which will be reflected onto the `<dialog>` element within the shadow root.
+- There will be no integration with native `forms`.
+- Focus behavior will be inherited from the native `<dialog>` element including:
+    - auto-focusing an element within the drawer
+    - diabling the ability to focus elements outside of the drawer
+- By default, the `Esc` key will close the drawer, but this behavior can be controlled through the `preventDismiss` attribute.
+- The `<dialog>` in the shadow root will automatically have `aria-modal="true"` configured on it when `showModal` is called to open it.
+- The client should set an `aria-label` on the `nimble-drawer`, which will be reflected onto the `<dialog>` element within the shadow root.
 
 ### Globalization
 
@@ -150,12 +150,12 @@ _none_
 
 ### Test Plan
 
--   Storybook & matrix tests will be created for visual testing
--   Unit tests will be created to test the entirety of the API since we are not inheriting from an existing FAST component. This will include:
-    -   Calling `close()` immediately starts closing the drawer, even if the opening animation is not complete
-    -   Calling `close()` while the close animation is in progress throws an exception
-    -   When `close()` is called, `open` still returns `true` until the animation is complete
-    -   The `Promise` returned from `show()` does not resolve until the closing animation is complete
+- Storybook & matrix tests will be created for visual testing
+- Unit tests will be created to test the entirety of the API since we are not inheriting from an existing FAST component. This will include:
+    - Calling `close()` immediately starts closing the drawer, even if the opening animation is not complete
+    - Calling `close()` while the close animation is in progress throws an exception
+    - When `close()` is called, `open` still returns `true` until the animation is complete
+    - The `Promise` returned from `show()` does not resolve until the closing animation is complete
 
 ### Tooling
 
diff --git a/packages/nimble-components/src/drawer/tests/drawer.spec.ts b/packages/nimble-components/src/drawer/tests/drawer.spec.ts
index 0e14b1d190..4dfa7a500e 100644
--- a/packages/nimble-components/src/drawer/tests/drawer.spec.ts
+++ b/packages/nimble-components/src/drawer/tests/drawer.spec.ts
@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 import { eventAnimationEnd } from '@microsoft/fast-web-utilities';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { Drawer, drawerTag, UserDismissed } from '..';
 import { DrawerLocation } from '../types';
 import {
diff --git a/packages/nimble-components/src/icon-base/styles.ts b/packages/nimble-components/src/icon-base/styles.ts
index efb5d2b79e..c4460794ff 100644
--- a/packages/nimble-components/src/icon-base/styles.ts
+++ b/packages/nimble-components/src/icon-base/styles.ts
@@ -21,8 +21,7 @@ export const styles = css`
     }
 
     .icon {
-        width: 100%;
-        height: 100%;
+        display: contents;
     }
 
     :host([severity='error']) {
@@ -42,6 +41,7 @@ export const styles = css`
     }
 
     .icon svg {
+        display: inline-flex;
         fill: ${iconColor};
         width: 100%;
         height: 100%;
diff --git a/packages/nimble-components/src/icon-base/tests/icon-metadata.ts b/packages/nimble-components/src/icon-base/tests/icon-metadata.ts
index e19bf8c52e..cba1b9298a 100644
--- a/packages/nimble-components/src/icon-base/tests/icon-metadata.ts
+++ b/packages/nimble-components/src/icon-base/tests/icon-metadata.ts
@@ -88,6 +88,9 @@ export const iconMetadata: {
     IconArrowUp: {
         tags: ['sort', 'arrow', 'up', 'ascending']
     },
+    IconAsterisk: {
+        tags: ['star', 'required']
+    },
     IconAt: {
         tags: ['@', 'email', 'handle', 'mention']
     },
diff --git a/packages/nimble-components/src/icon-base/tests/icons.spec.ts b/packages/nimble-components/src/icon-base/tests/icons.spec.ts
index 05f680f687..8768dd7bf9 100644
--- a/packages/nimble-components/src/icon-base/tests/icons.spec.ts
+++ b/packages/nimble-components/src/icon-base/tests/icons.spec.ts
@@ -4,7 +4,7 @@ import { html } from '@microsoft/fast-element';
 import { parameterizeSpec } from '@ni/jasmine-parameterized';
 import * as allIconsNamespace from '../../icons/all-icons';
 import { iconMetadata } from './icon-metadata';
-import { Fixture, fixture } from '../../utilities/tests/fixture';
+import { type Fixture, fixture } from '../../utilities/tests/fixture';
 import { IconAdd, iconAddTag } from '../../icons/add';
 
 describe('Icons', () => {
diff --git a/packages/nimble-components/src/label-provider/base/index.ts b/packages/nimble-components/src/label-provider/base/index.ts
index a4b906cb4c..15a099c064 100644
--- a/packages/nimble-components/src/label-provider/base/index.ts
+++ b/packages/nimble-components/src/label-provider/base/index.ts
@@ -1,5 +1,9 @@
 import { DesignToken, FoundationElement } from '@microsoft/fast-foundation';
-import { Notifier, Observable, type Subscriber } from '@microsoft/fast-element';
+import {
+    type Notifier,
+    Observable,
+    type Subscriber
+} from '@microsoft/fast-element';
 import { themeProviderTag } from '../../theme-provider';
 
 export type DesignTokensFor<ObjectT> = {
diff --git a/packages/nimble-components/src/label-provider/base/tests/label-provider-base.spec.ts b/packages/nimble-components/src/label-provider/base/tests/label-provider-base.spec.ts
index 270af620b0..d8349f8f36 100644
--- a/packages/nimble-components/src/label-provider/base/tests/label-provider-base.spec.ts
+++ b/packages/nimble-components/src/label-provider/base/tests/label-provider-base.spec.ts
@@ -2,7 +2,7 @@ import { attr, customElement, html } from '@microsoft/fast-element';
 import { DesignToken } from '@microsoft/fast-foundation';
 import { ThemeProvider, themeProviderTag } from '../../../theme-provider';
 import {
-    Fixture,
+    type Fixture,
     fixture,
     uniqueElementName
 } from '../../../utilities/tests/fixture';
diff --git a/packages/nimble-components/src/label-provider/core/index.ts b/packages/nimble-components/src/label-provider/core/index.ts
index 65c5a9667f..1436dadccf 100644
--- a/packages/nimble-components/src/label-provider/core/index.ts
+++ b/packages/nimble-components/src/label-provider/core/index.ts
@@ -1,6 +1,6 @@
 import { attr } from '@microsoft/fast-element';
 import { DesignSystem } from '@microsoft/fast-foundation';
-import { DesignTokensFor, LabelProviderBase } from '../base';
+import { type DesignTokensFor, LabelProviderBase } from '../base';
 import {
     popupDismissLabel,
     numericDecrementLabel,
diff --git a/packages/nimble-components/src/label-provider/core/tests/label-provider-core.spec.ts b/packages/nimble-components/src/label-provider/core/tests/label-provider-core.spec.ts
index fae573300f..5b55e0d959 100644
--- a/packages/nimble-components/src/label-provider/core/tests/label-provider-core.spec.ts
+++ b/packages/nimble-components/src/label-provider/core/tests/label-provider-core.spec.ts
@@ -8,7 +8,7 @@ import {
     getPropertyName
 } from '../../base/tests/label-name-utils';
 import { ThemeProvider, themeProviderTag } from '../../../theme-provider';
-import { Fixture, fixture } from '../../../utilities/tests/fixture';
+import { type Fixture, fixture } from '../../../utilities/tests/fixture';
 
 type DesignTokenPropertyName = keyof typeof labelTokensNamespace;
 const designTokenPropertyNames = Object.keys(
diff --git a/packages/nimble-components/src/label-provider/rich-text/index.ts b/packages/nimble-components/src/label-provider/rich-text/index.ts
index fd77afc2c7..1232f36c46 100644
--- a/packages/nimble-components/src/label-provider/rich-text/index.ts
+++ b/packages/nimble-components/src/label-provider/rich-text/index.ts
@@ -1,6 +1,6 @@
 import { attr } from '@microsoft/fast-element';
 import { DesignSystem } from '@microsoft/fast-foundation';
-import { DesignTokensFor, LabelProviderBase } from '../base';
+import { type DesignTokensFor, LabelProviderBase } from '../base';
 import {
     richTextToggleBoldLabel,
     richTextToggleItalicsLabel,
diff --git a/packages/nimble-components/src/label-provider/rich-text/tests/label-provider-rich-text.spec.ts b/packages/nimble-components/src/label-provider/rich-text/tests/label-provider-rich-text.spec.ts
index a966e17d61..93d9b0993a 100644
--- a/packages/nimble-components/src/label-provider/rich-text/tests/label-provider-rich-text.spec.ts
+++ b/packages/nimble-components/src/label-provider/rich-text/tests/label-provider-rich-text.spec.ts
@@ -9,7 +9,7 @@ import {
     removePrefixAndCamelCase
 } from '../../base/tests/label-name-utils';
 import { ThemeProvider, themeProviderTag } from '../../../theme-provider';
-import { Fixture, fixture } from '../../../utilities/tests/fixture';
+import { type Fixture, fixture } from '../../../utilities/tests/fixture';
 
 type DesignTokenPropertyName = keyof typeof labelTokensNamespace;
 const designTokenPropertyNames = Object.keys(
diff --git a/packages/nimble-components/src/label-provider/table/index.ts b/packages/nimble-components/src/label-provider/table/index.ts
index 98baf903fe..2afb68eba4 100644
--- a/packages/nimble-components/src/label-provider/table/index.ts
+++ b/packages/nimble-components/src/label-provider/table/index.ts
@@ -1,6 +1,6 @@
 import { attr } from '@microsoft/fast-element';
 import { DesignSystem } from '@microsoft/fast-foundation';
-import { DesignTokensFor, LabelProviderBase } from '../base';
+import { type DesignTokensFor, LabelProviderBase } from '../base';
 import {
     tableCellActionMenuLabel,
     tableColumnHeaderGroupedLabel,
diff --git a/packages/nimble-components/src/label-provider/table/tests/label-provider-table.spec.ts b/packages/nimble-components/src/label-provider/table/tests/label-provider-table.spec.ts
index e079977757..7863699dd7 100644
--- a/packages/nimble-components/src/label-provider/table/tests/label-provider-table.spec.ts
+++ b/packages/nimble-components/src/label-provider/table/tests/label-provider-table.spec.ts
@@ -9,7 +9,7 @@ import {
     removePrefixAndCamelCase
 } from '../../base/tests/label-name-utils';
 import { ThemeProvider, themeProviderTag } from '../../../theme-provider';
-import { Fixture, fixture } from '../../../utilities/tests/fixture';
+import { type Fixture, fixture } from '../../../utilities/tests/fixture';
 
 type DesignTokenPropertyName = keyof typeof labelTokensNamespace;
 const designTokenPropertyNames = Object.keys(
diff --git a/packages/nimble-components/src/mapping/user/tests/mapping-user.spec.ts b/packages/nimble-components/src/mapping/user/tests/mapping-user.spec.ts
index 81916da03b..54d8f5a781 100644
--- a/packages/nimble-components/src/mapping/user/tests/mapping-user.spec.ts
+++ b/packages/nimble-components/src/mapping/user/tests/mapping-user.spec.ts
@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 import { MappingUser, mappingUserTag } from '..';
-import { fixture, Fixture } from '../../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../../utilities/tests/fixture';
 
 describe('User Mapping', () => {
     let element: MappingUser;
diff --git a/packages/nimble-components/src/menu-button/index.ts b/packages/nimble-components/src/menu-button/index.ts
index 9b3d348739..2b5bfee93a 100644
--- a/packages/nimble-components/src/menu-button/index.ts
+++ b/packages/nimble-components/src/menu-button/index.ts
@@ -13,7 +13,7 @@ import {
 import {
     ButtonAppearance,
     ButtonAppearanceVariant,
-    MenuButtonToggleEventDetail,
+    type MenuButtonToggleEventDetail,
     MenuButtonPosition
 } from './types';
 import type { ToggleButton } from '../toggle-button';
diff --git a/packages/nimble-components/src/menu-button/specs/README.md b/packages/nimble-components/src/menu-button/specs/README.md
index 8af7ddbaa3..a3afb7b466 100644
--- a/packages/nimble-components/src/menu-button/specs/README.md
+++ b/packages/nimble-components/src/menu-button/specs/README.md
@@ -12,18 +12,18 @@ The `nimble-menu-button` is a button and a menu, where the menu is hidden until
 
 ### Non-goals
 
--   We are specifically not supporting a client being able to provide any button for opening the menu. The `nimble-menu-button` will contain a button (specifically a `nimble-toggle-button`) within its template to enforce visual design consistency.
+- We are specifically not supporting a client being able to provide any button for opening the menu. The `nimble-menu-button` will contain a button (specifically a `nimble-toggle-button`) within its template to enforce visual design consistency.
 
 ### Features
 
--   The button will support the same appearance modes as the `nimble-button` and `nimble-toggle-button` -- outline, block, and ghost
--   The button will support the same content as the `nimble-button` and `nimble-toggle-button`. For example, it can contain text-only, icon-only, text + icon, etc.
--   When the menu is open, that state will be reflected in the styling of the button
--   The user will provide a menu to be displayed when the button is clicked. In most cases, it is expected that a `nimble-menu` will be provided, but any element with `[role=menu]` will be supported.
+- The button will support the same appearance modes as the `nimble-button` and `nimble-toggle-button` -- outline, block, and ghost
+- The button will support the same content as the `nimble-button` and `nimble-toggle-button`. For example, it can contain text-only, icon-only, text + icon, etc.
+- When the menu is open, that state will be reflected in the styling of the button
+- The user will provide a menu to be displayed when the button is clicked. In most cases, it is expected that a `nimble-menu` will be provided, but any element with `[role=menu]` will be supported.
 
 ### Risks and Challenges
 
--   FAST does not currently have a menu button or a toggle button. If they add support for either of these components, we will likely want update our component to leverage theirs. Depending on the differences between our API and FAST's API, adopoting their components will likely cause a breaking change within nimble.
+- FAST does not currently have a menu button or a toggle button. If they add support for either of these components, we will likely want update our component to leverage theirs. Depending on the differences between our API and FAST's API, adopoting their components will likely cause a breaking change within nimble.
 
 ### Prior Art/Examples
 
@@ -68,53 +68,53 @@ An example usage of the menu button is as follows:
 
 _Component Name_
 
--   `nimble-menu-button`
+- `nimble-menu-button`
 
 _Props/Attrs_
 
--   `open`: boolean
--   `disabled`: boolean
--   `appearance`: string
--   `content-hidden`: boolean
--   `position`: string
+- `open`: boolean
+- `disabled`: boolean
+- `appearance`: string
+- `content-hidden`: boolean
+- `position`: string
 
 _Methods_
 
--   none
+- none
 
 _Events_
 
--   `beforetoggle` (event) - event fired before the opened state has changed. The event detail contains:
-    -   `newState` - boolean - The value of `open` on the menu button that the element is transitioning in to.
-    -   `oldState` - boolean - The value of `open` on the menu button that the element is transitioning out of.
--   `toggle` (event) - event for when the opened state has changed
-    -   `newState` - boolean - The value of `open` on the menu button that the element transitioned in to.
-    -   `oldState` - boolean - The value of `open` on the menu button that the element transitioned out of.
+- `beforetoggle` (event) - event fired before the opened state has changed. The event detail contains:
+    - `newState` - boolean - The value of `open` on the menu button that the element is transitioning in to.
+    - `oldState` - boolean - The value of `open` on the menu button that the element is transitioning out of.
+- `toggle` (event) - event for when the opened state has changed
+    - `newState` - boolean - The value of `open` on the menu button that the element transitioned in to.
+    - `oldState` - boolean - The value of `open` on the menu button that the element transitioned out of.
 
 _CSS Classes and CSS Custom Properties that affect the component_
 
--   none
+- none
 
 ### Anatomy
 
 _Slot Names_
 
--   `start`: content that will get slotted into the `start` slot of the underlying `nimble-toggle-button`
--   _default slot (unnamed)_: content that will get slotted into the default slot of the underlying `nimble-toggle-button`
--   `end`: content that will get slotted into the `end` slot of the underlying `nimble-toggle-button`
--   `menu`: the menu that will be shown/hidden based on the `open` attribute of the component
+- `start`: content that will get slotted into the `start` slot of the underlying `nimble-toggle-button`
+- _default slot (unnamed)_: content that will get slotted into the default slot of the underlying `nimble-toggle-button`
+- `end`: content that will get slotted into the `end` slot of the underlying `nimble-toggle-button`
+- `menu`: the menu that will be shown/hidden based on the `open` attribute of the component
 
 _Host Classes_
 
--   none
+- none
 
 _Slotted Content/Slotted Classes_
 
--   none
+- none
 
 _CSS Parts_
 
--   `menu`
+- `menu`
 
 ### Angular integration
 
@@ -144,9 +144,9 @@ The menu will indicate that it is open by having the underlying toggle button in
 
 _Focus_
 
--   Focus state of the button will be the same as the `nimble-toggle-button`
--   Focus state of the menu and menu items will be defined by the slotted menu
--   Clicking the toggle button will open/close the menu. When the menu transitions to the open state, the menu will become focused, which should focus the first `[role=menuitem]` within it.
+- Focus state of the button will be the same as the `nimble-toggle-button`
+- Focus state of the menu and menu items will be defined by the slotted menu
+- Clicking the toggle button will open/close the menu. When the menu transitions to the open state, the menu will become focused, which should focus the first `[role=menuitem]` within it.
 
 _Keyboard navigation with button focused_
 
@@ -167,24 +167,24 @@ Note: When an item in the menu is selected, regardless of whether through keyboa
 
 _Form Input_
 
--   none
+- none
 
 _Use with Assistive Technology_
 
--   The inner toggle-button will have `aria-haspopup="true"`.
--   When the menu is open, the inner toggle-button will have `aria-expanded="true"`.
--   [Optional] The inner toggle-button will have `aria-controls` set to the ID of the menu.
-    -   As this is optional, this will not be configured in order to reduce the amount of manipulation required on the slotted menu element.
--   The menu should have an `aria-label` configured on it.
-    -   Open question: Is this the responsibility of the client?
+- The inner toggle-button will have `aria-haspopup="true"`.
+- When the menu is open, the inner toggle-button will have `aria-expanded="true"`.
+- [Optional] The inner toggle-button will have `aria-controls` set to the ID of the menu.
+    - As this is optional, this will not be configured in order to reduce the amount of manipulation required on the slotted menu element.
+- The menu should have an `aria-label` configured on it.
+    - Open question: Is this the responsibility of the client?
 
 ### Globalization
 
 _Consider whether the component has any special globalization needs such as:_
 
--   _Special RTL handling_
--   _Swapping of internal icons/visuals_
--   _Localization_
+- _Special RTL handling_
+- _Swapping of internal icons/visuals_
+- _Localization_
 
 ### Security
 
@@ -216,4 +216,4 @@ As with other nimble components, a story will be added in storybook for the new
 
 ## Open Issues
 
--   Should nimble try to enforce that an aria-label is configured on the slotted menu?
+- Should nimble try to enforce that an aria-label is configured on the slotted menu?
diff --git a/packages/nimble-components/src/menu-button/tests/menu-button.spec.ts b/packages/nimble-components/src/menu-button/tests/menu-button.spec.ts
index 0a4948a98d..6cc88c05f4 100644
--- a/packages/nimble-components/src/menu-button/tests/menu-button.spec.ts
+++ b/packages/nimble-components/src/menu-button/tests/menu-button.spec.ts
@@ -2,11 +2,11 @@ import { html } from '@microsoft/fast-element';
 import { eventChange, keyEnter } from '@microsoft/fast-web-utilities';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import { parameterizeSuite } from '@ni/jasmine-parameterized';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { menuTag, type Menu } from '../../menu';
 import { menuItemTag, type MenuItem } from '../../menu-item';
 import { MenuButton, menuButtonTag } from '..';
-import { MenuButtonToggleEventDetail, MenuButtonPosition } from '../types';
+import { type MenuButtonToggleEventDetail, MenuButtonPosition } from '../types';
 import {
     processUpdates,
     waitForUpdatesAsync
diff --git a/packages/nimble-components/src/menu-item/index.ts b/packages/nimble-components/src/menu-item/index.ts
index 658021d688..b5f1e2ef4b 100644
--- a/packages/nimble-components/src/menu-item/index.ts
+++ b/packages/nimble-components/src/menu-item/index.ts
@@ -2,7 +2,7 @@ import {
     DesignSystem,
     MenuItem as FoundationMenuItem,
     menuItemTemplate as template,
-    MenuItemOptions
+    type MenuItemOptions
 } from '@microsoft/fast-foundation';
 import { arrowExpanderRight16X16 } from '@ni/nimble-tokens/dist/icons/js';
 import { styles } from './styles';
diff --git a/packages/nimble-components/src/menu/menu.foundation.ts b/packages/nimble-components/src/menu/menu.foundation.ts
index 45aae16c89..0496a9369c 100644
--- a/packages/nimble-components/src/menu/menu.foundation.ts
+++ b/packages/nimble-components/src/menu/menu.foundation.ts
@@ -12,7 +12,7 @@ import {
 import {
     FoundationElement,
     MenuItem,
-    MenuItemColumnCount,
+    type MenuItemColumnCount,
     MenuItemRole,
     roleForMenuItem
 } from '@microsoft/fast-foundation';
diff --git a/packages/nimble-components/src/menu/tests/menu.spec.ts b/packages/nimble-components/src/menu/tests/menu.spec.ts
index 171910eea4..67574fe7f6 100644
--- a/packages/nimble-components/src/menu/tests/menu.spec.ts
+++ b/packages/nimble-components/src/menu/tests/menu.spec.ts
@@ -4,7 +4,7 @@ import { Menu, menuTag } from '..';
 import { menuItemTag } from '../../menu-item';
 import { anchorMenuItemTag } from '../../anchor-menu-item';
 import { iconCheckTag } from '../../icons/check';
-import { Fixture, fixture } from '../../utilities/tests/fixture';
+import { type Fixture, fixture } from '../../utilities/tests/fixture';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
 
 describe('Menu', () => {
diff --git a/packages/nimble-components/src/number-field/index.ts b/packages/nimble-components/src/number-field/index.ts
index 194c0d6ef8..7b06d51025 100644
--- a/packages/nimble-components/src/number-field/index.ts
+++ b/packages/nimble-components/src/number-field/index.ts
@@ -2,13 +2,12 @@ import { attr, html } from '@microsoft/fast-element';
 import {
     DesignSystem,
     NumberField as FoundationNumberField,
-    NumberFieldOptions,
-    numberFieldTemplate as template
+    type NumberFieldOptions
 } from '@microsoft/fast-foundation';
 import { styles } from './styles';
 import { NumberFieldAppearance } from './types';
 import { errorTextTemplate } from '../patterns/error/template';
-import type { ErrorPattern } from '../patterns/error/types';
+import { mixinErrorPattern } from '../patterns/error/types';
 import { buttonTag } from '../button';
 import { iconMinusWideTag } from '../icons/minus-wide';
 import { iconAddTag } from '../icons/add';
@@ -17,6 +16,8 @@ import {
     numericDecrementLabel,
     numericIncrementLabel
 } from '../label-provider/core/label-tokens';
+import { template } from './template';
+import { mixinRequiredVisiblePattern } from '../patterns/required-visible/types';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -27,23 +28,12 @@ declare global {
 /**
  * A nimble-styled HTML number input
  */
-export class NumberField extends FoundationNumberField implements ErrorPattern {
+export class NumberField extends mixinErrorPattern(
+    mixinRequiredVisiblePattern(FoundationNumberField)
+) {
     @attr
     public appearance: NumberFieldAppearance = NumberFieldAppearance.underline;
 
-    /**
-     * A message explaining why the value is invalid.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: error-text
-     */
-    @attr({ attribute: 'error-text' })
-    public errorText?: string;
-
-    @attr({ attribute: 'error-visible', mode: 'boolean' })
-    public errorVisible = false;
-
     public override connectedCallback(): void {
         super.connectedCallback();
 
diff --git a/packages/nimble-components/src/number-field/styles.ts b/packages/nimble-components/src/number-field/styles.ts
index 3f4dab5935..00dd63d17e 100644
--- a/packages/nimble-components/src/number-field/styles.ts
+++ b/packages/nimble-components/src/number-field/styles.ts
@@ -19,11 +19,13 @@ import {
 import { appearanceBehavior } from '../utilities/style/appearance';
 import { NumberFieldAppearance } from './types';
 import { styles as errorStyles } from '../patterns/error/styles';
+import { styles as requiredVisibleStyles } from '../patterns/required-visible/styles';
 import { userSelectNone } from '../utilities/style/user-select';
 
 export const styles = css`
     ${display('inline-block')}
     ${errorStyles}
+    ${requiredVisibleStyles}
 
     :host {
         font: ${bodyFont};
diff --git a/packages/nimble-components/src/number-field/template.ts b/packages/nimble-components/src/number-field/template.ts
new file mode 100644
index 0000000000..de759d3381
--- /dev/null
+++ b/packages/nimble-components/src/number-field/template.ts
@@ -0,0 +1,106 @@
+import { html, ref, slotted, when } from '@microsoft/fast-element';
+import type { ViewTemplate } from '@microsoft/fast-element';
+import {
+    endSlotTemplate,
+    type FoundationElementTemplate,
+    type NumberFieldOptions,
+    startSlotTemplate
+} from '@microsoft/fast-foundation';
+import type { NumberField } from '.';
+import { createRequiredVisibleLabelTemplate } from '../patterns/required-visible/template';
+
+const labelTemplate = createRequiredVisibleLabelTemplate(
+    html<NumberField>`<label
+        part="label"
+        for="control"
+        class="${x => (x.defaultSlottedNodes?.length ? 'label' : 'label label__hidden')}"
+    >
+        <slot ${slotted('defaultSlottedNodes')}></slot>
+    </label>`
+);
+
+/**
+ * The template for the {@link @microsoft/fast-foundation#(NumberField:class)} component.
+ * @public
+ */
+export const template: FoundationElementTemplate<
+ViewTemplate<NumberField>,
+NumberFieldOptions
+> = (context, definition) => html`
+    <template class="${x => (x.readOnly ? 'readonly' : '')}">
+        ${labelTemplate}
+        <div class="root" part="root">
+            ${startSlotTemplate(context, definition)}
+            <input
+                class="control"
+                part="control"
+                id="control"
+                @input="${x => x.handleTextInput()}"
+                @change="${x => x.handleChange()}"
+                @keydown="${(x, c) => x.handleKeyDown(c.event as KeyboardEvent)}"
+                @blur="${x => x.handleBlur()}"
+                ?autofocus="${x => x.autofocus}"
+                ?disabled="${x => x.disabled}"
+                list="${x => x.list}"
+                maxlength="${x => x.maxlength}"
+                minlength="${x => x.minlength}"
+                placeholder="${x => x.placeholder}"
+                ?readonly="${x => x.readOnly}"
+                ?required="${x => x.required}"
+                size="${x => x.size}"
+                type="text"
+                inputmode="numeric"
+                min="${x => x.min}"
+                max="${x => x.max}"
+                step="${x => x.step}"
+                aria-atomic="${x => x.ariaAtomic}"
+                aria-busy="${x => x.ariaBusy}"
+                aria-controls="${x => x.ariaControls}"
+                aria-current="${x => x.ariaCurrent}"
+                aria-describedby="${x => x.ariaDescribedby}"
+                aria-details="${x => x.ariaDetails}"
+                aria-disabled="${x => x.ariaDisabled}"
+                aria-errormessage="${x => x.ariaErrormessage}"
+                aria-flowto="${x => x.ariaFlowto}"
+                aria-haspopup="${x => x.ariaHaspopup}"
+                aria-hidden="${x => x.ariaHidden}"
+                aria-invalid="${x => x.ariaInvalid}"
+                aria-keyshortcuts="${x => x.ariaKeyshortcuts}"
+                aria-label="${x => x.ariaLabel}"
+                aria-labelledby="${x => x.ariaLabelledby}"
+                aria-live="${x => x.ariaLive}"
+                aria-owns="${x => x.ariaOwns}"
+                aria-relevant="${x => x.ariaRelevant}"
+                aria-roledescription="${x => x.ariaRoledescription}"
+                aria-required="${x => x.requiredVisible}"
+                ${ref('control')}
+            />
+            ${when(
+        x => !x.hideStep && !x.readOnly && !x.disabled,
+        html<NumberField>`
+                    <div class="controls" part="controls">
+                        <div
+                            class="step-up"
+                            part="step-up"
+                            @click="${x => x.stepUp()}"
+                        >
+                            <slot name="step-up-glyph">
+                                ${definition.stepUpGlyph || ''}
+                            </slot>
+                        </div>
+                        <div
+                            class="step-down"
+                            part="step-down"
+                            @click="${x => x.stepDown()}"
+                        >
+                            <slot name="step-down-glyph">
+                                ${definition.stepDownGlyph || ''}
+                            </slot>
+                        </div>
+                    </div>
+                `
+    )}
+            ${endSlotTemplate(context, definition)}
+        </div>
+    </template>
+`;
diff --git a/packages/nimble-components/src/number-field/tests/number-field.foundation.spec.ts b/packages/nimble-components/src/number-field/tests/number-field.foundation.spec.ts
new file mode 100644
index 0000000000..d8fc51ec3d
--- /dev/null
+++ b/packages/nimble-components/src/number-field/tests/number-field.foundation.spec.ts
@@ -0,0 +1,975 @@
+// Based on tests in FAST repo: https://github.com/microsoft/fast/blob/fd9068b94e4aa8d2282f0cce613f58436fae955d/packages/web-components/fast-foundation/src/number-field/number-field.spec.ts
+
+import { DOM } from '@microsoft/fast-element';
+import { NumberField } from '..';
+import { template } from '../template';
+import { fixture } from '../../utilities/tests/fixture';
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const FASTNumberField = NumberField.compose({
+    baseName: 'number-field',
+    template
+});
+
+async function setup(props?: Partial<NumberField>): Promise<{
+    element: NumberField,
+    connect: () => Promise<void>,
+    disconnect: () => Promise<void>,
+    parent: HTMLElement
+}> {
+    const { element, connect, disconnect, parent } = await fixture(FASTNumberField());
+
+    if (props) {
+        for (const key in props) {
+            if (Object.prototype.hasOwnProperty.call(props, key)) {
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-explicit-any
+                (element as any)[key] = (props as any)[key].toString();
+            }
+        }
+    }
+
+    await connect();
+
+    return { element, connect, disconnect, parent };
+}
+
+describe('NumberField', () => {
+    it('should set the `autofocus` attribute on the internal control equal to the value provided', async () => {
+        const { element, disconnect } = await setup({ autofocus: true });
+
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.hasAttribute('autofocus')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should set the `disabled` attribute on the internal control equal to the value provided', async () => {
+        const { element, disconnect } = await setup({ disabled: true });
+
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.hasAttribute('disabled')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should set the `list` attribute on the internal control equal to the value provided', async () => {
+        const list = 'listId';
+        const { element, disconnect } = await setup({ list });
+
+        expect(
+            element.shadowRoot!.querySelector('.control')?.getAttribute('list')
+        ).toBe(list);
+
+        await disconnect();
+    });
+
+    it('should set the `maxlength` attribute on the internal control equal to the value provided', async () => {
+        const maxlength = 14;
+        const { element, disconnect } = await setup({ maxlength });
+
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.getAttribute('maxlength')
+        ).toBe(maxlength.toString());
+
+        await disconnect();
+    });
+
+    it('should set the `minlength` attribute on the internal control equal to the value provided', async () => {
+        const minlength = 8;
+        const { element, disconnect } = await setup({ minlength });
+
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.getAttribute('minlength')
+        ).toBe(minlength.toString());
+
+        await disconnect();
+    });
+
+    it('should set the `placeholder` attribute on the internal control equal to the value provided', async () => {
+        const placeholder = 'placeholder';
+        const { element, disconnect } = await setup({ placeholder });
+
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.getAttribute('placeholder')
+        ).toBe(placeholder);
+
+        await disconnect();
+    });
+
+    it('should set the `readonly` attribute on the internal control equal to the value provided', async () => {
+        const { element, disconnect } = await setup({ readOnly: true });
+
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.hasAttribute('readonly')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should set the `required` attribute on the internal control equal to the value provided', async () => {
+        const { element, disconnect } = await setup({ required: true });
+
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.hasAttribute('required')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should set the `size` attribute on the internal control equal to the value provided', async () => {
+        const { element, disconnect } = await setup({ size: 8 });
+
+        expect(
+            element.shadowRoot!.querySelector('.control')?.hasAttribute('size')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should initialize to the initial value if no value property is set', async () => {
+        const { element, disconnect } = await setup();
+
+        expect(element.value).toBe(element.initialValue);
+
+        await disconnect();
+    });
+
+    it('should initialize to the provided value attribute if set pre-connection', async () => {
+        const value = '10';
+        const { element, disconnect } = await setup({ value });
+
+        expect(element.value).toBe(value);
+
+        await disconnect();
+    });
+
+    it('should initialize to the provided value attribute if set post-connection', async () => {
+        const value = '10';
+        const { element, disconnect } = await setup();
+
+        element.setAttribute('value', value);
+
+        expect(element.value).toBe(value);
+
+        await disconnect();
+    });
+
+    it('should initialize to the provided value property if set pre-connection', async () => {
+        const value = '10';
+        const { element, disconnect } = await setup({ value });
+
+        expect(element.value).toBe(value);
+
+        await disconnect();
+    });
+
+    describe('Delegates ARIA textbox', () => {
+        it('should set the `aria-atomic` attribute on the internal control when provided', async () => {
+            const ariaAtomic = 'true';
+            const { element, disconnect } = await setup({ ariaAtomic });
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-atomic')
+            ).toBe(ariaAtomic);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-busy` attribute on the internal control when provided', async () => {
+            const ariaBusy = 'false';
+            const { element, disconnect } = await setup({ ariaBusy });
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-busy')
+            ).toBe(ariaBusy);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-controls` attribute on the internal control when provided', async () => {
+            const ariaControls = 'testId';
+            const { element, disconnect } = await setup({ ariaControls });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-controls')
+            ).toBe(ariaControls);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-current` attribute on the internal control when provided', async () => {
+            const ariaCurrent = 'page';
+            const { element, disconnect } = await setup({ ariaCurrent });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-current')
+            ).toBe(ariaCurrent);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-describedby` attribute on the internal control when provided', async () => {
+            const ariaDescribedby = 'testId';
+            const { element, disconnect } = await setup({ ariaDescribedby });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-describedby')
+            ).toBe(ariaDescribedby);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-details` attribute on the internal control when provided', async () => {
+            const ariaDetails = 'testId';
+            const { element, disconnect } = await setup({ ariaDetails });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-details')
+            ).toBe(ariaDetails);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-disabled` attribute on the internal control when provided', async () => {
+            const ariaDisabled = 'true';
+            const { element, disconnect } = await setup({ ariaDisabled });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-disabled')
+            ).toBe(ariaDisabled);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-errormessage` attribute on the internal control when provided', async () => {
+            const ariaErrormessage = 'test';
+            const { element, disconnect } = await setup({ ariaErrormessage });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-errormessage')
+            ).toBe(ariaErrormessage);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-flowto` attribute on the internal control when provided', async () => {
+            const ariaFlowto = 'testId';
+            const { element, disconnect } = await setup({ ariaFlowto });
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-flowto')
+            ).toBe(ariaFlowto);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-haspopup` attribute on the internal control when provided', async () => {
+            const ariaHaspopup = 'true';
+            const { element, disconnect } = await setup({ ariaHaspopup });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-haspopup')
+            ).toBe(ariaHaspopup);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-hidden` attribute on the internal control when provided', async () => {
+            const ariaHidden = 'true';
+            const { element, disconnect } = await setup({ ariaHidden });
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-hidden')
+            ).toBe(ariaHidden);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-invalid` attribute on the internal control when provided', async () => {
+            const ariaInvalid = 'spelling';
+            const { element, disconnect } = await setup({ ariaInvalid });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-invalid')
+            ).toBe(ariaInvalid);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-keyshortcuts` attribute on the internal control when provided', async () => {
+            const ariaKeyshortcuts = 'F4';
+            const { element, disconnect } = await setup({ ariaKeyshortcuts });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-keyshortcuts')
+            ).toBe(ariaKeyshortcuts);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-label` attribute on the internal control when provided', async () => {
+            const ariaLabel = 'Foo label';
+            const { element, disconnect } = await setup({ ariaLabel });
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-label')
+            ).toBe(ariaLabel);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-labelledby` attribute on the internal control when provided', async () => {
+            const ariaLabelledby = 'testId';
+            const { element, disconnect } = await setup({ ariaLabelledby });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-labelledby')
+            ).toBe(ariaLabelledby);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-live` attribute on the internal control when provided', async () => {
+            const ariaLive = 'polite';
+            const { element, disconnect } = await setup({ ariaLive });
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-live')
+            ).toBe(ariaLive);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-owns` attribute on the internal control when provided', async () => {
+            const ariaOwns = 'testId';
+            const { element, disconnect } = await setup({ ariaOwns });
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-owns')
+            ).toBe(ariaOwns);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-relevant` attribute on the internal control when provided', async () => {
+            const ariaRelevant = 'removals';
+            const { element, disconnect } = await setup({ ariaRelevant });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-relevant')
+            ).toBe(ariaRelevant);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-roledescription` attribute on the internal control when provided', async () => {
+            const ariaRoledescription = 'slide';
+            const { element, disconnect } = await setup({
+                ariaRoledescription
+            });
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-roledescription')
+            ).toBe(ariaRoledescription);
+
+            await disconnect();
+        });
+    });
+
+    describe('events', () => {
+        it('should fire a change event when the internal control emits a change event', async () => {
+            const { element, disconnect } = await setup();
+            const event = new Event('change', {
+                key: '1'
+            } as KeyboardEventInit);
+            let wasChanged = false;
+
+            element.addEventListener('change', e => {
+                e.preventDefault();
+
+                wasChanged = true;
+            });
+
+            const textarea = element.shadowRoot!.querySelector('input');
+            textarea?.dispatchEvent(event);
+
+            expect(wasChanged).toBeTrue();
+
+            await disconnect();
+        });
+
+        it('should fire an input event when incrementing or decrementing', async () => {
+            const { element, disconnect } = await setup();
+            let wasInput = false;
+
+            element.addEventListener('input', e => {
+                e.preventDefault();
+
+                wasInput = true;
+            });
+
+            element.stepUp();
+
+            expect(wasInput).toBeTrue();
+
+            wasInput = false;
+
+            element.stepDown();
+
+            expect(wasInput).toBeTrue();
+
+            await disconnect();
+        });
+    });
+
+    describe("when the owning form's reset() method is invoked", () => {
+        it("should reset it's value property to an empty string if no value attribute is set", async () => {
+            const { element, disconnect, parent } = await setup();
+
+            const form = document.createElement('form');
+            form.appendChild(element);
+            parent.appendChild(form);
+
+            const value = '10';
+            element.value = value;
+            expect(element.value).toBe(value);
+
+            form.reset();
+
+            expect(element.value).toBe('');
+
+            await disconnect();
+        });
+
+        it("should reset it's value property to the value of the value attribute if it is set", async () => {
+            const { element, disconnect, parent } = await setup();
+
+            const form = document.createElement('form');
+            form.appendChild(element);
+            parent.appendChild(form);
+
+            element.setAttribute('value', '10');
+
+            element.value = '20';
+            expect(element.getAttribute('value')).toBe('10');
+            expect(element.value).toBe('20');
+
+            form.reset();
+            expect(element.value).toBe('10');
+
+            await disconnect();
+        });
+
+        it('should update input field when script sets value', async () => {
+            const { element, disconnect } = await setup();
+            const value = '10';
+
+            expect(
+                element.shadowRoot!.querySelector<HTMLInputElement>('.control')!
+                    .value
+            ).toBe('');
+
+            element.setAttribute('value', value);
+
+            await DOM.nextUpdate();
+
+            expect(
+                element.shadowRoot!.querySelector<HTMLInputElement>('.control')!
+                    .value
+            ).toBe(value);
+
+            await disconnect();
+        });
+
+        it('should put the control into a clean state, where value attribute changes the property value prior to user or programmatic interaction', async () => {
+            const { element, disconnect, parent } = await setup();
+            const form = document.createElement('form');
+            form.appendChild(element);
+            parent.appendChild(form);
+            element.setAttribute('value', '10');
+
+            element.value = '20';
+            expect(element.value).toBe('20');
+
+            form.reset();
+
+            expect(element.value).toBe('10');
+
+            element.setAttribute('value', '30');
+            expect(element.value).toBe('30');
+
+            await disconnect();
+        });
+    });
+
+    describe('min and max values', () => {
+        it('should set min value', async () => {
+            const min = 1;
+            const { element, disconnect } = await setup({ min });
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('min')
+            ).toBe(min.toString());
+
+            await disconnect();
+        });
+
+        it('should set max value', async () => {
+            const max = 10;
+            const { element, disconnect } = await setup({ max });
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('max')
+            ).toBe(max.toString());
+
+            await disconnect();
+        });
+
+        it('should set value to max when value is greater than max', async () => {
+            const max = 10;
+            const value = '20';
+            const { element, disconnect } = await setup({ value, max });
+
+            expect(element.value).toBe(max.toString());
+
+            await disconnect();
+        });
+
+        it('should set value to max if the max changes to a value less than the value', async () => {
+            const max = 10;
+            const value = `${10 + max}`;
+            const { element, disconnect } = await setup({ value });
+
+            expect(element.value).toBe(value.toString());
+
+            element.setAttribute('max', max.toString());
+            await DOM.nextUpdate();
+
+            expect(element.value).toBe(max.toString());
+
+            await disconnect();
+        });
+
+        it('should set value to min when value is less than min', async () => {
+            const min = 10;
+            const value = `${min - 8}`;
+            const { element, disconnect } = await setup({ value, min });
+
+            expect(element.value).toBe(min.toString());
+
+            element.value = `${min - 100}`;
+            await DOM.nextUpdate();
+
+            expect(element.value).toBe(min.toString());
+            await disconnect();
+        });
+
+        it('should set value to min if the min changes to a value more than the value', async () => {
+            const min = 20;
+            const value = `${min - 10}`;
+            const { element, disconnect } = await setup({ value });
+
+            expect(element.value).toBe(value.toString());
+
+            element.setAttribute('min', min.toString());
+            await DOM.nextUpdate();
+
+            expect(element.value).toBe(min.toString());
+
+            await disconnect();
+        });
+
+        it('should set max to highest when min is greater than max', async () => {
+            const min = 10;
+            const max = 1;
+            const { element, disconnect } = await setup({ min, max });
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('max')
+            ).toBe(min.toString());
+
+            await disconnect();
+        });
+    });
+
+    describe('step and increment/decrement', () => {
+        it('should set step to a default of 1', async () => {
+            const { element, disconnect } = await setup();
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('step')
+            ).toBe('1');
+
+            await disconnect();
+        });
+
+        it('should update step', async () => {
+            const step = 2;
+            const { element, disconnect } = await setup({ step });
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('step')
+            ).toBe(step.toString());
+
+            await disconnect();
+        });
+
+        it('should increment the value by the step amount', async () => {
+            const step = 2;
+            const value = 5;
+            const { element, disconnect } = await setup({
+                step,
+                value: value.toString()
+            });
+
+            element.stepUp();
+
+            expect(element.value).toBe(`${value + step}`);
+
+            await disconnect();
+        });
+
+        it('should decrement the value by the step amount', async () => {
+            const step = 2;
+            const value = 5;
+            const { element, disconnect } = await setup({
+                step,
+                value: value.toString()
+            });
+
+            element.stepDown();
+
+            expect(element.value).toBe(`${value - step}`);
+
+            await disconnect();
+        });
+
+        it('should increment no value to the step amount', async () => {
+            const step = 2;
+            const { element, disconnect } = await setup({ step });
+
+            element.stepUp();
+
+            expect(element.value).toBe(`${step}`);
+
+            await disconnect();
+        });
+
+        it('should decrement no value to the negative step amount', async () => {
+            const step = 2;
+            const { element, disconnect } = await setup({ step });
+
+            element.stepDown();
+            await DOM.nextUpdate();
+
+            expect(element.value).toBe(`${0 - step}`);
+
+            await disconnect();
+        });
+
+        it('should decrement to zero when no value and negative min', async () => {
+            const min = -10;
+            const { element, disconnect } = await setup({ min });
+
+            element.stepDown();
+            await DOM.nextUpdate();
+
+            expect(element.value).toBe('0');
+
+            await disconnect();
+        });
+
+        it('should increment to zero when no value and negative min', async () => {
+            const min = -10;
+            const { element, disconnect } = await setup({ min });
+
+            element.stepUp();
+            await DOM.nextUpdate();
+
+            expect(element.value).toBe('0');
+
+            await disconnect();
+        });
+
+        it('should decrement to min when no value and min > 0', async () => {
+            const min = 10;
+            const { element, disconnect } = await setup({ min });
+
+            element.stepDown();
+            await DOM.nextUpdate();
+
+            expect(element.value).toBe(min.toString());
+
+            await disconnect();
+        });
+
+        it('should increment to min when no value and min > 0', async () => {
+            const min = 10;
+            const { element, disconnect } = await setup({ min });
+
+            element.stepUp();
+            await DOM.nextUpdate();
+
+            expect(element.value).toBe(min.toString());
+
+            await disconnect();
+        });
+
+        it('should decrement to max when no value and min and max < 0', async () => {
+            const min = -100;
+            const max = -10;
+            const { element, disconnect } = await setup({ min, max });
+
+            element.stepDown();
+            await DOM.nextUpdate();
+
+            expect(element.value).toBe(max.toString());
+
+            await disconnect();
+        });
+
+        it('should increment to mx when no value and min and max < 0', async () => {
+            const min = -100;
+            const max = -10;
+            const { element, disconnect } = await setup({ min, max });
+
+            element.stepUp();
+            await DOM.nextUpdate();
+
+            expect(element.value).toBe(max.toString());
+
+            await disconnect();
+        });
+
+        it('should update the proxy value when incrementing the value', async () => {
+            const step = 2;
+            const value = 5;
+            const { element, disconnect } = await setup({
+                step,
+                value: value.toString()
+            });
+
+            element.stepUp();
+
+            expect(element.value).toBe(`${value + step}`);
+            expect(element.proxy.value).toBe(`${value + step}`);
+
+            await disconnect();
+        });
+
+        it('should update the proxy value when decrementing the value', async () => {
+            const step = 2;
+            const value = 5;
+            const { element, disconnect } = await setup({
+                step,
+                value: value.toString()
+            });
+
+            element.stepDown();
+
+            expect(element.value).toBe(`${value - step}`);
+            expect(element.proxy.value).toBe(`${value - step}`);
+
+            await disconnect();
+        });
+
+        it('should correct rounding errors', async () => {
+            const step = 0.1;
+            let value = (0.2).toString();
+            const { element, disconnect } = await setup({ step, value });
+            const incrementValue = (): void => {
+                element.stepUp();
+                value = (parseFloat(value) + step).toPrecision(1);
+            };
+
+            expect(element.value).toBe(value);
+
+            incrementValue();
+            expect(element.value).toBe(value);
+
+            incrementValue();
+            expect(element.value).toBe(value);
+
+            incrementValue();
+            expect(element.value).toBe(value);
+
+            incrementValue();
+            expect(element.value).toBe(value);
+
+            await disconnect();
+        });
+    });
+
+    describe('value validation', () => {
+        it('should allow number entry', async () => {
+            const value = '18';
+            const { element, disconnect } = await setup();
+
+            element.setAttribute('value', value);
+
+            expect(element.value).toBe(value);
+
+            await disconnect();
+        });
+
+        it('should not allow non-number entry', async () => {
+            const { element, disconnect } = await setup();
+
+            element.setAttribute('value', '11a');
+            expect(element.value).toBe('11');
+
+            await disconnect();
+        });
+
+        it('should allow float number entry', async () => {
+            const { element, disconnect } = await setup();
+            const floatValue = '37.5';
+
+            element.setAttribute('value', floatValue);
+            expect(element.value).toBe(floatValue);
+
+            await disconnect();
+        });
+
+        it('should allow negative number entry', async () => {
+            const { element, disconnect } = await setup();
+
+            element.setAttribute('value', '-1');
+            expect(element.value).toBe('-1');
+
+            await disconnect();
+        });
+
+        it('should allow negative float entry', async () => {
+            const { element, disconnect } = await setup();
+            const negativeFloatValue = '-1.5';
+
+            element.setAttribute('value', negativeFloatValue);
+            expect(element.value).toBe(negativeFloatValue);
+
+            await disconnect();
+        });
+    });
+
+    describe('hide step', () => {
+        it('should not render step controls when `hide-step` attribute is present', async () => {
+            const { element, disconnect } = await setup();
+
+            expect(element.shadowRoot!.querySelector('.controls')).not.toBe(
+                null
+            );
+
+            element.setAttribute('hide-step', '');
+
+            await DOM.nextUpdate();
+
+            expect(element.shadowRoot!.querySelector('.controls')).toBe(null);
+
+            await disconnect();
+        });
+    });
+
+    describe('readonly', () => {
+        it('should not render step controls when `readonly` attribute is present', async () => {
+            const { element, disconnect } = await setup();
+
+            expect(element.shadowRoot!.querySelector('.controls')).not.toBe(
+                null
+            );
+
+            element.setAttribute('readonly', '');
+
+            await DOM.nextUpdate();
+
+            expect(element.shadowRoot!.querySelector('.controls')).toBe(null);
+
+            await disconnect();
+        });
+    });
+
+    describe('valueAsNumber', () => {
+        it('should allow setting value with number', async () => {
+            const { element, disconnect } = await setup();
+
+            element.valueAsNumber = 18;
+
+            expect(element.value).toBe('18');
+
+            await disconnect();
+        });
+
+        it('should allow reading value as number', async () => {
+            const { element, disconnect } = await setup();
+
+            element.value = '18';
+
+            expect(element.valueAsNumber).toBe(18);
+
+            await disconnect();
+        });
+    });
+});
diff --git a/packages/nimble-components/src/number-field/tests/number-field.spec.ts b/packages/nimble-components/src/number-field/tests/number-field.spec.ts
index a9945eb301..9dab577bd6 100644
--- a/packages/nimble-components/src/number-field/tests/number-field.spec.ts
+++ b/packages/nimble-components/src/number-field/tests/number-field.spec.ts
@@ -4,10 +4,19 @@ import {
     LabelProviderCore,
     labelProviderCoreTag
 } from '../../label-provider/core';
-import { waitForUpdatesAsync } from '../../testing/async-helpers';
+import {
+    processUpdates,
+    waitForUpdatesAsync
+} from '../../testing/async-helpers';
 import { ThemeProvider, themeProviderTag } from '../../theme-provider';
 import { fixture, type Fixture } from '../../utilities/tests/fixture';
 
+async function setup(): Promise<Fixture<NumberField>> {
+    return await fixture<NumberField>(
+        html`<${numberFieldTag}></${numberFieldTag}>`
+    );
+}
+
 async function setupWithLabelProvider(): Promise<Fixture<ThemeProvider>> {
     return await fixture<ThemeProvider>(html`
         <${themeProviderTag}>
@@ -18,6 +27,19 @@ async function setupWithLabelProvider(): Promise<Fixture<ThemeProvider>> {
 }
 
 describe('NumberField', () => {
+    let element: NumberField;
+    let connect: () => Promise<void>;
+    let disconnect: () => Promise<void>;
+
+    beforeEach(async () => {
+        ({ element, connect, disconnect } = await setup());
+        await connect();
+    });
+
+    afterEach(async () => {
+        await disconnect();
+    });
+
     it('can construct an element instance', () => {
         expect(document.createElement(numberFieldTag)).toBeInstanceOf(
             NumberField
@@ -26,9 +48,7 @@ describe('NumberField', () => {
 
     it('prevents inc/dec buttons from being focusable', () => {
         const buttons = Array.from(
-            document
-                .createElement(numberFieldTag)
-                .shadowRoot!.querySelectorAll('.step-up-down-button')
+            element.shadowRoot!.querySelectorAll('.step-up-down-button')
         );
         expect(
             buttons.every(x => (x as HTMLElement).tabIndex === -1)
@@ -37,14 +57,24 @@ describe('NumberField', () => {
 
     it('hides inc/dec buttons from a11y tree', () => {
         const buttons = Array.from(
-            document
-                .createElement(numberFieldTag)
-                .shadowRoot!.querySelectorAll('.step-up-down-button')
+            element.shadowRoot!.querySelectorAll('.step-up-down-button')
         );
         expect(
             buttons.every(x => (x as HTMLElement).ariaHidden === 'true')
         ).toBeTrue();
     });
+
+    it('should set "aria-required" to true when "required-visible" is true', () => {
+        element.requiredVisible = true;
+        processUpdates();
+        expect(element.control.getAttribute('aria-required')).toBe('true');
+    });
+
+    it('should set "aria-required" to false when "required-visible" is false', () => {
+        element.requiredVisible = false;
+        processUpdates();
+        expect(element.control.getAttribute('aria-required')).toBe('false');
+    });
 });
 
 describe('NumberField with LabelProviderCore', () => {
diff --git a/packages/nimble-components/src/patterns/error/template.ts b/packages/nimble-components/src/patterns/error/template.ts
index 4a61e0a3a3..777bbbedae 100644
--- a/packages/nimble-components/src/patterns/error/template.ts
+++ b/packages/nimble-components/src/patterns/error/template.ts
@@ -1,8 +1,14 @@
 import { html } from '@microsoft/fast-element';
 import type { ErrorPattern } from './types';
+import { overflow } from '../../utilities/directive/overflow';
 
 export const errorTextTemplate = html<ErrorPattern>`
-    <div class="error-text" title="${x => x.errorText}" aria-live="polite">
+    <div
+        class="error-text"
+        ${overflow('errorHasOverflow')}
+        title="${x => (x.errorHasOverflow && x.errorText ? x.errorText : null)}"
+        aria-live="polite"
+    >
         ${x => x.errorText}
     </div>
 `;
diff --git a/packages/nimble-components/src/patterns/error/testing/error-pattern.pageobject.ts b/packages/nimble-components/src/patterns/error/testing/error-pattern.pageobject.ts
new file mode 100644
index 0000000000..288db404ab
--- /dev/null
+++ b/packages/nimble-components/src/patterns/error/testing/error-pattern.pageobject.ts
@@ -0,0 +1,53 @@
+import type { FoundationElement } from '@microsoft/fast-foundation';
+import { processUpdates } from '../../../testing/async-helpers';
+
+/**
+ * A page object for the elements that use the error pattern mixin.
+ */
+export class ErrorPatternPageObject {
+    public constructor(private readonly element: FoundationElement) {}
+
+    public isErrorIconVisible(): boolean {
+        const icon = this.getErrorIconElement();
+        if (!icon) {
+            return false;
+        }
+        return getComputedStyle(icon).display !== 'none';
+    }
+
+    public getDisplayedErrorText(): string {
+        const errorTextDiv = this.getErrorTextElement();
+        if (
+            !errorTextDiv
+            || getComputedStyle(errorTextDiv).display === 'none'
+        ) {
+            return '';
+        }
+        return errorTextDiv.textContent?.trim() ?? '';
+    }
+
+    public getErrorTextTitle(): string {
+        const errorTextDiv = this.getErrorTextElement();
+        if (!errorTextDiv) {
+            throw new Error('Error text element not found');
+        }
+        return errorTextDiv.title;
+    }
+
+    public dispatchEventToErrorText(event: MouseEvent): void {
+        const errorTextDiv = this.getErrorTextElement();
+        if (!errorTextDiv) {
+            throw new Error('Error text element not found');
+        }
+        errorTextDiv.dispatchEvent(event);
+        processUpdates();
+    }
+
+    private getErrorIconElement(): HTMLElement | null {
+        return this.element.shadowRoot!.querySelector('.error-icon');
+    }
+
+    private getErrorTextElement(): HTMLDivElement | null {
+        return this.element.shadowRoot!.querySelector('.error-text');
+    }
+}
diff --git a/packages/nimble-components/src/patterns/error/tests/error-pattern-mixin.spec.ts b/packages/nimble-components/src/patterns/error/tests/error-pattern-mixin.spec.ts
new file mode 100644
index 0000000000..371bc7eef1
--- /dev/null
+++ b/packages/nimble-components/src/patterns/error/tests/error-pattern-mixin.spec.ts
@@ -0,0 +1,117 @@
+import { customElement, html } from '@microsoft/fast-element';
+import { FoundationElement } from '@microsoft/fast-foundation';
+import {
+    type Fixture,
+    fixture,
+    uniqueElementName
+} from '../../../utilities/tests/fixture';
+import { mixinErrorPattern } from '../types';
+import { styles } from '../styles';
+import { errorTextTemplate } from '../template';
+import { iconExclamationMarkTag } from '../../../icons/exclamation-mark';
+import { processUpdates } from '../../../testing/async-helpers';
+import { ErrorPatternPageObject } from '../testing/error-pattern.pageobject';
+
+const elementName = uniqueElementName();
+@customElement({
+    name: elementName,
+    template: html`<${iconExclamationMarkTag} class="error-icon"></${iconExclamationMarkTag}>${errorTextTemplate}`,
+    styles
+})
+class TestErrorPatternElement extends mixinErrorPattern(FoundationElement) {}
+
+async function setup(): Promise<Fixture<TestErrorPatternElement>> {
+    return await fixture(elementName);
+}
+
+describe('ErrorPatternMixin', () => {
+    let element: TestErrorPatternElement;
+    let connect: () => Promise<void>;
+    let disconnect: () => Promise<void>;
+    let pageObject: ErrorPatternPageObject;
+
+    beforeEach(async () => {
+        ({ element, connect, disconnect } = await setup());
+        await connect();
+        pageObject = new ErrorPatternPageObject(element);
+    });
+
+    afterEach(async () => {
+        await disconnect();
+    });
+
+    it('defaults errorVisible to false', () => {
+        expect(element.errorVisible).toBeFalse();
+    });
+
+    it('shows error icon when errorVisible is true', () => {
+        element.errorVisible = true;
+        processUpdates();
+        expect(pageObject.isErrorIconVisible()).toBeTrue();
+    });
+
+    it('does not show error icon when errorVisible is false', () => {
+        element.errorVisible = false;
+        processUpdates();
+        expect(pageObject.isErrorIconVisible()).toBeFalse();
+    });
+
+    it('defaults errorText to undefined', () => {
+        expect(element.errorText).toBeUndefined();
+    });
+
+    it('shows error text when errorVisible is true', () => {
+        const errorText = 'Something is wrong!';
+        element.errorText = errorText;
+        element.errorVisible = true;
+        processUpdates();
+        expect(pageObject.getDisplayedErrorText()).toBe(errorText);
+    });
+
+    it('does not show error text when errorVisible is false', () => {
+        const errorText = 'Something is wrong!';
+        element.errorText = errorText;
+        element.errorVisible = false;
+        processUpdates();
+        expect(pageObject.getDisplayedErrorText()).toBe('');
+    });
+
+    describe('overflow behavior', () => {
+        beforeEach(() => {
+            element.style.display = 'block';
+            element.style.width = '100px';
+        });
+
+        function setVisibleError(errorText: string): void {
+            element.errorText = errorText;
+            element.errorVisible = true;
+            processUpdates();
+        }
+
+        it('sets title when error text is ellipsized', () => {
+            const errorText = 'a very long error message because something terrible happened and we need to show the user what it is';
+            setVisibleError(errorText);
+
+            pageObject.dispatchEventToErrorText(new MouseEvent('mouseover'));
+            expect(pageObject.getErrorTextTitle()).toBe(errorText);
+        });
+
+        it('does not set title when error text is fully visible', () => {
+            setVisibleError('abc');
+
+            pageObject.dispatchEventToErrorText(new MouseEvent('mouseover'));
+            expect(pageObject.getErrorTextTitle()).toBe('');
+        });
+
+        it('removes title on mouseout of error text', () => {
+            const errorText = 'a very long error message because something terrible happened and we need to show the user what it is';
+            setVisibleError(errorText);
+
+            pageObject.dispatchEventToErrorText(new MouseEvent('mouseover'));
+            expect(pageObject.getErrorTextTitle()).toBe(errorText);
+
+            pageObject.dispatchEventToErrorText(new MouseEvent('mouseout'));
+            expect(pageObject.getErrorTextTitle()).toBe('');
+        });
+    });
+});
diff --git a/packages/nimble-components/src/patterns/error/types.ts b/packages/nimble-components/src/patterns/error/types.ts
index 1d51eebda7..a942a48469 100644
--- a/packages/nimble-components/src/patterns/error/types.ts
+++ b/packages/nimble-components/src/patterns/error/types.ts
@@ -1,14 +1,49 @@
-/**
- * This interface should be used by components that want to leverage the error pattern. The error pattern conditionally adds error text to the template when an error is configured to be visible.
- */
+import { attr, FASTElement, observable } from '@microsoft/fast-element';
+
 export interface ErrorPattern {
-    /**
-     * The error text that will be displayed when a component is in the error appearance
-     */
     errorText?: string;
+    errorVisible: boolean;
+    errorHasOverflow: boolean;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type FASTElementConstructor = abstract new (...args: any[]) => FASTElement;
 
-    /*
-     * Show the error appearance of the control
+// As the returned class is internal to the function, we can't write a signature that uses is directly, so rely on inference
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
+export function mixinErrorPattern<TBase extends FASTElementConstructor>(
+    base: TBase
+) {
+    /**
+     * The Mixin that provides a concrete column with the API to support being resized
+     * proportionally within a Table.
      */
-    errorVisible: boolean;
+    abstract class ErrorPatternElement extends base implements ErrorPattern {
+        /**
+         * The error text that will be displayed when a component is in the error appearance
+         */
+        public errorText?: string;
+
+        /*
+         * Show the error appearance of the control
+         */
+        public errorVisible = false;
+
+        /* @internal
+         * Indicates if the error text has overflowed its container. The value should not be
+         * set directly. Instead, it is used with the `overflow` directive.
+         */
+        public errorHasOverflow = false;
+    }
+
+    attr({ attribute: 'error-text' })(
+        ErrorPatternElement.prototype,
+        'errorText'
+    );
+    attr({ attribute: 'error-visible', mode: 'boolean' })(
+        ErrorPatternElement.prototype,
+        'errorVisible'
+    );
+    observable(ErrorPatternElement.prototype, 'errorHasOverflow');
+    return ErrorPatternElement;
 }
diff --git a/packages/nimble-components/src/patterns/required-visible/styles.ts b/packages/nimble-components/src/patterns/required-visible/styles.ts
new file mode 100644
index 0000000000..21eeb7c4e3
--- /dev/null
+++ b/packages/nimble-components/src/patterns/required-visible/styles.ts
@@ -0,0 +1,17 @@
+import { css } from '@microsoft/fast-element';
+import { smallPadding } from '../../theme-provider/design-tokens';
+
+export const styles = css`
+    .annotated-label {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .required-icon {
+        flex: none;
+        width: 5px;
+        height: 5px;
+        margin-top: 3px;
+        margin-left: ${smallPadding};
+    }
+`;
diff --git a/packages/nimble-components/src/patterns/required-visible/template.ts b/packages/nimble-components/src/patterns/required-visible/template.ts
new file mode 100644
index 0000000000..90e82b56dd
--- /dev/null
+++ b/packages/nimble-components/src/patterns/required-visible/template.ts
@@ -0,0 +1,26 @@
+import { ViewTemplate, html, when } from '@microsoft/fast-element';
+import { iconAsteriskTag } from '../../icons/asterisk';
+import type { RequiredVisiblePattern } from './types';
+
+/**
+ * Given the template for a control label, creates a new template that includes
+ * an icon next to the label to indicate whether or not the control is required.
+ *
+ * This function is intended to be used with components leveraging `mixinRequiredVisiblePattern`.
+ */
+/* eslint-disable @typescript-eslint/indent */
+export function createRequiredVisibleLabelTemplate(
+    labelTemplate: ViewTemplate<RequiredVisiblePattern>
+): ViewTemplate<RequiredVisiblePattern> {
+    return html`
+        <div class="annotated-label">
+            ${labelTemplate}
+            ${when(
+                x => x.requiredVisible,
+                html`
+                <${iconAsteriskTag} class="required-icon" severity="error"></${iconAsteriskTag}>
+            `
+            )}
+        </div>
+    `;
+}
diff --git a/packages/nimble-components/src/patterns/required-visible/testing/required-visible-pattern.pageobject.ts b/packages/nimble-components/src/patterns/required-visible/testing/required-visible-pattern.pageobject.ts
new file mode 100644
index 0000000000..5811605615
--- /dev/null
+++ b/packages/nimble-components/src/patterns/required-visible/testing/required-visible-pattern.pageobject.ts
@@ -0,0 +1,20 @@
+import type { FoundationElement } from '@microsoft/fast-foundation';
+
+/**
+ * A page object for the elements that use the required-visible mixin.
+ */
+export class RequiredVisiblePatternPageObject {
+    public constructor(private readonly element: FoundationElement) {}
+
+    public isRequiredVisibleIconVisible(): boolean {
+        const icon = this.getRequiredVisibleIcon();
+        if (!icon) {
+            return false;
+        }
+        return getComputedStyle(icon).display !== 'none';
+    }
+
+    private getRequiredVisibleIcon(): HTMLElement | null {
+        return this.element.shadowRoot!.querySelector('.required-icon');
+    }
+}
diff --git a/packages/nimble-components/src/patterns/required-visible/tests/required-visible-pattern-mixin.spec.ts b/packages/nimble-components/src/patterns/required-visible/tests/required-visible-pattern-mixin.spec.ts
new file mode 100644
index 0000000000..17708ef7f1
--- /dev/null
+++ b/packages/nimble-components/src/patterns/required-visible/tests/required-visible-pattern-mixin.spec.ts
@@ -0,0 +1,68 @@
+import { customElement, html } from '@microsoft/fast-element';
+import { FoundationElement } from '@microsoft/fast-foundation';
+import {
+    type Fixture,
+    fixture,
+    uniqueElementName
+} from '../../../utilities/tests/fixture';
+import { mixinRequiredVisiblePattern } from '../types';
+import { styles } from '../styles';
+import { createRequiredVisibleLabelTemplate } from '../template';
+import { processUpdates } from '../../../testing/async-helpers';
+import { RequiredVisiblePatternPageObject } from '../testing/required-visible-pattern.pageobject';
+
+const labelTemplate = createRequiredVisibleLabelTemplate(
+    html`<slot name="label"></slot>`
+);
+const elementName = uniqueElementName();
+@customElement({
+    name: elementName,
+    template: html`${labelTemplate}`,
+    styles
+})
+class TestErrorPatternElement extends mixinRequiredVisiblePattern(
+        FoundationElement
+    ) {}
+
+async function setup(): Promise<Fixture<TestErrorPatternElement>> {
+    return await fixture(elementName);
+}
+
+describe('RequiredVisiblePatternMixin', () => {
+    let element: TestErrorPatternElement;
+    let connect: () => Promise<void>;
+    let disconnect: () => Promise<void>;
+    let pageObject: RequiredVisiblePatternPageObject;
+
+    beforeEach(async () => {
+        ({ element, connect, disconnect } = await setup());
+        await connect();
+        pageObject = new RequiredVisiblePatternPageObject(element);
+    });
+
+    afterEach(async () => {
+        await disconnect();
+    });
+
+    it('defaults requiredVisible to false', () => {
+        expect(element.requiredVisible).toBeFalse();
+    });
+
+    it('shows icon when requiredVisible is true', () => {
+        element.requiredVisible = true;
+        processUpdates();
+        expect(pageObject.isRequiredVisibleIconVisible()).toBeTrue();
+    });
+
+    it('does not show icon when requiredVisible is false', () => {
+        element.requiredVisible = false;
+        processUpdates();
+        expect(pageObject.isRequiredVisibleIconVisible()).toBeFalse();
+    });
+
+    it('uses boolean "required-visible" attribute to set requiredVisible', () => {
+        element.setAttribute('required-visible', '');
+        processUpdates();
+        expect(element.requiredVisible).toBeTrue();
+    });
+});
diff --git a/packages/nimble-components/src/patterns/required-visible/types.ts b/packages/nimble-components/src/patterns/required-visible/types.ts
new file mode 100644
index 0000000000..f417ccfeb1
--- /dev/null
+++ b/packages/nimble-components/src/patterns/required-visible/types.ts
@@ -0,0 +1,36 @@
+import { attr, FASTElement } from '@microsoft/fast-element';
+
+export interface RequiredVisiblePattern {
+    /**
+     * Whether or not to show the required appearance of the control
+     */
+    requiredVisible: boolean;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type FASTElementConstructor = abstract new (...args: any[]) => FASTElement;
+
+// As the returned class is internal to the function, we can't write a signature that uses is directly, so rely on inference
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
+export function mixinRequiredVisiblePattern<
+    TBase extends FASTElementConstructor
+>(base: TBase) {
+    /**
+     * The Mixin that provides the requiredVisible property and required-visible attribute
+     * to a component.
+     */
+    abstract class RequiredVisibleElement
+        extends base
+        implements RequiredVisiblePattern {
+        /*
+         * Show the required appearance of the control
+         */
+        public requiredVisible = false;
+    }
+
+    attr({ attribute: 'required-visible', mode: 'boolean' })(
+        RequiredVisibleElement.prototype,
+        'requiredVisible'
+    );
+    return RequiredVisibleElement;
+}
diff --git a/packages/nimble-components/src/patterns/tabs/template.ts b/packages/nimble-components/src/patterns/tabs/template.ts
index 4719279847..0dbee1537a 100644
--- a/packages/nimble-components/src/patterns/tabs/template.ts
+++ b/packages/nimble-components/src/patterns/tabs/template.ts
@@ -3,8 +3,8 @@ import type { ViewTemplate } from '@microsoft/fast-element';
 import {
     endSlotTemplate,
     startSlotTemplate,
-    FoundationElementTemplate,
-    TabsOptions
+    type FoundationElementTemplate,
+    type TabsOptions
 } from '@microsoft/fast-foundation';
 import type { Tabs } from '../../tabs';
 import { buttonTag } from '../../button';
diff --git a/packages/nimble-components/src/radio-group/index.ts b/packages/nimble-components/src/radio-group/index.ts
index fee994518a..36c7ad1632 100644
--- a/packages/nimble-components/src/radio-group/index.ts
+++ b/packages/nimble-components/src/radio-group/index.ts
@@ -3,10 +3,10 @@ import {
     DesignSystem
 } from '@microsoft/fast-foundation';
 import { Orientation } from '@microsoft/fast-web-utilities';
-import { attr } from '@microsoft/fast-element';
 import { styles } from './styles';
 import { template } from './template';
-import type { ErrorPattern } from '../patterns/error/types';
+import { mixinErrorPattern } from '../patterns/error/types';
+import { mixinRequiredVisiblePattern } from '../patterns/required-visible/types';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -19,13 +19,9 @@ export { Orientation };
 /**
  * A nimble-styled grouping element for radio buttons
  */
-export class RadioGroup extends FoundationRadioGroup implements ErrorPattern {
-    @attr({ attribute: 'error-text' })
-    public errorText?: string;
-
-    @attr({ attribute: 'error-visible', mode: 'boolean' })
-    public errorVisible = false;
-}
+export class RadioGroup extends mixinErrorPattern(
+    mixinRequiredVisiblePattern(FoundationRadioGroup)
+) {}
 
 const nimbleRadioGroup = RadioGroup.compose({
     baseName: 'radio-group',
diff --git a/packages/nimble-components/src/radio-group/specs/error-state.md b/packages/nimble-components/src/radio-group/specs/error-state.md
index ae05ccb8f4..9a94dc61eb 100644
--- a/packages/nimble-components/src/radio-group/specs/error-state.md
+++ b/packages/nimble-components/src/radio-group/specs/error-state.md
@@ -6,8 +6,8 @@ The `nimble-radio-group` needs to have an error state associated with it. The er
 
 ### Background
 
--   [Visual design spec](https://www.figma.com/design/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?node-id=1295-63148&node-type=canvas&t=sJ2Fhm1vLoZ4zpsK-0)
--   [Nimble issue 2019: Error state for nimble-radio-group](https://github.com/ni/nimble/issues/2019)
+- [Visual design spec](https://www.figma.com/design/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?node-id=1295-63148&node-type=canvas&t=sJ2Fhm1vLoZ4zpsK-0)
+- [Nimble issue 2019: Error state for nimble-radio-group](https://github.com/ni/nimble/issues/2019)
 
 ## Design
 
@@ -15,11 +15,11 @@ The `nimble-radio-group` will be updated to be able to show an error associated
 
 At a high-level, the design of the component will be:
 
--   Red error text below the component
-    -   The error text does not wrap
-    -   It has an ellipsis if the text is longer than the control
-    -   The `title` of the text is the full error string
--   Red error icon (`nimble-icon-exclamation-mark`) on the right side of the group's control label with a 4px margin between the icon and the right edge of the control
+- Red error text below the component
+    - The error text does not wrap
+    - It has an ellipsis if the text is longer than the control
+    - The `title` of the text is the full error string
+- Red error icon (`nimble-icon-exclamation-mark`) on the right side of the group's control label with a 4px margin between the icon and the right edge of the control
 
 Below are some examples of how the radio group will look with different configurations.
 
@@ -35,8 +35,8 @@ Below are some examples of how the radio group will look with different configur
 
 The `nimble-radio-group` will be updated to implement the `ErrorPattern` interface. This means it will have two new attributes:
 
--   `error-text` - string
--   `error-visible` - boolean
+- `error-text` - string
+- `error-visible` - boolean
 
 The `error-visible` boolean will control whether or not a red exclamation icon will be visible and whether or not the `error-text` is displayed below the control.
 
@@ -52,8 +52,8 @@ The label of the `nimble-radio-group` needs minor styling updates as part of thi
 
 The styling changes include (but may not be limited to):
 
--   Updating the styling of the label to ensure it is respecting the line height of nimble's label font.
--   Adding a 4px margin between the label and the first radio option.
+- Updating the styling of the label to ensure it is respecting the line height of nimble's label font.
+- Adding a 4px margin between the label and the first radio option.
 
 ## Open Issues
 
diff --git a/packages/nimble-components/src/radio-group/styles.ts b/packages/nimble-components/src/radio-group/styles.ts
index ca33db0192..c42bbaab3a 100644
--- a/packages/nimble-components/src/radio-group/styles.ts
+++ b/packages/nimble-components/src/radio-group/styles.ts
@@ -9,10 +9,12 @@ import {
     standardPadding
 } from '../theme-provider/design-tokens';
 import { styles as errorStyles } from '../patterns/error/styles';
+import { styles as requiredVisibleStyles } from '../patterns/required-visible/styles';
 
 export const styles = css`
     ${display('inline-block')}
     ${errorStyles}
+    ${requiredVisibleStyles}
 
     .positioning-region {
         display: flex;
@@ -30,7 +32,7 @@ export const styles = css`
 
     .label-container {
         display: flex;
-        height: ${controlLabelFontLineHeight};
+        min-height: ${controlLabelFontLineHeight};
         gap: ${smallPadding};
         margin-bottom: ${smallPadding};
     }
diff --git a/packages/nimble-components/src/radio-group/template.ts b/packages/nimble-components/src/radio-group/template.ts
index 4d538f2490..a8340315bb 100644
--- a/packages/nimble-components/src/radio-group/template.ts
+++ b/packages/nimble-components/src/radio-group/template.ts
@@ -3,6 +3,11 @@ import { Orientation } from '@microsoft/fast-web-utilities';
 import type { RadioGroup } from '.';
 import { errorTextTemplate } from '../patterns/error/template';
 import { iconExclamationMarkTag } from '../icons/exclamation-mark';
+import { createRequiredVisibleLabelTemplate } from '../patterns/required-visible/template';
+
+const labelTemplate = createRequiredVisibleLabelTemplate(
+    html<RadioGroup>`<slot name="label"></slot>`
+);
 
 /* eslint-disable @typescript-eslint/indent */
 export const template = html<RadioGroup>`
@@ -10,12 +15,13 @@ export const template = html<RadioGroup>`
         role="radiogroup"
         aria-disabled="${x => x.disabled}"
         aria-readonly="${x => x.readOnly}"
+        aria-required="${x => x.requiredVisible}"
         @click="${(x, c) => x.clickHandler(c.event as MouseEvent)}"
         @keydown="${(x, c) => x.keydownHandler(c.event as KeyboardEvent)}"
         @focusout="${(x, c) => x.focusOutHandler(c.event as FocusEvent)}"
     >
         <div class="label-container">
-            <slot name="label"></slot>            
+            ${labelTemplate}
             <${iconExclamationMarkTag}
                 severity="error"
                 class="error-icon"
diff --git a/packages/nimble-components/src/radio-group/tests/radio-group.spec.ts b/packages/nimble-components/src/radio-group/tests/radio-group.spec.ts
index c5ee1f1948..09d5cc4a18 100644
--- a/packages/nimble-components/src/radio-group/tests/radio-group.spec.ts
+++ b/packages/nimble-components/src/radio-group/tests/radio-group.spec.ts
@@ -1,9 +1,43 @@
+import { html } from '@microsoft/fast-element';
 import { RadioGroup, radioGroupTag } from '..';
+import { type Fixture, fixture } from '../../utilities/tests/fixture';
+import { processUpdates } from '../../testing/async-helpers';
+
+async function setup(): Promise<Fixture<RadioGroup>> {
+    return await fixture<RadioGroup>(
+        html`<${radioGroupTag}></${radioGroupTag}>`
+    );
+}
 
 describe('Radio Group', () => {
+    let element: RadioGroup;
+    let connect: () => Promise<void>;
+    let disconnect: () => Promise<void>;
+
+    beforeEach(async () => {
+        ({ element, connect, disconnect } = await setup());
+        await connect();
+    });
+
+    afterEach(async () => {
+        await disconnect();
+    });
+
     it('can construct an element instance', () => {
         expect(document.createElement(radioGroupTag)).toBeInstanceOf(
             RadioGroup
         );
     });
+
+    it('should set "aria-required" to true when "required-visible" is true', () => {
+        element.requiredVisible = true;
+        processUpdates();
+        expect(element.getAttribute('aria-required')).toBe('true');
+    });
+
+    it('should set "aria-required" to false when "required-visible" is false', () => {
+        element.requiredVisible = false;
+        processUpdates();
+        expect(element.getAttribute('aria-required')).toBe('false');
+    });
 });
diff --git a/packages/nimble-components/src/radio/index.ts b/packages/nimble-components/src/radio/index.ts
index 586774a7a3..13cce2cdf4 100644
--- a/packages/nimble-components/src/radio/index.ts
+++ b/packages/nimble-components/src/radio/index.ts
@@ -2,7 +2,7 @@ import {
     Radio as FoundationRadio,
     radioTemplate as template,
     DesignSystem,
-    RadioOptions
+    type RadioOptions
 } from '@microsoft/fast-foundation';
 import { circleFilled16X16 } from '@ni/nimble-tokens/dist/icons/js';
 import { styles } from './styles';
diff --git a/packages/nimble-components/src/radio/specs/README.md b/packages/nimble-components/src/radio/specs/README.md
index 513ead16d5..ae3ba308a3 100644
--- a/packages/nimble-components/src/radio/specs/README.md
+++ b/packages/nimble-components/src/radio/specs/README.md
@@ -25,13 +25,13 @@ The state of the radio button can be changed by clicking the button or accompani
 
 The two components will expose common attributes shared by all components. In addition the 'Radio Group' component exposes an 'orientation' attribute. This will set the visual orientation of the radio group as either vertical or horizontal.
 
--   _Component Name:_ `nimble-radio` and `nimble-radio-group`
--   _Properties/Attributes:_ We will not expose the `readOnly` property since we don't have a design or a use case to distinguish it from `disabled`. We will document this in the Storybook page. If it is needed at a future time, it can be added then.
--   _Methods:_ Unchanged
--   _Events:_ Unchanged
--   _CSS Classes and Custom Properties that affect the component:_ Unchanged
--   _Slots:_ Unchanged
--   _Template:_ Unchanged
+- _Component Name:_ `nimble-radio` and `nimble-radio-group`
+- _Properties/Attributes:_ We will not expose the `readOnly` property since we don't have a design or a use case to distinguish it from `disabled`. We will document this in the Storybook page. If it is needed at a future time, it can be added then.
+- _Methods:_ Unchanged
+- _Events:_ Unchanged
+- _CSS Classes and Custom Properties that affect the component:_ Unchanged
+- _Slots:_ Unchanged
+- _Template:_ Unchanged
 
 ### Angular integration
 
@@ -43,24 +43,24 @@ A Blazor wrapper will be created for the component.
 
 ### Additional requirements
 
--   _User interaction: Do the FAST component's behaviors match the visual design spec? When they differ, which approach is preferable and why?_
-    -   No additional requirements
--   _Styling: Does FAST provide APIs to achieve the styling in the visual design spec?_
-    -   We believe all styles are possible to achieve.
--   _Testing: Is FAST's coverage sufficient? Should we write any tests beyond Chromatic visual tests?_
-    -   No additional requirements, their tests have good coverage and our component is not adding any custom functionality that requires additional testing
--   _Documentation: Any requirements besides standard Storybook docs and updating the Example Client App demo?_
-    -   No additional requirements
--   _Tooling: Any new tools, updates to tools, code generation, etc?_
-    -   No additional requirements
--   _Accessibility: keyboard navigation/focus, form input, use with assistive technology, etc._
-    -   In its implementation for keyboard naviagtion, FAST uses arrow keys to navigate radio items. FAST also sets the ARIA role to `radio` for radio buttons and `radiogroup` for radio groups. No additional requirements needed as of now.
--   _Globalization: special RTL handling, swapping of icons/visuals, localization, etc._
-    -   No additional requirements
--   _Performance: does the FAST component meet Nimble's performance requirements?_
-    -   No additional requirements
--   _Security: Any requirements for security?_
-    -   No additional requirements
+- _User interaction: Do the FAST component's behaviors match the visual design spec? When they differ, which approach is preferable and why?_
+    - No additional requirements
+- _Styling: Does FAST provide APIs to achieve the styling in the visual design spec?_
+    - We believe all styles are possible to achieve.
+- _Testing: Is FAST's coverage sufficient? Should we write any tests beyond Chromatic visual tests?_
+    - No additional requirements, their tests have good coverage and our component is not adding any custom functionality that requires additional testing
+- _Documentation: Any requirements besides standard Storybook docs and updating the Example Client App demo?_
+    - No additional requirements
+- _Tooling: Any new tools, updates to tools, code generation, etc?_
+    - No additional requirements
+- _Accessibility: keyboard navigation/focus, form input, use with assistive technology, etc._
+    - In its implementation for keyboard naviagtion, FAST uses arrow keys to navigate radio items. FAST also sets the ARIA role to `radio` for radio buttons and `radiogroup` for radio groups. No additional requirements needed as of now.
+- _Globalization: special RTL handling, swapping of icons/visuals, localization, etc._
+    - No additional requirements
+- _Performance: does the FAST component meet Nimble's performance requirements?_
+    - No additional requirements
+- _Security: Any requirements for security?_
+    - No additional requirements
 
 ---
 
diff --git a/packages/nimble-components/src/rich-text-mention/base/index.ts b/packages/nimble-components/src/rich-text-mention/base/index.ts
index e81ce5ac3a..216536c9dd 100644
--- a/packages/nimble-components/src/rich-text-mention/base/index.ts
+++ b/packages/nimble-components/src/rich-text-mention/base/index.ts
@@ -1,9 +1,9 @@
 import {
     attr,
-    Notifier,
+    type Notifier,
     Observable,
     observable,
-    Subscriber
+    type Subscriber
 } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import type { MappingConfig } from './models/mapping-config';
@@ -13,7 +13,7 @@ import type {
 } from './models/mention-validator';
 import {
     MentionInternals,
-    MentionInternalsOptions
+    type MentionInternalsOptions
 } from './models/mention-internals';
 import { Mapping } from '../../mapping/base';
 import type { MappingConfigs, MentionUpdateEventDetail } from './types';
diff --git a/packages/nimble-components/src/rich-text-mention/base/models/mention-validator.ts b/packages/nimble-components/src/rich-text-mention/base/models/mention-validator.ts
index 736e80bb05..c4a75c0d2f 100644
--- a/packages/nimble-components/src/rich-text-mention/base/models/mention-validator.ts
+++ b/packages/nimble-components/src/rich-text-mention/base/models/mention-validator.ts
@@ -1,5 +1,8 @@
 import type { Mapping } from '../../../mapping/base';
-import { Validator, ValidityObject } from '../../../utilities/models/validator';
+import {
+    Validator,
+    type ValidityObject
+} from '../../../utilities/models/validator';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface RichTextMentionValidity extends ValidityObject {}
diff --git a/packages/nimble-components/src/rich-text-mention/users/tests/rich-text-mention-users.spec.ts b/packages/nimble-components/src/rich-text-mention/users/tests/rich-text-mention-users.spec.ts
index 518518941c..bf39d64ea4 100644
--- a/packages/nimble-components/src/rich-text-mention/users/tests/rich-text-mention-users.spec.ts
+++ b/packages/nimble-components/src/rich-text-mention/users/tests/rich-text-mention-users.spec.ts
@@ -3,7 +3,7 @@ import { RichTextMentionUsers, richTextMentionUsersTag } from '..';
 import type { MappingUserKey } from '../../../mapping/base/types';
 import { MappingUser, mappingUserTag } from '../../../mapping/user';
 import { mappingTextTag } from '../../../mapping/text';
-import { Fixture, fixture } from '../../../utilities/tests/fixture';
+import { type Fixture, fixture } from '../../../utilities/tests/fixture';
 import { iconAtTag } from '../../../icons/at';
 import { waitForUpdatesAsync } from '../../../testing/async-helpers';
 
diff --git a/packages/nimble-components/src/rich-text/editor/index.ts b/packages/nimble-components/src/rich-text/editor/index.ts
index c73f772ec7..23278cb33b 100644
--- a/packages/nimble-components/src/rich-text/editor/index.ts
+++ b/packages/nimble-components/src/rich-text/editor/index.ts
@@ -8,7 +8,7 @@ import { keyEnter, keySpace } from '@microsoft/fast-web-utilities';
 import {
     findParentNode,
     isList,
-    AnyExtension,
+    type AnyExtension,
     Extension,
     Editor
 } from '@tiptap/core';
@@ -22,10 +22,10 @@ import type { ToggleButton } from '../../toggle-button';
 import {
     TipTapNodeName,
     mentionPluginPrefix,
-    MentionDetail,
-    FormatButtonsState
+    type MentionDetail,
+    type FormatButtonsState
 } from './types';
-import type { ErrorPattern } from '../../patterns/error/types';
+import { mixinErrorPattern } from '../../patterns/error/types';
 import { RichTextMarkdownParser } from '../models/markdown-parser';
 import { RichTextMarkdownSerializer } from '../models/markdown-serializer';
 import { RichText } from '../base';
@@ -44,7 +44,7 @@ declare global {
 /**
  * A nimble styled rich text editor
  */
-export class RichTextEditor extends RichText implements ErrorPattern {
+export class RichTextEditor extends mixinErrorPattern(RichText) {
     /**
      * @internal
      */
@@ -90,24 +90,6 @@ export class RichTextEditor extends RichText implements ErrorPattern {
     @attr({ attribute: 'footer-hidden', mode: 'boolean' })
     public footerHidden = false;
 
-    /**
-     * Whether to display the error state.
-     *
-     * @public
-     * HTML Attribute: error-visible
-     */
-    @attr({ attribute: 'error-visible', mode: 'boolean' })
-    public errorVisible = false;
-
-    /**
-     * A message explaining why the value is invalid.
-     *
-     * @public
-     * HTML Attribute: error-text
-     */
-    @attr({ attribute: 'error-text' })
-    public errorText?: string;
-
     /**
      * @public
      * HTML Attribute: placeholder
diff --git a/packages/nimble-components/src/rich-text/editor/models/create-tiptap-editor.ts b/packages/nimble-components/src/rich-text/editor/models/create-tiptap-editor.ts
index 81730dd297..b467976da9 100644
--- a/packages/nimble-components/src/rich-text/editor/models/create-tiptap-editor.ts
+++ b/packages/nimble-components/src/rich-text/editor/models/create-tiptap-editor.ts
@@ -17,8 +17,8 @@ import { PluginKey } from 'prosemirror-state';
 
 import { keyEscape } from '@microsoft/fast-web-utilities';
 import {
-    ActiveMentionCommandEmitter,
-    ActiveMentionCharacterEmitter,
+    type ActiveMentionCommandEmitter,
+    type ActiveMentionCharacterEmitter,
     mentionPluginPrefix
 } from '../types';
 
@@ -155,7 +155,7 @@ function createCustomLinkExtension(): Mark {
         // linkOnPaste can be enabled when hyperlink support added
         // See: https://github.com/ni/nimble/issues/1527
         linkOnPaste: false,
-        validate: href => validAbsoluteLinkRegex.test(href)
+        shouldAutoLink: href => validAbsoluteLinkRegex.test(href)
     });
 }
 
diff --git a/packages/nimble-components/src/rich-text/editor/testing/rich-text-editor.pageobject.ts b/packages/nimble-components/src/rich-text/editor/testing/rich-text-editor.pageobject.ts
index 53897f0ac2..1df6330d13 100644
--- a/packages/nimble-components/src/rich-text/editor/testing/rich-text-editor.pageobject.ts
+++ b/packages/nimble-components/src/rich-text/editor/testing/rich-text-editor.pageobject.ts
@@ -9,9 +9,9 @@ import { waitForUpdatesAsync } from '../../../testing/async-helpers';
 import { toggleButtonTag, type ToggleButton } from '../../../toggle-button';
 import {
     ArrowKeyButton,
-    MappingConfiguration,
+    type MappingConfiguration,
     ToolbarButton,
-    ToolbarButtonKey
+    type ToolbarButtonKey
 } from './types';
 import {
     getTagsFromElement,
diff --git a/packages/nimble-components/src/rich-text/mention-listbox/index.ts b/packages/nimble-components/src/rich-text/mention-listbox/index.ts
index 6a315e0a1a..081d4ec838 100644
--- a/packages/nimble-components/src/rich-text/mention-listbox/index.ts
+++ b/packages/nimble-components/src/rich-text/mention-listbox/index.ts
@@ -1,4 +1,4 @@
-import { Notifier, Observable, observable } from '@microsoft/fast-element';
+import { type Notifier, Observable, observable } from '@microsoft/fast-element';
 import {
     DesignSystem,
     ListboxElement as FoundationListbox,
diff --git a/packages/nimble-components/src/rich-text/models/tests/markdown-serializer.spec.ts b/packages/nimble-components/src/rich-text/models/tests/markdown-serializer.spec.ts
index bac3489a91..aa2680fa6d 100644
--- a/packages/nimble-components/src/rich-text/models/tests/markdown-serializer.spec.ts
+++ b/packages/nimble-components/src/rich-text/models/tests/markdown-serializer.spec.ts
@@ -337,7 +337,8 @@ Plain text 3`);
 <user:1> `);
         });
 
-        it('Mention node', async () => {
+        // Firefox skipped, see https://github.com/ni/nimble/issues/2488
+        it('Mention node #SkipFirefox', async () => {
             await appendUserMentionConfiguration(element, [
                 { key: 'user:1', displayName: 'username1' }
             ]);
@@ -347,7 +348,8 @@ Plain text 3`);
             expect(element.getMarkdown()).toEqual('<user:1> ');
         });
 
-        it('Multiple Mention node of same type', async () => {
+        // Firefox skipped, see https://github.com/ni/nimble/issues/2488
+        it('Multiple Mention node of same type #SkipFirefox', async () => {
             await appendUserMentionConfiguration(element, [
                 { key: 'user:1', displayName: 'username1' },
                 { key: 'user:2', displayName: 'username2' }
diff --git a/packages/nimble-components/src/rich-text/specs/README.md b/packages/nimble-components/src/rich-text/specs/README.md
index 3bc7327e27..8e599790a4 100644
--- a/packages/nimble-components/src/rich-text/specs/README.md
+++ b/packages/nimble-components/src/rich-text/specs/README.md
@@ -2,9 +2,9 @@
 
 ## Overview
 
--   The `nimble-rich-text-editor` component is a text editing tool that offers a comprehensive range of functionalities for
-    incorporating rich text content. It provides users with the ability to apply different text styles and formats to their content.
--   The `nimble-rich-text-viewer` component is a way to view all the rich text content.
+- The `nimble-rich-text-editor` component is a text editing tool that offers a comprehensive range of functionalities for
+  incorporating rich text content. It provides users with the ability to apply different text styles and formats to their content.
+- The `nimble-rich-text-viewer` component is a way to view all the rich text content.
 
 ### Background
 
@@ -27,8 +27,8 @@ _Comments Feature in SLE_:
 
 ### Non-goals
 
--   Blazor integration will be initially out of scope for this component as we have no experience in Blazor component development or other
-    related technology. Blazor example app addition will also be not covered in this spec.
+- Blazor integration will be initially out of scope for this component as we have no experience in Blazor component development or other
+  related technology. Blazor example app addition will also be not covered in this spec.
 
 ### Features
 
@@ -58,26 +58,26 @@ The `nimble-rich-text-viewer` provides support for converting the input markdown
 
 #### _Additional features out of scope of this spec_
 
--   Support for adding images to the editor either by uploading or by pasting it.
--   Support for adding hyperlinks to the existing text in the editor. This allows users to add links to existing text in the editor. When the
-    link button in the formatting options is clicked, a dialog opens, providing a space to enter the hyperlink for the selected text.
--   Support for [striking out](https://tiptap.dev/api/marks/strike) and [underlining](https://tiptap.dev/api/marks/underline) text. We use the
-    [prosemirror-markdown](https://github.com/ProseMirror/prosemirror-markdown) serializer and parser to convert the text into markdown format and vice
-    versa. However, the supported functionality of prosemirror-markdown, as mentioned in their
-    [documentation](https://github.com/ProseMirror/prosemirror-markdown#documentation), does not include support for a strikeout and underline. To
-    address this limitation, we need to extend the class and add the necessary nodes to both the serializer and parser which will be added in the
-    subsequent releases.
--   Provide APIs to configure visibility/disabled state of toolbar buttons for a rich text editor.
+- Support for adding images to the editor either by uploading or by pasting it.
+- Support for adding hyperlinks to the existing text in the editor. This allows users to add links to existing text in the editor. When the
+  link button in the formatting options is clicked, a dialog opens, providing a space to enter the hyperlink for the selected text.
+- Support for [striking out](https://tiptap.dev/api/marks/strike) and [underlining](https://tiptap.dev/api/marks/underline) text. We use the
+  [prosemirror-markdown](https://github.com/ProseMirror/prosemirror-markdown) serializer and parser to convert the text into markdown format and vice
+  versa. However, the supported functionality of prosemirror-markdown, as mentioned in their
+  [documentation](https://github.com/ProseMirror/prosemirror-markdown#documentation), does not include support for a strikeout and underline. To
+  address this limitation, we need to extend the class and add the necessary nodes to both the serializer and parser which will be added in the
+  subsequent releases.
+- Provide APIs to configure visibility/disabled state of toolbar buttons for a rich text editor.
 
 ### Risks and Challenges
 
--   Due to immediate requirements for comments feature from a business customer, any additional enhancements or requirements apart from whatever is
-    mentioned in this spec are deferred to future scope.
--   Currently, we will begin by referring to the existing
-    [Interaction design workflow](https://www.figma.com/file/Q5SU1OwrnD08keon3zObRX/SystemLink?type=design&node-id=6280-94045&mode=design&t=aC5VQw42BYcOesm2-0)
-    of the comments feature. Once the visual design for these components is complete, we will then be implementing those specific changes within the defined
-    scope of development. However, we will still make use of existing nimble components such as `nimble-toggle-button` and `nimble-text-area` to maintain a
-    consistent design for the initial release.
+- Due to immediate requirements for comments feature from a business customer, any additional enhancements or requirements apart from whatever is
+  mentioned in this spec are deferred to future scope.
+- Currently, we will begin by referring to the existing
+  [Interaction design workflow](https://www.figma.com/file/Q5SU1OwrnD08keon3zObRX/SystemLink?type=design&node-id=6280-94045&mode=design&t=aC5VQw42BYcOesm2-0)
+  of the comments feature. Once the visual design for these components is complete, we will then be implementing those specific changes within the defined
+  scope of development. However, we will still make use of existing nimble components such as `nimble-toggle-button` and `nimble-text-area` to maintain a
+  consistent design for the initial release.
 
 ### Prior Art/Examples
 
@@ -116,28 +116,28 @@ Example usage of the `nimble-rich-text-editor` in the application layer is as fo
 
 _Props/Attrs_
 
--   `empty` - is a read-only property that indicates whether the editor is empty or not. This will be achieved by retrieving the current text
-    content from the editor and calculating its length. The component and the Angular directive will have a getter method
-    that can be used to bind it in the Angular application.
--   `fit-to-content` - is a boolean attribute allows the text area to expand vertically to fit the content.
--   `placeholder` - is a string attribute to include a placeholder text for the editor when it is empty. This text is passed as plain text (not markdown)
-    to a component. This can be achieved through Tiptap's [Placeholder extension](https://tiptap.dev/api/extensions/placeholder).
-    We can customize the styling of placeholder text with our own styles using Prosemirror's class as given in the provided link.
--   `footer-hidden` - is a boolean attribute that, when enabled, hides the footer section, which includes all formatting options and the `footer-actions` slot.
--   `disabled` - is a boolean attribute to disable the editor by preventing all user interactions within the component. When the component is
-    disabled, the editor's border and font color will resemble that of the disabled state of `nimble-text-area`, and the `nimble-toolbar` and `nimble-toggle-button`
-    will have their disabled attribute set to true. However, the behavior of the `footer-actions` slotted content will be handled
-    by the client according to their specific requirements and will not be affected by this attribute.
--   `error-visible` - is a boolean attribute used to visually change the component's border color with the error exclamation at the top right, indicating that an error has occurred, as per the current
-    [visual design](https://www.figma.com/file/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?type=design&node-id=2482-82389&mode=design&t=KwADu9QRoL7QAuIW-0)
--   `error-text` - is a string attribute that displays the error text at the bottom of the component when the `error-visible` is enabled.
+- `empty` - is a read-only property that indicates whether the editor is empty or not. This will be achieved by retrieving the current text
+  content from the editor and calculating its length. The component and the Angular directive will have a getter method
+  that can be used to bind it in the Angular application.
+- `fit-to-content` - is a boolean attribute allows the text area to expand vertically to fit the content.
+- `placeholder` - is a string attribute to include a placeholder text for the editor when it is empty. This text is passed as plain text (not markdown)
+  to a component. This can be achieved through Tiptap's [Placeholder extension](https://tiptap.dev/api/extensions/placeholder).
+  We can customize the styling of placeholder text with our own styles using Prosemirror's class as given in the provided link.
+- `footer-hidden` - is a boolean attribute that, when enabled, hides the footer section, which includes all formatting options and the `footer-actions` slot.
+- `disabled` - is a boolean attribute to disable the editor by preventing all user interactions within the component. When the component is
+  disabled, the editor's border and font color will resemble that of the disabled state of `nimble-text-area`, and the `nimble-toolbar` and `nimble-toggle-button`
+  will have their disabled attribute set to true. However, the behavior of the `footer-actions` slotted content will be handled
+  by the client according to their specific requirements and will not be affected by this attribute.
+- `error-visible` - is a boolean attribute used to visually change the component's border color with the error exclamation at the top right, indicating that an error has occurred, as per the current
+  [visual design](https://www.figma.com/file/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?type=design&node-id=2482-82389&mode=design&t=KwADu9QRoL7QAuIW-0)
+- `error-text` - is a string attribute that displays the error text at the bottom of the component when the `error-visible` is enabled.
 
 _Methods_
 
--   `getMarkdown()` - this will serialize the content by extracting the Node from the editor and return the converted markdown string
-    [prosemirror-markdown serializer](https://github.com/ProseMirror/prosemirror-markdown/blob/9049cd1ec20540d70352f8a3e8736fb0d1f9ce1b/src/to_markdown.ts#L30).
--   `setMarkdown(value)` - this will parse the input markdown string into a Node and load it back into the editor using
-    [prosemirror-markdown parser](https://github.com/ProseMirror/prosemirror-markdown/blob/9049cd1ec20540d70352f8a3e8736fb0d1f9ce1b/src/from_markdown.ts#L199).
+- `getMarkdown()` - this will serialize the content by extracting the Node from the editor and return the converted markdown string
+  [prosemirror-markdown serializer](https://github.com/ProseMirror/prosemirror-markdown/blob/9049cd1ec20540d70352f8a3e8736fb0d1f9ce1b/src/to_markdown.ts#L30).
+- `setMarkdown(value)` - this will parse the input markdown string into a Node and load it back into the editor using
+  [prosemirror-markdown parser](https://github.com/ProseMirror/prosemirror-markdown/blob/9049cd1ec20540d70352f8a3e8736fb0d1f9ce1b/src/from_markdown.ts#L199).
 
 _Alternatives_
 
@@ -174,8 +174,8 @@ empty. To achieve this, we retrieve the current text content value, trim the str
 
 _Events_
 
--   `input` - event emitted when there is a change in the editor. This can be achieved through Tiptap's [update event](https://tiptap.dev/api/events#update).
-    Below are a few scenarios to understand when this event will fire:
+- `input` - event emitted when there is a change in the editor. This can be achieved through Tiptap's [update event](https://tiptap.dev/api/events#update).
+  Below are a few scenarios to understand when this event will fire:
 
     1. This event will fired for every input in the content of the editor, including text inputs, text formatting changes, and text removals.
     2. This event will not fire when there are no changes made to the content of the editor. For example, all mouse events, selecting the texts, state
@@ -183,25 +183,25 @@ _Events_
 
 _CSS Classes and CSS Custom Properties that affect the component_
 
--   The minimum height of the component will be set to show at least one line in the text area along with a footer section. If the content exceeds
-    the current height (set by the client), a vertical scrollbar will appear, allowing users to view the hidden content.
--   The minimum width of the component will be determined based on ensuring all buttons in the footer are visible. We have arrived to this decision
-    to align with the minimal requirement for the initial release. However, adjustments will be made later based on the visual design for mobile view is complete.
--   The content in the text area will adjust its layout based on the width, potentially increasing the height of the editor. But in case of having
-    a long nested lists that is beyond the current width (set by the client), a horizontal scrollbar will appear within the text area to view the content.
-    If the `fitToContent` enabled, the text area will grow to fit the entered content in the editor section.
--   The client will determine the maximum height and width of the component. When the client does not override sizing, the component will have a default height and width.
--   The `formatting toolbar` in the footer section will occupy space based on the number of formatting buttons used. For the initial scope of this
-    component, four formatting buttons will be included, following standard size and spacing guidelines. The `footer-actions` section will occupy the remaining
-    space in the footer.
--   The footer section, which includes the formatting options, can be hidden by utilizing the `footer-hidden` attribute. When this attribute is
-    enabled, the footer's visibility will be set to hidden, leaving an empty space in its place. We came to this decision to ensure that the
-    component does not cause layout height shifts when the `footer-hidden` attribute changes dynamically based on conditions in the consumer
-    component.
--   An example use case for the `footer-hidden` functionality is:
-    The client can initially set `footer-hidden` to true. Upon focusing the editor using the element's `focus` event, the client can then set
-    `footer-hidden` to false, thereby displaying the footer section. Conversely, when the editor loses focus using the element's `blur` or any
-    click event occurs (`cancel` button click), the client can reset `footer-hidden` to true, consequently hiding the footer section once again.
+- The minimum height of the component will be set to show at least one line in the text area along with a footer section. If the content exceeds
+  the current height (set by the client), a vertical scrollbar will appear, allowing users to view the hidden content.
+- The minimum width of the component will be determined based on ensuring all buttons in the footer are visible. We have arrived to this decision
+  to align with the minimal requirement for the initial release. However, adjustments will be made later based on the visual design for mobile view is complete.
+- The content in the text area will adjust its layout based on the width, potentially increasing the height of the editor. But in case of having
+  a long nested lists that is beyond the current width (set by the client), a horizontal scrollbar will appear within the text area to view the content.
+  If the `fitToContent` enabled, the text area will grow to fit the entered content in the editor section.
+- The client will determine the maximum height and width of the component. When the client does not override sizing, the component will have a default height and width.
+- The `formatting toolbar` in the footer section will occupy space based on the number of formatting buttons used. For the initial scope of this
+  component, four formatting buttons will be included, following standard size and spacing guidelines. The `footer-actions` section will occupy the remaining
+  space in the footer.
+- The footer section, which includes the formatting options, can be hidden by utilizing the `footer-hidden` attribute. When this attribute is
+  enabled, the footer's visibility will be set to hidden, leaving an empty space in its place. We came to this decision to ensure that the
+  component does not cause layout height shifts when the `footer-hidden` attribute changes dynamically based on conditions in the consumer
+  component.
+- An example use case for the `footer-hidden` functionality is:
+  The client can initially set `footer-hidden` to true. Upon focusing the editor using the element's `focus` event, the client can then set
+  `footer-hidden` to false, thereby displaying the footer section. Conversely, when the editor loses focus using the element's `blur` or any
+  click event occurs (`cancel` button click), the client can reset `footer-hidden` to true, consequently hiding the footer section once again.
 
 _Note_: This initial component design serves as a starting point for implementation, and it may undergo changes once the visual design is completed.
 
@@ -232,7 +232,7 @@ _Shadow DOM template_
 
 _Slot Names_
 
--   `footer-actions`:
+- `footer-actions`:
     1. It is a container that allows a client to easily place buttons at the right bottom of the component to interact with the editor.
     2. If no content is slotted in the `footer-actions`, the element will be emptied and shrunk to accommodate buttons from the
        toolbar.
@@ -243,15 +243,15 @@ _Note_: The positioning of these slot elements in the mobile view of the compone
 
 _Host Classes_
 
--   none
+- none
 
 _Slotted Content/Slotted Classes_
 
--   none
+- none
 
 _CSS Parts_
 
--   none
+- none
 
 [Shadow DOM Template for API Components](./mention-hld.md#anatomy)
 
@@ -266,21 +266,21 @@ tasks to convert the markdown string to corresponding HTML nodes for each text f
 
 _Props/Attrs_
 
--   `markdown` - for retrieving and modifying the markdown value. If the client modifies the markdown value, it will be parsed into a Node using the
-    [prosemirror-markdown parser](https://github.com/ProseMirror/prosemirror-markdown/blob/9049cd1ec20540d70352f8a3e8736fb0d1f9ce1b/src/from_markdown.ts#L199).
-    The parsed node will then be rendered in the viewer component as rich text.
+- `markdown` - for retrieving and modifying the markdown value. If the client modifies the markdown value, it will be parsed into a Node using the
+  [prosemirror-markdown parser](https://github.com/ProseMirror/prosemirror-markdown/blob/9049cd1ec20540d70352f8a3e8736fb0d1f9ce1b/src/from_markdown.ts#L199).
+  The parsed node will then be rendered in the viewer component as rich text.
 
 _Events_
 
--   none
+- none
 
 _CSS Classes and CSS Custom Properties that affect the component_
 
--   The sizing behavior of the component will remain same as the editor component. The height of the component will grow to fit the content if
-    there is no height restrictions from the consumer. If there is any height set by the consumer, the vertical scrollbar will be
-    enabled when there is overflow of content in the component.
--   The width of the component will be determined by the client. Reducing the width will cause the content to reflow, resulting in an increased height
-    of the component or will enable the vertical scrollbar.
+- The sizing behavior of the component will remain same as the editor component. The height of the component will grow to fit the content if
+  there is no height restrictions from the consumer. If there is any height set by the consumer, the vertical scrollbar will be
+  enabled when there is overflow of content in the component.
+- The width of the component will be determined by the client. Reducing the width will cause the content to reflow, resulting in an increased height
+  of the component or will enable the vertical scrollbar.
 
 [APIs for `@mention` in Rich Text Viewer](./mention-hld.md#api-1)
 
@@ -288,19 +288,19 @@ _CSS Classes and CSS Custom Properties that affect the component_
 
 _Slot Names_
 
--   none
+- none
 
 _Host Classes_
 
--   none
+- none
 
 _Slotted Content/Slotted Classes_
 
--   none
+- none
 
 _CSS Parts_
 
--   none
+- none
 
 [Shadow DOM Template for API Components](./mention-hld.md#anatomy-1)
 
@@ -347,22 +347,22 @@ library. With that, we have access to all the APIs exposed, by utilizing some of
 other basic rich text formatting options. All these formatting options can also be accessed individually through Tiptap's
 [marks](https://tiptap.dev/api/marks) and [nodes](https://tiptap.dev/api/nodes).
 
--   The term `Marks` in the Tiptap are formatting styles applied to specific portions of text, such as bold, italic, or underlined.
--   `Nodes` in the Tiptap editor are the building blocks of the document structure, representing different types of content elements like paragraphs,
-    headings, lists, images, and more.
+- The term `Marks` in the Tiptap are formatting styles applied to specific portions of text, such as bold, italic, or underlined.
+- `Nodes` in the Tiptap editor are the building blocks of the document structure, representing different types of content elements like paragraphs,
+  headings, lists, images, and more.
 
 The rich text content entered in the editor is converted to markdown output using
 [prosemirror-markdown](https://github.com/ProseMirror/prosemirror-markdown) serializer. Here is the reference for the supported formatting schema in the
 markdown based on [CommonMark](http://commonmark.org/) flavor:
 
--   Bold - `**Bold**`
--   Italics - `*Italics*`
--   Numbered list - `1. Numbered list`
--   Bulleted list - `* Bulleted list`
--   Absolute URL links - `<Absolute URI link>` (For more details on the markdown syntax for absolute URL links, see [Autolinks in CommonMark](https://spec.commonmark.org/0.30/#autolink))
--   Hard line break - a backslash before the line ending `line1\\nline2` (For more details on the markdown syntax for Hard line breaks, see [Hard line breaks in CommanMark](https://spec.commonmark.org/0.30/#hard-line-breaks))
--   `@mention` - `<mention-url>` that follows [Autolinks in CommonMark](https://spec.commonmark.org/0.30/#autolink). For more details, see
-    [Markdown Format for `@mention`](./mention-hld.md#2-markdown-format)
+- Bold - `**Bold**`
+- Italics - `*Italics*`
+- Numbered list - `1. Numbered list`
+- Bulleted list - `* Bulleted list`
+- Absolute URL links - `<Absolute URI link>` (For more details on the markdown syntax for absolute URL links, see [Autolinks in CommonMark](https://spec.commonmark.org/0.30/#autolink))
+- Hard line break - a backslash before the line ending `line1\\nline2` (For more details on the markdown syntax for Hard line breaks, see [Hard line breaks in CommanMark](https://spec.commonmark.org/0.30/#hard-line-breaks))
+- `@mention` - `<mention-url>` that follows [Autolinks in CommonMark](https://spec.commonmark.org/0.30/#autolink). For more details, see
+  [Markdown Format for `@mention`](./mention-hld.md#2-markdown-format)
 
 ### _Implementation details for supporting absolute link:_
 
@@ -456,13 +456,13 @@ text in the editor.
 
 Accessibility for links in the component:
 
--   Accessibility guidelines to open link only in a new tab when required: <https://www.w3.org/TR/WCAG20-TECHS/G200.html>
--   Accessibility guidelines on opening a link in a new tab: <https://www.w3.org/TR/WCAG20-TECHS/G201.html>
+- Accessibility guidelines to open link only in a new tab when required: <https://www.w3.org/TR/WCAG20-TECHS/G200.html>
+- Accessibility guidelines on opening a link in a new tab: <https://www.w3.org/TR/WCAG20-TECHS/G201.html>
 
 _Focus_
 
--   Focus state of the editor will be the same as the `nimble-text-area`.
--   Focus state of the buttons will be the same as the `nimble-toggle-button`.
+- Focus state of the editor will be the same as the `nimble-text-area`.
+- Focus state of the buttons will be the same as the `nimble-toggle-button`.
 
 _Keyboard accessibility and shortcuts for text formatting_
 
@@ -504,13 +504,13 @@ Therefore, a new label provider will be created for rich text component.
 
 ### Security
 
--   Prose mirror uses markdown-it for converting markdown to HTML and HTML to markdown. We will follow the
-    [security guidelines of markdown-it](https://github.com/markdown-it/markdown-it/blob/master/docs/security.md#security) to turn
-    off HTML at source as given in the [API docs](https://markdown-it.github.io/markdown-it/#MarkdownIt.new). Prosemirror-markdown follows the same as
-    shown in this
-    [specific line of code](https://github.com/ProseMirror/prosemirror-markdown/blob/26e58302399b7d9a9b3bc8fc3bf5807627ca29e5/src/from_markdown.ts#L245).
--   For additional safety, we may use [sanitize-html](https://www.npmjs.com/package/sanitize-html) package on a need basis if HTML is turned on. This will
-    whitelist only specific HTML tags needed for rich text markdown.
+- Prose mirror uses markdown-it for converting markdown to HTML and HTML to markdown. We will follow the
+  [security guidelines of markdown-it](https://github.com/markdown-it/markdown-it/blob/master/docs/security.md#security) to turn
+  off HTML at source as given in the [API docs](https://markdown-it.github.io/markdown-it/#MarkdownIt.new). Prosemirror-markdown follows the same as
+  shown in this
+  [specific line of code](https://github.com/ProseMirror/prosemirror-markdown/blob/26e58302399b7d9a9b3bc8fc3bf5807627ca29e5/src/from_markdown.ts#L245).
+- For additional safety, we may use [sanitize-html](https://www.npmjs.com/package/sanitize-html) package on a need basis if HTML is turned on. This will
+  whitelist only specific HTML tags needed for rich text markdown.
 
 ### Performance
 
@@ -522,22 +522,22 @@ This component is dependent on the [`tiptap`](https://tiptap.dev/) third party l
 [tiptap](https://tiptap.dev/introduction#why-should-i-use-tiptap) is built on top of prosemirror, we might also use some of the prosemirror's
 library. For the currently supported features, we will include the following libraries that will be added to the package.json
 
--   [@tiptap/core](https://www.npmjs.com/package/@tiptap/core)
--   [@tiptap/extension-bold](https://www.npmjs.com/package/@tiptap/extension-bold)
--   [@tiptap/extension-bullet-list](https://www.npmjs.com/package/@tiptap/extension-bullet-list)
--   [@tiptap/extension-document](https://www.npmjs.com/package/@tiptap/extension-document)
--   [@tiptap/extension-hard-break](https://www.npmjs.com/package/@tiptap/extension-hard-break)
--   [@tiptap/extension-history](https://www.npmjs.com/package/@tiptap/extension-history)
--   [@tiptap/extension-italic](https://www.npmjs.com/package/@tiptap/extension-italic)
--   [@tiptap/extension-list-item](https://www.npmjs.com/package/@tiptap/extension-list-item)
--   [@tiptap/extension-ordered-list](https://www.npmjs.com/package/@tiptap/extension-ordered-list)
--   [@tiptap/extension-paragraph](https://www.npmjs.com/package/@tiptap/extension-paragraph)
--   [@tiptap/extension-text](https://www.npmjs.com/package/@tiptap/extension-text)
--   [@tiptap/extension-placeholder](https://www.npmjs.com/package/@tiptap/extension-placeholder)
--   [prosemirror-markdown](https://www.npmjs.com/package/prosemirror-markdown)
--   [prosemirror-model](https://www.npmjs.com/package/prosemirror-model)
--   [@tiptap/extension-link](https://www.npmjs.com/package/@tiptap/extension-link)
--   [@tiptap/extension-mention](https://www.npmjs.com/package/@tiptap/extension-mention)
+- [@tiptap/core](https://www.npmjs.com/package/@tiptap/core)
+- [@tiptap/extension-bold](https://www.npmjs.com/package/@tiptap/extension-bold)
+- [@tiptap/extension-bullet-list](https://www.npmjs.com/package/@tiptap/extension-bullet-list)
+- [@tiptap/extension-document](https://www.npmjs.com/package/@tiptap/extension-document)
+- [@tiptap/extension-hard-break](https://www.npmjs.com/package/@tiptap/extension-hard-break)
+- [@tiptap/extension-history](https://www.npmjs.com/package/@tiptap/extension-history)
+- [@tiptap/extension-italic](https://www.npmjs.com/package/@tiptap/extension-italic)
+- [@tiptap/extension-list-item](https://www.npmjs.com/package/@tiptap/extension-list-item)
+- [@tiptap/extension-ordered-list](https://www.npmjs.com/package/@tiptap/extension-ordered-list)
+- [@tiptap/extension-paragraph](https://www.npmjs.com/package/@tiptap/extension-paragraph)
+- [@tiptap/extension-text](https://www.npmjs.com/package/@tiptap/extension-text)
+- [@tiptap/extension-placeholder](https://www.npmjs.com/package/@tiptap/extension-placeholder)
+- [prosemirror-markdown](https://www.npmjs.com/package/prosemirror-markdown)
+- [prosemirror-model](https://www.npmjs.com/package/prosemirror-model)
+- [@tiptap/extension-link](https://www.npmjs.com/package/@tiptap/extension-link)
+- [@tiptap/extension-mention](https://www.npmjs.com/package/@tiptap/extension-mention)
 
 These packages will add up to a total space of approximately 900 KB in the components bundle. For more info see
 [this discussion on Teams](https://teams.microsoft.com/l/message/19:b6a61b8a7ffd451696e0cbbb8976c03b@thread.skype/1686833093592?tenantId=87ba1f9a-44cd-43a6-b008-6fdb45a5204e&groupId=41626d4a-3f1f-49e2-abdc-f590be4a329d&parentMessageId=1686833093592&teamName=ASW%20SystemLink&channelName=LIMS&createdTime=1686833093592).
@@ -563,4 +563,4 @@ As with other nimble components, a story will be added in storybook for the new
 
 ## Open Issues
 
--   none
+- none
diff --git a/packages/nimble-components/src/rich-text/specs/mention-hld.md b/packages/nimble-components/src/rich-text/specs/mention-hld.md
index ea2ce62a6e..a7487e162e 100644
--- a/packages/nimble-components/src/rich-text/specs/mention-hld.md
+++ b/packages/nimble-components/src/rich-text/specs/mention-hld.md
@@ -14,10 +14,10 @@ mentioned in the editor, it should be loaded back to the viewer with the special
 
 ## Links To Relevant Work Items and Reference Material
 
--   [Rich Text Editor and Viewer README](./README.md)
--   [Comments `@mention` mockup](https://www.figma.com/file/Q5SU1OwrnD08keon3zObRX/SystemLink-orig?type=design&node-id=7248-114254&mode=design&t=y3JtM3aT77Aw0xjK-0)
--   [Mention users in comments - Requirement doc](https://dev.azure.com/ni/DevCentral/_git/Skyline?path=/docs/design-documents/Platform/Requirements/Mention-users-in-comments.md&_a=preview)
--   [Work Item for @mention in comments in AzDo](https://dev.azure.com/ni/DevCentral/_workitems/edit/2464517)
+- [Rich Text Editor and Viewer README](./README.md)
+- [Comments `@mention` mockup](https://www.figma.com/file/Q5SU1OwrnD08keon3zObRX/SystemLink-orig?type=design&node-id=7248-114254&mode=design&t=y3JtM3aT77Aw0xjK-0)
+- [Mention users in comments - Requirement doc](https://dev.azure.com/ni/DevCentral/_git/Skyline?path=/docs/design-documents/Platform/Requirements/Mention-users-in-comments.md&_a=preview)
+- [Work Item for @mention in comments in AzDo](https://dev.azure.com/ni/DevCentral/_workitems/edit/2464517)
 
 ## Design
 
@@ -221,27 +221,27 @@ will be hidden.
 
 _Component Name_
 
--   `nimble-rich-text-mention-users`
+- `nimble-rich-text-mention-users`
 
 _Content_
 
--   Zero or more `nimble-mapping-mention-user` elements
+- Zero or more `nimble-mapping-mention-user` elements
 
 _Props/Attrs_
 
--   `pattern` - is a string attribute that gets the regex pattern to match the `mention-href` in the mapping element. Exactly similar to
-    HTML attribute: [pattern](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern).
--   `validity` - is a read-only object of boolean values that represents the validity state that the `@mention` configuration can be. The object type
-    is `RichTextMentionValidity`. The validation is especially for mapping the user details that are provided via the
-    `nimble-mapping-mention-user`. For example, if the client application provides the duplicate `mention-href` values that store the user ID, it will be an
-    issue in scenarios when parsing the mentioned user from just a user ID to a username. Similar to
-    [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
+- `pattern` - is a string attribute that gets the regex pattern to match the `mention-href` in the mapping element. Exactly similar to
+  HTML attribute: [pattern](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern).
+- `validity` - is a read-only object of boolean values that represents the validity state that the `@mention` configuration can be. The object type
+  is `RichTextMentionValidity`. The validation is especially for mapping the user details that are provided via the
+  `nimble-mapping-mention-user`. For example, if the client application provides the duplicate `mention-href` values that store the user ID, it will be an
+  issue in scenarios when parsing the mentioned user from just a user ID to a username. Similar to
+  [ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)
 
 _Events_
 
--   `mention-update` - This event fires when the `@` character is added to the editor and for every character input after `@`.
-    This fires with the `eventData` containing the current text that is added after the `@` character and before the current position of the
-    text cursor.
+- `mention-update` - This event fires when the `@` character is added to the editor and for every character input after `@`.
+  This fires with the `eventData` containing the current text that is added after the `@` character and before the current position of the
+  text cursor.
 
     This can be achieved through Tiptap's `onUpdate()` and `onStart()` methods in `render` function in
     [suggestion](https://tiptap.dev/api/utilities/suggestion#render) configurations.
@@ -266,9 +266,9 @@ _Events_
 
 _Methods_
 
--   `checkValidity()` - this returns `true` if the configuration of the `@mention` mapping data is valid and `false` otherwise.
--   `getMentionedHrefs()` - this returns an array of strings representing the mentioned user URL (`mention-href` property value of
-    the user mapping element) in the current state of the editor.
+- `checkValidity()` - this returns `true` if the configuration of the `@mention` mapping data is valid and `false` otherwise.
+- `getMentionedHrefs()` - this returns an array of strings representing the mentioned user URL (`mention-href` property value of
+  the user mapping element) in the current state of the editor.
 
 #### User mapping element (Non-visible configuration element):
 
@@ -278,12 +278,12 @@ mention view, while the user Href contained in the `mention-href` attribute is u
 
 _Component Name_
 
--   `nimble-mapping-mention-user`
+- `nimble-mapping-mention-user`
 
 _Props/Attrs_
 
--   `mention-href`: string
--   `display-name`: string
+- `mention-href`: string
+- `display-name`: string
 
 #### User mention view (Visible UI element):
 
@@ -301,17 +301,17 @@ Different copying and pasting behaviors of the user mention view node:
 
 _Component Name_
 
--   `nimble-rich-text-mention-users-view`
+- `nimble-rich-text-mention-users-view`
 
 _Props/Attrs_
 
--   `mention-href`: string - the unique user URL containing a user ID of the mentioned user
--   `mention-label`: string - the user name of the mentioned user or the user ID extracted from the above Href if mapping element is not
-    present for the particular user
+- `mention-href`: string - the unique user URL containing a user ID of the mentioned user
+- `mention-label`: string - the user name of the mentioned user or the user ID extracted from the above Href if mapping element is not
+  present for the particular user
 
 _Content_
 
--   `@` + mentioned user name or user ID (if mapping element is not present for the particular user)
+- `@` + mentioned user name or user ID (if mapping element is not present for the particular user)
 
 #### Mention popup (Visible UI element):
 
@@ -322,16 +322,16 @@ options.
 
 _Component Name_
 
--   `nimble-rich-text-mention-list-box`
+- `nimble-rich-text-mention-list-box`
 
 _Content_
 
--   One or more `nimble-list-option` elements
+- One or more `nimble-list-option` elements
 
 _Events_
 
--   `change` - this event is fired whenever a change happens within the dropdown either by clicking the options via mouse or selecting the options through key down events.
-    This is used by the `nimble-rich-text-editor` to make the Tiptap editor select the option and render as a mention node using a command from the `Mention` extension in Tiptap.
+- `change` - this event is fired whenever a change happens within the dropdown either by clicking the options via mouse or selecting the options through key down events.
+  This is used by the `nimble-rich-text-editor` to make the Tiptap editor select the option and render as a mention node using a command from the `Mention` extension in Tiptap.
 
 ### Anatomy
 
@@ -663,14 +663,14 @@ This button will not be highlighted like other buttons when the cursor is placed
 
 _Focus_
 
--   Focus state of the list options for `@mention` will be the same as the `nimble-list-option`.
--   Focusing out from the editor will close the `@mention` popup if it is already open.
--   The `@mention` popup will open at the position where the **"@"** character is added into the editor. If the editor has the scrollbar enabled,
-    scrolling the editor up and down will not move the popup to the **"@"** position; it will remain at the same position where it was originally opened.
-    However, if an option is selected from the list, the focus will return to the position where the text cursor is located, next to the mentioned
-    user view node, in the editor.
--   If the `@mention` popup is opened, it will move along with the editor as you scroll the entire webpage, and it will hide when the
-    editor hides.
+- Focus state of the list options for `@mention` will be the same as the `nimble-list-option`.
+- Focusing out from the editor will close the `@mention` popup if it is already open.
+- The `@mention` popup will open at the position where the **"@"** character is added into the editor. If the editor has the scrollbar enabled,
+  scrolling the editor up and down will not move the popup to the **"@"** position; it will remain at the same position where it was originally opened.
+  However, if an option is selected from the list, the focus will return to the position where the text cursor is located, next to the mentioned
+  user view node, in the editor.
+- If the `@mention` popup is opened, it will move along with the editor as you scroll the entire webpage, and it will hide when the
+  editor hides.
 
 _Keyboard interactions for `@mention`_
 
@@ -730,4 +730,4 @@ to mention the user detail which is not displayed in the UI when the feature to
 
 ## Open Issues
 
--   none
+- none
diff --git a/packages/nimble-components/src/select/index.ts b/packages/nimble-components/src/select/index.ts
index 47278f3552..96ee66a230 100644
--- a/packages/nimble-components/src/select/index.ts
+++ b/packages/nimble-components/src/select/index.ts
@@ -11,7 +11,7 @@ import {
     DesignSystem,
     Select as FoundationSelect,
     ListboxOption,
-    SelectOptions,
+    type SelectOptions,
     SelectPosition,
     applyMixins,
     StartEnd,
@@ -32,18 +32,19 @@ import { arrowExpanderDown16X16 } from '@ni/nimble-tokens/dist/icons/js';
 import { styles } from './styles';
 import {
     DropdownAppearance,
-    ListOptionOwner
+    type ListOptionOwner
 } from '../patterns/dropdown/types';
 import { errorTextTemplate } from '../patterns/error/template';
-import type { ErrorPattern } from '../patterns/error/types';
+import { mixinErrorPattern } from '../patterns/error/types';
 import { iconExclamationMarkTag } from '../icons/exclamation-mark';
 import { isListOption, isListOptionGroup, template } from './template';
 import type { ListOption } from '../list-option';
-import { FilterMode, SelectFilterInputEventDetail } from './types';
+import { FilterMode, type SelectFilterInputEventDetail } from './types';
 import { diacriticInsensitiveStringNormalizer } from '../utilities/models/string-normalizers';
 import { FormAssociatedSelect } from './models/select-form-associated';
 import type { ListOptionGroup } from '../list-option-group';
 import { slotTextContent } from '../utilities/models/slot-text-content';
+import { mixinRequiredVisiblePattern } from '../patterns/required-visible/types';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -71,8 +72,8 @@ const isOptionOrGroupVisible = (el: ListOption | ListOptionGroup): boolean => {
  * A nimble-styled HTML select.
  */
 export class Select
-    extends FormAssociatedSelect
-    implements ErrorPattern, ListOptionOwner {
+    extends mixinErrorPattern(mixinRequiredVisiblePattern(FormAssociatedSelect))
+    implements ListOptionOwner {
     @attr
     public appearance: DropdownAppearance = DropdownAppearance.underline;
 
@@ -84,19 +85,6 @@ export class Select
     @attr({ attribute: 'position' })
     public positionAttribute?: SelectPosition;
 
-    /**
-     * A message explaining why the value is invalid.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: error-text
-     */
-    @attr({ attribute: 'error-text' })
-    public errorText: string | undefined;
-
-    @attr({ attribute: 'error-visible', mode: 'boolean' })
-    public errorVisible = false;
-
     @attr({ attribute: 'filter-mode' })
     public filterMode: FilterMode = FilterMode.none;
 
diff --git a/packages/nimble-components/src/select/specs/IxD.md b/packages/nimble-components/src/select/specs/IxD.md
index aaf8202f85..e0bb30a3be 100644
--- a/packages/nimble-components/src/select/specs/IxD.md
+++ b/packages/nimble-components/src/select/specs/IxD.md
@@ -8,24 +8,24 @@ The select component is used to present a pre-defined list of options that end-u
 
 ### Background
 
--   [Select and Combobox Refresh HLD (#1303)](https://github.com/ni/nimble/issues/1303)
--   [ViD Select Styles (Figma)](https://www.figma.com/file/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?type=design&node-id=2597-83231&mode=design)
+- [Select and Combobox Refresh HLD (#1303)](https://github.com/ni/nimble/issues/1303)
+- [ViD Select Styles (Figma)](https://www.figma.com/file/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?type=design&node-id=2597-83231&mode=design)
 
 ## Usage
 
 When to use:
 
--   To present a pre-defined list of options
--   For filtering or sorting data in tables or lists
--   For selecting settings or preferences
--   For single selection
+- To present a pre-defined list of options
+- For filtering or sorting data in tables or lists
+- For selecting settings or preferences
+- For single selection
 
 When not to use:
 
--   To allow end-users to add custom options
--   When there are fewer than three options
--   For complex and/or hierarchical data
--   For multi selection
+- To allow end-users to add custom options
+- When there are fewer than three options
+- For complex and/or hierarchical data
+- For multi selection
 
 ### Anatomy
 
@@ -283,16 +283,16 @@ From a focused list option, `UP ARROW` moves focus and selects the previous list
 
 ## Future Considerations
 
--   Helper text for input components (where it should be located, how it should be accessed)
--   Mega-menus (combining static information, selectable options, action-based commands, etc.)
--   Capturing usage guidelines/UI patterns for a "load more" experience in the dropdown
--   Should the client-user be able to specify whether they want to display selection with or without a check mark?
--   On touch-screen devices, it would be nice for the select component to bring up the dropdown in a Nimble or native popover. More exploration is needed to support all sets of features.
--   Do we need to provide a "load more" UX pattern for clients to implement (we have decided not to implement anything related to this in the component, as it is overly prescriptive)
+- Helper text for input components (where it should be located, how it should be accessed)
+- Mega-menus (combining static information, selectable options, action-based commands, etc.)
+- Capturing usage guidelines/UI patterns for a "load more" experience in the dropdown
+- Should the client-user be able to specify whether they want to display selection with or without a check mark?
+- On touch-screen devices, it would be nice for the select component to bring up the dropdown in a Nimble or native popover. More exploration is needed to support all sets of features.
+- Do we need to provide a "load more" UX pattern for clients to implement (we have decided not to implement anything related to this in the component, as it is overly prescriptive)
 
 ## References
 
--   [ARIA – Combobox Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/)
--   [Shoelace – Select](https://shoelace.style/components/select)
--   [Dash - Select](https://dash.plotly.com/dash-core-components/dropdown)
--   [Monday - Select](https://style.monday.com/?path=/story/inputs-dropdown--dropdown-value-selection)
+- [ARIA – Combobox Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/)
+- [Shoelace – Select](https://shoelace.style/components/select)
+- [Dash - Select](https://dash.plotly.com/dash-core-components/dropdown)
+- [Monday - Select](https://style.monday.com/?path=/story/inputs-dropdown--dropdown-value-selection)
diff --git a/packages/nimble-components/src/select/specs/built-in-labels.md b/packages/nimble-components/src/select/specs/built-in-labels.md
index b8f19c4f26..165be1d699 100644
--- a/packages/nimble-components/src/select/specs/built-in-labels.md
+++ b/packages/nimble-components/src/select/specs/built-in-labels.md
@@ -12,8 +12,8 @@ Built-in labels will reduce the effort needed for clients to consume these contr
 
 Related issues:
 
--   [Resolve label accessibility issues](https://github.com/ni/nimble/issues/94)
--   [Fix accessibility issues in Angular Example app](https://github.com/ni/nimble/issues/280)
+- [Resolve label accessibility issues](https://github.com/ni/nimble/issues/94)
+- [Fix accessibility issues in Angular Example app](https://github.com/ni/nimble/issues/280)
 
 ## Implementation / Design
 
@@ -23,8 +23,8 @@ Implementation details apply to both `nimble-select` and `nimble-combobox`, unle
 
 Default Slot:
 
--   The `nimble-list-option`s in the control are placed in this slot currently.
--   We will add support for specifying the label as text content in the same slot. For example:
+- The `nimble-list-option`s in the control are placed in this slot currently.
+- We will add support for specifying the label as text content in the same slot. For example:
     ```html
     <nimble-select>
         Select Label Text
@@ -38,31 +38,31 @@ Default Slot:
 
 Template updates:
 
--   A new `label` element will be added at the root of the control template, which will reflect the default slotted content (minus the list options which are already handled elsewhere)
--   Update shared dropdown styling as needed for label layout (`flex-direction` to `column`, move fixed height from `::host` down to the `div[part="control"]`)
+- A new `label` element will be added at the root of the control template, which will reflect the default slotted content (minus the list options which are already handled elsewhere)
+- Update shared dropdown styling as needed for label layout (`flex-direction` to `column`, move fixed height from `::host` down to the `div[part="control"]`)
 
 Other considerations:
 
--   The label will get disabled visually if the control is disabled.
--   If the label is not provided, vertical space should not be reserved for it.
--   Behavior if label length exceeds control width will match our other controls:
-    -   If a fixed `width` style is not set, the control grows to fit the entire label on 1 line.
-    -   If a fixed `width` style is set, the label will wrap if needed to fit within that width.
+- The label will get disabled visually if the control is disabled.
+- If the label is not provided, vertical space should not be reserved for it.
+- Behavior if label length exceeds control width will match our other controls:
+    - If a fixed `width` style is not set, the control grows to fit the entire label on 1 line.
+    - If a fixed `width` style is set, the label will wrap if needed to fit within that width.
 
 ### Accessibility / ARIA
 
 `nimble-combobox`: Currently has 2 ARIA/accessibility issues:
 
--   Elements must only use supported ARIA attributes: `nimble-combobox` `nimble-toggle-button`: ARIA attribute is not allowed: `aria-expanded="false"`
-    -   Can be resolved via `aria-hidden="true"` on the dropdown toggle button, as it's not keyboard-focusable.
--   ARIA commands must have an accessible name: `nimble-combobox` `nimble-toggle-button` `div[role="button"]`
-    -   Will be resolved by adding the `label` element
+- Elements must only use supported ARIA attributes: `nimble-combobox` `nimble-toggle-button`: ARIA attribute is not allowed: `aria-expanded="false"`
+    - Can be resolved via `aria-hidden="true"` on the dropdown toggle button, as it's not keyboard-focusable.
+- ARIA commands must have an accessible name: `nimble-combobox` `nimble-toggle-button` `div[role="button"]`
+    - Will be resolved by adding the `label` element
 
 `nimble-select`: Currently has 1 ARIA/accessibility issue:
 
--   ARIA input fields must have an accessible name: `nimble-select`
-    -   The `label` element is not sufficient to resolve this, because it's in the shadow tree, whereas the ARIA role is on the `nimble-select` itself (unlike the combobox).
-    -   Will be resolved by adding the `aria-label` attribute to `nimble-select`, which will be set to the same label text shown in the `label` element. (`nimble-list-option-group` [does something similar](https://github.com/ni/nimble/blob/4948838ca895a04d7ebe16f595176b2050863f15/packages/nimble-components/src/list-option-group/template.ts#L14))
+- ARIA input fields must have an accessible name: `nimble-select`
+    - The `label` element is not sufficient to resolve this, because it's in the shadow tree, whereas the ARIA role is on the `nimble-select` itself (unlike the combobox).
+    - Will be resolved by adding the `aria-label` attribute to `nimble-select`, which will be set to the same label text shown in the `label` element. (`nimble-list-option-group` [does something similar](https://github.com/ni/nimble/blob/4948838ca895a04d7ebe16f595176b2050863f15/packages/nimble-components/src/list-option-group/template.ts#L14))
 
 ### Impact to nimble-rich-text-mention-listbox
 
@@ -72,8 +72,8 @@ Other considerations:
 
 **Label API:** We have several different paradigms for specifying label text in Nimble, in addition to the default slot:
 
--   A `label` slot, with the expectation clients will add a `label` element in it (`nimble-radio-group`, tracked as [tech debt](https://github.com/ni/nimble/issues/2306))
--   A `label` attribute (`nimble-option-group`, though text content in the default slot is also supported. Note: This aligns with the [optgroup API](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup).)
+- A `label` slot, with the expectation clients will add a `label` element in it (`nimble-radio-group`, tracked as [tech debt](https://github.com/ni/nimble/issues/2306))
+- A `label` attribute (`nimble-option-group`, though text content in the default slot is also supported. Note: This aligns with the [optgroup API](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup).)
 
 The default slot approach was chosen for this feature as it's the most common in Nimble, and the simplest to use.
 
diff --git a/packages/nimble-components/src/select/specs/filterable-select-hld.md b/packages/nimble-components/src/select/specs/filterable-select-hld.md
index bb1bd4e100..8b0480f013 100644
--- a/packages/nimble-components/src/select/specs/filterable-select-hld.md
+++ b/packages/nimble-components/src/select/specs/filterable-select-hld.md
@@ -4,15 +4,15 @@
 
 Our clients have a need of a filterable dropdown component that does not allow arbitrary text as a value, but only values available in the dropdown. The filtering will have the following behaviors (in the initial feature set):
 
--   The filter text will match _any_ text within the `textContent` of each `ListOption` in a case insensitive way. Specifically, the filter text will match wholly against the target (e.g. filter text of "ad" will match "Add", but not "abcd").
--   Each time the dropdown is opened the filter text is cleared.
--   While the dropdown is opened all keystrokes except `<ArrowUp>`. `<ArrowDown>`, `<Enter>`, `<Home>` and `<End>` will apply to the filter.
--   Pressing `<Esc>` will close the dropdown and revert the value to what it was prior to opening dropdown.
+- The filter text will match _any_ text within the `textContent` of each `ListOption` in a case insensitive way. Specifically, the filter text will match wholly against the target (e.g. filter text of "ad" will match "Add", but not "abcd").
+- Each time the dropdown is opened the filter text is cleared.
+- While the dropdown is opened all keystrokes except `<ArrowUp>`. `<ArrowDown>`, `<Enter>`, `<Home>` and `<End>` will apply to the filter.
+- Pressing `<Esc>` will close the dropdown and revert the value to what it was prior to opening dropdown.
 
 ## Links To Relevant Work Items and Reference Material
 
--   [#1273: Filterable NimbleSelect](https://github.com/ni/nimble/issues/1273)
--   [Filterable Select IxD](./IxD.md#filter)
+- [#1273: Filterable NimbleSelect](https://github.com/ni/nimble/issues/1273)
+- [Filterable Select IxD](./IxD.md#filter)
 
 ## Implementation / Design
 
@@ -45,10 +45,10 @@ export const FilterMode  = {
 } as const;
 ```
 
--   The `standard` filterMode will result in case-insensitive, diacritic-insensitive filtering.
--   The `manual` filterMode will display a search input, but it won't automatically filter the options as the user types. Instead, clients can use the `filter-input` event described in the ['Dynamic Options'](#dynamic-options) section below to implement their own filtering logic.
--   The `none` filter mode results in no search input being shown in the dropdown.
--   `filterMode` will default to `none` so as not to affect existing clients.
+- The `standard` filterMode will result in case-insensitive, diacritic-insensitive filtering.
+- The `manual` filterMode will display a search input, but it won't automatically filter the options as the user types. Instead, clients can use the `filter-input` event described in the ['Dynamic Options'](#dynamic-options) section below to implement their own filtering logic.
+- The `none` filter mode results in no search input being shown in the dropdown.
+- `filterMode` will default to `none` so as not to affect existing clients.
 
 _Note: The `filterMode` isn't meant to mirror the `Combobox` `autocomplete` API, as they do serve slightly different purposes: The `autocomplete` for the `Combobox` ultimately helps set the actual value of the `Combobox` as the user types, and isn't necessarily performing any filtering (e.g. the `inline` mode). One possible concern, however, is that we are presenting an API that will allow different types of filter behaviors (i.e. case sensitive) that the `Combobox` does not support. Additionally, I am proposing diacritic insensitive filtering, which the `Combobox` also does not currently support, but I feel this is quite likely a better default experience._
 
@@ -66,15 +66,15 @@ Then, when handling the `filter-input` event, clients should perform the desired
 
 _IMPORTANT_: When using the `manual` filter mode, clients are responsible for the following:
 
--   Either adding/removing options to/from the DOM that do or do not match the filter and/or marking existing options as `hidden` when they don't match.
--   The currently selected option is included in the set of options placed in the DOM regardless of match against filter (and be marked as `hidden` if it doesn't match the filter)
--   If a placeholder option exists for the select, it should never be filtered out.
+- Either adding/removing options to/from the DOM that do or do not match the filter and/or marking existing options as `hidden` when they don't match.
+- The currently selected option is included in the set of options placed in the DOM regardless of match against filter (and be marked as `hidden` if it doesn't match the filter)
+- If a placeholder option exists for the select, it should never be filtered out.
 
 _Notes_:
 
--   When the `loading-visible` attribute is set, we will display localizable text at the bottom of the dropdown (defaulting to "Loading"), along with the spinner icon.
--   The `Select` will not peform any debouncing as the user types into the filter input. It is expected that clients can perform any debouncing that is needed easily at the app level.
--   The `filter-input` event will be emitted for all filter modes (except `none`)
+- When the `loading-visible` attribute is set, we will display localizable text at the bottom of the dropdown (defaulting to "Loading"), along with the spinner icon.
+- The `Select` will not peform any debouncing as the user types into the filter input. It is expected that clients can perform any debouncing that is needed easily at the app level.
+- The `filter-input` event will be emitted for all filter modes (except `none`)
 
 ##### Groups
 
@@ -99,9 +99,9 @@ export class LabelProviderCore
 
 The English strings used for these labels will be:
 
--   selectFilterSearch: "Search"
--   selectFilterNoResults: "No items found"
--   loading: "Loading"
+- selectFilterSearch: "Search"
+- selectFilterNoResults: "No items found"
+- loading: "Loading"
 
 ### Implementation details
 
diff --git a/packages/nimble-components/src/select/specs/option-groups-hld.md b/packages/nimble-components/src/select/specs/option-groups-hld.md
index 94bcdbdb49..37eafe203e 100644
--- a/packages/nimble-components/src/select/specs/option-groups-hld.md
+++ b/packages/nimble-components/src/select/specs/option-groups-hld.md
@@ -6,9 +6,9 @@ It is a common request to categorize the options that are present in the dropdow
 
 ## Links To Relevant Work Items and Reference Material
 
--   [Interaction Design](./IxD.md#groups)
--   [Sectioned Combobox (issue 791)](https://github.com/ni/nimble/issues/791)
--   [Prototype branch Storybook](https://60e89457a987cf003efc0a5b-cvmxlqwglb.chromatic.com/?path=/docs/components-select--docs) ([code](https://github.com/ni/nimble/tree/groupable-select))
+- [Interaction Design](./IxD.md#groups)
+- [Sectioned Combobox (issue 791)](https://github.com/ni/nimble/issues/791)
+- [Prototype branch Storybook](https://60e89457a987cf003efc0a5b-cvmxlqwglb.chromatic.com/?path=/docs/components-select--docs) ([code](https://github.com/ni/nimble/tree/groupable-select))
 
 ## Implementation / Design
 
@@ -92,10 +92,10 @@ It should be noted that when using groups with a `Combobox`, it is advised that
 
 ### Accessibility
 
--   The `ListOptionGroup` element will have a [role of "group"](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role), which matches the role given to the native `optgroup` element.
--   The `ListOptionGroup` should apply the `aria-label` attribute with a value that is the display text for the group.
--   The `ListOptionGroup` element is ignored during keyboard navigation of the dropdown.
--   Screen readers should report the group when the user navigates to an option within a group for the first time. This is achieved by ensuring the accessibility tree has a structure like the following:
+- The `ListOptionGroup` element will have a [role of "group"](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role), which matches the role given to the native `optgroup` element.
+- The `ListOptionGroup` should apply the `aria-label` attribute with a value that is the display text for the group.
+- The `ListOptionGroup` element is ignored during keyboard navigation of the dropdown.
+- Screen readers should report the group when the user navigates to an option within a group for the first time. This is achieved by ensuring the accessibility tree has a structure like the following:
 
 ![](./spec-images/option-group-accessibility-tree.PNG)
 
diff --git a/packages/nimble-components/src/select/styles.ts b/packages/nimble-components/src/select/styles.ts
index 433847fc2d..8146cfbe60 100644
--- a/packages/nimble-components/src/select/styles.ts
+++ b/packages/nimble-components/src/select/styles.ts
@@ -2,6 +2,7 @@ import { css } from '@microsoft/fast-element';
 import { White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
 import { styles as dropdownStyles } from '../patterns/dropdown/styles';
 import { styles as errorStyles } from '../patterns/error/styles';
+import { styles as requiredVisibleStyles } from '../patterns/required-visible/styles';
 import {
     borderRgbPartialColor,
     borderWidth,
@@ -25,6 +26,7 @@ import { hexToRgbaCssColor } from '../utilities/style/colors';
 export const styles = css`
     ${dropdownStyles}
     ${errorStyles}
+    ${requiredVisibleStyles}
 
     ${
         /* We are using flex `order` to define the visual ordering of the selected value,
diff --git a/packages/nimble-components/src/select/template.ts b/packages/nimble-components/src/select/template.ts
index 12023d46ca..e467164337 100644
--- a/packages/nimble-components/src/select/template.ts
+++ b/packages/nimble-components/src/select/template.ts
@@ -7,8 +7,8 @@ import {
 } from '@microsoft/fast-element';
 import {
     endSlotTemplate,
-    FoundationElementTemplate,
-    SelectOptions,
+    type FoundationElementTemplate,
+    type SelectOptions,
     startSlotTemplate
 } from '@microsoft/fast-foundation';
 import type { Select } from '.';
@@ -27,6 +27,7 @@ import { buttonTag } from '../button';
 import { iconTimesTag } from '../icons/times';
 import { ListOption } from '../list-option';
 import { spinnerTag } from '../spinner';
+import { createRequiredVisibleLabelTemplate } from '../patterns/required-visible/template';
 
 export const isListOption = (
     el: Element | undefined | null
@@ -40,6 +41,12 @@ export const isListOptionGroup = (
     return n instanceof ListOptionGroup;
 };
 
+const labelTemplate = createRequiredVisibleLabelTemplate(html<Select>`
+    <label part="label" class="label" aria-hidden="true">
+        <slot ${ref('labelSlot')}></slot>
+    </label>
+`);
+
 /* eslint-disable @typescript-eslint/indent */
 // prettier-ignore
 export const template: FoundationElementTemplate<
@@ -60,6 +67,7 @@ SelectOptions
         aria-haspopup="${x => (x.collapsible ? 'listbox' : null)}"
         aria-label="${x => x.labelContent}"
         aria-multiselectable="${x => x.ariaMultiSelectable}"
+        aria-required="${x => x.requiredVisible}"
         ?open="${x => x.open}"
         role="combobox"
         tabindex="${x => (!x.disabled ? '0' : null)}"
@@ -70,9 +78,7 @@ SelectOptions
         @keydown="${(x, c) => x.keydownHandler(c.event as KeyboardEvent)}"
         @mousedown="${(x, c) => x.mousedownHandler(c.event as MouseEvent)}"
     >
-        <label part="label" class="label" aria-hidden="true">
-            <slot ${ref('labelSlot')}></slot>
-        </label>
+        ${labelTemplate}
         ${when(x => x.collapsible, html<Select>`
             <div
                 class="control"
diff --git a/packages/nimble-components/src/select/testing/tests/select.pageobject.spec.ts b/packages/nimble-components/src/select/testing/tests/select.pageobject.spec.ts
index d0b51b3d68..6491db393d 100644
--- a/packages/nimble-components/src/select/testing/tests/select.pageobject.spec.ts
+++ b/packages/nimble-components/src/select/testing/tests/select.pageobject.spec.ts
@@ -1,5 +1,5 @@
 import { html } from '@microsoft/fast-element';
-import { fixture, Fixture } from '../../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../../utilities/tests/fixture';
 import { SelectPageObject } from '../select.pageobject';
 import { selectTag, type Select } from '../..';
 import { listOptionTag } from '../../../list-option';
diff --git a/packages/nimble-components/src/select/tests/select.spec.ts b/packages/nimble-components/src/select/tests/select.spec.ts
index 4efc1fcd56..be13cdb8c7 100644
--- a/packages/nimble-components/src/select/tests/select.spec.ts
+++ b/packages/nimble-components/src/select/tests/select.spec.ts
@@ -1,12 +1,15 @@
 import { html, repeat } from '@microsoft/fast-element';
 import { parameterizeSpec, parameterizeSuite } from '@ni/jasmine-parameterized';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { Select, selectTag } from '..';
 import { SelectPageObjectInternal as SelectPageObject } from './select.pageobject.internal';
 import { ListOption, listOptionTag } from '../../list-option';
-import { waitForUpdatesAsync } from '../../testing/async-helpers';
+import {
+    processUpdates,
+    waitForUpdatesAsync
+} from '../../testing/async-helpers';
 import { checkFullyInViewport } from '../../utilities/tests/intersection-observer';
-import { FilterMode, SelectFilterInputEventDetail } from '../types';
+import { FilterMode, type SelectFilterInputEventDetail } from '../types';
 import {
     waitForEvent,
     waitAnimationFrame
@@ -168,6 +171,24 @@ describe('Select', () => {
         });
     });
 
+    it('should set "aria-required" to true when "required-visible" is true', async () => {
+        const { element, connect, disconnect } = await setup('above', true);
+        await connect();
+        element.requiredVisible = true;
+        processUpdates();
+        expect(element.getAttribute('aria-required')).toBe('true');
+        await disconnect();
+    });
+
+    it('should set "aria-required" to false when "required-visible" is false', async () => {
+        const { element, connect, disconnect } = await setup('above', true);
+        await connect();
+        element.requiredVisible = false;
+        processUpdates();
+        expect(element.getAttribute('aria-required')).toBe('false');
+        await disconnect();
+    });
+
     it('should respect value set before connect is completed', async () => {
         const { element, connect, disconnect } = await setup();
 
diff --git a/packages/nimble-components/src/slider/specs/README.md b/packages/nimble-components/src/slider/specs/README.md
index 5f6ad39e04..2b0fc7532f 100644
--- a/packages/nimble-components/src/slider/specs/README.md
+++ b/packages/nimble-components/src/slider/specs/README.md
@@ -20,7 +20,7 @@ TODO: Link to visual design spec
 
 _Component Name_:
 
--   `nimble-slider`
+- `nimble-slider`
 
 _Attributes:_ Unchanged
 
@@ -34,7 +34,7 @@ The slider will have an Angular directive in the `nimble-angular` package which
 
 ### Additional requirements
 
--   None
+- None
 
 # Slider Label
 
@@ -48,7 +48,7 @@ The `nimble-slider-label` component provides a default styled label to be placed
 
 _Component Name_
 
--   `nimble-slider-label`
+- `nimble-slider-label`
 
 _Attributes_: Unchanged
 
@@ -62,7 +62,7 @@ The slider label will have an Angular directive in the `nimble-angular` package
 
 ### Additional Requirements
 
--   None
+- None
 
 ## Example usage
 
diff --git a/packages/nimble-components/src/spinner/specs/README.md b/packages/nimble-components/src/spinner/specs/README.md
index 807a147e2b..cde8daeddd 100644
--- a/packages/nimble-components/src/spinner/specs/README.md
+++ b/packages/nimble-components/src/spinner/specs/README.md
@@ -16,18 +16,18 @@ Spinner component (`nimble-spinner`): Indeterminate progress indicator / loading
 
 Ability to show determinate progress:
 
--   The current visual design for the spinner is distinct/different from an indeterminate radial progress bar
--   We don't currently have visual designs for a linear or radial progress bar with determinate progress
--   If/when we want progress bar components in the future, at that point we'll probably create new Nimble components which extend the corresponding FAST components:
-    -   `nimble-progress` or `nimble-linear-progress`, deriving from `fast-progress`, for a linear progress bar; and
-    -   `nimble-progress-ring` or `nimble-radial-progress`, deriving from `fast-progress-ring`, for a radial progress bar
+- The current visual design for the spinner is distinct/different from an indeterminate radial progress bar
+- We don't currently have visual designs for a linear or radial progress bar with determinate progress
+- If/when we want progress bar components in the future, at that point we'll probably create new Nimble components which extend the corresponding FAST components:
+    - `nimble-progress` or `nimble-linear-progress`, deriving from `fast-progress`, for a linear progress bar; and
+    - `nimble-progress-ring` or `nimble-radial-progress`, deriving from `fast-progress-ring`, for a radial progress bar
 
 ### Features
 
--   Show indeterminate progress with an animation
-    -   Cannot be paused - assumption is that component will be added to/ removed from the page as needed
--   Supports 3 sizes: `small` (16x16), `medium` (32x32) (default), `large` (64x64)
-    -   Component will scale to other sizes if needed (if width/height styles are set on it directly), for advanced use cases
+- Show indeterminate progress with an animation
+    - Cannot be paused - assumption is that component will be added to/ removed from the page as needed
+- Supports 3 sizes: `small` (16x16), `medium` (32x32) (default), `large` (64x64)
+    - Component will scale to other sizes if needed (if width/height styles are set on it directly), for advanced use cases
 
 ### Risks and Challenges
 
@@ -51,11 +51,11 @@ Component Name: `nimble-spinner`
 
 Properties/Attributes:
 
--   `size`
-    -   String attribute controlling size of the component
-    -   Backed by an enum `SpinnerSize` with values `small` (16x16), `medium` (32x32), `large` (64x64)
-    -   If omitted, the default is `medium` (32x32)
-    -   If omitted, custom `width` and `height` styles can be set on the `nimble-spinner` and the animating elements will scale to that size. In this case, consumer should follow up with Design to doublecheck the padding needed.
+- `size`
+    - String attribute controlling size of the component
+    - Backed by an enum `SpinnerSize` with values `small` (16x16), `medium` (32x32), `large` (64x64)
+    - If omitted, the default is `medium` (32x32)
+    - If omitted, custom `width` and `height` styles can be set on the `nimble-spinner` and the animating elements will scale to that size. In this case, consumer should follow up with Design to doublecheck the padding needed.
 
 Methods, Events, CSS Classes, CSS Custom Properties: None
 
@@ -136,10 +136,10 @@ N/A - Standard updates of the component table in the README, and in Storybook.
 
 ## Potential Future Enhancements
 
--   Do we need to support the "Color UI Alt" (PowerGreen) spinner appearance, and do apps/consumers need a way to override the spinner color?
-    -   Original plan for supporting that appearance: adding a `theme-variant` attribute:
-        -   default (undefined): Standard appearance (light/dark/color themes)
-        -   `prominent`: Alternate appearance/color, for the color theme only ('Color UI Alt.' from XD design)
-        -   Backed by enum `SpinnerThemeVariant`
-    -   We could also follow the patterns from our icons (create a token `spinner-color` that can be overridden)
-    -   **Decision**: We will omit the Color UI Alt appearance for our initial implementation. Followup questions that need to be answered are captured in [Issue #916](https://github.com/ni/nimble/issues/916).
+- Do we need to support the "Color UI Alt" (PowerGreen) spinner appearance, and do apps/consumers need a way to override the spinner color?
+    - Original plan for supporting that appearance: adding a `theme-variant` attribute:
+        - default (undefined): Standard appearance (light/dark/color themes)
+        - `prominent`: Alternate appearance/color, for the color theme only ('Color UI Alt.' from XD design)
+        - Backed by enum `SpinnerThemeVariant`
+    - We could also follow the patterns from our icons (create a token `spinner-color` that can be overridden)
+    - **Decision**: We will omit the Color UI Alt appearance for our initial implementation. Followup questions that need to be answered are captured in [Issue #916](https://github.com/ni/nimble/issues/916).
diff --git a/packages/nimble-components/src/spinner/tests/spinner.spec.ts b/packages/nimble-components/src/spinner/tests/spinner.spec.ts
index 821633bb9b..27663bba51 100644
--- a/packages/nimble-components/src/spinner/tests/spinner.spec.ts
+++ b/packages/nimble-components/src/spinner/tests/spinner.spec.ts
@@ -1,5 +1,5 @@
 import { html } from '@microsoft/fast-element';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { Spinner, spinnerTag } from '..';
 
 async function setup(): Promise<Fixture<Spinner>> {
diff --git a/packages/nimble-components/src/switch/index.ts b/packages/nimble-components/src/switch/index.ts
index 8348e6c559..ad79b9567c 100644
--- a/packages/nimble-components/src/switch/index.ts
+++ b/packages/nimble-components/src/switch/index.ts
@@ -1,7 +1,7 @@
 import {
     DesignSystem,
     Switch as FoundationSwitch,
-    SwitchOptions
+    type SwitchOptions
 } from '@microsoft/fast-foundation';
 import { styles } from './styles';
 import { template } from './template';
diff --git a/packages/nimble-components/src/switch/specs/README.md b/packages/nimble-components/src/switch/specs/README.md
index 6783758f9a..b9a82d91f5 100644
--- a/packages/nimble-components/src/switch/specs/README.md
+++ b/packages/nimble-components/src/switch/specs/README.md
@@ -18,13 +18,13 @@ The `nimble-switch` is a boolean control which mimics a physical switch that can
 
 [FAST switch API](https://github.com/microsoft/fast/blob/3c557446160ecdc358b46fd35d72d53555f02fe5/packages/web-components/fast-foundation/src/switch/switch.spec.md)
 
--   _Component Name:_ `nimble-switch`
--   _Properties/Attributes:_ Unchanged
--   _Methods:_ Unchanged (none)
--   _Events:_ Unchanged
--   _CSS Classes and Custom Properties that affect the component:_ None
--   _Slots:_ Unchanged
--   _Template:_
+- _Component Name:_ `nimble-switch`
+- _Properties/Attributes:_ Unchanged
+- _Methods:_ Unchanged (none)
+- _Events:_ Unchanged
+- _CSS Classes and Custom Properties that affect the component:_ None
+- _Slots:_ Unchanged
+- _Template:_
 
 The [FAST Components switch](https://explore.fast.design/components/fast-switch) has slightly different behavior than our visual design specifies with regards to labels. The FAST switch has slots for both `checked` and `unchecked` messages, but both messages appear on the right side of the control (and are styled to show or hide depending on the value of the control). On the other hand, the visual design for the Nimble switch specifies that the `checked` and `unchecked` messages should appear on the right and left hand sides of the switch control respectively, and should both be shown always.
 
@@ -62,24 +62,24 @@ The switch will have an Angular directive in `nimble-angular` which allows bindi
 
 None
 
--   _User interaction: Do the FAST component's behaviors match the visual design spec? When they differ, which approach is preferable and why?_
-    -   The FAST component differs in how it uses checked/unchecked labels, as described above. I believe that the label behavior in the visual design is preferable. If a consumer of the switch prefers the FAST label approach, they should be able to achieve it with custom styling.
--   _Styling: Does FAST provide APIs to achieve the styling in the visual design spec?_
-    -   I don't foresee any issues styling the FAST switch to match our visual design
--   _Testing: Is FAST's coverage sufficient? Should we write any tests beyond Chromatic visual tests?_
-    -   Since we're using a custom template, we should copy FAST's tests to our repo to ensure that we don't break any behavior.
--   _Documentation: Any requirements besides standard Storybook docs and updating the Example Client App demo?_
-    -   No additional requirements
--   _Tooling: Any new tools, updates to tools, code generation, etc?_
-    -   No additional requirements
--   _Accessibility: keyboard navigation/focus, form input, use with assistive technology, etc._
-    -   All accessibility needs should be covered by FAST's implementation. We should do some manual testing to verify that the custom template doesn't break any accessibility behavior.
--   _Globalization: special RTL handling, swapping of icons/visuals, localization, etc._
-    -   No additional requirements
--   _Performance: does the FAST component meet Nimble's performance requirements?_
-    -   No additional requirements
--   _Security: Any requirements for security?_
-    -   No additional requirements
+- _User interaction: Do the FAST component's behaviors match the visual design spec? When they differ, which approach is preferable and why?_
+    - The FAST component differs in how it uses checked/unchecked labels, as described above. I believe that the label behavior in the visual design is preferable. If a consumer of the switch prefers the FAST label approach, they should be able to achieve it with custom styling.
+- _Styling: Does FAST provide APIs to achieve the styling in the visual design spec?_
+    - I don't foresee any issues styling the FAST switch to match our visual design
+- _Testing: Is FAST's coverage sufficient? Should we write any tests beyond Chromatic visual tests?_
+    - Since we're using a custom template, we should copy FAST's tests to our repo to ensure that we don't break any behavior.
+- _Documentation: Any requirements besides standard Storybook docs and updating the Example Client App demo?_
+    - No additional requirements
+- _Tooling: Any new tools, updates to tools, code generation, etc?_
+    - No additional requirements
+- _Accessibility: keyboard navigation/focus, form input, use with assistive technology, etc._
+    - All accessibility needs should be covered by FAST's implementation. We should do some manual testing to verify that the custom template doesn't break any accessibility behavior.
+- _Globalization: special RTL handling, swapping of icons/visuals, localization, etc._
+    - No additional requirements
+- _Performance: does the FAST component meet Nimble's performance requirements?_
+    - No additional requirements
+- _Security: Any requirements for security?_
+    - No additional requirements
 
 ---
 
diff --git a/packages/nimble-components/src/switch/styles.ts b/packages/nimble-components/src/switch/styles.ts
index 2b992a6991..4e0a6def70 100644
--- a/packages/nimble-components/src/switch/styles.ts
+++ b/packages/nimble-components/src/switch/styles.ts
@@ -108,7 +108,8 @@ export const styles = css`
                     var(--ni-private-switch-height) - var(
                             --ni-private-switch-indicator-size
                         )
-                ) / 2
+                ) /
+                2
         );
         border: ${borderWidth} solid
             var(--ni-private-switch-indicator-border-color);
diff --git a/packages/nimble-components/src/switch/tests/switch.spec.ts b/packages/nimble-components/src/switch/tests/switch.spec.ts
index 2e744b4df5..f6a32d3886 100644
--- a/packages/nimble-components/src/switch/tests/switch.spec.ts
+++ b/packages/nimble-components/src/switch/tests/switch.spec.ts
@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 import { keyEnter, keySpace } from '@microsoft/fast-web-utilities';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { Switch, switchTag } from '..';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
 
diff --git a/packages/nimble-components/src/table-column/anchor/tests/table-column-anchor.spec.ts b/packages/nimble-components/src/table-column/anchor/tests/table-column-anchor.spec.ts
index 34ccb55c3a..be2985db00 100644
--- a/packages/nimble-components/src/table-column/anchor/tests/table-column-anchor.spec.ts
+++ b/packages/nimble-components/src/table-column/anchor/tests/table-column-anchor.spec.ts
@@ -5,7 +5,10 @@ import { tableTag, type Table } from '../../../table';
 import { TableColumnAnchor, tableColumnAnchorTag } from '..';
 import { waitForUpdatesAsync } from '../../../testing/async-helpers';
 import { type Fixture, fixture } from '../../../utilities/tests/fixture';
-import { TableColumnSortDirection, TableRecord } from '../../../table/types';
+import {
+    TableColumnSortDirection,
+    type TableRecord
+} from '../../../table/types';
 import { TablePageObject } from '../../../table/testing/table.pageobject';
 import { wackyStrings } from '../../../utilities/tests/wacky-strings';
 import type { Anchor } from '../../../anchor';
diff --git a/packages/nimble-components/src/table-column/base/index.ts b/packages/nimble-components/src/table-column/base/index.ts
index 1fb4294c9f..5c72f1de01 100644
--- a/packages/nimble-components/src/table-column/base/index.ts
+++ b/packages/nimble-components/src/table-column/base/index.ts
@@ -2,7 +2,7 @@ import { attr, observable } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
 import {
     ColumnInternals,
-    ColumnInternalsOptions
+    type ColumnInternalsOptions
 } from './models/column-internals';
 import type { TableColumnValidity } from './types';
 import type { ColumnValidator } from './models/column-validator';
diff --git a/packages/nimble-components/src/table-column/base/models/column-internals.ts b/packages/nimble-components/src/table-column/base/models/column-internals.ts
index 6beed629b9..e632b2d505 100644
--- a/packages/nimble-components/src/table-column/base/models/column-internals.ts
+++ b/packages/nimble-components/src/table-column/base/models/column-internals.ts
@@ -3,7 +3,7 @@ import { ViewTemplate, observable } from '@microsoft/fast-element';
 import {
     TableColumnAlignment,
     TableColumnSortDirection,
-    TableFieldName
+    type TableFieldName
 } from '../../../table/types';
 import type { TableCell } from '../../../table/components/cell';
 import {
diff --git a/packages/nimble-components/src/table-column/base/tests/table-cell-view.spec.ts b/packages/nimble-components/src/table-column/base/tests/table-cell-view.spec.ts
index 8aa5698131..440f4310a2 100644
--- a/packages/nimble-components/src/table-column/base/tests/table-cell-view.spec.ts
+++ b/packages/nimble-components/src/table-column/base/tests/table-cell-view.spec.ts
@@ -2,7 +2,7 @@ import { customElement } from '@microsoft/fast-element';
 import { TableColumn } from '..';
 import {
     fixture,
-    Fixture,
+    type Fixture,
     uniqueElementName
 } from '../../../utilities/tests/fixture';
 import type { TableCellView } from '../cell-view';
diff --git a/packages/nimble-components/src/table-column/base/tests/table-column.spec.ts b/packages/nimble-components/src/table-column/base/tests/table-column.spec.ts
index b022d8e633..204798b249 100644
--- a/packages/nimble-components/src/table-column/base/tests/table-column.spec.ts
+++ b/packages/nimble-components/src/table-column/base/tests/table-column.spec.ts
@@ -1,7 +1,7 @@
 import { customElement } from '@microsoft/fast-element';
 import {
     fixture,
-    Fixture,
+    type Fixture,
     uniqueElementName
 } from '../../../utilities/tests/fixture';
 import {
diff --git a/packages/nimble-components/src/table-column/date-text/index.ts b/packages/nimble-components/src/table-column/date-text/index.ts
index 849048cee2..fc7d52c0cf 100644
--- a/packages/nimble-components/src/table-column/date-text/index.ts
+++ b/packages/nimble-components/src/table-column/date-text/index.ts
@@ -1,6 +1,6 @@
 import {
     DesignSystem,
-    DesignTokenSubscriber
+    type DesignTokenSubscriber
 } from '@microsoft/fast-foundation';
 import { attr } from '@microsoft/fast-element';
 import { styles } from '../base/styles';
@@ -11,8 +11,8 @@ import { TableColumnSortOperation } from '../base/types';
 import { tableColumnDateTextGroupHeaderViewTag } from './group-header-view';
 import { tableColumnDateTextCellViewTag } from './cell-view';
 import type { ColumnInternalsOptions } from '../base/models/column-internals';
-import {
-    DateTextFormat,
+import { DateTextFormat } from './types';
+import type {
     LocaleMatcherAlgorithm,
     EraFormat,
     YearFormat,
diff --git a/packages/nimble-components/src/table-column/duration-text/index.ts b/packages/nimble-components/src/table-column/duration-text/index.ts
index ca2b22c1ca..8727d40491 100644
--- a/packages/nimble-components/src/table-column/duration-text/index.ts
+++ b/packages/nimble-components/src/table-column/duration-text/index.ts
@@ -1,6 +1,6 @@
 import {
     DesignSystem,
-    DesignTokenSubscriber
+    type DesignTokenSubscriber
 } from '@microsoft/fast-foundation';
 import { styles } from '../base/styles';
 import { template } from '../base/template';
diff --git a/packages/nimble-components/src/table-column/duration-text/tests/table-column-duration-text.spec.ts b/packages/nimble-components/src/table-column/duration-text/tests/table-column-duration-text.spec.ts
index 540a6e9235..bac0d350e9 100644
--- a/packages/nimble-components/src/table-column/duration-text/tests/table-column-duration-text.spec.ts
+++ b/packages/nimble-components/src/table-column/duration-text/tests/table-column-duration-text.spec.ts
@@ -142,7 +142,8 @@ describe('TableColumnDurationText', () => {
         expect(tablePageObject.getCellTitle(0, 0)).toEqual('');
     });
 
-    it('removes title on mouseout of cell', async () => {
+    // Firefox skipped, see https://github.com/ni/nimble/issues/2490
+    it('removes title on mouseout of cell #SkipFirefox', async () => {
         table.style.width = '100px';
         await table.setData([{ field: 8607022000 }]);
         await waitForUpdatesAsync();
@@ -161,7 +162,8 @@ describe('TableColumnDurationText', () => {
         );
     });
 
-    it('updates displayed date when lang token changes', async () => {
+    // Firefox skipped, see https://github.com/ni/nimble/issues/2490
+    it('updates displayed date when lang token changes #SkipFirefox', async () => {
         await table.setData([{ field: 8607022000 }]);
         await waitForUpdatesAsync();
         expect(tablePageObject.getRenderedCellTextContent(0, 0)).toBe(
diff --git a/packages/nimble-components/src/table-column/enum-base/index.ts b/packages/nimble-components/src/table-column/enum-base/index.ts
index 485357c099..74bf315b9e 100644
--- a/packages/nimble-components/src/table-column/enum-base/index.ts
+++ b/packages/nimble-components/src/table-column/enum-base/index.ts
@@ -1,9 +1,9 @@
 import {
     attr,
-    Notifier,
+    type Notifier,
     Observable,
     observable,
-    Subscriber
+    type Subscriber
 } from '@microsoft/fast-element';
 import type {
     TableStringField,
diff --git a/packages/nimble-components/src/table-column/mapping/cell-view/index.ts b/packages/nimble-components/src/table-column/mapping/cell-view/index.ts
index 2a2c9db145..451a2eff37 100644
--- a/packages/nimble-components/src/table-column/mapping/cell-view/index.ts
+++ b/packages/nimble-components/src/table-column/mapping/cell-view/index.ts
@@ -8,13 +8,13 @@ import type {
     TableColumnEnumColumnConfig
 } from '../../enum-base';
 import {
-    IconView,
+    type IconView,
     MappingIconConfig
 } from '../../enum-base/models/mapping-icon-config';
 import { IconSeverity } from '../../../icon-base/types';
 import {
     MappingSpinnerConfig,
-    SpinnerView
+    type SpinnerView
 } from '../../enum-base/models/mapping-spinner-config';
 import { MappingTextConfig } from '../../enum-base/models/mapping-text-config';
 import { MappingEmptyConfig } from '../../enum-base/models/mapping-empty-config';
diff --git a/packages/nimble-components/src/table-column/mapping/group-header-view/index.ts b/packages/nimble-components/src/table-column/mapping/group-header-view/index.ts
index 97854ef69d..09ac1e0435 100644
--- a/packages/nimble-components/src/table-column/mapping/group-header-view/index.ts
+++ b/packages/nimble-components/src/table-column/mapping/group-header-view/index.ts
@@ -11,7 +11,7 @@ import {
 } from '../../enum-base/models/mapping-icon-config';
 import {
     MappingSpinnerConfig,
-    SpinnerView
+    type SpinnerView
 } from '../../enum-base/models/mapping-spinner-config';
 import { MappingTextConfig } from '../../enum-base/models/mapping-text-config';
 import { MappingEmptyConfig } from '../../enum-base/models/mapping-empty-config';
diff --git a/packages/nimble-components/src/table-column/mapping/index.ts b/packages/nimble-components/src/table-column/mapping/index.ts
index 4944824315..0ee6413c7e 100644
--- a/packages/nimble-components/src/table-column/mapping/index.ts
+++ b/packages/nimble-components/src/table-column/mapping/index.ts
@@ -1,9 +1,9 @@
 import { DesignSystem } from '@microsoft/fast-foundation';
 import { attr } from '@microsoft/fast-element';
 import {
-    MappingConfigs,
+    type MappingConfigs,
     TableColumnEnumBase,
-    TableColumnEnumColumnConfig
+    type TableColumnEnumColumnConfig
 } from '../enum-base';
 import { styles } from '../enum-base/styles';
 import { template } from '../enum-base/template';
diff --git a/packages/nimble-components/src/table-column/menu-button/index.ts b/packages/nimble-components/src/table-column/menu-button/index.ts
index fa5ee86f90..ba38360ac0 100644
--- a/packages/nimble-components/src/table-column/menu-button/index.ts
+++ b/packages/nimble-components/src/table-column/menu-button/index.ts
@@ -9,7 +9,7 @@ import { ColumnValidator } from '../base/models/column-validator';
 import { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';
 import { TableColumn } from '../base';
 import {
-    MenuButtonColumnToggleEventDetail,
+    type MenuButtonColumnToggleEventDetail,
     cellViewMenuSlotName
 } from './types';
 import type { DelegatedEventEventDetails } from '../base/types';
diff --git a/packages/nimble-components/src/table-column/mixins/custom-sort-order.ts b/packages/nimble-components/src/table-column/mixins/custom-sort-order.ts
index 28a4c6f534..b7ceba7c23 100644
--- a/packages/nimble-components/src/table-column/mixins/custom-sort-order.ts
+++ b/packages/nimble-components/src/table-column/mixins/custom-sort-order.ts
@@ -1,4 +1,4 @@
-import { Notifier, Observable, attr } from '@microsoft/fast-element';
+import { type Notifier, Observable, attr } from '@microsoft/fast-element';
 import type { TableColumn } from '../base';
 import { TableColumnSortOperation } from '../base/types';
 import type { ColumnValidator } from '../base/models/column-validator';
diff --git a/packages/nimble-components/src/table-column/mixins/tests/custom-sort-order.spec.ts b/packages/nimble-components/src/table-column/mixins/tests/custom-sort-order.spec.ts
index f7384f78dd..1f97c7d653 100644
--- a/packages/nimble-components/src/table-column/mixins/tests/custom-sort-order.spec.ts
+++ b/packages/nimble-components/src/table-column/mixins/tests/custom-sort-order.spec.ts
@@ -1,7 +1,7 @@
 import { customElement } from '@microsoft/fast-element';
 import {
     fixture,
-    Fixture,
+    type Fixture,
     uniqueElementName
 } from '../../../utilities/tests/fixture';
 import { TableColumn } from '../../base';
diff --git a/packages/nimble-components/src/table-column/mixins/tests/fractional-width-column.spec.ts b/packages/nimble-components/src/table-column/mixins/tests/fractional-width-column.spec.ts
index c937e3a0a6..143219bfa0 100644
--- a/packages/nimble-components/src/table-column/mixins/tests/fractional-width-column.spec.ts
+++ b/packages/nimble-components/src/table-column/mixins/tests/fractional-width-column.spec.ts
@@ -1,7 +1,7 @@
 import { customElement } from '@microsoft/fast-element';
 import {
     fixture,
-    Fixture,
+    type Fixture,
     uniqueElementName
 } from '../../../utilities/tests/fixture';
 import { TableColumn } from '../../base';
diff --git a/packages/nimble-components/src/table-column/mixins/tests/groupable-column.spec.ts b/packages/nimble-components/src/table-column/mixins/tests/groupable-column.spec.ts
index 33e325750d..4bdf705b54 100644
--- a/packages/nimble-components/src/table-column/mixins/tests/groupable-column.spec.ts
+++ b/packages/nimble-components/src/table-column/mixins/tests/groupable-column.spec.ts
@@ -1,7 +1,7 @@
 import { customElement } from '@microsoft/fast-element';
 import {
     fixture,
-    Fixture,
+    type Fixture,
     uniqueElementName
 } from '../../../utilities/tests/fixture';
 import { TableColumn } from '../../base';
diff --git a/packages/nimble-components/src/table-column/mixins/tests/sortable-column.spec.ts b/packages/nimble-components/src/table-column/mixins/tests/sortable-column.spec.ts
index 075afd9db0..42db08225c 100644
--- a/packages/nimble-components/src/table-column/mixins/tests/sortable-column.spec.ts
+++ b/packages/nimble-components/src/table-column/mixins/tests/sortable-column.spec.ts
@@ -1,7 +1,7 @@
 import { customElement } from '@microsoft/fast-element';
 import {
     fixture,
-    Fixture,
+    type Fixture,
     uniqueElementName
 } from '../../../utilities/tests/fixture';
 import { TableColumn } from '../../base';
diff --git a/packages/nimble-components/src/table-column/number-text/index.ts b/packages/nimble-components/src/table-column/number-text/index.ts
index 76bf20cbff..5a57f05790 100644
--- a/packages/nimble-components/src/table-column/number-text/index.ts
+++ b/packages/nimble-components/src/table-column/number-text/index.ts
@@ -1,14 +1,14 @@
 import {
     DesignSystem,
-    DesignTokenSubscriber
+    type DesignTokenSubscriber
 } from '@microsoft/fast-foundation';
 import {
     attr,
-    Notifier,
+    type Notifier,
     nullableNumberConverter,
     Observable,
     observable,
-    Subscriber
+    type Subscriber
 } from '@microsoft/fast-element';
 import { styles } from '../base/styles';
 import { template } from './template';
diff --git a/packages/nimble-components/src/table-column/text-base/cell-view/index.ts b/packages/nimble-components/src/table-column/text-base/cell-view/index.ts
index 8aa6f0b04f..e9cb0f14ec 100644
--- a/packages/nimble-components/src/table-column/text-base/cell-view/index.ts
+++ b/packages/nimble-components/src/table-column/text-base/cell-view/index.ts
@@ -1,7 +1,10 @@
 import { observable } from '@microsoft/fast-element';
 import { TableCellView } from '../../base/cell-view';
 import type { TableCellRecord } from '../../base/types';
-import { TableColumnAlignment, TableFieldValue } from '../../../table/types';
+import {
+    TableColumnAlignment,
+    type TableFieldValue
+} from '../../../table/types';
 
 export interface TableColumnTextBaseCellRecord extends TableCellRecord {
     value: TableFieldValue;
diff --git a/packages/nimble-components/src/table/components/cell/template.ts b/packages/nimble-components/src/table/components/cell/template.ts
index 85b65ab13a..01a66bb90d 100644
--- a/packages/nimble-components/src/table/components/cell/template.ts
+++ b/packages/nimble-components/src/table/components/cell/template.ts
@@ -4,7 +4,7 @@ import { iconThreeDotsLineTag } from '../../../icons/three-dots-line';
 import { menuButtonTag } from '../../../menu-button';
 import {
     ButtonAppearance,
-    MenuButtonToggleEventDetail
+    type MenuButtonToggleEventDetail
 } from '../../../menu-button/types';
 import { tableCellActionMenuLabel } from '../../../label-provider/table/label-tokens';
 
diff --git a/packages/nimble-components/src/table/components/group-row/index.ts b/packages/nimble-components/src/table/components/group-row/index.ts
index e4c9559e8c..141e41200a 100644
--- a/packages/nimble-components/src/table/components/group-row/index.ts
+++ b/packages/nimble-components/src/table/components/group-row/index.ts
@@ -4,9 +4,9 @@ import type { TableColumn } from '../../../table-column/base';
 import { styles } from './styles';
 import { template } from './template';
 import {
-    TableRowFocusableElements,
+    type TableRowFocusableElements,
     TableRowSelectionState,
-    TableRowSelectionToggleEventDetail
+    type TableRowSelectionToggleEventDetail
 } from '../../types';
 import type { Checkbox } from '../../../checkbox';
 
diff --git a/packages/nimble-components/src/table/components/group-row/tests/table-group-row.spec.ts b/packages/nimble-components/src/table/components/group-row/tests/table-group-row.spec.ts
index 5f408badf8..138b0e2d29 100644
--- a/packages/nimble-components/src/table/components/group-row/tests/table-group-row.spec.ts
+++ b/packages/nimble-components/src/table/components/group-row/tests/table-group-row.spec.ts
@@ -1,11 +1,11 @@
 import { html } from '@microsoft/fast-element';
 import { TableGroupRow, tableGroupRowTag } from '..';
 import { waitForEvent } from '../../../../utilities/testing/component';
-import { fixture, Fixture } from '../../../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../../../utilities/tests/fixture';
 import { waitForUpdatesAsync } from '../../../../testing/async-helpers';
 import {
     TableRowSelectionState,
-    TableRowSelectionToggleEventDetail
+    type TableRowSelectionToggleEventDetail
 } from '../../../types';
 
 type TableRowSelectionToggleEventHandler = (
diff --git a/packages/nimble-components/src/table/components/row/index.ts b/packages/nimble-components/src/table/components/row/index.ts
index bdb03bb891..d32e328d07 100644
--- a/packages/nimble-components/src/table/components/row/index.ts
+++ b/packages/nimble-components/src/table/components/row/index.ts
@@ -1,5 +1,5 @@
 import {
-    Notifier,
+    type Notifier,
     Observable,
     attr,
     observable,
diff --git a/packages/nimble-components/src/table/components/row/styles.ts b/packages/nimble-components/src/table/components/row/styles.ts
index a569566db2..96a477ec79 100644
--- a/packages/nimble-components/src/table/components/row/styles.ts
+++ b/packages/nimble-components/src/table/components/row/styles.ts
@@ -143,7 +143,8 @@ export const styles = css`
 
     nimble-table-cell:first-of-type${focusVisible} {
         margin-left: calc(
-            -1 * (${controlHeight} - ${smallPadding}) * var(--ni-private-table-cell-focus-offset-multiplier)
+            -1 * (${controlHeight} - ${smallPadding}) *
+                var(--ni-private-table-cell-focus-offset-multiplier)
         );
         padding-left: calc(
             (${controlHeight} - ${mediumPadding}) *
@@ -160,7 +161,8 @@ export const styles = css`
                     ${controlHeight} *
                         var(--ni-private-table-cell-nesting-level) +
                         ${smallPadding}
-                ) * var(--ni-private-table-cell-focus-offset-multiplier)
+                ) *
+                var(--ni-private-table-cell-focus-offset-multiplier)
         );
         height: ${controlHeight};
     }
diff --git a/packages/nimble-components/src/table/components/row/tests/table-row.spec.ts b/packages/nimble-components/src/table/components/row/tests/table-row.spec.ts
index 4d6781bd2f..7f3d01fcc5 100644
--- a/packages/nimble-components/src/table/components/row/tests/table-row.spec.ts
+++ b/packages/nimble-components/src/table/components/row/tests/table-row.spec.ts
@@ -7,7 +7,7 @@ import {
 } from '../../../../table-column/text';
 
 import { waitForUpdatesAsync } from '../../../../testing/async-helpers';
-import { fixture, Fixture } from '../../../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../../../utilities/tests/fixture';
 import type {
     TableRecord,
     TableRowExpansionToggleEventDetail,
@@ -18,7 +18,7 @@ import { waitForEvent } from '../../../../utilities/testing/component';
 import { tableTag, type Table } from '../../..';
 import {
     TableColumnDateText,
-    TableColumnDateTextCellRecord,
+    type TableColumnDateTextCellRecord,
     tableColumnDateTextTag
 } from '../../../../table-column/date-text';
 
diff --git a/packages/nimble-components/src/table/index.ts b/packages/nimble-components/src/table/index.ts
index 534b4e6477..659c32a7b8 100644
--- a/packages/nimble-components/src/table/index.ts
+++ b/packages/nimble-components/src/table/index.ts
@@ -2,27 +2,29 @@ import {
     attr,
     Observable,
     observable,
-    Notifier,
+    type Notifier,
     DOM,
     volatile
 } from '@microsoft/fast-element';
 import {
     Checkbox,
     DesignSystem,
-    DesignTokenSubscriber,
+    type DesignTokenSubscriber,
     FoundationElement
 } from '@microsoft/fast-foundation';
 import {
+    createTable as tanStackCreateTable,
+    getCoreRowModel as tanStackGetCoreRowModel,
+    getSortedRowModel as tanStackGetSortedRowModel,
+    getGroupedRowModel as tanStackGetGroupedRowModel,
+    getExpandedRowModel as tanStackGetExpandedRowModel
+} from '@tanstack/table-core';
+import type {
     ColumnDef as TanStackColumnDef,
     TableState as TanStackTableState,
     Updater as TanStackUpdater,
     Table as TanStackTable,
     Row as TanStackRow,
-    createTable as tanStackCreateTable,
-    getCoreRowModel as tanStackGetCoreRowModel,
-    getSortedRowModel as tanStackGetSortedRowModel,
-    getGroupedRowModel as tanStackGetGroupedRowModel,
-    getExpandedRowModel as tanStackGetExpandedRowModel,
     TableOptionsResolved as TanStackTableOptionsResolved,
     SortingState as TanStackSortingState,
     RowSelectionState as TanStackRowSelectionState,
@@ -36,15 +38,17 @@ import { TableValidator } from './models/table-validator';
 import { styles } from './styles';
 import { template } from './template';
 import {
+    TableColumnSortDirection,
+    TableRowSelectionMode,
+    TableRowSelectionState
+} from './types';
+import type {
     TableNode,
     TableActionMenuToggleEventDetail,
     TableColumnConfigurationChangeEventDetail,
-    TableColumnSortDirection,
     TableFieldValue,
     TableRecord,
     TableRowSelectionEventDetail,
-    TableRowSelectionMode,
-    TableRowSelectionState,
     TableRowSelectionToggleEventDetail,
     TableRowState,
     TableValidity,
diff --git a/packages/nimble-components/src/table/models/interactive-selection-manager.ts b/packages/nimble-components/src/table/models/interactive-selection-manager.ts
index 241ded4292..ba91a269af 100644
--- a/packages/nimble-components/src/table/models/interactive-selection-manager.ts
+++ b/packages/nimble-components/src/table/models/interactive-selection-manager.ts
@@ -1,10 +1,6 @@
 import type { Table as TanStackTable } from '@tanstack/table-core';
-import {
-    TableRecord,
-    TableRowState,
-    TableRowSelectionMode,
-    TableNode
-} from '../types';
+import { TableRowSelectionMode } from '../types';
+import type { TableRecord, TableRowState, TableNode } from '../types';
 import type { SelectionManagerBase } from './selection-managers/selection-manager-base';
 import { DisabledSelectionManager } from './selection-managers/disabled-selection-manager';
 import { MultiSelectionManager } from './selection-managers/multi-selection-manager';
diff --git a/packages/nimble-components/src/table/models/keyboard-navigation-manager.ts b/packages/nimble-components/src/table/models/keyboard-navigation-manager.ts
index ac2b55fb02..041905a089 100644
--- a/packages/nimble-components/src/table/models/keyboard-navigation-manager.ts
+++ b/packages/nimble-components/src/table/models/keyboard-navigation-manager.ts
@@ -1,4 +1,8 @@
-import { Notifier, Subscriber, Observable } from '@microsoft/fast-element';
+import {
+    type Notifier,
+    type Subscriber,
+    Observable
+} from '@microsoft/fast-element';
 import {
     keyArrowDown,
     keyArrowLeft,
@@ -17,12 +21,12 @@ import {
 import { FoundationElement } from '@microsoft/fast-foundation';
 import type { ScrollToOptions } from '@tanstack/virtual-core';
 import type { Table } from '..';
-import {
+import { TableFocusType } from '../types';
+import type {
     TableActionMenuToggleEventDetail,
-    TableFocusType,
     TableHeaderFocusableElements,
     TableRowFocusableElements,
-    type TableRecord
+    TableRecord
 } from '../types';
 import type { Virtualizer } from './virtualizer';
 import { TableGroupRow } from '../components/group-row';
diff --git a/packages/nimble-components/src/table/models/selection-managers/multi-selection-manager.ts b/packages/nimble-components/src/table/models/selection-managers/multi-selection-manager.ts
index 4c311d0401..9e70405074 100644
--- a/packages/nimble-components/src/table/models/selection-managers/multi-selection-manager.ts
+++ b/packages/nimble-components/src/table/models/selection-managers/multi-selection-manager.ts
@@ -3,10 +3,10 @@ import type {
     RowSelectionState as TanStackRowSelectionState
 } from '@tanstack/table-core';
 import {
-    TableNode,
-    TableRecord,
+    type TableNode,
+    type TableRecord,
     TableRowSelectionState,
-    TableRowState
+    type TableRowState
 } from '../../types';
 import { SelectionManagerBase } from './selection-manager-base';
 
diff --git a/packages/nimble-components/src/table/models/selection-managers/selection-manager-base.ts b/packages/nimble-components/src/table/models/selection-managers/selection-manager-base.ts
index 541af5504f..f0f752337d 100644
--- a/packages/nimble-components/src/table/models/selection-managers/selection-manager-base.ts
+++ b/packages/nimble-components/src/table/models/selection-managers/selection-manager-base.ts
@@ -4,10 +4,10 @@ import type {
     RowSelectionState as TanStackRowSelectionState
 } from '@tanstack/table-core';
 import {
-    TableNode,
-    TableRecord,
+    type TableNode,
+    type TableRecord,
     TableRowSelectionState,
-    TableRowState
+    type TableRowState
 } from '../../types';
 
 /**
diff --git a/packages/nimble-components/src/table/models/table-validator.ts b/packages/nimble-components/src/table/models/table-validator.ts
index 89b04e3e6a..3d2d8c8e07 100644
--- a/packages/nimble-components/src/table/models/table-validator.ts
+++ b/packages/nimble-components/src/table/models/table-validator.ts
@@ -1,9 +1,9 @@
 import type { TableColumn } from '../../table-column/base';
 import {
-    TableRecord,
+    type TableRecord,
     TableRowSelectionMode,
-    TableSetRecordHierarchyOptions,
-    TableValidity
+    type TableSetRecordHierarchyOptions,
+    type TableValidity
 } from '../types';
 
 /**
diff --git a/packages/nimble-components/src/table/models/tests/table-validator.spec.ts b/packages/nimble-components/src/table/models/tests/table-validator.spec.ts
index ea58ebd919..9e027ca2ef 100644
--- a/packages/nimble-components/src/table/models/tests/table-validator.spec.ts
+++ b/packages/nimble-components/src/table/models/tests/table-validator.spec.ts
@@ -1,9 +1,9 @@
 import { parameterizeSpec } from '@ni/jasmine-parameterized';
 import {
-    TableRecord,
+    type TableRecord,
     TableRecordDelayedHierarchyState,
     TableRowSelectionMode,
-    TableSetRecordHierarchyOptions
+    type TableSetRecordHierarchyOptions
 } from '../../types';
 import { TableValidator } from '../table-validator';
 import {
diff --git a/packages/nimble-components/src/table/models/virtualizer.ts b/packages/nimble-components/src/table/models/virtualizer.ts
index 31f1314da1..7032cfe5ad 100644
--- a/packages/nimble-components/src/table/models/virtualizer.ts
+++ b/packages/nimble-components/src/table/models/virtualizer.ts
@@ -2,12 +2,12 @@ import { observable } from '@microsoft/fast-element';
 import type { Table as TanStackTable } from '@tanstack/table-core';
 import {
     Virtualizer as TanStackVirtualizer,
-    VirtualizerOptions,
+    type VirtualizerOptions,
     elementScroll,
     observeElementOffset,
     observeElementRect,
-    VirtualItem,
-    ScrollToOptions
+    type VirtualItem,
+    type ScrollToOptions
 } from '@tanstack/virtual-core';
 import type { Table } from '..';
 import type { TableNode, TableRecord } from '../types';
diff --git a/packages/nimble-components/src/table/specs/README.md b/packages/nimble-components/src/table/specs/README.md
index 4a58cf650a..012aa48c0f 100644
--- a/packages/nimble-components/src/table/specs/README.md
+++ b/packages/nimble-components/src/table/specs/README.md
@@ -16,45 +16,45 @@ The `nimble-table` is a component that offers a way to render tabular data in a
 
 ### Non-goals
 
--   The `nimble-table` will not offer spreadsheet-like features such as infinite columns, or summary functions.
+- The `nimble-table` will not offer spreadsheet-like features such as infinite columns, or summary functions.
 
--   We do not intend for the `nimble-table` to handle data sets of 10K or more on the client-side. Visualizing such sizes of data sets are meant to be enabled through various "data virtualiazation" means, such as the server only sending over subsets of the data at a time, appropriately filtered down to a reasonable size.
+- We do not intend for the `nimble-table` to handle data sets of 10K or more on the client-side. Visualizing such sizes of data sets are meant to be enabled through various "data virtualiazation" means, such as the server only sending over subsets of the data at a time, appropriately filtered down to a reasonable size.
 
--   Non-virtualized static tables.
+- Non-virtualized static tables.
 
 ### Features
 
 In addition to simply rendering data, the `nimble-table` will provide APIs/interactions that will allow a user to do the following:
 
--   Interactively and programmatically size columns
--   Interactively and programmatically sort columns
--   Pin columns: columns remain fixed during horizontal scrolling
--   Provide column ordering (programmatically only at first possibly)
--   Group rows: display rows in a collapsible section when they share the same value for the grouped column
--   Multi-select rows (interactively only at first possibly)
--   Provide hierarchy via the data
--   Provide custom column rendering
--   Provide API for adding action menu
--   Allow expected accessibility keyboard interactions for navigating (tbd)
+- Interactively and programmatically size columns
+- Interactively and programmatically sort columns
+- Pin columns: columns remain fixed during horizontal scrolling
+- Provide column ordering (programmatically only at first possibly)
+- Group rows: display rows in a collapsible section when they share the same value for the grouped column
+- Multi-select rows (interactively only at first possibly)
+- Provide hierarchy via the data
+- Provide custom column rendering
+- Provide API for adding action menu
+- Allow expected accessibility keyboard interactions for navigating (tbd)
 
 #### _Additional features out of scope of this spec_
 
 The following are features are out of the scope of the initial table spec and require additional research or HLDs for future implementation:
 
--   Hierarchy and Grouping together (though this could happen in the initial release if simple enough to accomplish)
--   Custom expanded row content
-    -   An example would be showing a sub-table when you expand a row
--   Editable cells
--   APIs around pagination/infinite scrolling
--   High-level configuration APIs
-    -   Allow for easy getting/setting of total configurable state, which is useful for maintaining state of the table as a user navigates to other pages in an app.
--   Filter on any text match across all cells
--   Selection configuration: Ability to specify single vs. multi-select vs. no-selection
--   Custom header templates: Provide clients the means to change the content used in the header (analogous to [FAST `headerTemplate`](https://github.com/microsoft/fast/blob/802443ffb2b19a078f9b48f62e6d1a35e3276fb5/packages/web-components/fast-foundation/src/data-grid/data-grid.ts#L55), and [TanStack `header.getContext()`](https://tanstack.com/table/v8/docs/api/core/header#getcontext)).
--   Cell selection (_contingent on Accessibility decision_): Allow user to select a particular cell
-    -   Copying cell values is accomplished by clicking on a cell (it showing itself as selected) and pressing `Ctl-c` as opposed to highlighting the value in the cell (and pressing `Ctl-c`).
--   Data exporting (e.g. export as CSV)
--   Handling globalization concerns (i.e. 'rtl' display)
+- Hierarchy and Grouping together (though this could happen in the initial release if simple enough to accomplish)
+- Custom expanded row content
+    - An example would be showing a sub-table when you expand a row
+- Editable cells
+- APIs around pagination/infinite scrolling
+- High-level configuration APIs
+    - Allow for easy getting/setting of total configurable state, which is useful for maintaining state of the table as a user navigates to other pages in an app.
+- Filter on any text match across all cells
+- Selection configuration: Ability to specify single vs. multi-select vs. no-selection
+- Custom header templates: Provide clients the means to change the content used in the header (analogous to [FAST `headerTemplate`](https://github.com/microsoft/fast/blob/802443ffb2b19a078f9b48f62e6d1a35e3276fb5/packages/web-components/fast-foundation/src/data-grid/data-grid.ts#L55), and [TanStack `header.getContext()`](https://tanstack.com/table/v8/docs/api/core/header#getcontext)).
+- Cell selection (_contingent on Accessibility decision_): Allow user to select a particular cell
+    - Copying cell values is accomplished by clicking on a cell (it showing itself as selected) and pressing `Ctl-c` as opposed to highlighting the value in the cell (and pressing `Ctl-c`).
+- Data exporting (e.g. export as CSV)
+- Handling globalization concerns (i.e. 'rtl' display)
 
 ### Prior Art/Examples
 
@@ -97,88 +97,88 @@ _Feature APIs_
 
 The various APIs/features of the `nimble-table` will be split up amongst several different HLD documents. This section will serve to list them out and link to them as they become available:
 
--   [Data API](table-data-api.md)
--   [Column API](table-columns-hld.md)
-    -   Define the interface we will provide for the column providers/components (i.e., width, sorting, allowSort, allowGrouping, etc...)
-        -   [Column Widths](./table-column-width-hld.md)
-    -   Define how we intend to support defining a column that uses information from multiple columns (e.g. a hyperlink column that uses data from one column for the URL and the data from another as the text to display)
-        -   What column gets used for sorting?
-    -   List the set of column providers that Nimble will provide and provide their respective APIs where unique (e.g., formatter for DateTime column)
-        -   [TableColumnText](table-column-specs/table-column-text-field.md)
-        -   [Formatted Text Columns](table-column-specs/table-column-formatted-text.md)
-        -   [TableColumnAnchor](table-column-specs/table-column-anchor-hld.md)
-        -   [TableColumnMapping](table-column-specs/table-column-mapping.md)
--   Headers
-    -   Define the anatomy of headers in the table DOM
-        -   What is the component to use for interaction? Outline Button? Ghost button?
-        -   What and where are the interactive mechanisms/indicators? Sort arrow, etc..
--   [Row Selection](table-row-selection.md)
-    -   Define the anatomy of row selection in the table DOM
-        -   Indeterminate checkbox at the far left of each row?
-        -   Selected row CSS/design
-    -   Define events raised when row selection changes/occurs
-    -   Define table-level row-selection API
--   [Grouping](table-row-grouping-hld.md)
-    -   Define interactive mechanism, if any, to provide grouping
-    -   Define table-level API for setting grouping
-    -   Define events raised when grouping changes
-    -   Describe how data hierarchy should work with grouping
--   [Sorting](table-column-sort-hld.md)
-    -   Define the table-level API for setting sorting
-    -   Define events raised when sorting changes
-    -   Describe how sorting should with with hierarchical and/or grouped data
--   Hierarchy
-    -   Define how hierarchy will be represented in the data
-        -   Attribute on table to represent parentId?
-    -   Define event/property APIs needed for dealing with lazily-loaded hierarchical data (possibly out of scope of initial release)
-    -   Describe the UI representation of hierarchical data (there should be a design doc to reference)
--   [Action Menu](action-menu-hld.md)
--   [Keyboard Navigation](table-keyboard-navigation-hld.md)
+- [Data API](table-data-api.md)
+- [Column API](table-columns-hld.md)
+    - Define the interface we will provide for the column providers/components (i.e., width, sorting, allowSort, allowGrouping, etc...)
+        - [Column Widths](./table-column-width-hld.md)
+    - Define how we intend to support defining a column that uses information from multiple columns (e.g. a hyperlink column that uses data from one column for the URL and the data from another as the text to display)
+        - What column gets used for sorting?
+    - List the set of column providers that Nimble will provide and provide their respective APIs where unique (e.g., formatter for DateTime column)
+        - [TableColumnText](table-column-specs/table-column-text-field.md)
+        - [Formatted Text Columns](table-column-specs/table-column-formatted-text.md)
+        - [TableColumnAnchor](table-column-specs/table-column-anchor-hld.md)
+        - [TableColumnMapping](table-column-specs/table-column-mapping.md)
+- Headers
+    - Define the anatomy of headers in the table DOM
+        - What is the component to use for interaction? Outline Button? Ghost button?
+        - What and where are the interactive mechanisms/indicators? Sort arrow, etc..
+- [Row Selection](table-row-selection.md)
+    - Define the anatomy of row selection in the table DOM
+        - Indeterminate checkbox at the far left of each row?
+        - Selected row CSS/design
+    - Define events raised when row selection changes/occurs
+    - Define table-level row-selection API
+- [Grouping](table-row-grouping-hld.md)
+    - Define interactive mechanism, if any, to provide grouping
+    - Define table-level API for setting grouping
+    - Define events raised when grouping changes
+    - Describe how data hierarchy should work with grouping
+- [Sorting](table-column-sort-hld.md)
+    - Define the table-level API for setting sorting
+    - Define events raised when sorting changes
+    - Describe how sorting should with with hierarchical and/or grouped data
+- Hierarchy
+    - Define how hierarchy will be represented in the data
+        - Attribute on table to represent parentId?
+    - Define event/property APIs needed for dealing with lazily-loaded hierarchical data (possibly out of scope of initial release)
+    - Describe the UI representation of hierarchical data (there should be a design doc to reference)
+- [Action Menu](action-menu-hld.md)
+- [Keyboard Navigation](table-keyboard-navigation-hld.md)
 
 _Attributes_
 
--   `id-field-name` - An optional string attribute that specifies the field name within a row's record to use as a row's ID. If the attribute is not specified, a default ID will be generated. If the attribute is invalid, no rows in the table will be rendered, and the table will enter an invalid state according to the `validity` property and `checkValidity()` function. The attribute is invalid in the following conditions:
-    -   Multiple records were found with the same ID
-    -   A record was found that did not have a field with the name specified by `id-field-name`
-    -   A record was found where `id-field-name` did not refer to a value of type `string`
+- `id-field-name` - An optional string attribute that specifies the field name within a row's record to use as a row's ID. If the attribute is not specified, a default ID will be generated. If the attribute is invalid, no rows in the table will be rendered, and the table will enter an invalid state according to the `validity` property and `checkValidity()` function. The attribute is invalid in the following conditions:
+    - Multiple records were found with the same ID
+    - A record was found that did not have a field with the name specified by `id-field-name`
+    - A record was found where `id-field-name` did not refer to a value of type `string`
 
 _Properties_
 
--   `data` - An array of key/value pairs where each item in the array represents one row of data. For more information about the `data` property, refer to the [data API spec](table-data-api.md).
--   `validity` - Readonly object of boolean values that represents the validity states that the table's configuration can be in. The object's type is `TableValidity`, analogous to the [`ValidityState`](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState) property used for HTML 5 control validation.
+- `data` - An array of key/value pairs where each item in the array represents one row of data. For more information about the `data` property, refer to the [data API spec](table-data-api.md).
+- `validity` - Readonly object of boolean values that represents the validity states that the table's configuration can be in. The object's type is `TableValidity`, analogous to the [`ValidityState`](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState) property used for HTML 5 control validation.
 
 _Functions_
 
--   `checkValidity(): boolean` - Function that returns `true` if the configuration of the table is valid and `false` if the configuration of the table is not valid.
+- `checkValidity(): boolean` - Function that returns `true` if the configuration of the table is valid and `false` if the configuration of the table is not valid.
 
 _Events_
 
--   `action-menu-beforetoggle` - An event that is emitted immediately prior to the action menu opening or closing. This can be used to update the items in the menu so that they are in the correct state for the record(s) the menu is associated with. See [the action menu HLD](./action-menu-hld.md) for more information. The event details include the following:
-    -   `newState` - boolean - The value of `open` on the menu button that the element is transitioning in to.
-    -   `oldState` - boolean - The value of `open` on the menu button that the element is transitioning out of.
-    -   `recordIds` - string array - The IDs of the records that the menu is associated with.
-    -   `columnId` - string | undefined - The column ID of the column that the menu is associated with.
--   `action-menu-toggle` - An event that is emitted when the action menu opens or closes. See [the action menu HLD](./action-menu-hld.md) for more information. The event details include the following:
-    -   `newState` - boolean - The value of `open` on the menu button that the element transitioned in to.
-    -   `oldState` - boolean - The value of `open` on the menu button that the element transitioned out of.
-    -   `recordIds` - string array - The IDs of the records that the menu is associated with.
-    -   `columnId` - string | undefined - The column ID of the column that the menu is associated with.
--   `column-configuration-change` - An event that is emitted when a user interactively changes the configuration of a column, such as by sorting or resizing the column. See [the table column interaction events HLD](./table-column-interaction-events.md) for more information. The event details include the following:
-    -   `columns` - array of column configuration details - The columns that are currently in the table in the order specified in the DOM, along with their current configuration. Each entry in the array contains:
-        -   `columnId` - string | undefined - The column ID of the column.
-        -   `sortIndex` - number | undefined - The current sort index of the column.
-        -   `sortDirection` - TableColumnSortDirection - The direction the column is sorted.
-        -   `groupIndex` - number | undefined - The current group index of the column.
-        -   `hidden` - boolean - Whether or not the column is currently hidden.
-        -   `fractionalWidth` - number - The current fractional width of the column.
-        -   `pixelWidth` - number | undefined - The current pixel width of the column. The value will be undefined if the column is not configured to be a fixed-width column.
+- `action-menu-beforetoggle` - An event that is emitted immediately prior to the action menu opening or closing. This can be used to update the items in the menu so that they are in the correct state for the record(s) the menu is associated with. See [the action menu HLD](./action-menu-hld.md) for more information. The event details include the following:
+    - `newState` - boolean - The value of `open` on the menu button that the element is transitioning in to.
+    - `oldState` - boolean - The value of `open` on the menu button that the element is transitioning out of.
+    - `recordIds` - string array - The IDs of the records that the menu is associated with.
+    - `columnId` - string | undefined - The column ID of the column that the menu is associated with.
+- `action-menu-toggle` - An event that is emitted when the action menu opens or closes. See [the action menu HLD](./action-menu-hld.md) for more information. The event details include the following:
+    - `newState` - boolean - The value of `open` on the menu button that the element transitioned in to.
+    - `oldState` - boolean - The value of `open` on the menu button that the element transitioned out of.
+    - `recordIds` - string array - The IDs of the records that the menu is associated with.
+    - `columnId` - string | undefined - The column ID of the column that the menu is associated with.
+- `column-configuration-change` - An event that is emitted when a user interactively changes the configuration of a column, such as by sorting or resizing the column. See [the table column interaction events HLD](./table-column-interaction-events.md) for more information. The event details include the following:
+    - `columns` - array of column configuration details - The columns that are currently in the table in the order specified in the DOM, along with their current configuration. Each entry in the array contains:
+        - `columnId` - string | undefined - The column ID of the column.
+        - `sortIndex` - number | undefined - The current sort index of the column.
+        - `sortDirection` - TableColumnSortDirection - The direction the column is sorted.
+        - `groupIndex` - number | undefined - The current group index of the column.
+        - `hidden` - boolean - Whether or not the column is currently hidden.
+        - `fractionalWidth` - number - The current fractional width of the column.
+        - `pixelWidth` - number | undefined - The current pixel width of the column. The value will be undefined if the column is not configured to be a fixed-width column.
 
 ### Anatomy
 
 _Slots_
 
--   default - the column elements
--   _user specified_ - Slots dynamically created based on the values specified for `action-menu-slot` on the slotted column elements. A menu element should be provided in each slot that is associated with the action menu for any column that has `action-menu-slot` set. For more information about the action menu, refer to the [action menu HLD](action-menu-hld.md).
+- default - the column elements
+- _user specified_ - Slots dynamically created based on the values specified for `action-menu-slot` on the slotted column elements. A menu element should be provided in each slot that is associated with the action menu for any column that has `action-menu-slot` set. For more information about the action menu, refer to the [action menu HLD](action-menu-hld.md).
 
 ### Security
 
@@ -216,46 +216,46 @@ The `nimble-table` will require various sub-components to exist in order to prop
 
 `<nimble-table>`
 
--   Creates the row elements that will be used to render each row of data
--   Provides any necessary elements for proper virtualization
--   Manages keyboard navigation between rows
--   Supports slotting of column elements
--   Supports slotting of menu
+- Creates the row elements that will be used to render each row of data
+- Provides any necessary elements for proper virtualization
+- Manages keyboard navigation between rows
+- Supports slotting of column elements
+- Supports slotting of menu
 
 `<nimble-table-row>`
 
--   Creates the cell elements that will be used to render each value in the data
--   Manages keyboarding within the row
+- Creates the cell elements that will be used to render each value in the data
+- Manages keyboarding within the row
 
 `<nimble-table-cell>`
 
--   Renders the data via a custom template
--   Manages the keyboard interactions to pass focus in/out of custom cells
+- Renders the data via a custom template
+- Manages the keyboard interactions to pass focus in/out of custom cells
 
 ### Hooking into TanStack Table
 
 We will be using TanStack Table to manage all of the table state related to data, sorting, grouping, hierarchy, filtering, and selection. The TanStack APIs provide callback hooks for when certain aspects of the state are changed (e.g. `onSortingChange`), which allows us to update the UI as needed. A typical lifecycle of a user enacted table state change would be, for example:
 
--   User clicks header to change sort state
--   Nimble table callback updates sort state in TanStack Table
--   TanStack Table issues callback that sort state has changed
--   Nimble table handles callback and retrieves needed rows from TanStack Table model, and updates the UI
+- User clicks header to change sort state
+- Nimble table callback updates sort state in TanStack Table
+- TanStack Table issues callback that sort state has changed
+- Nimble table handles callback and retrieves needed rows from TanStack Table model, and updates the UI
 
 ### Hooking into TanStack Virtual
 
 TanStack Virtual provides various pieces of state to enable simple, efficient virtualization of table data. The Nimble Table will provide certain state/objects to the TanStack Virtual API for it to then provide the needed state that we can virtualize the table rows with. Namely:
 
--   The element that will serve as the scrollable element
--   An estimated height for each row
--   The total count of rows in the data
+- The element that will serve as the scrollable element
+- An estimated height for each row
+- The total count of rows in the data
 
 With this set of information, the Nimble Table will be able to register a callback to the TanStack Virtual `onChange` which will happen any time the scrollable element scrolls. In that handler the Nimble Table can retrieve the set of virtual items from TanStack Virtual (i.e. `getVirtualItems()`), which represent the total set of rows that should be displayed, and contain the state information that allows the Nimble Table to retrieve the appropriate data from the TanStack Table model to apply to each rendered row, as well as the position each row should be rendered.
 
 Our implementation has some differences from the TanStack Virtual examples:
 
--   The scrollable element is the parent of 2 containers (the 1st has its `height` set to the height of all rows, and the 2nd is the row container)
--   Rather than doing a `translate` `transform` on each individual row in the row container, we have one `translate` `transform` on the row container itself, which is never larger than the height of a couple of rows.
--   The rows always render at the top of their container (which has `position: sticky` applied to it)
+- The scrollable element is the parent of 2 containers (the 1st has its `height` set to the height of all rows, and the 2nd is the row container)
+- Rather than doing a `translate` `transform` on each individual row in the row container, we have one `translate` `transform` on the row container itself, which is never larger than the height of a couple of rows.
+- The rows always render at the top of their container (which has `position: sticky` applied to it)
 
 The changes above result in better rendering performance (notably in Firefox which sometimes had flickering otherwise).
 
@@ -285,8 +285,8 @@ Thus, clients will be expected to limit the amount of data being sent to the tab
 
 There are a couple of mechanisms we will leverage to ensure we achieve the necessary performance goals:
 
--   Usage of the FAST `repeat` directive (avoiding using `positioning: true`)
--   The [TanStack Virtual](https://github.com/TanStack/virtual) library gives us a simple means of providing the proper state to render the right rows in response to scroll events.
+- Usage of the FAST `repeat` directive (avoiding using `positioning: true`)
+- The [TanStack Virtual](https://github.com/TanStack/virtual) library gives us a simple means of providing the proper state to render the right rows in response to scroll events.
 
 #### Testing
 
@@ -294,8 +294,8 @@ As the performance for a table is of critical importance, we should formulate a
 
 ### Dependencies
 
--   [TanStack Table](https://github.com/tanstack/table)
--   [TanStack Virtual](https://github.com/TanStack/virtual)
+- [TanStack Table](https://github.com/tanstack/table)
+- [TanStack Virtual](https://github.com/TanStack/virtual)
 
 These dependencies are MIT licensed, and have no dependencies of their own, so security concerns should be at a minimum. When building a TS app that does not include the `nimble-table` the TanStack libraries are not included in the build output.
 
@@ -315,7 +315,7 @@ Storybook stories will be added to document/showcase the various features and AP
 
 ### Open Issues
 
--   Should all invalid configurations get reflected to the client & end user the same way? Currently, invalid row ID configuration will cause no rows to be rendered in the table and the `validity` object to reflect why the table is invalid. Other options include: showing invalid text in the table or stopping updates to the table's state. Some things to keep in mind related to this:
-    -   We should be mindful of UI flickers when the client passes temporarily through an invalid state.
-    -   Stopping updates to the table's state could cause two tables with the same property values assigned to have different rendered outputs, which is not ideal.
--   Should we implement our own algorithm for creating a default row ID rather than relying on TanStack? This would allow us to ensure backwards compatibility and would also allows us to make guarantees about it, such that it is always the index of the record within the `data` property (which isn't true in TanStack when dealing with hierarchical data).
+- Should all invalid configurations get reflected to the client & end user the same way? Currently, invalid row ID configuration will cause no rows to be rendered in the table and the `validity` object to reflect why the table is invalid. Other options include: showing invalid text in the table or stopping updates to the table's state. Some things to keep in mind related to this:
+    - We should be mindful of UI flickers when the client passes temporarily through an invalid state.
+    - Stopping updates to the table's state could cause two tables with the same property values assigned to have different rendered outputs, which is not ideal.
+- Should we implement our own algorithm for creating a default row ID rather than relying on TanStack? This would allow us to ensure backwards compatibility and would also allows us to make guarantees about it, such that it is always the index of the record within the `data` property (which isn't true in TanStack when dealing with hierarchical data).
diff --git a/packages/nimble-components/src/table/specs/action-menu-hld.md b/packages/nimble-components/src/table/specs/action-menu-hld.md
index 28b02d5db8..51a6291686 100644
--- a/packages/nimble-components/src/table/specs/action-menu-hld.md
+++ b/packages/nimble-components/src/table/specs/action-menu-hld.md
@@ -6,7 +6,7 @@ In some tables, such as many tables within SLE, there is a need to put a menu bu
 
 ### Out of scope of this HLD
 
--   The interaction of the menu opening and closing in coordination with row selection is out of scope for this HLD. This interaction will be discussed when row selection is defined.
+- The interaction of the menu opening and closing in coordination with row selection is out of scope for this HLD. This interaction will be discussed when row selection is defined.
 
 ## Links To Relevant Work Items and Reference Material
 
@@ -27,9 +27,9 @@ There are three pieces of configuration that must be provided by a client in ord
 
 The nimble design system will be opinionated about many details of the menu button within a table. Therefore, a client will not be able to configure the exact details of the menu button itself, such as:
 
--   The appearance mode of the button
--   The icon shown within the button
--   When the button becomes visible (e.g. always visible, visible on hover/selection only, etc.)
+- The appearance mode of the button
+- The icon shown within the button
+- When the button becomes visible (e.g. always visible, visible on hover/selection only, etc.)
 
 If the need arises for a client to have more control of the menu button's configuration, the API can be extended at a later time.
 
@@ -86,10 +86,10 @@ A menu can be shared between columns by specifying the same slot name for multip
 
 If an application requires different menu items or different menu item states for different records in the table, the client is responsible for ensuring that the items in the menu are correct for the records(s) and column that the menu is associated with. This can be done by handling the `action-menu-beforetoggle` event on the table and updating the menu items as appropriate. The `action-menu-beforetoggle` event will include the following in its details:
 
--   `newState` - boolean - The value of `open` on the menu button that the element is transitioning in to.
--   `oldState` - boolean - The value of `open` on the menu button that the element is transitioning out of.
--   `recordIds` - string array - The IDs of the records that the menu is associated with.
--   `columnId` - string | undefined - The column ID of the column that the menu is associated with.
+- `newState` - boolean - The value of `open` on the menu button that the element is transitioning in to.
+- `oldState` - boolean - The value of `open` on the menu button that the element is transitioning out of.
+- `recordIds` - string array - The IDs of the records that the menu is associated with.
+- `columnId` - string | undefined - The column ID of the column that the menu is associated with.
 
 When an item in the menu is activated, the standard events associated with the menu and menu items will be emitted. The event details will not contain any information about the table, its records, or its columns. Therefore, clients should use the `action-menu-beforetoggle` event to cache any necessary context about which records and column the menu is associated with in order to handle menu events appropriately.
 
@@ -122,8 +122,8 @@ Note: The template above has been simplified and uses references to `table` and
 
 To implement the design described above, a few changes need to be made to the existing `nimble-menu-button`:
 
--   Add a `beforetoggle` event that gets fired immediately before the menu is opened or closed. This new event will allow the table to slot the menu into the correct row and cell prior to the menu actually opening. This is important to ensure that the menu items can be focused correctly upon the menu opening.
--   Update the code that gets the slotted menu. Currently, the code only looks for the first element in the `menu` slot. With the design above, the menu element will be nested within a few `slot` elements, so the code will be updated to handle both DOM structures.
+- Add a `beforetoggle` event that gets fired immediately before the menu is opened or closed. This new event will allow the table to slot the menu into the correct row and cell prior to the menu actually opening. This is important to ensure that the menu items can be focused correctly upon the menu opening.
+- Update the code that gets the slotted menu. Currently, the code only looks for the first element in the `menu` slot. With the design above, the menu element will be nested within a few `slot` elements, so the code will be updated to handle both DOM structures.
 
 ### Framework Integration
 
@@ -135,14 +135,14 @@ There is no framework-specific integration work necessary with this design. One
 
 Rather than configuring a column to have a menu by adding an attribute to the column definition, a column could be configured to have a menu by adding a property to the table that is the array of column IDs that should have a menu. This is not ideal for a few different reasons:
 
--   It requires columns to have IDs when this may not otherwise be necessary.
--   It is more error prone because mistakes could be made keeping the configuration of column IDs in sync between the column definitions and table configuration.
+- It requires columns to have IDs when this may not otherwise be necessary.
+- It is more error prone because mistakes could be made keeping the configuration of column IDs in sync between the column definitions and table configuration.
 
 ## Open Issues
 
--   Can the action menu be opened for multiple rows at the same time? This doesn't become possible until the table supports row selection, but it can impact the API. To be the most future-proof, the API is designed such that the `action-menu-beforetoggle` event includes an array of row IDs rather than a single row ID string.
--   The details of the visual/interaction design still need to be finalized by the designers, but these details should have minimal impact on the implementation. Some items that need to be finalized are:
-    -   What icon will be used for the menu? Will it still be the three dots in a horizontal line?
-    -   What is the exact interaction with the menu being visible on hover?
-    -   Is the space of the menu-button always reserved within a column, or does the space collapse when the button is hidden?
-    -   How does the menu interact with row selection? This is a future-looking question because the table does not currently support selection.
+- Can the action menu be opened for multiple rows at the same time? This doesn't become possible until the table supports row selection, but it can impact the API. To be the most future-proof, the API is designed such that the `action-menu-beforetoggle` event includes an array of row IDs rather than a single row ID string.
+- The details of the visual/interaction design still need to be finalized by the designers, but these details should have minimal impact on the implementation. Some items that need to be finalized are:
+    - What icon will be used for the menu? Will it still be the three dots in a horizontal line?
+    - What is the exact interaction with the menu being visible on hover?
+    - Is the space of the menu-button always reserved within a column, or does the space collapse when the button is hidden?
+    - How does the menu interact with row selection? This is a future-looking question because the table does not currently support selection.
diff --git a/packages/nimble-components/src/table/specs/cell-state-when-scrolling-hld.md b/packages/nimble-components/src/table/specs/cell-state-when-scrolling-hld.md
index cb5265e26c..2717ba121d 100644
--- a/packages/nimble-components/src/table/specs/cell-state-when-scrolling-hld.md
+++ b/packages/nimble-components/src/table/specs/cell-state-when-scrolling-hld.md
@@ -6,10 +6,10 @@ Since the Nimble Table uses virtualization, if the table contains more rows than
 
 Some of the cell state that would incorrectly apply to new rows (once the user scrolls) is:
 
--   Selected text (which can span multiple rows), for both editable and non-editable cells
--   Text cursor position (for editable controls in table cells)
--   Pending input (for editable controls in table cells)
--   Open popups (action menu or select/combobox cells whose popup is open)
+- Selected text (which can span multiple rows), for both editable and non-editable cells
+- Text cursor position (for editable controls in table cells)
+- Pending input (for editable controls in table cells)
+- Open popups (action menu or select/combobox cells whose popup is open)
 
 ## Links To Relevant Work Items and Reference Material
 
@@ -19,14 +19,14 @@ Some of the cell state that would incorrectly apply to new rows (once the user s
 
 When the user scrolls the table, we will:
 
--   If a table cell contains an active/focused control, we will notify the column plugin that the cell is being recycled via a new API. The general expectation is that editable controls will commit any pending updates, then blur the focused control.
--   If a cell action menu is open (in which case a menu item is focused), we'll close the associated menu via the menu button.
+- If a table cell contains an active/focused control, we will notify the column plugin that the cell is being recycled via a new API. The general expectation is that editable controls will commit any pending updates, then blur the focused control.
+- If a cell action menu is open (in which case a menu item is focused), we'll close the associated menu via the menu button.
 
 We will not:
 
--   Detect and deselect selected table text on scroll. This means that if table text is selected and the user scrolls, text will still be selected (potentially different text). We don't consider that to be a primary table interaction, and it shouldn't harm functionality (it's easy to resolve for the user by clicking off to deselect text). It's also the same behavior as the current `sl-grid`/`smart-table` used in SystemLink Enterprise.
-    -   See the "Alternative Implementations" section for additional information on this decision.
--   Try and re-apply any state to the re-bound rows/cells after the scroll. That means that we won't re-focus the previously focused control in a cell / re-open an action menu, after a scroll operation.
+- Detect and deselect selected table text on scroll. This means that if table text is selected and the user scrolls, text will still be selected (potentially different text). We don't consider that to be a primary table interaction, and it shouldn't harm functionality (it's easy to resolve for the user by clicking off to deselect text). It's also the same behavior as the current `sl-grid`/`smart-table` used in SystemLink Enterprise.
+    - See the "Alternative Implementations" section for additional information on this decision.
+- Try and re-apply any state to the re-bound rows/cells after the scroll. That means that we won't re-focus the previously focused control in a cell / re-open an action menu, after a scroll operation.
 
 **Prototype:**  
 See [the prototype branch](https://github.com/ni/nimble/compare/%40ni/nimble-components_v18.8.0...table-cell-state-custom-elements-1) and the [prototype table Storybook](https://60e89457a987cf003efc0a5b-ktcaixsgzs.chromatic.com/?path=/story/table--table&args=data:LargeDataSet) to illustrate the concepts discussed in the following sections.  
@@ -49,8 +49,8 @@ We want to close the action menu via the associated `MenuButton`, which allows t
 In this case, `table.shadowRoot.activeElement` will be null (since the action menus are slotted in), but `document.activeElement` will be a Nimble `MenuItem`. (We can also doublecheck that `table.contains(document.activeElement)` before proceeding.)  
 We have a few options:
 
--   We can use `table.openActionMenuRecordId` to find the row with an open action menu (via `querySelector` as one option). `tableRow.currentActionMenuColumn` gives us the `TableColumn` with an open menu but no direct way to get to the associated cell (we may need to look at all cells in the row, and find the one with `cell.menuOpen` being `true`).
--   From the MenuItem, we can walk up the `parentElement` hierarchy to get to the Nimble `Menu`. Then we can walk up the `assignedSlot` hierarchy until we get to the TableCell action menu slot (in which case `slot.parentElement` is a Nimble `TableCell`).
+- We can use `table.openActionMenuRecordId` to find the row with an open action menu (via `querySelector` as one option). `tableRow.currentActionMenuColumn` gives us the `TableColumn` with an open menu but no direct way to get to the associated cell (we may need to look at all cells in the row, and find the one with `cell.menuOpen` being `true`).
+- From the MenuItem, we can walk up the `parentElement` hierarchy to get to the Nimble `Menu`. Then we can walk up the `assignedSlot` hierarchy until we get to the TableCell action menu slot (in which case `slot.parentElement` is a Nimble `TableCell`).
 
 Once we have a `TableCell`, we can get the `MenuButton` for the cell, and call `open = false` on it.
 
@@ -66,19 +66,19 @@ Note: The specific problem is detecting whether the active text selection is (wh
 
 There's several potential approaches to detecting if the table contains selected text, but none of them work in all cases / across all browsers. Given a [`Range` instance](https://developer.mozilla.org/en-US/docs/Web/API/Range) (`window.getSelection().getRangeAt(n)`):
 
--   Check if `range.startContainer`/`range.endContainer` is the `nimble-table` (or a descendant)
-    -   Chrome: This will be `nimble-table` if the text selection includes text before or after the table, plus some text in the table. If the selection is only in the table, these properties will misleadingly give us an ancestor of the table (like `nimble-theme-provider`).
-    -   Firefox: If text is selected in the table, this is a `#text` node within the Shadow DOM of a cell. It's possible to look for the `nimble-table` as an ancestor via "`node.getRootNode()` + check if `ShadowRoot` + if so, continue/repeat from `shadowRoot.host`".
-    -   Safari: These are generally incorrect values, such as the ancestor `nimble-theme-provider`, or sometimes `startContainer` = `endContainer` = (a `#text` node from a single cell). Additionally when a text selection starts in the table and ends with text after+outside the table, `startContainer` = `endContainer` = (a `#text` node from outside the table), in which case these properties don't tell us anything about the text selection in the table.
--   Check if `range.getBoundingClientRect()` intersects with `table.viewport.getBoundingClientRect()`
-    -   Chrome/Safari: If the text selection is within the table only, the rect is `0x0` (unusable). If the text selection is partially in table and partially not, the rect will only include the part of the selection not in the table (assuming that part isn't in shadow DOM) (also unusable).
-    -   Firefox: Rect looks to be correct for all of the selection variants (within the table, and crossing the table's bounds)
--   Compare start/end points against a `Range` with the table fully selected (`tableRange = new Range(); tableRange.selectNode(table)`) via `range.compareBoundaryPoints(Range.START_TO_START, tableRange)` and `range.compareBoundaryPoints(Range.END_TO_END, tableRange)`
-    -   Chrome/Safari: Works when the text selection is fully within the table
-    -   Chrome: Works when the text selection is partially in the table, partially outside the table
-    -   Safari: Doesn't work when the text selection is partially in the table, partially outside the table. In that case, the `compareBoundaryPoints` results match what we'd get if the text selection was only before / only after the table (unusable).
-    -   Firefox: Errors out with a `WrongDocumentError` (i.e. one range is in a shadow root, and the other isn't / is in a different shadow root)
--   (Chrome only) Look at `table.shadowRoot.getSelection()`. If non-null and `rangeCount > 0` we have selected text somewhere in the table. Simplest approach, but this API is non-standard / not in the other browsers / may be removed at any time in the future.
+- Check if `range.startContainer`/`range.endContainer` is the `nimble-table` (or a descendant)
+    - Chrome: This will be `nimble-table` if the text selection includes text before or after the table, plus some text in the table. If the selection is only in the table, these properties will misleadingly give us an ancestor of the table (like `nimble-theme-provider`).
+    - Firefox: If text is selected in the table, this is a `#text` node within the Shadow DOM of a cell. It's possible to look for the `nimble-table` as an ancestor via "`node.getRootNode()` + check if `ShadowRoot` + if so, continue/repeat from `shadowRoot.host`".
+    - Safari: These are generally incorrect values, such as the ancestor `nimble-theme-provider`, or sometimes `startContainer` = `endContainer` = (a `#text` node from a single cell). Additionally when a text selection starts in the table and ends with text after+outside the table, `startContainer` = `endContainer` = (a `#text` node from outside the table), in which case these properties don't tell us anything about the text selection in the table.
+- Check if `range.getBoundingClientRect()` intersects with `table.viewport.getBoundingClientRect()`
+    - Chrome/Safari: If the text selection is within the table only, the rect is `0x0` (unusable). If the text selection is partially in table and partially not, the rect will only include the part of the selection not in the table (assuming that part isn't in shadow DOM) (also unusable).
+    - Firefox: Rect looks to be correct for all of the selection variants (within the table, and crossing the table's bounds)
+- Compare start/end points against a `Range` with the table fully selected (`tableRange = new Range(); tableRange.selectNode(table)`) via `range.compareBoundaryPoints(Range.START_TO_START, tableRange)` and `range.compareBoundaryPoints(Range.END_TO_END, tableRange)`
+    - Chrome/Safari: Works when the text selection is fully within the table
+    - Chrome: Works when the text selection is partially in the table, partially outside the table
+    - Safari: Doesn't work when the text selection is partially in the table, partially outside the table. In that case, the `compareBoundaryPoints` results match what we'd get if the text selection was only before / only after the table (unusable).
+    - Firefox: Errors out with a `WrongDocumentError` (i.e. one range is in a shadow root, and the other isn't / is in a different shadow root)
+- (Chrome only) Look at `table.shadowRoot.getSelection()`. If non-null and `rangeCount > 0` we have selected text somewhere in the table. Simplest approach, but this API is non-standard / not in the other browsers / may be removed at any time in the future.
 
 **Note / Behavior limitation in Firefox**: You can only select a single cell's text. Once you cross into another cell/column the selection gets cleared. The selection also resets if you start text selection from outside the table, then move your cursor within the table viewport (to the rows/cells) to try to select more text there. There doesn't seem to be anything for us to do about this, it's probably related to the table's use of Shadow DOM.
 
@@ -87,15 +87,15 @@ There's several potential approaches to detecting if the table contains selected
 To check if the table contains selected text:  
 Get `window.getSelection()`. If null or `rangeCount === 0`, no text is selected. Otherwise, for each `Range`:
 
--   Check if `startContainer`/`endContainer` is the `nimble-table`
--   Else, do the `compareBoundaryPoints` check (in a `try/catch`)
--   Else, check if `startContainer`/`endContainer` has the `nimble-table` as an ancestor
+- Check if `startContainer`/`endContainer` is the `nimble-table`
+- Else, do the `compareBoundaryPoints` check (in a `try/catch`)
+- Else, check if `startContainer`/`endContainer` has the `nimble-table` as an ancestor
 
 If any of those `Range` checks succeed, remove that `Range` from the selection.  
 _Limitations:_
 
--   If text is selected in the table but outside rows (e.g. column header text), it will also be cleared when the user scrolls. (There's not a good way to differentiate the text location that works in each browser.)
--   (Safari only) If text selection is partially in the table and partially before/ after it, there isn't any way for us to detect that case. So Safari will still have text incorrectly selected after the scroll in that case.
+- If text is selected in the table but outside rows (e.g. column header text), it will also be cleared when the user scrolls. (There's not a good way to differentiate the text location that works in each browser.)
+- (Safari only) If text selection is partially in the table and partially before/ after it, there isn't any way for us to detect that case. So Safari will still have text incorrectly selected after the scroll in that case.
 
 _API:_  
 This logic will be in the Nimble Virtualizer class, called from `handleVirtualizerChange()` (called when the user scrolls). It will apply to all Nimble tables / all column types, without an opt-out option.
diff --git a/packages/nimble-components/src/table/specs/data-hierarchy-hld.md b/packages/nimble-components/src/table/specs/data-hierarchy-hld.md
index d2998d809e..0224841484 100644
--- a/packages/nimble-components/src/table/specs/data-hierarchy-hld.md
+++ b/packages/nimble-components/src/table/specs/data-hierarchy-hld.md
@@ -12,10 +12,10 @@ In addition to just supporting data hierarchy with a fully provided set of data,
 
 ## Links To Relevant Work Items and Reference Material
 
--   [#890: Design for hierarchical data support in tables](https://github.com/ni/nimble/issues/890)
--   [#861: Table hierarchical data support](https://github.com/ni/nimble/issues/861)
--   [Prototype using flat list that includes a parentId](https://github.com/ni/nimble/tree/data-hierarchy-flat-list-prototype) with [Storybook](https://60e89457a987cf003efc0a5b-qzwoshcidz.chromatic.com/?path=/story/incubating-table--table&args=data:LargeDataSet)
--   [Prototype with user data being hierarchical](https://github.com/ni/nimble/tree/data-hierarchy-prototype) with [Storybook](https://60e89457a987cf003efc0a5b-yncupvnoes.chromatic.com/?path=/story/incubating-table--table&args=data:LargeDataSet)
+- [#890: Design for hierarchical data support in tables](https://github.com/ni/nimble/issues/890)
+- [#861: Table hierarchical data support](https://github.com/ni/nimble/issues/861)
+- [Prototype using flat list that includes a parentId](https://github.com/ni/nimble/tree/data-hierarchy-flat-list-prototype) with [Storybook](https://60e89457a987cf003efc0a5b-qzwoshcidz.chromatic.com/?path=/story/incubating-table--table&args=data:LargeDataSet)
+- [Prototype with user data being hierarchical](https://github.com/ni/nimble/tree/data-hierarchy-prototype) with [Storybook](https://60e89457a987cf003efc0a5b-yncupvnoes.chromatic.com/?path=/story/incubating-table--table&args=data:LargeDataSet)
 
 ## Implementation / Design
 
@@ -89,11 +89,11 @@ The loading state of a row will look as follows:
 
 Some notes about the `setRecordHierarchyOptions` API:
 
--   all options will be cleared when the table's `idFieldName` changes
--   an option passed to `setRecordHierarchyOptions` with an ID that does not match a record in the data will be ignored
--   the options passed to `setRecordHierarchyOptions` will override any options previously set to become the complete set of options configured on the table
--   the table will not render delayed hierarchy state (loading or expandable) if the table's `parentIdFieldName` is not configured; however, the options will remain cached within the table if the `parentIdFieldName` becomes `undefined`, and that cached configuration will render in the table if the table's `parentIdFieldName` is changed back to a non-`undefined` value
--   calling `setData` will clear options associated with IDs that are no longer present in the data
+- all options will be cleared when the table's `idFieldName` changes
+- an option passed to `setRecordHierarchyOptions` with an ID that does not match a record in the data will be ignored
+- the options passed to `setRecordHierarchyOptions` will override any options previously set to become the complete set of options configured on the table
+- the table will not render delayed hierarchy state (loading or expandable) if the table's `parentIdFieldName` is not configured; however, the options will remain cached within the table if the `parentIdFieldName` becomes `undefined`, and that cached configuration will render in the table if the table's `parentIdFieldName` is changed back to a non-`undefined` value
+- calling `setData` will clear options associated with IDs that are no longer present in the data
 
 The expected usage of the dynamically loaded hierarchy is as follows:
 
@@ -168,8 +168,8 @@ A parent row would have the same ARIA expectations of any child row, with the ad
 
 Things to consider:
 
--   Putting an appropriate label/title on the progress indicator for a row that is loading its children.
--   Expand/collapse button attributes for the parent row. Likely should just match what is done for the group row.
+- Putting an appropriate label/title on the progress indicator for a row that is loading its children.
+- Expand/collapse button attributes for the parent row. Likely should just match what is done for the group row.
 
 ### Future work
 
@@ -181,13 +181,13 @@ It is expected that this mode will involve creating a new API on the table in or
 
 Here are a few of the considerations that were made with respect to this mode:
 
--   grouping should group on leaf items, not parents (could be cumbersome to accomplish with Tanstack)
--   action menu only on leafs
--   single selection mode can only select leafs
--   selection state (when set to `multiple`) of parents (if selected) should become indetermine when new rows loaded (e.g. via delayed loading)
--   selection counts should ignore parents
--   (maybe?) leaf-mode + multi-selection + delayed loading is considered an invalid confiuguration. This could mean that the Table API of `forceExpandCollapseFieldName` should be more semantically associated with delayed loading.
-    -   (alternative?): Could we instead just hide the selection checkbox for parent rows that have no children?
+- grouping should group on leaf items, not parents (could be cumbersome to accomplish with Tanstack)
+- action menu only on leafs
+- single selection mode can only select leafs
+- selection state (when set to `multiple`) of parents (if selected) should become indetermine when new rows loaded (e.g. via delayed loading)
+- selection counts should ignore parents
+- (maybe?) leaf-mode + multi-selection + delayed loading is considered an invalid confiuguration. This could mean that the Table API of `forceExpandCollapseFieldName` should be more semantically associated with delayed loading.
+    - (alternative?): Could we instead just hide the selection checkbox for parent rows that have no children?
 
 ## Alternative Implementations / Designs
 
@@ -195,8 +195,8 @@ Here are a few of the considerations that were made with respect to this mode:
 
 By making the `TableRecord` support hierarchy in its structure, it seemed possible that there would have been a performance benefit, as there would be no need to reformat the data internally for Tanstack to consume it properly. However, I believe we can discard this option for the following reasons:
 
--   There is no clear way to provide a strong type for `TableRecord` that would have a reserved field name of something like `subRows` that itself would be typed to an array of `TableRecord`.
--   The performance profile between the prototypes of a hierarchical data structure, and a flat list were pretty close with one another.
+- There is no clear way to provide a strong type for `TableRecord` that would have a reserved field name of something like `subRows` that itself would be typed to an array of `TableRecord`.
+- The performance profile between the prototypes of a hierarchical data structure, and a flat list were pretty close with one another.
 
 ### Specify whether or not a row has delayed loaded children through the data records
 
@@ -206,13 +206,13 @@ Each record passed to the table could have a boolean field that indicates whethe
 
 The table could have a generic `setRowOptions` function instead of `setRecordHierarchyOptions`. The options set through that function could include delayed hierarchy information but also be extended easily in the future to include additional options. `setRecordHierarchyOptions` was chosen over a more generic `setRowOptions` function for the following reasons:
 
--   Hierarchy options should not be configurable without `parentIdFieldName` set, but it would be more complex to prevent a client from trying to configure hierarchy options if they are coupled with other row options.
--   Clients that are not using hierarchy in their table should be able to easily ignore the hierarchy options. Therefore, they shouldn't need to worry about setting default values for hierarchy state when configuring other row options.
--   `setRowOptions` can be added in the future, if desired, and it can contain more generic row options.
+- Hierarchy options should not be configurable without `parentIdFieldName` set, but it would be more complex to prevent a client from trying to configure hierarchy options if they are coupled with other row options.
+- Clients that are not using hierarchy in their table should be able to easily ignore the hierarchy options. Therefore, they shouldn't need to worry about setting default values for hierarchy state when configuring other row options.
+- `setRowOptions` can be added in the future, if desired, and it can contain more generic row options.
 
 ## Open Issues
 
--   We should also consider interactive/visual designs for situations where the client failed to load data for a row that was supposed to load its data when it expands. Some questions we should try to answer are:
-    -   Should the table represent the error state visually, and if so how?
-    -   Should the table surface any UI to "refresh" a data retrieval attempt. If so, what should that look like?
--   The set of proposed APIs and behaviors described so far don't seem to cover the SLE Steps Grid use case. **Resolved: Ultimately, the Steps grid should likely be using a significantly different UX than what it currently has, and we are opting to not introduce features and capabilities into the Nimble table to support a sub-optimal UX.**
+- We should also consider interactive/visual designs for situations where the client failed to load data for a row that was supposed to load its data when it expands. Some questions we should try to answer are:
+    - Should the table represent the error state visually, and if so how?
+    - Should the table surface any UI to "refresh" a data retrieval attempt. If so, what should that look like?
+- The set of proposed APIs and behaviors described so far don't seem to cover the SLE Steps Grid use case. **Resolved: Ultimately, the Steps grid should likely be using a significantly different UX than what it currently has, and we are opting to not introduce features and capabilities into the Nimble table to support a sub-optimal UX.**
diff --git a/packages/nimble-components/src/table/specs/table-column-custom-sort-field-hld.md b/packages/nimble-components/src/table/specs/table-column-custom-sort-field-hld.md
index 1bb06a985c..e4024d22ac 100644
--- a/packages/nimble-components/src/table/specs/table-column-custom-sort-field-hld.md
+++ b/packages/nimble-components/src/table/specs/table-column-custom-sort-field-hld.md
@@ -16,11 +16,11 @@ TanStack uses the same field internally for both sorting and grouping. Grouping
 
 Columns will add custom sort orders on an as-needed basis. There are no changes required to the core table code. Only column APIs will need to be updated to:
 
--   Include a `sort-by-field-name` string attribute
--   Update column internals when `sort-by-field-name` is defined to
+- Include a `sort-by-field-name` string attribute
+- Update column internals when `sort-by-field-name` is defined to
     1. Set the `operandDataRecordFieldName` to the value of `sort-by-field-name`
     1. Set the `sortOperation` to `basic`
--   Validate that `sort-by-field-name` is not set at the same time as `group-index`
+- Validate that `sort-by-field-name` is not set at the same time as `group-index`
 
 Most of the column changes will be the same for all columns needing this functionality. Therefore, as much logic as possible will be added to a new mixin named `mixinCustomSortOrderColumnAPI`.
 
@@ -32,19 +32,19 @@ Initially, this functionality will be added only to `nimble-table-column-text` a
 
 If a column with a custom sort order needs to be groupable, that could likely be achieved through a more complex implementation. The changes to implement this include:
 
--   Add additional field to `ColumnInternals`, say `sortDataRecordFieldName`, to track the sort data field separate than the `operandDataRecordFieldName` that is used for grouping
--   Table columns will set `sortDataRecordFieldName` to the value of `sort-by-field-name` rather than updating `operandDataRecordFieldName`.
--   When `sortDataRecordFieldName` is set on a column, the `nimble-table` will create two TanStack columns for that nimble column. One column will be associated with the `operandDataRecordFieldName` and the other will be associated with `sortDataRecordFieldName`. The `nimble-table` would have logic to know which TanStack column to mark as grouped or sorted when the nimble column was grouped or sorted.
--   Update the table's update tracker to have the correct notification logic to regenerate the TanStack columns, grouping state, and sorting state at the appropriate times.
+- Add additional field to `ColumnInternals`, say `sortDataRecordFieldName`, to track the sort data field separate than the `operandDataRecordFieldName` that is used for grouping
+- Table columns will set `sortDataRecordFieldName` to the value of `sort-by-field-name` rather than updating `operandDataRecordFieldName`.
+- When `sortDataRecordFieldName` is set on a column, the `nimble-table` will create two TanStack columns for that nimble column. One column will be associated with the `operandDataRecordFieldName` and the other will be associated with `sortDataRecordFieldName`. The `nimble-table` would have logic to know which TanStack column to mark as grouped or sorted when the nimble column was grouped or sorted.
+- Update the table's update tracker to have the correct notification logic to regenerate the TanStack columns, grouping state, and sorting state at the appropriate times.
 
 **Pros:**
 
--   Removes the limitation of not being able to group a column with a custom sort order. This includes not needing to add validation for this scenario.
+- Removes the limitation of not being able to group a column with a custom sort order. This includes not needing to add validation for this scenario.
 
 **Cons:**
 
--   Adds additional complexity to the table.
--   It is unclear whether or not this is actually helpful in practice. It can lead to items being sorted drastically differently but being grouped together. For example, a number tag with the value of `0` and the string tag with the value of `"0"` would likely be sorted in different positions, but they would both have the same string representation of `"0"`.
+- Adds additional complexity to the table.
+- It is unclear whether or not this is actually helpful in practice. It can lead to items being sorted drastically differently but being grouped together. For example, a number tag with the value of `0` and the string tag with the value of `"0"` would likely be sorted in different positions, but they would both have the same string representation of `"0"`.
 
 With the exception of adding the `invalidCustomSortWithGrouping` key in the columns' validation objects, all the changes proposed in this HLD are backwards compatible from an end-client point of view with this alternative. Therefore, since no clients currently need grouping with custom sorting and since it isn't clear if this would ever be desirable, it makes the most sense to implement the more straightfoward behavior and not support grouping a column that has custom sorting is enabled.
 
diff --git a/packages/nimble-components/src/table/specs/table-column-interaction-events.md b/packages/nimble-components/src/table/specs/table-column-interaction-events.md
index 45f877f154..0e0bc2287b 100644
--- a/packages/nimble-components/src/table/specs/table-column-interaction-events.md
+++ b/packages/nimble-components/src/table/specs/table-column-interaction-events.md
@@ -4,18 +4,18 @@
 
 Some clients need to know when a user interactively changes the configuration of their table columns. This includes:
 
--   Sorting a column
--   Grouping by a column
--   Resizing a column
--   Reordering columns
--   Changing the visibility of a column
+- Sorting a column
+- Grouping by a column
+- Resizing a column
+- Reordering columns
+- Changing the visibility of a column
 
 ### Out of scope of this HLD
 
 There are some interactions on the table that will not be covered by this HLD. The rationale for that decision is that they are not interactions that affect a column state. These include:
 
--   Expanding/collapsing a group
--   Modifying row selection; row selection can already be observed by a client using the `selection-change` event on the table
+- Expanding/collapsing a group
+- Modifying row selection; row selection can already be observed by a client using the `selection-change` event on the table
 
 ## Implementation / Design
 
diff --git a/packages/nimble-components/src/table/specs/table-column-placeholder-hld.md b/packages/nimble-components/src/table/specs/table-column-placeholder-hld.md
index 6d36a44ada..3fac10d38d 100644
--- a/packages/nimble-components/src/table/specs/table-column-placeholder-hld.md
+++ b/packages/nimble-components/src/table/specs/table-column-placeholder-hld.md
@@ -6,8 +6,8 @@ In some cases, an application may want to display a placeholder value in the tab
 
 ## Links To Relevant Work Items and Reference Material
 
--   [Nimble issue 1538](https://github.com/ni/nimble/issues/1538)
--   [Nimble issue 1511](https://github.com/ni/nimble/issues/1511)
+- [Nimble issue 1538](https://github.com/ni/nimble/issues/1538)
+- [Nimble issue 1511](https://github.com/ni/nimble/issues/1511)
 
 ## Implementation / Design
 
@@ -41,9 +41,9 @@ The exact behavior of placeholders in each existing table column is described be
 
 Column best practices:
 
--   Avoid mixing `undefined` and `null` as values for the same field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
--   Avoid mixing empty string with `undefined`/`null`. The distinction when grouping between `"No value"` and `"Empty"` is not likely meaningful to a user.
--   Avoid displaying whitespace values that are not empty string (`''`) as these values will be rendered as-is in group rows.
+- Avoid mixing `undefined` and `null` as values for the same field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
+- Avoid mixing empty string with `undefined`/`null`. The distinction when grouping between `"No value"` and `"Empty"` is not likely meaningful to a user.
+- Avoid displaying whitespace values that are not empty string (`''`) as these values will be rendered as-is in group rows.
 
 #### Anchor column
 
@@ -58,18 +58,18 @@ Column best practices:
 
 Column best practices:
 
--   Provide useful labels for well known urls. While an absent label will show the full URL for accessibility, it is useful to instead provide a clear and unique label to improve grouping.
-    -   For example, a column of links to notebooks where a notebook may no longer exist, and thus a label is not available, could pre-process the notebook urls and create the label `Missing Notebook (UNIQUE_NOTEBOOK_ID)`. This allows multiple rows referencing the same missing notebook to be grouped together.
-    -   Alternatively if the urls are not well-known structures, the application should explicitly provide the href as the label to keep unique labels and preserve grouping as opposed to using `null` / `undefined` labels.
--   Applications should avoid having duplicate labels to different hrefs as those are inaccessible to screen readers (and sighted users). See [high-level discussion](https://fae.disability.illinois.edu/rulesets/LINK_2/) of [aria SC 2.4.4](https://www.w3.org/TR/WCAG22/#link-purpose-in-context).
-    -   For example, applications should avoid having `undefined` / `null` as the label as that causes multiple unrelated URLs to be grouped together under the group label "No value". Accessibility is okay as the full url will be shown but the value of grouping is limited.
-    -   For example, if a label is missing, an application should avoid generating a non-unique label for multiple URLs (i.e. `Missing Notebook`) as that harms accessibility and limits the value of grouping.
--   Avoid using empty string or other whitespace-only labels with defined hrefs. This will cause the rendered anchor to have no text associated with it, and it will be difficult for a user to see that the anchor exists.
--   Applications may leave the href as `null` / `undefined` to have the anchor column behave effectively like a string column
--   Avoid mixing `undefined` and `null` as values for the label field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
-    -   As explained above, it is not recommended to use `undefined` or `null` labels when the data has defined hrefs.
--   Avoid mixing empty string with `undefined`/`null` as values for the label field. The distinction when grouping between `"No value"` and `"Empty"` is not likely meaningful to a user.
-    -   As explained above, it is not recommended to use empty string, `undefined`, or `null` labels when the data has defined hrefs.
+- Provide useful labels for well known urls. While an absent label will show the full URL for accessibility, it is useful to instead provide a clear and unique label to improve grouping.
+    - For example, a column of links to notebooks where a notebook may no longer exist, and thus a label is not available, could pre-process the notebook urls and create the label `Missing Notebook (UNIQUE_NOTEBOOK_ID)`. This allows multiple rows referencing the same missing notebook to be grouped together.
+    - Alternatively if the urls are not well-known structures, the application should explicitly provide the href as the label to keep unique labels and preserve grouping as opposed to using `null` / `undefined` labels.
+- Applications should avoid having duplicate labels to different hrefs as those are inaccessible to screen readers (and sighted users). See [high-level discussion](https://fae.disability.illinois.edu/rulesets/LINK_2/) of [aria SC 2.4.4](https://www.w3.org/TR/WCAG22/#link-purpose-in-context).
+    - For example, applications should avoid having `undefined` / `null` as the label as that causes multiple unrelated URLs to be grouped together under the group label "No value". Accessibility is okay as the full url will be shown but the value of grouping is limited.
+    - For example, if a label is missing, an application should avoid generating a non-unique label for multiple URLs (i.e. `Missing Notebook`) as that harms accessibility and limits the value of grouping.
+- Avoid using empty string or other whitespace-only labels with defined hrefs. This will cause the rendered anchor to have no text associated with it, and it will be difficult for a user to see that the anchor exists.
+- Applications may leave the href as `null` / `undefined` to have the anchor column behave effectively like a string column
+- Avoid mixing `undefined` and `null` as values for the label field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
+    - As explained above, it is not recommended to use `undefined` or `null` labels when the data has defined hrefs.
+- Avoid mixing empty string with `undefined`/`null` as values for the label field. The distinction when grouping between `"No value"` and `"Empty"` is not likely meaningful to a user.
+    - As explained above, it is not recommended to use empty string, `undefined`, or `null` labels when the data has defined hrefs.
 
 #### Number column
 
@@ -82,8 +82,8 @@ The alignment of the placeholder in the cell will match the alignment of the num
 
 Column best practices:
 
--   Avoid mixing `undefined` and `null` as values for the same field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
--   If relevant to your data source, make sure to consider the IEEE 754 special cases of `-Inf`, `+Inf`, `-0`, `+0`, and `NaN`.
+- Avoid mixing `undefined` and `null` as values for the same field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
+- If relevant to your data source, make sure to consider the IEEE 754 special cases of `-Inf`, `+Inf`, `-0`, `+0`, and `NaN`.
 
 #### Date column
 
@@ -97,7 +97,7 @@ Column best practices:
 
 Column best practices:
 
--   Avoid mixing `undefined` and `null` as values for the same field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
+- Avoid mixing `undefined` and `null` as values for the same field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
 
 #### Duration column
 
@@ -111,7 +111,7 @@ Column best practices:
 
 Column best practices:
 
--   Avoid mixing `undefined` and `null` as values for the same field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
+- Avoid mixing `undefined` and `null` as values for the same field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
 
 #### Icon mapping column
 
@@ -125,8 +125,8 @@ The icon mapping column will not have a configuration for a placeholder.
 
 Column best practices:
 
--   Avoid using values that do not correspond to a mapping for the column.
--   To display an empty cell but have a non-blank group row, use a `nimble-mapping-empty` child element.
+- Avoid using values that do not correspond to a mapping for the column.
+- To display an empty cell but have a non-blank group row, use a `nimble-mapping-empty` child element.
 
 #### Text mapping column
 
@@ -142,8 +142,8 @@ The text mapping column will not have a configuration for a placeholder.
 
 Column best practices:
 
--   Avoid mixing `undefined` and `null` as values for the same field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
--   Avoid using values that do not correspond to a mapping for the column.
+- Avoid mixing `undefined` and `null` as values for the same field. When grouping this will lead to two groups (one for `null` values and one for `undefined` values) that both have the text `"No value"`.
+- Avoid using values that do not correspond to a mapping for the column.
 
 ### Implementation plan
 
@@ -151,24 +151,24 @@ A column's placeholder will be stored as part of that column's `columnConfig` ob
 
 We will create a placeholder mixin that adds the following to columns that chose to use it:
 
--   `placeholder` string property
--   `placeholder` attribute
--   abstract `placeholderChanged` function that will force columns using the mixin to implement `placeholderChanged` to update their column configuration
+- `placeholder` string property
+- `placeholder` attribute
+- abstract `placeholderChanged` function that will force columns using the mixin to implement `placeholderChanged` to update their column configuration
 
 The columns that will be updated to use this mixin are:
 
--   TableColumnText
--   TableColumnAnchor
--   TableColumnNumberText
--   TableColumnDateText
--   TableColumnDurationText
+- TableColumnText
+- TableColumnAnchor
+- TableColumnNumberText
+- TableColumnDateText
+- TableColumnDurationText
 
 ### Localization
 
 All group row placeholder strings will be localized through the table's localization provider. Those strings are:
 
--   No value
--   Empty
+- No value
+- Empty
 
 If an application is localized, it can set a column's `placeholder` to a localized value.
 
@@ -193,9 +193,9 @@ A use case for different information being presented to the user for each cell w
 
 Future columns should consider adding a placeholder as part of their API. The general guidance for placeholders is:
 
--   Group rows should always have a non-blank value to display, assuming the data provided to the table is valid.
--   A column's API should support an application being able to render placeholder text in cell when the record value is `undefined` or `null`.
-    -   There are exceptions to this, such as the enum text column because the client application is expected to provide only known values that correspond to specified mappings.
+- Group rows should always have a non-blank value to display, assuming the data provided to the table is valid.
+- A column's API should support an application being able to render placeholder text in cell when the record value is `undefined` or `null`.
+    - There are exceptions to this, such as the enum text column because the client application is expected to provide only known values that correspond to specified mappings.
 
 ## Open Issues
 
diff --git a/packages/nimble-components/src/table/specs/table-column-sort-hld.md b/packages/nimble-components/src/table/specs/table-column-sort-hld.md
index 4ab69c93cc..f06ac94c58 100644
--- a/packages/nimble-components/src/table/specs/table-column-sort-hld.md
+++ b/packages/nimble-components/src/table/specs/table-column-sort-hld.md
@@ -6,15 +6,15 @@ There is a requirement to have table columns that can be sorted, both programmat
 
 ### Out of scope of this HLD
 
--   Keyboard interactions for interactive sorting (see [#1137](https://github.com/ni/nimble/issues/1137))
--   Focusable element behavior for the column header (see [#1151](https://github.com/ni/nimble/issues/1151))
+- Keyboard interactions for interactive sorting (see [#1137](https://github.com/ni/nimble/issues/1137))
+- Focusable element behavior for the column header (see [#1151](https://github.com/ni/nimble/issues/1151))
 
 ## Links To Relevant Work Items and Reference Material
 
--   [#874 Programmatically sort columns](https://github.com/ni/nimble/issues/874)
--   [#854 Interactively sort the columns in a table](https://github.com/ni/nimble/issues/854)
--   [Table README](./README.md)
--   [Table Design Doc](https://xd.adobe.com/view/5b476816-dad1-4671-b20a-efe796631c72-0e14/screen/d389dc1e-da4f-4a63-957b-f8b3cc9591b4/specs/)
+- [#874 Programmatically sort columns](https://github.com/ni/nimble/issues/874)
+- [#854 Interactively sort the columns in a table](https://github.com/ni/nimble/issues/854)
+- [Table README](./README.md)
+- [Table Design Doc](https://xd.adobe.com/view/5b476816-dad1-4671-b20a-efe796631c72-0e14/screen/d389dc1e-da4f-4a63-957b-f8b3cc9591b4/specs/)
 
 ## Implementation / Design
 
@@ -93,14 +93,14 @@ To summarize:
 
 Single-clicking a column header will cycle the column from unsorted, to ascending sort, descending sort, then back to unsorted.
 
--   Any other columns that were also sorted become unsorted (i.e. `currentSortDirection` => none/ `undefined`, `currentSortIndex` => `undefined` for those columns)
--   The clicked column gets a `currentSortIndex` of `0` when sorted, and `undefined` if it's transitioning back to unsorted.
+- Any other columns that were also sorted become unsorted (i.e. `currentSortDirection` => none/ `undefined`, `currentSortIndex` => `undefined` for those columns)
+- The clicked column gets a `currentSortIndex` of `0` when sorted, and `undefined` if it's transitioning back to unsorted.
 
 Shift-clicking a column header will cycle the column from unsorted, to ascending sort, descending sort, then back to unsorted.
 
--   Any other columns that were already sorted remain sorted (their `currentSortIndex` values will be normalized to `0..(n-1)`, for `n` sorted columns)
--   If the clicked column is transitioning to unsorted, its `currentSortIndex` will be set to `undefined`
--   If the clicked column is transitioning to being sorted, it will get a `currentSortIndex` of `0` if no other columns were already sorted, or `n` if there were `n` other columns already sorted
+- Any other columns that were already sorted remain sorted (their `currentSortIndex` values will be normalized to `0..(n-1)`, for `n` sorted columns)
+- If the clicked column is transitioning to unsorted, its `currentSortIndex` will be set to `undefined`
+- If the clicked column is transitioning to being sorted, it will get a `currentSortIndex` of `0` if no other columns were already sorted, or `n` if there were `n` other columns already sorted
 
 If sorting is enabled for a column, sorting menu items also appear in the column header menu:
 ![Sorting via Column Header Menu](./spec-images/HeaderMenuSorting.png)  
@@ -109,10 +109,10 @@ Updating sorting via the menu will always unsort any other columns that were alr
 
 For columns with `sorting-disabled` set to true:
 
--   Clicking/Shift-clicking the column header will not affect the sort state
--   The sort menu options will not appear in the column header menu
--   Programmatic sorting is disabled (setting `sortIndex`/`sortDirection` will have no effect if `sorting-disabled` is also `true`)
--   `currentSortDirection` and `currentSortIndex` will equal `undefined`
+- Clicking/Shift-clicking the column header will not affect the sort state
+- The sort menu options will not appear in the column header menu
+- Programmatic sorting is disabled (setting `sortIndex`/`sortDirection` will have no effect if `sorting-disabled` is also `true`)
+- `currentSortDirection` and `currentSortIndex` will equal `undefined`
 
 ## Testing Considerations
 
@@ -134,10 +134,10 @@ As we create additional column types and identify additional sorting requirement
 
 The table could enforce additional restrictions on the sort settings of the columns, for example:
 
--   All sorted columns must have sequencial sort orders starting at 0
--   No column can have a `sort-index` specified if its `sort-direction` is `none`
--   No column can have its `sort-direction` specified as `ascending` or `descending` without a `sort-index` specified
--   No two columns can specify the same field name to use for sorting
+- All sorted columns must have sequencial sort orders starting at 0
+- No column can have a `sort-index` specified if its `sort-direction` is `none`
+- No column can have its `sort-direction` specified as `ascending` or `descending` without a `sort-index` specified
+- No two columns can specify the same field name to use for sorting
 
 The purpose of the table's validation is to ensure that a user/client does not get into an inconsistent or non-deterministic state. For example, having two records with the same ID causes indeterministic event behavior. However, all of the cases listed above have well defined behavior associated with them, so there is no reason to add additional overhead and restrictions to the table to disallow those cases.
 
diff --git a/packages/nimble-components/src/table/specs/table-column-specs/table-column-anchor-hld.md b/packages/nimble-components/src/table/specs/table-column-specs/table-column-anchor-hld.md
index 6e0e0e7638..7b270e0126 100644
--- a/packages/nimble-components/src/table/specs/table-column-specs/table-column-anchor-hld.md
+++ b/packages/nimble-components/src/table/specs/table-column-specs/table-column-anchor-hld.md
@@ -14,17 +14,17 @@ This is a fairly straightforward execution of our custom column type pattern. Th
 
 If a table record is missing a href value a text span will be rendered rather than a link.
 
--   _Element name_: `nimble-table-column-anchor`
--   _Attributes/properties_:
-    -   `labelFieldName`
-    -   `hrefFieldName`
-    -   `hreflang`
-    -   `ping`
-    -   `referrerpolicy`
-    -   `rel`
-    -   `target`
-    -   `type`
-    -   `download`
+- _Element name_: `nimble-table-column-anchor`
+- _Attributes/properties_:
+    - `labelFieldName`
+    - `hrefFieldName`
+    - `hreflang`
+    - `ping`
+    - `referrerpolicy`
+    - `rel`
+    - `target`
+    - `type`
+    - `download`
 
 ### Cell Template
 
@@ -99,15 +99,15 @@ The real challenge of this column type is integrating with the Angular router. T
 
 Note that this implies that these configuration parameters must be the same for each link in the column:
 
--   `target`
--   `queryParams`
--   `queryParamsHandling`
--   `fragment`
--   `state`
--   `relativeTo`
--   `preserveFragment`
--   `skipLocationChange`
--   `replaceUrl`
+- `target`
+- `queryParams`
+- `queryParamsHandling`
+- `fragment`
+- `state`
+- `relativeTo`
+- `preserveFragment`
+- `skipLocationChange`
+- `replaceUrl`
 
 Normally with RouterLink directives, you assign the url to `routerLink`/`nimbleRouterLink`, but in this case, the url is coming from the table data. `nimbleRouterLink` just has to be present for the directive to be applied.
 
diff --git a/packages/nimble-components/src/table/specs/table-column-specs/table-column-duration-text-hld.md b/packages/nimble-components/src/table/specs/table-column-specs/table-column-duration-text-hld.md
index 27698eb86b..669e3f01f7 100644
--- a/packages/nimble-components/src/table/specs/table-column-specs/table-column-duration-text-hld.md
+++ b/packages/nimble-components/src/table/specs/table-column-specs/table-column-duration-text-hld.md
@@ -10,10 +10,10 @@ The duration text table column will provide a way to visualize numeric data that
 
 ### Non-goals
 
--   APIs to configure individual aspects of the display (i.e. fractional digits for seconds display)
--   APIs to format the duration in a variety of ways
-    -   Show duration as digital display (00:01:20.323)
-    -   Show duration with symbols indicating a quantitative value (i.e. "< 1 sec")
+- APIs to configure individual aspects of the display (i.e. fractional digits for seconds display)
+- APIs to format the duration in a variety of ways
+    - Show duration as digital display (00:01:20.323)
+    - Show duration with symbols indicating a quantitative value (i.e. "< 1 sec")
 
 ### Risks and Challenges
 
@@ -135,27 +135,27 @@ If there ever develops a need to respond to changes in the locale of a page that
 
 _*Props/Attrs*_
 
--   `field-name`: string
--   `style`: `"short" | "narrow" | "long"`
+- `field-name`: string
+- `style`: `"short" | "narrow" | "long"`
 
 This would offer clients to display duration in other forms, but not to intermix formats between the various parts.
 
 Examples:
 
--   "short": "1 hr, 30 min, 2 sec"
--   "narrow": "1h, 30m, 2s"
--   "long": "1 hour, 30 minutes, 20 seconds"
+- "short": "1 hr, 30 min, 2 sec"
+- "narrow": "1h, 30m, 2s"
+- "long": "1 hour, 30 minutes, 20 seconds"
 
 Pros:
 
--   Offers a little more configuration
--   Not much extra cost to provide more display flexibility
--   Aligns with the `Intl.DurationFormat` API that is in development
+- Offers a little more configuration
+- Not much extra cost to provide more display flexibility
+- Aligns with the `Intl.DurationFormat` API that is in development
 
 Cons:
 
--   No immediate need identified that would leverage the flexibility
--   Risk of introducing API that we ultimately would prefer not to use?
+- No immediate need identified that would leverage the flexibility
+- Risk of introducing API that we ultimately would prefer not to use?
 
 ### Full configuration
 
@@ -165,12 +165,12 @@ Recommendation with this approach (if we decided to use this initially) would be
 
 Pros:
 
--   Offers greatest set of flexibility for clients including the ability to display 'days' and 'years'.
+- Offers greatest set of flexibility for clients including the ability to display 'days' and 'years'.
 
 Cons:
 
--   Increases implementation cost
--   Higher risk of API ultimately not aligning with what we eventually want (particularly if `Intl.DurationFormat` is never formally adopted).
+- Increases implementation cost
+- Higher risk of API ultimately not aligning with what we eventually want (particularly if `Intl.DurationFormat` is never formally adopted).
 
 Neither of the above options seem critical to implement initially, as we can always add features as needed.
 
@@ -208,9 +208,9 @@ None
 
 Standard unit testing. Test cases of interest:
 
--   unusual number values (NaN, -∞, ∞, negative values)
--   verifying locale update results in expected display update
--   corner cases identified behave as described
+- unusual number values (NaN, -∞, ∞, negative values)
+- verifying locale update results in expected display update
+- corner cases identified behave as described
 
 ### Tooling
 
diff --git a/packages/nimble-components/src/table/specs/table-column-specs/table-column-formatted-text.md b/packages/nimble-components/src/table/specs/table-column-specs/table-column-formatted-text.md
index d37ac348f5..c36aee8753 100644
--- a/packages/nimble-components/src/table/specs/table-column-specs/table-column-formatted-text.md
+++ b/packages/nimble-components/src/table/specs/table-column-specs/table-column-formatted-text.md
@@ -15,10 +15,10 @@ Clients will wish to display non-string data as text in table columns for use ca
 
 In all of the above cases:
 
--   data should be sortable and groupable by its actual value, not the string representation
--   text styling like font and alignment should be provided by Nimble
--   columns should support i18n behaviors like decimal separators, date/time formats, and localized content
--   there should be a way to show the full value of truncated text (likely via a title / tooltip on hover)
+- data should be sortable and groupable by its actual value, not the string representation
+- text styling like font and alignment should be provided by Nimble
+- columns should support i18n behaviors like decimal separators, date/time formats, and localized content
+- there should be a way to show the full value of truncated text (likely via a title / tooltip on hover)
 
 We may not choose to support all of the above initially but we should design our solutions with these use cases in mind.
 
@@ -38,11 +38,11 @@ We may not choose to support all of the above initially but we should design our
 
 ### Non-goals
 
--   Combinations of the use cases listed above in a single column. This will be needed in cases where the source data isn't uniformly typed (e.g. SLE tag values or notebook outputs). This HLD focuses on uniform data types; future HLDs may discuss ways to configure multiple types of columns to be conditionally displayed together.
--   Editable numbers. This is not supported by the text column yet either.
--   Numeric formatting for `nimble-number-field`. While we may choose to expose similar APIs for its numeric formatting, the complexities of it being an editable input control make this out of scope for now.
--   Customizing the styling of the column content (other than text alignment). This is not supported by the text column yet either.
--   Enum and boolean values formatted as localized strings (0 -> "Fail", 1 -> "Pass"). These will likely use the [mapping column](./table-column-mapping.md).
+- Combinations of the use cases listed above in a single column. This will be needed in cases where the source data isn't uniformly typed (e.g. SLE tag values or notebook outputs). This HLD focuses on uniform data types; future HLDs may discuss ways to configure multiple types of columns to be conditionally displayed together.
+- Editable numbers. This is not supported by the text column yet either.
+- Numeric formatting for `nimble-number-field`. While we may choose to expose similar APIs for its numeric formatting, the complexities of it being an editable input control make this out of scope for now.
+- Customizing the styling of the column content (other than text alignment). This is not supported by the text column yet either.
+- Enum and boolean values formatted as localized strings (0 -> "Fail", 1 -> "Pass"). These will likely use the [mapping column](./table-column-mapping.md).
 
 ---
 
@@ -56,24 +56,24 @@ Nimble will provide several columns that derive from these base classes and prov
 
 Nimble may add additional column types or configurations in future to support additional cases. These cases may be contributed by client teams or include application-specific logic (possibly as "incubating" components). Defining columns in Nimble and configuring their formatting in apps via attributes is preferable to applications defining custom columns with JS formatting logic for several reasons:
 
--   the columns can be made available to other applications written in any of the UI frameworks that Nimble supports
--   the columns can be built using Nimble infrastructure, saving apps from incorporating FAST or JS code (a particular challenge in Blazor)
--   clients don't need to manage the lifecycle of registering a new column custom element in their application
+- the columns can be made available to other applications written in any of the UI frameworks that Nimble supports
+- the columns can be built using Nimble infrastructure, saving apps from incorporating FAST or JS code (a particular challenge in Blazor)
+- clients don't need to manage the lifecycle of registering a new column custom element in their application
 
 ### Formatted text column base classes
 
 Nimble will provide abstract base classes, templates, and styles which handle rendering a string as text. Just like `nimble-table-column-text` today, these columns will:
 
--   offer attributes to control which field is displayed
--   sort and group by the field value, not the display value.
--   allow sizing by fractional widths with a minimum pixel width.
--   truncate using an ellipsis and show a tooltip on hover when the value is truncated
+- offer attributes to control which field is displayed
+- sort and group by the field value, not the display value.
+- allow sizing by fractional widths with a minimum pixel width.
+- truncate using an ellipsis and show a tooltip on hover when the value is truncated
 
 The base classes provided will be:
 
--   `TableColumnTextBase` - specifies the custom element logic to configure the column
--   `TableColumnTextCellViewBase` - derives from `TableCellView` to specify the custom element logic that renders a cell
--   `TableColumnTextGroupHeaderViewBase` - derives from `TableGroupHeaderView` to specify the custom element logic that renders a group row
+- `TableColumnTextBase` - specifies the custom element logic to configure the column
+- `TableColumnTextCellViewBase` - derives from `TableCellView` to specify the custom element logic that renders a cell
+- `TableColumnTextGroupHeaderViewBase` - derives from `TableGroupHeaderView` to specify the custom element logic that renders a group row
 
 Both clients and Nimble itself will derive from these base classes to specify the type of data that the column supports and how to convert it to a string. They will register the derived classes as custom elements using the same FAST APIs that Nimble itself uses.
 
@@ -151,9 +151,9 @@ All columns will offer standard Angular and Blazor integration.
 
 Follows the [Column Type Philosophy](/packages/nimble-components/src/table/specs/table-columns-hld.md#column-type-philosophy) where:
 
--   category: `table-column`
--   presentation: `text`
--   variants: Different variants are allowed for configurations that vary significantly / don't make sense to add to `table-column-text`, ie for a `table-column-number-text` or `table-column-date-text`
+- category: `table-column`
+- presentation: `text`
+- variants: Different variants are allowed for configurations that vary significantly / don't make sense to add to `table-column-text`, ie for a `table-column-number-text` or `table-column-date-text`
 
 #### Text column
 
@@ -165,18 +165,18 @@ Nimble will introduce `nimble-table-column-number-text` which formats a numeric
 
 ##### API
 
--   `alignment` - a string value matching `"left"`, `"right"`, or `undefined` (the default, meaning `"automatic"`) which controls whether values and column headers are left or right aligned within the column. If set to `undefined` Nimble will choose left or right based on the value of other configuration. Clients should select `right` if it is known that the decimal separators of all values in the column will align in the given the `format`.
--   `format` - a string which controls how the number is formatted for display. It can take one of the following values:
-    -   `undefined` - use a default formatter that displays integers with no trailing zeros, limits to 6 digits, and uses exponential notation when the formatted value is large (\`>= 1e6\`) or small (\`< 1e-3\`) in magnitude. Will be displayed left-aligned by default (since numbers will display an inconsistent number of fractional digits).
-    -   `'decimal'` - format all values as decimal values (e.g. 123.45) with a number of digits after the separator determined by `decimal-digits` or `decimal-maximum-digits`. Exponential notation is never used. If required, values will be rounded to reach the specified number of decimial digits. Configuring `decimal-digits` to `0` will round the value to the nearest integer and display it with no decimal places. Default alignment will be left if either `decimal-maximum-digits` or a unit is set, otherwise right (since the decimal separators should align in that case).
-    -   This could be extended to other pre-configured formats in future. Their configuration attributes would be prefixed with the name of the format mode.
-    -   **Note:** all of the above will be implemented using a `Intl.NumberFormat` formatter. Nimble will configure the formatter with defaults to match the [visual design spec](https://github.com/ni/nimble/issues/887). The exception is that we will set `useGrouping: true` to achieve `1,000` rather than `1000` because this styles the values in a way that is more human readable.
--   `decimal-digits` - when format is `decimal`, a number that controls how many digits are shown to the right of the decimal separator. Possible values are from 0 to 20. Defaults to 2 (unless `decimal-maximum-digits` is specified).
-    -   It is invalid to specify both `decimal-digits` and `decimal-maximum-digits`.
-    -   Formats other than `decimal` ignore `decimal-digits`.
--   `decimal-maximum-digits` - when format is `decimal`, a number that controls the maximum number of possible digits shown to the right of the decimal separator (i.e. omits trailing zeros). Possible values are from 0 to 20.
-    -   It is invalid to specify both `decimal-digits` and `decimal-maximum-digits`.
-    -   Formats other than `decimal` ignore `decimal-maximum-digits`.
+- `alignment` - a string value matching `"left"`, `"right"`, or `undefined` (the default, meaning `"automatic"`) which controls whether values and column headers are left or right aligned within the column. If set to `undefined` Nimble will choose left or right based on the value of other configuration. Clients should select `right` if it is known that the decimal separators of all values in the column will align in the given the `format`.
+- `format` - a string which controls how the number is formatted for display. It can take one of the following values:
+    - `undefined` - use a default formatter that displays integers with no trailing zeros, limits to 6 digits, and uses exponential notation when the formatted value is large (\`>= 1e6\`) or small (\`< 1e-3\`) in magnitude. Will be displayed left-aligned by default (since numbers will display an inconsistent number of fractional digits).
+    - `'decimal'` - format all values as decimal values (e.g. 123.45) with a number of digits after the separator determined by `decimal-digits` or `decimal-maximum-digits`. Exponential notation is never used. If required, values will be rounded to reach the specified number of decimial digits. Configuring `decimal-digits` to `0` will round the value to the nearest integer and display it with no decimal places. Default alignment will be left if either `decimal-maximum-digits` or a unit is set, otherwise right (since the decimal separators should align in that case).
+    - This could be extended to other pre-configured formats in future. Their configuration attributes would be prefixed with the name of the format mode.
+    - **Note:** all of the above will be implemented using a `Intl.NumberFormat` formatter. Nimble will configure the formatter with defaults to match the [visual design spec](https://github.com/ni/nimble/issues/887). The exception is that we will set `useGrouping: true` to achieve `1,000` rather than `1000` because this styles the values in a way that is more human readable.
+- `decimal-digits` - when format is `decimal`, a number that controls how many digits are shown to the right of the decimal separator. Possible values are from 0 to 20. Defaults to 2 (unless `decimal-maximum-digits` is specified).
+    - It is invalid to specify both `decimal-digits` and `decimal-maximum-digits`.
+    - Formats other than `decimal` ignore `decimal-digits`.
+- `decimal-maximum-digits` - when format is `decimal`, a number that controls the maximum number of possible digits shown to the right of the decimal separator (i.e. omits trailing zeros). Possible values are from 0 to 20.
+    - It is invalid to specify both `decimal-digits` and `decimal-maximum-digits`.
+    - Formats other than `decimal` ignore `decimal-maximum-digits`.
 
 This column will display a blank cell when `typeof` the value is not `"number"` (i.e. if the value is `null`, `undefined`, not present, or has a different runtime data type). Note that IEE 754 numbers like Infinity, NaN, and -0 are type `"number"` so will be displayed how each formatter converts them. This will preserve values like `"∞"` and `"NaN"`.
 
@@ -186,9 +186,9 @@ This column will trigger `invalidColumnConfiguration` on the table's validity st
 
 A unit for the column may be configured by providing a `nimble-unit-<name>` element as content (in addition to the column label). Unit elements represent a set of related, scaled units, e.g. `nimble-unit-byte` represents bytes, KB, MB, etc. Values are converted from a source unit (e.g. bytes) to the largest scaled unit (e.g. KB, MB, etc.) that can represent that value with magnitude >= 1. The source data for the column is expected to be given in the base unit specified in the tag name, e.g. for `nimble-unit-byte`, a source value should be a number of bytes. Note that unit elements have no visual representation of their own. They are strictly configuration components, and by nature of being components, allow selective loading of translation data for only the needed units. The initial set of unit elements are:
 
--   `nimble-unit-byte` - Labels in this unit scale are base 1000 with metric prefixes `byte`/`bytes`, `KB`, `MB`, `GB`, `TB`, `PB`
-    -   `binary` - boolean attribute that indicates a base 1024 with binary prefixes resulting in unit labels `byte`/`bytes`, `KiB`, `MiB`, `GiB`, `TiB`, `PiB`.
--   `nimble-unit-volt` - Labels in this unit scale are `volt`/`volts`, plus `V` prefixed by all supported metric prefixes.
+- `nimble-unit-byte` - Labels in this unit scale are base 1000 with metric prefixes `byte`/`bytes`, `KB`, `MB`, `GB`, `TB`, `PB`
+    - `binary` - boolean attribute that indicates a base 1024 with binary prefixes resulting in unit labels `byte`/`bytes`, `KiB`, `MiB`, `GiB`, `TiB`, `PiB`.
+- `nimble-unit-volt` - Labels in this unit scale are `volt`/`volts`, plus `V` prefixed by all supported metric prefixes.
 
 Supported metric prefixes are f (femto), p (pico), n (nano), μ (micro), m (milli), c (centi), d (deci), k (kilo), M (mega), G (giga), T (tera), P (peta), and E (exa). This set is intended to be suitable for other units we may support in the future (e.g. ohms, amps), but any particular unit scale can diverge from this set as needed.
 
@@ -245,11 +245,11 @@ We considered allowing clients to provide date values using native date types li
 
 ##### API
 
--   `format` - a string which can take one of the following values
-    -   `undefined` - use the default formatter, which will display values similar to `Dec 19, 2020, 9:23:16 PM` and include support for localization. It will be implemented using `Intl.DateTimeFormat` with `options.dateStyle` and `options.timeStyle` set to `"medium"`.
-    -   `'custom'` - use [`Intl.DateTimeFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat) configured with values specified in other attributes.
-    -   This could be extended to other pre-configured formats in future. Their configuration attributes would similarly be prefixed with the name of the format mode.
--   `custom-*` - when format is `custom`, these attribute-cased values will be passed to the equivalent camelCased fields of the `options` parameter of the `Intl.DateTimeFormat` constructor. For example, `options.dateStyle` will be set to the value of `custom-date-style`. These fields are all string, boolean, or number and their property equivalents will be strictly typed.
+- `format` - a string which can take one of the following values
+    - `undefined` - use the default formatter, which will display values similar to `Dec 19, 2020, 9:23:16 PM` and include support for localization. It will be implemented using `Intl.DateTimeFormat` with `options.dateStyle` and `options.timeStyle` set to `"medium"`.
+    - `'custom'` - use [`Intl.DateTimeFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat) configured with values specified in other attributes.
+    - This could be extended to other pre-configured formats in future. Their configuration attributes would similarly be prefixed with the name of the format mode.
+- `custom-*` - when format is `custom`, these attribute-cased values will be passed to the equivalent camelCased fields of the `options` parameter of the `Intl.DateTimeFormat` constructor. For example, `options.dateStyle` will be set to the value of `custom-date-style`. These fields are all string, boolean, or number and their property equivalents will be strictly typed.
 
 This column will display a blank cell when the value is `null` or `isNaN(new Date(value))` returns `true` (i.e. if the value is `null`, `undefined`, not present, has a non-`number` runtime data type, or is a `number` that produces an invalid `Date` like `NaN`/`Infinity`) (see ["Detecting an invalid Date instance"](https://stackoverflow.com/a/1353711)). Note that `new Date(null)` is behaves the same as `new Date(0)` so Nimble treating `null` as invalid will require a special case.
 
@@ -325,20 +325,20 @@ table.setData(tableData);
 
 **Pros:**
 
--   formatted data is specified up front, guaranteeing fast scroll performance
--   powerful; clients can format data however they want, including via browser APIs which are i18n-friendly or via server-side logic
+- formatted data is specified up front, guaranteeing fast scroll performance
+- powerful; clients can format data however they want, including via browser APIs which are i18n-friendly or via server-side logic
 
 **Cons:**
 
--   Increased memory usage and data update time from clients pre-populating data with field for each formatted column
--   Added complexity of writing procedural code even for simple numeric formatting use cases
--   Potential cross-app inconsistency if numeric formatting code isn't shared (versus Alternative 3)
--   Difficult to enforce styling differences between string and numeric columns (e.g. right vs left text alignment)
+- Increased memory usage and data update time from clients pre-populating data with field for each formatted column
+- Added complexity of writing procedural code even for simple numeric formatting use cases
+- Potential cross-app inconsistency if numeric formatting code isn't shared (versus Alternative 3)
+- Difficult to enforce styling differences between string and numeric columns (e.g. right vs left text alignment)
 
 **Implementation Cost:**
 
--   Exposing `operand-data-record-name` to be set by client code rather than column definition
--   Exposing an API for clients to indicate their data should be styled as numeric data (right aligned)
+- Exposing `operand-data-record-name` to be set by client code rather than column definition
+- Exposing an API for clients to indicate their data should be styled as numeric data (right aligned)
 
 #### Client provides custom column implementation for each use case
 
@@ -346,14 +346,14 @@ Nimble already has a mechanism for clients to provide custom columns by deriving
 
 **Pros:**
 
--   Zero implementation cost to Nimble team
--   Powerful; clients can format data however they want, including via browser APIs which are i18n-friendly
+- Zero implementation cost to Nimble team
+- Powerful; clients can format data however they want, including via browser APIs which are i18n-friendly
 
 **Cons:**
 
--   Higher burden on clients to specify template, styling, numeric formatting, etc in JS. This is especially burdensome in frameworks like Blazor.
--   Difficult to enforce styling differences between string and numeric columns (e.g. right vs left text alignment)
--   Potential cross-app inconsistency if formatting code isn't shared
+- Higher burden on clients to specify template, styling, numeric formatting, etc in JS. This is especially burdensome in frameworks like Blazor.
+- Difficult to enforce styling differences between string and numeric columns (e.g. right vs left text alignment)
+- Potential cross-app inconsistency if formatting code isn't shared
 
 ### Other number/date/time formatting APIs
 
@@ -373,20 +373,20 @@ Other libraries considered for number conversion and/or unit label localization
 
 An alternative to the `nimble-unit-<name>` element-based API is to just configure the unit through one or more attributes on the column:
 
--   `unit` - `'byte'`, `'volt'`, or `undefined` (no unit)
--   `unit-byte-binary` - (byte type only) boolean flag indicating to use 1024-based unit labels/conversions
+- `unit` - `'byte'`, `'volt'`, or `undefined` (no unit)
+- `unit-byte-binary` - (byte type only) boolean flag indicating to use 1024-based unit labels/conversions
 
 **Pros:**
 
--   More discoverable
--   Auto-complete support
--   More compact
+- More discoverable
+- Auto-complete support
+- More compact
 
 **Cons:**
 
--   All units' translated labels (for all languages) always loaded -- potential bloat
--   Any unit-specific configuration now part of the column API rather than encapsulated by a unit element
--   Clients cannot define their own custom types
+- All units' translated labels (for all languages) always loaded -- potential bloat
+- Any unit-specific configuration now part of the column API rather than encapsulated by a unit element
+- Clients cannot define their own custom types
 
 #### Expose unit and unitDisplay from the Intl.NumberFormatter
 
@@ -394,12 +394,12 @@ We could add attributes for `unit` and `unit-display` that mirror the `unit` and
 
 **Pros:**
 
--   Built-in localization support
+- Built-in localization support
 
 **Cons:**
 
--   `Intl.NumberFormatter` [supports a fairly limited amount of `unit` values](https://tc39.es/ecma402/#table-sanctioned-single-unit-identifiers) with no way to extend the supported set
--   Requires all records to have the same unit
+- `Intl.NumberFormatter` [supports a fairly limited amount of `unit` values](https://tc39.es/ecma402/#table-sanctioned-single-unit-identifiers) with no way to extend the supported set
+- Requires all records to have the same unit
 
 #### Add prefix and suffix attributes
 
@@ -407,14 +407,14 @@ We could add attributes for `prefix` and `suffix` that could be used to specify
 
 **Pros:**
 
--   Fairly flexible, as it does not impose any restrictions on the units that are supported
+- Fairly flexible, as it does not impose any restrictions on the units that are supported
 
 **Cons:**
 
--   Poses localization challenges. For example:
-    -   The prefix or suffix might need to change based on the value of the number (e.g. `1 gram` vs `2 grams`)
-    -   A prefix in one locale might be a suffix in another locale (e.g. `56.8 degrees Celsius` in English will be represented as `摂氏 56.8 度` in Japanese)
--   Doesn't provide the flexibility of having different units for each record
+- Poses localization challenges. For example:
+    - The prefix or suffix might need to change based on the value of the number (e.g. `1 gram` vs `2 grams`)
+    - A prefix in one locale might be a suffix in another locale (e.g. `56.8 degrees Celsius` in English will be represented as `摂氏 56.8 度` in Japanese)
+- Doesn't provide the flexibility of having different units for each record
 
 #### Specify prefix and suffix through additional fields in the record
 
@@ -422,14 +422,14 @@ We could add attributes for `prefix-field-name` and `suffix-field-name` which wo
 
 **Pros:**
 
--   Flexible; allows different units per record and does not impose any restrictions on the units that are supported.
--   Solves the problem where units might change based on the value of the number (e.g `1 gram` vs `2 grams`)
+- Flexible; allows different units per record and does not impose any restrictions on the units that are supported.
+- Solves the problem where units might change based on the value of the number (e.g `1 gram` vs `2 grams`)
 
 **Cons:**
 
--   Requires adding additional fields to each record, which could significantly increase memory usage in the cases where there are many records, each of which has many numeric values requiring prefix and/or suffix fields
--   Poses localization challenges. For example:
-    -   A prefix in one locale might be a suffix in another locale (e.g. `56.8 degrees Celsius` in English will be represented as `摂氏 56.8 度` in Japanese)
+- Requires adding additional fields to each record, which could significantly increase memory usage in the cases where there are many records, each of which has many numeric values requiring prefix and/or suffix fields
+- Poses localization challenges. For example:
+    - A prefix in one locale might be a suffix in another locale (e.g. `56.8 degrees Celsius` in English will be represented as `摂氏 56.8 度` in Japanese)
 
 ### Expose all configuration options of Intl.NumberFormatter
 
@@ -467,17 +467,17 @@ We will add standard unit tests, Blazor/Angular tests, and Chromatic tests for n
 
 #### Number column
 
--   number edge cases (-Inf, Inf, -0, +0, NaN, Number.MAX_SAFE_INTEGER + n, Number.MIN_SAFE_INTEGER - n) should render as numbers (the exact presentation on the numbers will depend on the formatting options chosen)
--   non-number edge cases (e.g. strings containing numbers, undefined, null) should display blank
--   formatting should change with different locales
--   invalid formatter configuration should be reflected in column validity state
+- number edge cases (-Inf, Inf, -0, +0, NaN, Number.MAX_SAFE_INTEGER + n, Number.MIN_SAFE_INTEGER - n) should render as numbers (the exact presentation on the numbers will depend on the formatting options chosen)
+- non-number edge cases (e.g. strings containing numbers, undefined, null) should display blank
+- formatting should change with different locales
+- invalid formatter configuration should be reflected in column validity state
 
 #### Date column
 
--   date edge cases (min and max date, different time zones)
--   non-date edge cases (e.g. non-dates, invalid dates) should display blank
--   formatting should change with different locales
--   invalid formatter configuration should be reflected in column validity state
+- date edge cases (min and max date, different time zones)
+- non-date edge cases (e.g. non-dates, invalid dates) should display blank
+- formatting should change with different locales
+- invalid formatter configuration should be reflected in column validity state
 
 ### Tooling
 
diff --git a/packages/nimble-components/src/table/specs/table-column-specs/table-column-mapping.md b/packages/nimble-components/src/table/specs/table-column-specs/table-column-mapping.md
index 0a154c616c..792ec33238 100644
--- a/packages/nimble-components/src/table/specs/table-column-specs/table-column-mapping.md
+++ b/packages/nimble-components/src/table/specs/table-column-specs/table-column-mapping.md
@@ -12,26 +12,26 @@ The `nimble-table-column-mapping` is a component that supports rendering specifi
 
 ### Features
 
--   Supported input:
-    -   string
-    -   number
-    -   boolean
--   Supported output:
-    -   Text
-    -   Icon
-    -   Spinner
-    -   Icon with text
-    -   Spinner with text
-    -   (empty)
+- Supported input:
+    - string
+    - number
+    - boolean
+- Supported output:
+    - Text
+    - Icon
+    - Spinner
+    - Icon with text
+    - Spinner with text
+    - (empty)
 
 ### Non-goals
 
--   Non-Nimble icon support
--   Arbitrary icon colors
--   Hyperlink icons
--   Non-icon, non-spinner Nimble components
--   Specifying different text for an icon/spinner's label than the overall text of the mapping
--   Detecting that only icons/spinners can be rendered in the cells and column header and automatically making the column non-resizable and 32px
+- Non-Nimble icon support
+- Arbitrary icon colors
+- Hyperlink icons
+- Non-icon, non-spinner Nimble components
+- Specifying different text for an icon/spinner's label than the overall text of the mapping
+- Detecting that only icons/spinners can be rendered in the cells and column header and automatically making the column non-resizable and 32px
 
 ---
 
@@ -82,15 +82,15 @@ An earlier version of this spec proposed mapping elements with `template` elemen
 
 Pros:
 
--   It would not require updates to the API if we needed to support new types of mapped content (e.g. icon with text), or if the mapped content itself got new configuration options (e.g. a scaling factor for icons).
--   Undefined element types caught at compile time.
+- It would not require updates to the API if we needed to support new types of mapped content (e.g. icon with text), or if the mapped content itself got new configuration options (e.g. a scaling factor for icons).
+- Undefined element types caught at compile time.
 
 Cons:
 
--   Verbose. Requires user to create `template` element and wrap text in `span`s for styling purposes.
--   Requires difficult validation to ensure only supported elements are present in the `template`.
--   Could allow users to provide inline styling.
--   Blazor: cannot put Blazor components inside `template`--must use raw Nimble elements without type safety
+- Verbose. Requires user to create `template` element and wrap text in `span`s for styling purposes.
+- Requires difficult validation to ensure only supported elements are present in the `template`.
+- Could allow users to provide inline styling.
+- Blazor: cannot put Blazor components inside `template`--must use raw Nimble elements without type safety
 
 ### API
 
@@ -98,20 +98,20 @@ Cons:
 
 _Component Name_
 
--   `nimble-table-column-mapping`
+- `nimble-table-column-mapping`
 
 _Props/Attrs_
 
--   `field-name`: string
--   `key-type`: 'string' | 'number' | 'boolean'
--   `width-mode`: enum - `default` (`undefined`) | `iconSize` (`'icon-size'`) - When set to `iconSize`, the column will have a fixed width that makes the column the appropriate width to render only a single icon in the cell. This should only be set when the header contains a single icon (no text) and none of the child mapping elements will result in text being rendered in a cell. When unset or set to `default`, the column will be resizable and be sized based on its `fractional-width` and `min-pixel-width` values.
--   `fractional-width`: number (defaults to 1)
--   `min-pixel-width`: number (defaults to minimum supported by table)
+- `field-name`: string
+- `key-type`: 'string' | 'number' | 'boolean'
+- `width-mode`: enum - `default` (`undefined`) | `iconSize` (`'icon-size'`) - When set to `iconSize`, the column will have a fixed width that makes the column the appropriate width to render only a single icon in the cell. This should only be set when the header contains a single icon (no text) and none of the child mapping elements will result in text being rendered in a cell. When unset or set to `default`, the column will be resizable and be sized based on its `fractional-width` and `min-pixel-width` values.
+- `fractional-width`: number (defaults to 1)
+- `min-pixel-width`: number (defaults to minimum supported by table)
 
 _Content_
 
--   column title (icon and/or text)
--   1 or more `nimble-mapping-icon`, `nimble-mapping-spinner`, `nimble-mapping-text`, or `nimble-mapping-empty` elements
+- column title (icon and/or text)
+- 1 or more `nimble-mapping-icon`, `nimble-mapping-spinner`, `nimble-mapping-text`, or `nimble-mapping-empty` elements
 
 #### Mapping element (icon):
 
@@ -119,21 +119,21 @@ The icon mapping element will support displaying an icon, icon with text, or onl
 
 _Component Name_
 
--   `nimble-mapping-icon`
+- `nimble-mapping-icon`
 
 _Props/Attrs_
 
--   `key`: string | number | boolean | undefined
--   `icon`: string | undefined - name of the Nimble icon element. If `undefined`, no icon will be associated with the given `key`, but space will be reserved in the cell for an icon.
--   `severity`: string - one of the supported enum values. Controls color of the icon.
--   `text`: string - localized value associated with the given `key`.
--   `text-hidden`: boolean - When set, the mapping's text will not be rendered within a cell. When unset, the text will be rendered in a cell. This does not affect the rendering of group rows; group rows will always display the text associated with the mapping.
+- `key`: string | number | boolean | undefined
+- `icon`: string | undefined - name of the Nimble icon element. If `undefined`, no icon will be associated with the given `key`, but space will be reserved in the cell for an icon.
+- `severity`: string - one of the supported enum values. Controls color of the icon.
+- `text`: string - localized value associated with the given `key`.
+- `text-hidden`: boolean - When set, the mapping's text will not be rendered within a cell. When unset, the text will be rendered in a cell. This does not affect the rendering of group rows; group rows will always display the text associated with the mapping.
 
 The text will be used in the following places:
 
--   In the group row for a mapping
--   If `text-hidden` is set, as the accessible name and `title` of the icon within a cell
--   If `text-hidden` is not set, as text rendered next to the icon within a cell
+- In the group row for a mapping
+- If `text-hidden` is set, as the accessible name and `title` of the icon within a cell
+- If `text-hidden` is not set, as text rendered next to the icon within a cell
 
 #### Mapping element (spinner):
 
@@ -141,19 +141,19 @@ The spinner mapping element will support displaying a spinner or spinner with te
 
 _Component Name_
 
--   `nimble-mapping-spinner`
+- `nimble-mapping-spinner`
 
 _Props/Attrs_
 
--   `key`: string | number | boolean | undefined
--   `text`: string - localized value associated with the given `key`.
--   `text-hidden`: boolean - When set, the mapping's text will not be rendered within a cell. When unset, the text will be rendered in a cell. This does not affect the rendering of group rows; group rows will always display the text associated with the mapping.
+- `key`: string | number | boolean | undefined
+- `text`: string - localized value associated with the given `key`.
+- `text-hidden`: boolean - When set, the mapping's text will not be rendered within a cell. When unset, the text will be rendered in a cell. This does not affect the rendering of group rows; group rows will always display the text associated with the mapping.
 
 The text will be used in the following places:
 
--   In the group row for a mapping
--   If `text-hidden` is set, as the accessible name and `title` of the spinner within a cell
--   If `text-hidden` is not set, as text rendered next to the spinner within a cell
+- In the group row for a mapping
+- If `text-hidden` is set, as the accessible name and `title` of the spinner within a cell
+- If `text-hidden` is not set, as text rendered next to the spinner within a cell
 
 #### Mapping element (text):
 
@@ -161,12 +161,12 @@ The text mapping element will support displaying text in a cell. A group row ass
 
 _Component Name_
 
--   `nimble-mapping-text`
+- `nimble-mapping-text`
 
 _Props/Attrs_
 
--   `key`: string | number | boolean | undefined
--   `text`: string - display text
+- `key`: string | number | boolean | undefined
+- `text`: string - display text
 
 #### Mapping element (empty):
 
@@ -174,12 +174,12 @@ The empty mapping element will display an empty cell. A group row associated wit
 
 _Component Name_
 
--   `nimble-mapping-empty`
+- `nimble-mapping-empty`
 
 _Props/Attrs_
 
--   `key`: string | number | boolean | undefined
--   `text`: string - display text
+- `key`: string | number | boolean | undefined
+- `text`: string - display text
 
 #### `nimble-mapping-*`
 
@@ -246,15 +246,15 @@ By default, the `nimble-table-column-mapping` will be a fractional width column
 
 When the column is a fixed 32px:
 
--   The grouping indicator and sorting indicator will be hidden in the column header.
--   A client is expected to only place an icon as the header content of an icon column.
--   A user cannot resize an icon column.
--   Column sizing configuration on the column, such as `fractional-width`, will be ignored.
+- The grouping indicator and sorting indicator will be hidden in the column header.
+- A client is expected to only place an icon as the header content of an icon column.
+- A user cannot resize an icon column.
+- Column sizing configuration on the column, such as `fractional-width`, will be ignored.
 
 This will be accomplished through the following configuration on the column:
 
--   The icon column will set `columnInternals.resizingDisabled` to `true`.
--   The icon column will set both `columnInternals.pixelWidth` and `columnInternals.minPixelWidth` to `32`, which is equal to the icon size plus left and right paddings of 8px
+- The icon column will set `columnInternals.resizingDisabled` to `true`.
+- The icon column will set both `columnInternals.pixelWidth` and `columnInternals.minPixelWidth` to `32`, which is equal to the icon size plus left and right paddings of 8px
 
 ### Angular integration
 
@@ -285,9 +285,9 @@ N/A
 
 ### Accessibility
 
--   Text, icons, and spinner are not interactive and cannot receive keyboard focus.
--   In group rows, the rendered icon/spinner will have `aria-hidden="true"` set because the text is displayed directly next to the icon. The icon/spinner is purely decorative, and it does not contain any additional information that needs to be available with a screen reader.
--   In table cells, if an icon/spinner is displayed with the text, the icon/spinner will have `aria-hidden="true"` set for the same reason explained for group rows above. However, if the text is not displayed, the icon/spinner will have a role of `img` and use the text as its `title` and `aria-label`.
+- Text, icons, and spinner are not interactive and cannot receive keyboard focus.
+- In group rows, the rendered icon/spinner will have `aria-hidden="true"` set because the text is displayed directly next to the icon. The icon/spinner is purely decorative, and it does not contain any additional information that needs to be available with a screen reader.
+- In table cells, if an icon/spinner is displayed with the text, the icon/spinner will have `aria-hidden="true"` set for the same reason explained for group rows above. However, if the text is not displayed, the icon/spinner will have a role of `img` and use the text as its `title` and `aria-label`.
 
 ### Globalization
 
@@ -307,15 +307,15 @@ None
 
 ### Test Plan
 
--   Unit tests will be written verifying the usual component expectations, plus:
-    -   renders mapping matching the cell value (string, number, and boolean)
-    -   nothing rendered when value matches no mappings
-    -   validation error when non-unique mapping keys exist
-    -   validation error when invalid icon name given
-    -   grouping header for icon column includes text
--   Verify manually that the column content appears in the accessibility tree and can be read by a screen reader.
--   Verify manually that several mapping columns with thousands of elements scrolls performantly.
--   Visual Chromatic tests will be created
+- Unit tests will be written verifying the usual component expectations, plus:
+    - renders mapping matching the cell value (string, number, and boolean)
+    - nothing rendered when value matches no mappings
+    - validation error when non-unique mapping keys exist
+    - validation error when invalid icon name given
+    - grouping header for icon column includes text
+- Verify manually that the column content appears in the accessibility tree and can be read by a screen reader.
+- Verify manually that several mapping columns with thousands of elements scrolls performantly.
+- Visual Chromatic tests will be created
 
 ### Tooling
 
diff --git a/packages/nimble-components/src/table/specs/table-column-specs/table-column-menu-button.md b/packages/nimble-components/src/table/specs/table-column-specs/table-column-menu-button.md
index 2812317b89..68b87ab33e 100644
--- a/packages/nimble-components/src/table/specs/table-column-specs/table-column-menu-button.md
+++ b/packages/nimble-components/src/table/specs/table-column-specs/table-column-menu-button.md
@@ -10,15 +10,15 @@ In some tables, the user needs to make a selection associated with a cell in the
 
 ### Features
 
--   Add `nimble-menu-button` to a cell where the text on the menu button is populated from the table row's record
--   Allow a client application to specify custom menu items for each menu button instance
+- Add `nimble-menu-button` to a cell where the text on the menu button is populated from the table row's record
+- Allow a client application to specify custom menu items for each menu button instance
 
 ### Non-goals
 
--   Support client-specified icons in the menu button, including icon-only menu buttons
--   Allow configuration of the menu button's `appearance` or `appearance-variant`
--   Having the table or the column automatically update the row's record when an item in the menu is activated.
-    -   If a record needs to be updated, the expectation is that this will be done within client code in reaction to an event fired by the menu items.
+- Support client-specified icons in the menu button, including icon-only menu buttons
+- Allow configuration of the menu button's `appearance` or `appearance-variant`
+- Having the table or the column automatically update the row's record when an item in the menu is activated.
+    - If a record needs to be updated, the expectation is that this will be done within client code in reaction to an event fired by the menu items.
 
 ## Implementation / Design
 
@@ -78,23 +78,23 @@ Because the menu will only be shown for one menu button at a time, the same slot
 
 _Component Name_
 
--   `nimble-table-column-menu-button`
+- `nimble-table-column-menu-button`
 
 _Props/Attrs_
 
--   `field-name`: string - The name of the field in each record that contains the string that will be displayed in the menu button
--   `menu-slot`: string - The name of the slot within the `nimble-table` instance where the menu associated with the column's menu button will be provided
--   `fractional-width`: number (defaults to 1)
--   `min-pixel-width`: number (defaults to minimum supported by table)
+- `field-name`: string - The name of the field in each record that contains the string that will be displayed in the menu button
+- `menu-slot`: string - The name of the slot within the `nimble-table` instance where the menu associated with the column's menu button will be provided
+- `fractional-width`: number (defaults to 1)
+- `min-pixel-width`: number (defaults to minimum supported by table)
 
 _Content_
 
--   column title (icon and/or text)
+- column title (icon and/or text)
 
 _Events_
 
--   `menu-button-column-beforetoggle`: Fired when a menu button in a cell fires the `beforetoggle` event
--   `menu-button-column-toggle`: Fired when a menu button in a cell fires the `toggle` event
+- `menu-button-column-beforetoggle`: Fired when a menu button in a cell fires the `beforetoggle` event
+- `menu-button-column-toggle`: Fired when a menu button in a cell fires the `toggle` event
 
 The detail for each of these events will be as follows:
 
@@ -109,7 +109,7 @@ interface MenuButtonColumnToggleEventDetail
 
 _Component Name_
 
--   `nimble-table-column-menu-button-cell-view`
+- `nimble-table-column-menu-button-cell-view`
 
 _Rendering_
 
@@ -117,14 +117,14 @@ If the record value associated with the specified `field-name` is a non-empty st
 
 The menu button will have the following behaviors/styles:
 
--   Use `ghost` appearance mode
--   Have `nimble-icon-arrow-expander-down` slotted into the `end` slot
--   Grow to fill the width of the cell
--   Left-align the text (with padding) in the button to make the text within each button is aligned for a given column
-    -   By default, button text is centered, so custom styling will be written to handle this case.
--   Ellipsize text in the button if it doesn't fit in the button
--   Provide the full text within the button's `title` if the text is ellipsized
-    -   It is unlikely this can leverage the existing `overflow` directive as-is because the overflow will occur on the text within a `span` within the button, but the `title` should be added when the button is hovered. The best solution to this problem will be determined during implementation.
+- Use `ghost` appearance mode
+- Have `nimble-icon-arrow-expander-down` slotted into the `end` slot
+- Grow to fill the width of the cell
+- Left-align the text (with padding) in the button to make the text within each button is aligned for a given column
+    - By default, button text is centered, so custom styling will be written to handle this case.
+- Ellipsize text in the button if it doesn't fit in the button
+- Provide the full text within the button's `title` if the text is ellipsized
+    - It is unlikely this can leverage the existing `overflow` directive as-is because the overflow will occur on the text within a `span` within the button, but the `title` should be added when the button is hovered. The best solution to this problem will be determined during implementation.
 
 #### Group Header View Component
 
@@ -178,42 +178,40 @@ A Blazor wrapper will be created for the component. There are no special conside
 
 Multiple API changes need to be made to the table, its subcomponents, and the classes it uses to facilitate slotting a menu through the table and into a specific cell view. This includes the following:
 
--   The `ColumnInternalsOptions` interface will be updated to include an optional string array named `slotNames`, which allows a column to specify the names of any slots that need to be forwarded into a cell.
--   As with the `ColumnInternalsOptions`, the `ColumnInternals` class will be updated to have a `slotNames` array that specifies the names of any slots that need to be forwarded into a cell. The value will be readonly and will be populated by the `ColumnInternalsOptions` `slotNames` property. It will default to an empty array if a value is not provided in `ColumnInternalsOptions`.
--   Add slots to component templates:
-    -   table template - slots created within each table row element that has most recently requested the slot
-        -   slot's name: specified by client's column configuration (e.g. `software-version-menu`)
-        -   slot's slot: _unique-column-id_ + _column-requested-slot-name from column internal's slotNames array_ (e.g. table-column-slot2-menu)
-    -   row template - slots created within each table row element for each slot name that is specified in the column's `ColumnInternals.slotNames` array
-        -   slot's name: _unique-column-id_ + _column-requested-slot-name from column internal's slotNames array_ (e.g. table-column-slot2-menu)
-        -   slot's slot: _unique-column-id_ + _column-requested-slot-name from column internal's slotNames array_ (e.g. table-column-slot2-menu)
-    -   cell view, created via `createCellViewTemplate` - slots created within the cell view
-        -   slot's name: _unique-column-id_ + _column-requested-slot-name from column internal's slotNames array_ (e.g. table-column-slot2-menu)
-        -   slot's slot: _column-requested-slot-name from column internal's slotNames array_ (e.g. menu)
-    -   menu button column cell view - slot created within the menu button component
-        -   slot's name: _column-requested-slot-name from column internal's slotNames array_ (e.g. menu)
-        -   slot's slot: `"menu"`, which is the slot name required by the `nimble-menu-button` comonent
--   Add events to pass slot information between cell views, rows, and the table:
-    -   `cell-view-slots-request` event
-        -   Fired by cell view instances if they want to request that the column's slots to be placed within that cell. For example, the menu button column's cell view will fire this event when the cell's `menu-button` fires a `beforetoggle` event with the `newState` as `true`.
-        -   Handled by table rows. When handling this event, a table row will fire the `row-slots-request` event to request the table to slot the necessary elements within the row.
-        -   Event details:
-            <!-- prettier-ignore -->
+- The `ColumnInternalsOptions` interface will be updated to include an optional string array named `slotNames`, which allows a column to specify the names of any slots that need to be forwarded into a cell.
+- As with the `ColumnInternalsOptions`, the `ColumnInternals` class will be updated to have a `slotNames` array that specifies the names of any slots that need to be forwarded into a cell. The value will be readonly and will be populated by the `ColumnInternalsOptions` `slotNames` property. It will default to an empty array if a value is not provided in `ColumnInternalsOptions`.
+- Add slots to component templates:
+    - table template - slots created within each table row element that has most recently requested the slot
+        - slot's name: specified by client's column configuration (e.g. `software-version-menu`)
+        - slot's slot: _unique-column-id_ + _column-requested-slot-name from column internal's slotNames array_ (e.g. table-column-slot2-menu)
+    - row template - slots created within each table row element for each slot name that is specified in the column's `ColumnInternals.slotNames` array
+        - slot's name: _unique-column-id_ + _column-requested-slot-name from column internal's slotNames array_ (e.g. table-column-slot2-menu)
+        - slot's slot: _unique-column-id_ + _column-requested-slot-name from column internal's slotNames array_ (e.g. table-column-slot2-menu)
+    - cell view, created via `createCellViewTemplate` - slots created within the cell view
+        - slot's name: _unique-column-id_ + _column-requested-slot-name from column internal's slotNames array_ (e.g. table-column-slot2-menu)
+        - slot's slot: _column-requested-slot-name from column internal's slotNames array_ (e.g. menu)
+    - menu button column cell view - slot created within the menu button component
+        - slot's name: _column-requested-slot-name from column internal's slotNames array_ (e.g. menu)
+        - slot's slot: `"menu"`, which is the slot name required by the `nimble-menu-button` comonent
+- Add events to pass slot information between cell views, rows, and the table:
+    - `cell-view-slots-request` event
+        - Fired by cell view instances if they want to request that the column's slots to be placed within that cell. For example, the menu button column's cell view will fire this event when the cell's `menu-button` fires a `beforetoggle` event with the `newState` as `true`.
+        - Handled by table rows. When handling this event, a table row will fire the `row-slots-request` event to request the table to slot the necessary elements within the row.
+        - Event details:
             ```ts
             interface CellViewSlotRequestEventDetail {
-                slots: { slot: string, name: string }[];
+                slots: { slot: string; name: string }[];
             }
             ```
-    -   `row-slots-request` event
-        -   Fired by table rows to request that column's slots to be placed within that row. This event is fired in response to the row recieving a `cell-view-slots-request` event fired by one of its cell views.
-        -   Handled by table. When handling this event, the table will update its template to move the appropriate slots into the correct table row.
-        -   Event details:
-            <!-- prettier-ignore -->
+    - `row-slots-request` event
+        - Fired by table rows to request that column's slots to be placed within that row. This event is fired in response to the row recieving a `cell-view-slots-request` event fired by one of its cell views.
+        - Handled by table. When handling this event, the table will update its template to move the appropriate slots into the correct table row.
+        - Event details:
             ```ts
             interface RowSlotRequestEventDetail {
                 columnInternalId: string;
                 rowId: string;
-                slots: { slot: string, name: string }[];
+                slots: { slot: string; name: string }[];
             }
             ```
 
@@ -227,8 +225,8 @@ Rather than creating a menu button column, we could create a select column. Howe
 
 ## Open Issues
 
--   There is no visual design spec for this feature yet. Therefore there are a few open visual design questions, including the following:
-    -   If we only support one appearance for the menu-button, is `ghost` the appropriate one to support?
-    -   Is there any concern that the button text will not align with the column header because of the padding between the edge of the button and the text within the button?
--   If the menu is open in a cell, it needs to be closed when scrolling. However, the `focusedRecycleCallback()` doesn't provide the appropriate hook to do this today. The problem appears to be that the menu has focus when the menu button is open, which means the focus isn't actually in the cell view -- it's in the menu slotted into the cell view. We need to come up with a plan to address this.
--   There may be additional work to integrate this column with the table keyboard navigation work that is currently in progress.
+- There is no visual design spec for this feature yet. Therefore there are a few open visual design questions, including the following:
+    - If we only support one appearance for the menu-button, is `ghost` the appropriate one to support?
+    - Is there any concern that the button text will not align with the column header because of the padding between the edge of the button and the text within the button?
+- If the menu is open in a cell, it needs to be closed when scrolling. However, the `focusedRecycleCallback()` doesn't provide the appropriate hook to do this today. The problem appears to be that the menu has focus when the menu button is open, which means the focus isn't actually in the cell view -- it's in the menu slotted into the cell view. We need to come up with a plan to address this.
+- There may be additional work to integrate this column with the table keyboard navigation work that is currently in progress.
diff --git a/packages/nimble-components/src/table/specs/table-column-specs/table-column-text-field.md b/packages/nimble-components/src/table/specs/table-column-specs/table-column-text-field.md
index d88ceb3a49..0c0ed6f7f6 100644
--- a/packages/nimble-components/src/table/specs/table-column-specs/table-column-text-field.md
+++ b/packages/nimble-components/src/table/specs/table-column-specs/table-column-text-field.md
@@ -14,8 +14,8 @@ The `nimble-table-column-text` is a component that defines how to render a cell
 
 ### Non-goals
 
--   Defining an API that supports editable text. Once we need editable text we will determine if it makes sense to modify this component or introduce a new column type.
--   Provide API to customize styling of the column content. Styles will be defined statically in the implementation via the cell view element.
+- Defining an API that supports editable text. Once we need editable text we will determine if it makes sense to modify this component or introduce a new column type.
+- Provide API to customize styling of the column content. Styles will be defined statically in the implementation via the cell view element.
 
 ### Features
 
@@ -36,17 +36,17 @@ Below is an example of how the `nimble-table-column-text` would be used within a
 
 _Component Name_
 
--   `nimble-table-column-text`
+- `nimble-table-column-text`
 
 _*Props/Attrs*_
 
--   `field-name`: string
+- `field-name`: string
 
 _Type Reference_
 
--   [`TableColumn`](../table-columns-hld.md#tablecolumn)
--   [`TableStringField`](https://github.com/ni/nimble/blob/main/packages/nimble-components/src/table/specs/table-data-api.md#implementation--design) (section showing example types)
--   [`TableCellState`](../table-columns-hld.md#tablecellstate-interface)
+- [`TableColumn`](../table-columns-hld.md#tablecolumn)
+- [`TableStringField`](https://github.com/ni/nimble/blob/main/packages/nimble-components/src/table/specs/table-data-api.md#implementation--design) (section showing example types)
+- [`TableCellState`](../table-columns-hld.md#tablecellstate-interface)
 
 The `TableColumnText` will extend the `TableColumn` in a manner similar to the following:
 
@@ -113,10 +113,10 @@ const template = html<TableCellState<TableColumnTextCellRecord, TableColumnTextC
 
 Note that as we are using a `span` element for the visual we will not support many of the features native to the `nimble-text-field` component as they have little value. This includes:
 
--   No alternate appearance modes (always frameless)
--   No support for disabled state
--   No support for error states
--   No password display support
+- No alternate appearance modes (always frameless)
+- No support for disabled state
+- No support for error states
+- No password display support
 
 ## Sorting behavior
 
@@ -156,11 +156,11 @@ None.
 
 ### Test Plan
 
--   Unit tests will be written to test the component.
-    -   Test for cases where rendered value is HTML content (i.e. `"<button>Should not be a button</button>"`)
-    -   Test for case where rendered value is a non-standard charater (e.g. emoji, Asian character, etc...)
--   Verify manually that the column content appears in the accessibility tree and can be read by a screen reader.
--   Have a Chromatic test in place for this column
+- Unit tests will be written to test the component.
+    - Test for cases where rendered value is HTML content (i.e. `"<button>Should not be a button</button>"`)
+    - Test for case where rendered value is a non-standard charater (e.g. emoji, Asian character, etc...)
+- Verify manually that the column content appears in the accessibility tree and can be read by a screen reader.
+- Have a Chromatic test in place for this column
 
 ### Tooling
 
diff --git a/packages/nimble-components/src/table/specs/table-column-width-hld.md b/packages/nimble-components/src/table/specs/table-column-width-hld.md
index e957eaea81..a724cd74f9 100644
--- a/packages/nimble-components/src/table/specs/table-column-width-hld.md
+++ b/packages/nimble-components/src/table/specs/table-column-width-hld.md
@@ -6,10 +6,10 @@ We need to provide users the means for changing the widths of individual columns
 
 ## Links To Relevant Work Items and Reference Material
 
--   [#873 Programmatically resize column width](https://github.com/ni/nimble/issues/873)
--   [#846 Interactively resize column width](https://github.com/ni/nimble/issues/846)
--   [Table README](./README.md)
--   [Table Design Doc](https://xd.adobe.com/view/5b476816-dad1-4671-b20a-efe796631c72-0e14/screen/d389dc1e-da4f-4a63-957b-f8b3cc9591b4/specs/)
+- [#873 Programmatically resize column width](https://github.com/ni/nimble/issues/873)
+- [#846 Interactively resize column width](https://github.com/ni/nimble/issues/846)
+- [Table README](./README.md)
+- [Table Design Doc](https://xd.adobe.com/view/5b476816-dad1-4671-b20a-efe796631c72-0e14/screen/d389dc1e-da4f-4a63-957b-f8b3cc9591b4/specs/)
 
 ## Implementation / Design
 
@@ -17,19 +17,19 @@ We need to provide users the means for changing the widths of individual columns
 
 #### Column Sizing
 
--   Columns should be able to be configured to either maintain a fixed width, or grow proportionally with the table such as when the window resizes causing the table width to increase. Tables can consist of columns that are configured as a mixture of the two modes.
--   If a user drags a divider between two columns to the right, then the column on the left will grow larger, and the column on the right will grow smaller by the same pixel amount. Sub-behaviors to this are:
-    -   If a shrinking column has reached its minimum pixel size or is not resizable, then the next column in the direction of the sizing action will be affected up to the final column in a given direction.
-    -   A sizing action to the left will ultimately stop having an effect when the left-most column reaches its minimum size.
-    -   A sizing action to the right that would ultimately result in the final right column reaching its minimum size would begin to push columns out of the table viewport width resulting in a horizontal scrollbar on the table.
-    -   Within a single mouse interaction (i.e. drag-sizing without releasing mouse), if a cascade results in a column not adjacent to the divider being sized, then moving the mouse back in the opposite direction will "revert" the size made to the non-adjacent column.
-        ![Column resizing](spec-images/tableColumnResize.gif)
+- Columns should be able to be configured to either maintain a fixed width, or grow proportionally with the table such as when the window resizes causing the table width to increase. Tables can consist of columns that are configured as a mixture of the two modes.
+- If a user drags a divider between two columns to the right, then the column on the left will grow larger, and the column on the right will grow smaller by the same pixel amount. Sub-behaviors to this are:
+    - If a shrinking column has reached its minimum pixel size or is not resizable, then the next column in the direction of the sizing action will be affected up to the final column in a given direction.
+    - A sizing action to the left will ultimately stop having an effect when the left-most column reaches its minimum size.
+    - A sizing action to the right that would ultimately result in the final right column reaching its minimum size would begin to push columns out of the table viewport width resulting in a horizontal scrollbar on the table.
+    - Within a single mouse interaction (i.e. drag-sizing without releasing mouse), if a cascade results in a column not adjacent to the divider being sized, then moving the mouse back in the opposite direction will "revert" the size made to the non-adjacent column.
+      ![Column resizing](spec-images/tableColumnResize.gif)
 
 #### Table Sizing
 
--   If a horizontal scrollbar is present, the act of growing the table will first take away the available scrollbar area, and once completely removed will begin to grow the columns proportionally.
--   Once horizontal scrollable space has been created via column sizing, shrinking the table, while a horizontal scrollbar is present, will not update the sizes of the columns, as the current scrollable area will be maintained.
-    ![Table resizing](spec-images/tableResize.gif)
+- If a horizontal scrollbar is present, the act of growing the table will first take away the available scrollbar area, and once completely removed will begin to grow the columns proportionally.
+- Once horizontal scrollable space has been created via column sizing, shrinking the table, while a horizontal scrollbar is present, will not update the sizes of the columns, as the current scrollable area will be maintained.
+  ![Table resizing](spec-images/tableResize.gif)
 
 [Working branch](https://github.com/ni/nimble/tree/table-column-sizing-cascade-and-grow).
 
@@ -37,11 +37,11 @@ We need to provide users the means for changing the widths of individual columns
 
 There are some column sizing behaviors that we will ultimately expect to support, but the APIs presented here are not meant to address:
 
--   Auto-resizing: We will not describe how we intend to support the use-case of having a column auto-size to its contents
--   Different interactive sizing modes: While the APIs described in this HLD do not inherently prescribe to a particular interactive sizing behavior, it's worth saying that in order to support multiple sizing modes, there will likely be additional APIs required that this HLD does not address.
-    -   This includes the ability to prevent interactive resizing.
--   Ability to remove any horizontal scrollable space that has been created via column sizing (future work).
--   Mechanisms related to accessibility-centric interactive column sizing. One possible example is allowing a user to size a column by way of the keyboard, instead of using a mouse. Ultimately, such a scenario is not in conflict with the API presented here, nor the mouse-based approach we know we will require, and can thus be handled separately, if ever.
+- Auto-resizing: We will not describe how we intend to support the use-case of having a column auto-size to its contents
+- Different interactive sizing modes: While the APIs described in this HLD do not inherently prescribe to a particular interactive sizing behavior, it's worth saying that in order to support multiple sizing modes, there will likely be additional APIs required that this HLD does not address.
+    - This includes the ability to prevent interactive resizing.
+- Ability to remove any horizontal scrollable space that has been created via column sizing (future work).
+- Mechanisms related to accessibility-centric interactive column sizing. One possible example is allowing a user to size a column by way of the keyboard, instead of using a mouse. Ultimately, such a scenario is not in conflict with the API presented here, nor the mouse-based approach we know we will require, and can thus be handled separately, if ever.
 
 ### API
 
@@ -107,9 +107,9 @@ The properties with the `current` prefix are those that the `Table` will use to
 
 #### `currentFractionalWidth` vs `currentPixelWidth` behavior
 
--   The values supplied to the `currentFractionalWidth` property have the same meaning as the values supplied with the [`fr` unit](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout#the_fr_unit) for the CSS `grid-template-columns` property.
--   The values supplied to the `currentPixelWidth` property are meant to be pixel-based values.
--   The table will use `currentPixelWidth` over `currentFractionalWidth` when both are set.
+- The values supplied to the `currentFractionalWidth` property have the same meaning as the values supplied with the [`fr` unit](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout#the_fr_unit) for the CSS `grid-template-columns` property.
+- The values supplied to the `currentPixelWidth` property are meant to be pixel-based values.
+- The table will use `currentPixelWidth` over `currentFractionalWidth` when both are set.
 
 #### Mixin Example
 
diff --git a/packages/nimble-components/src/table/specs/table-columns-hld.md b/packages/nimble-components/src/table/specs/table-columns-hld.md
index de3f8be1df..bb19502749 100644
--- a/packages/nimble-components/src/table/specs/table-columns-hld.md
+++ b/packages/nimble-components/src/table/specs/table-columns-hld.md
@@ -82,9 +82,9 @@ Note that displaying data of different types but with the same presentation and
 
 Columns should follow the [Nimble components naming scheme](/packages/nimble-components/CONTRIBUTING.md#component-naming) with these rules:
 
--   the "category" is `table-column`
--   the "presentation" describes the cell visual. For example, `text`, `anchor`, or `progress`
--   the "variant" can be different configurations of those presentations. For example, `numeric-text` or `date-text`.
+- the "category" is `table-column`
+- the "presentation" describes the cell visual. For example, `text`, `anchor`, or `progress`
+- the "variant" can be different configurations of those presentations. For example, `numeric-text` or `date-text`.
 
 Some potential column names following this convention are listed below.
 
@@ -200,9 +200,9 @@ export class ColumnInternals<TColumnConfig> {
 
 Requiring column plugins to create custom elements for use in the table cells has several implications:
 
--   The elements encapsulate any state needed by the cell
--   The cell element templates can use `ref` to get references to view elements from their templates, for use in their element code
--   Simplifies the API needed to respond to events from the table. One example is `TableCellView.focusedRecycleCallback()` which will be called before a row is recycled during a virtualized scroll, giving column plugins the opportunity to commit changes and blur the control in the cell.
+- The elements encapsulate any state needed by the cell
+- The cell element templates can use `ref` to get references to view elements from their templates, for use in their element code
+- Simplifies the API needed to respond to events from the table. One example is `TableCellView.focusedRecycleCallback()` which will be called before a row is recycled during a virtualized scroll, giving column plugins the opportunity to commit changes and blur the control in the cell.
 
 ```TS
 abstract class TableCellView<
@@ -519,7 +519,7 @@ A programmatic API was also considered either in place of, or along side the pro
 
 ## Open Issues
 
--   The current design doesn't offer any strict templating feedback (in Angular) for a particular `TableColumn` implementation. So, if a user provides a dataKey to a property of an `TableColumn` that wants the value for that dataKey to be a `DateTime` (i.e. its cell view implementation expects a `DateTime`), but the value in the actual table data for that key is a string, the user will be unaware of that mismatch at compile time.
+- The current design doesn't offer any strict templating feedback (in Angular) for a particular `TableColumn` implementation. So, if a user provides a dataKey to a property of an `TableColumn` that wants the value for that dataKey to be a `DateTime` (i.e. its cell view implementation expects a `DateTime`), but the value in the actual table data for that key is a string, the user will be unaware of that mismatch at compile time.
 
     It is unclear how we could provide such feedback, but it would be extremely nice if possible.
 
diff --git a/packages/nimble-components/src/table/specs/table-data-api.md b/packages/nimble-components/src/table/specs/table-data-api.md
index 9a7f0b429a..0f53fb7608 100644
--- a/packages/nimble-components/src/table/specs/table-data-api.md
+++ b/packages/nimble-components/src/table/specs/table-data-api.md
@@ -18,8 +18,8 @@ In the `nimble-table`, the data associated with the table will be specified by c
 
 The data will be specified by calling a function for a few different reasons:
 
--   Requiring a client to explicitly call `setData()` avoids confusion regarding what needs to be done to update the data. For example, if `data` were a property, would the table update if a new record were pushed into the assigned array? Would reassigning the same array instance cause the table to re-render to include any changes made to the array since last time the property was assigned?
--   By not having a `getData()` function or a property with a getter and setter, the table does not have to create an additional copy of the data in order to have it available to return to the client. Instead, the data provided in `setData()` can be passed to TanStack without an additional copy being cached within the `Table` class in nimble.
+- Requiring a client to explicitly call `setData()` avoids confusion regarding what needs to be done to update the data. For example, if `data` were a property, would the table update if a new record were pushed into the assigned array? Would reassigning the same array instance cause the table to re-render to include any changes made to the array since last time the property was assigned?
+- By not having a `getData()` function or a property with a getter and setter, the table does not have to create an additional copy of the data in order to have it available to return to the client. Instead, the data provided in `setData()` can be passed to TanStack without an additional copy being cached within the `Table` class in nimble.
 
 To help enforce typing, the `Table` class will be generic on the type for the record. The typing of the table is shown below:
 
diff --git a/packages/nimble-components/src/table/specs/table-keyboard-navigation-hld.md b/packages/nimble-components/src/table/specs/table-keyboard-navigation-hld.md
index 7efba68e2d..1b64400f23 100644
--- a/packages/nimble-components/src/table/specs/table-keyboard-navigation-hld.md
+++ b/packages/nimble-components/src/table/specs/table-keyboard-navigation-hld.md
@@ -6,13 +6,13 @@ It is desirable for the table to support navigating and interacting with its con
 
 ## Links To Relevant Work Items and Reference Material
 
--   [Previous HLD and discussions on pull request](https://github.com/ni/nimble/pull/1506)
--   [ARIA Treegrid Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/treegrid/#keyboardinteraction)
--   [ARIA Focus/Edit/Navigation guidance for cells](https://www.w3.org/WAI/ARIA/apg/patterns/grid/#gridNav_focus)
--   [ARIA treegrid example](https://codepen.io/atmgrifter00/pen/oNJLMQr)
--   Outdated:
-    -   [Prototype branch](https://github.com/ni/nimble/tree/table-keyboard-interactions-treegrid) ([Storybook](https://60e89457a987cf003efc0a5b-vtowbhsqmj.chromatic.com/?path=/story/incubating-table--table&args=selectionMode:multiple))
-    -   [IxD Keyboard interactions](https://xd.adobe.com/view/fa09e396-dbb9-40b8-547f-1cf9eab35a0b-8c38/)
+- [Previous HLD and discussions on pull request](https://github.com/ni/nimble/pull/1506)
+- [ARIA Treegrid Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/treegrid/#keyboardinteraction)
+- [ARIA Focus/Edit/Navigation guidance for cells](https://www.w3.org/WAI/ARIA/apg/patterns/grid/#gridNav_focus)
+- [ARIA treegrid example](https://codepen.io/atmgrifter00/pen/oNJLMQr)
+- Outdated:
+    - [Prototype branch](https://github.com/ni/nimble/tree/table-keyboard-interactions-treegrid) ([Storybook](https://60e89457a987cf003efc0a5b-vtowbhsqmj.chromatic.com/?path=/story/incubating-table--table&args=selectionMode:multiple))
+    - [IxD Keyboard interactions](https://xd.adobe.com/view/fa09e396-dbb9-40b8-547f-1cf9eab35a0b-8c38/)
 
 ## Implementation / Design
 
@@ -37,8 +37,8 @@ There's also guidance about whether cells themselves, or the elements inside the
 > ARIA: "For assistive technology users, the quality of experience when navigating a grid heavily depends on both what a cell contains and on where keyboard focus is set. For example, if a cell contains a button and a grid navigation key places focus on the cell instead of the button, screen readers announce the button label but do not tell users a button is present.  
 > There are two optimal cell design and focus behavior combinations:
 >
-> -   When a cell contains _one widget_ whose operation _does not require arrow keys_, the grid navigation keys **will set focus on that widget**. Examples of such widgets include link, button, menubutton, toggle button, radio button (not radio group), switch, and checkbox.
-> -   When a cell contains _text or a single graphic_, the grid navigation keys will **set focus on the cell**."
+> - When a cell contains _one widget_ whose operation _does not require arrow keys_, the grid navigation keys **will set focus on that widget**. Examples of such widgets include link, button, menubutton, toggle button, radio button (not radio group), switch, and checkbox.
+> - When a cell contains _text or a single graphic_, the grid navigation keys will **set focus on the cell**."
 
 ### Specifics for nimble-table
 
@@ -46,17 +46,17 @@ There's also guidance about whether cells themselves, or the elements inside the
 
 `Tab` or `Shift-Tab`, from neighboring elements on the page (according to tab order), will focus the table:
 
--   If the table header contains any interactive/focusable elements, the 1st will be focused. Examples: 'Select all rows' checkbox, 'Collapse all groups' button, column headers (if any are sortable)
--   Otherwise, the 1st table row will be focused
--   (If no header elements are focusable, and the table has no rows, the table cannot be focused)
+- If the table header contains any interactive/focusable elements, the 1st will be focused. Examples: 'Select all rows' checkbox, 'Collapse all groups' button, column headers (if any are sortable)
+- Otherwise, the 1st table row will be focused
+- (If no header elements are focusable, and the table has no rows, the table cannot be focused)
 
 As noted above, `Tab` / `Shift-Tab` key moves focus between the focusable elements in a row or the header (not the cells). When focus has reached the end (or beginning) of the row/header, a continued `Tab` (or `Shift-Tab`) will move focus outside of the table.
 
 **Losing and regaining focus**:
 
--   If a particular table row has been focused, then tab focus leaves the table and later returns, we will return focus to that row (based on row index), rather than it restarting at the first row/ header.
--   If the previously focused row index is not currently in view, we'll scroll so that it's in view.
--   If there is no longer a row at the previous row index (e.g. data updates resulted in fewer rows), we'll return focus to the first row (not the header).
+- If a particular table row has been focused, then tab focus leaves the table and later returns, we will return focus to that row (based on row index), rather than it restarting at the first row/ header.
+- If the previously focused row index is not currently in view, we'll scroll so that it's in view.
+- If there is no longer a row at the previous row index (e.g. data updates resulted in fewer rows), we'll return focus to the first row (not the header).
 
 #### Navigating rows/cells
 
@@ -64,48 +64,48 @@ Once focused, by default the table is in 'navigation mode', allowing the user to
 
 When a row is focused:
 
--   If the row can be expanded and is collapsed, pressing `ArrowRight` will expand the row
--   If the row is expanded and can be collapsed, pressing `ArrowLeft` will collapse the row
--   If the row cannot be expanded (or is already expanded), pressing `ArrowRight` will move focus to the first cell
--   If the row cannot be collapsed (or is already collapsed), pressing `ArrowLeft` does nothing
--   If `ArrowDown` or `ArrowUp` is pressed, the next or previous row will be focused (if a row is available in the given direction to move to)
--   Action menus: All cell action menu buttons for the given row will be visible
+- If the row can be expanded and is collapsed, pressing `ArrowRight` will expand the row
+- If the row is expanded and can be collapsed, pressing `ArrowLeft` will collapse the row
+- If the row cannot be expanded (or is already expanded), pressing `ArrowRight` will move focus to the first cell
+- If the row cannot be collapsed (or is already collapsed), pressing `ArrowLeft` does nothing
+- If `ArrowDown` or `ArrowUp` is pressed, the next or previous row will be focused (if a row is available in the given direction to move to)
+- Action menus: All cell action menu buttons for the given row will be visible
 
 When a cell is focused:
 
--   If the focus is on the first cell, pressing `ArrowLeft` will focus the entire row
--   If the focus is on any cell other than the first cell, pressing `ArrowLeft` will move focus one cell to the left
--   If the focus is on any cell other than the last, pressing `ArrowRight` will move focus to the next cell to the right
--   If the focus is on the last cell, pressing `ArrowRight` does nothing
--   Note: If a focused cell has multiple interactive elements for its contents, those elements will _not_ receive focus from pressing `ArrowLeft` or `ArrowRight`, and instead focus will be shifted to the appropriate neighboring cell (or do nothing if focus is at the extents of the row).
--   If `ArrowDown` or `ArrowUp` is pressed, when there is an available row in the navigation direction, focus will move to the cell in the current focused column of the new row (next row or previous row, respectively)
--   Action menus: The cell menu for the given cell will be visible. Any other action menu buttons for the row will be hidden as usual (unless the row is also mouse-hovered)
+- If the focus is on the first cell, pressing `ArrowLeft` will focus the entire row
+- If the focus is on any cell other than the first cell, pressing `ArrowLeft` will move focus one cell to the left
+- If the focus is on any cell other than the last, pressing `ArrowRight` will move focus to the next cell to the right
+- If the focus is on the last cell, pressing `ArrowRight` does nothing
+- Note: If a focused cell has multiple interactive elements for its contents, those elements will _not_ receive focus from pressing `ArrowLeft` or `ArrowRight`, and instead focus will be shifted to the appropriate neighboring cell (or do nothing if focus is at the extents of the row).
+- If `ArrowDown` or `ArrowUp` is pressed, when there is an available row in the navigation direction, focus will move to the cell in the current focused column of the new row (next row or previous row, respectively)
+- Action menus: The cell menu for the given cell will be visible. Any other action menu buttons for the row will be hidden as usual (unless the row is also mouse-hovered)
 
 To navigate by multiple rows/cells, when a row or cell is focused:
 
--   `PageUp`: Navigate up by a table height's worth of rows. If a cell was selected, the matching cell (in the same column) of the new row will be selected.
--   `PageDown`: Navigate down by a table height's worth of rows. If a cell was selected, the matching cell (in the same column) of the new row will be selected.
--   `Home`: Navigate to the 1st row (if a row is selected), or the 1st cell of the row (if a cell is selected)
--   `End`: Navigate to the last row (if a row is selected), or the last cell of the row (if a cell is selected)
--   `Ctrl-Home`: Navigate to the first row. If a cell was selected, the matching cell (in the same column) of the new row will be selected.
--   `Ctrl-End`: Navigate to the last row. If a cell was selected, the matching cell (in the same column) of the new row will be selected.
+- `PageUp`: Navigate up by a table height's worth of rows. If a cell was selected, the matching cell (in the same column) of the new row will be selected.
+- `PageDown`: Navigate down by a table height's worth of rows. If a cell was selected, the matching cell (in the same column) of the new row will be selected.
+- `Home`: Navigate to the 1st row (if a row is selected), or the 1st cell of the row (if a cell is selected)
+- `End`: Navigate to the last row (if a row is selected), or the last cell of the row (if a cell is selected)
+- `Ctrl-Home`: Navigate to the first row. If a cell was selected, the matching cell (in the same column) of the new row will be selected.
+- `Ctrl-End`: Navigate to the last row. If a cell was selected, the matching cell (in the same column) of the new row will be selected.
 
 To interact with a cell's interactive contents, starting from the state of a cell being focused:
 
--   If the cell has an interactive element (including the action menu button):
-    -   Pressing `Enter` or `F2` will focus the 1st/ primary interactive element, but not trigger its functionality. Once the element is focused, it can be triggered using standard keys (`Enter` for most elements).
-    -   At this point, the table is no longer in 'navigation mode' (will not handle arrow key presses). `Tab`/`Shift-Tab` will also be handled by the active element by default, but may bubble up and be handled by the table (resulting in a focus change) if the content does not process `Tab`/`Shift-Tab` presses. To return to 'navigation mode', and focus the cell again:
-        -   `Esc` is pressed: If the user had edited content (e.g. textbox), it may be reverted.
-        -   `Enter` is pressed: If the user was editing content or interacting with a control, those changes will be committed.
--   For all cells with action menu buttons:
-    -   `Ctrl-Enter` will trigger the action menu button and open the action menu. Note: If the action menu button is the only interactive element in the cell, `Enter` will do the same thing.
--   Pressing `Tab` will focus the 1st/ primary interactive element in the cell. Subsequent `Tab` presses will focus subsequent interactive elements in the cell, including the action menu button. `Shift-Tab` will focus the previous interactive element. Note: `Tab` will not cycle within the cell (it will go to the next focusable elements in the row, or focus will leave the table, as outlined in the "`Tab`/`Shift-Tab` behavior" section above).
+- If the cell has an interactive element (including the action menu button):
+    - Pressing `Enter` or `F2` will focus the 1st/ primary interactive element, but not trigger its functionality. Once the element is focused, it can be triggered using standard keys (`Enter` for most elements).
+    - At this point, the table is no longer in 'navigation mode' (will not handle arrow key presses). `Tab`/`Shift-Tab` will also be handled by the active element by default, but may bubble up and be handled by the table (resulting in a focus change) if the content does not process `Tab`/`Shift-Tab` presses. To return to 'navigation mode', and focus the cell again:
+        - `Esc` is pressed: If the user had edited content (e.g. textbox), it may be reverted.
+        - `Enter` is pressed: If the user was editing content or interacting with a control, those changes will be committed.
+- For all cells with action menu buttons:
+    - `Ctrl-Enter` will trigger the action menu button and open the action menu. Note: If the action menu button is the only interactive element in the cell, `Enter` will do the same thing.
+- Pressing `Tab` will focus the 1st/ primary interactive element in the cell. Subsequent `Tab` presses will focus subsequent interactive elements in the cell, including the action menu button. `Shift-Tab` will focus the previous interactive element. Note: `Tab` will not cycle within the cell (it will go to the next focusable elements in the row, or focus will leave the table, as outlined in the "`Tab`/`Shift-Tab` behavior" section above).
 
 Scrolling the table:
 
--   If a row or cell is focused, and the table is scrolled such that the focused row/cell is no longer visible, then it's scrolled back, the same row/cell should be focused again.
--   The row/cell keyboard navigation actions will scroll the table if required, such that the newly focused row/cell is visible.
--   If an element in a cell (or the cell action menu) is focused when a scroll occurs, after the scroll, the cell will be focused instead.
+- If a row or cell is focused, and the table is scrolled such that the focused row/cell is no longer visible, then it's scrolled back, the same row/cell should be focused again.
+- The row/cell keyboard navigation actions will scroll the table if required, such that the newly focused row/cell is visible.
+- If an element in a cell (or the cell action menu) is focused when a scroll occurs, after the scroll, the cell will be focused instead.
 
 `Ctrl-Alt modifiers`: It appears to be a common convention for screen readers to leverage `Ctrl-Alt Arrows` to move the screen reader focus to each of the cells in a row. As such, it may be desirable for our implementation to explicitly not handle keyboard interactions that involve both modifier keys, and instead respond to any resulting focus change, and update any internal state as needed based on the newly focused element. This is what the ARIA `treegrid` example does. It's not clear whether this behavior will require special handling by us or not, but we should test this scenario.
 
@@ -113,10 +113,10 @@ Scrolling the table:
 
 If the table has `selection-mode` of `single` or `multiple`:
 
--   If a row is focused, pressing `Space` will select/unselect that row
-    -   One exception: group header rows will require focusing the selection checkbox to select/unselect, as `Space` is used for group interactions (see below)
--   If a row's selection checkbox is focused, pressing `Space` will toggle the checkbox, selecting/unselecting that row
--   (Optional but suggested by ARIA WPG) If a row or cell is focused, `Shift-Space` will select/unselect the associated row
+- If a row is focused, pressing `Space` will select/unselect that row
+    - One exception: group header rows will require focusing the selection checkbox to select/unselect, as `Space` is used for group interactions (see below)
+- If a row's selection checkbox is focused, pressing `Space` will toggle the checkbox, selecting/unselecting that row
+- (Optional but suggested by ARIA WPG) If a row or cell is focused, `Shift-Space` will select/unselect the associated row
 
 Since a row's selection checkbox is currently `role=gridcell`, it will be able to be navigated to with `LeftArrow`/`RightArrow`.
 
@@ -126,9 +126,9 @@ If at least one column can be sorted, all of the column headers will be keyboard
 
 In this scenario:
 
--   `ArrowLeft` and `ArrowRight` will navigate between the selection checkbox and expand/collapse button, and each of the column headers, following similar semantics as the cell navigation (above).
--   `Enter` will toggle column sorting (between ascending/descending/none, in the same way a mouse click does)
--   `Shift-Enter` will add/remove the given column from sorting, while maintaining any other sorted columns (e.g. multi-sort), in the same way a Shift-mouse-click does
+- `ArrowLeft` and `ArrowRight` will navigate between the selection checkbox and expand/collapse button, and each of the column headers, following similar semantics as the cell navigation (above).
+- `Enter` will toggle column sorting (between ascending/descending/none, in the same way a mouse click does)
+- `Shift-Enter` will add/remove the given column from sorting, while maintaining any other sorted columns (e.g. multi-sort), in the same way a Shift-mouse-click does
 
 #### Grouping
 
@@ -136,8 +136,8 @@ Since the entire group header row is a button, the explicit expand/collapse butt
 
 If a group header row is focused:
 
--   `Space` / `Enter` will expand or collapse that group (toggling the expansion state)
--   `ArrowLeft` will collapse the group, and `ArrowRight` will expand it (for consistency with the row interactions)
+- `Space` / `Enter` will expand or collapse that group (toggling the expansion state)
+- `ArrowLeft` will collapse the group, and `ArrowRight` will expand it (for consistency with the row interactions)
 
 #### Effects of mouse interactions on keyboard navigation
 
@@ -149,16 +149,16 @@ If the user interacts with the table with the mouse (e.g. clicks a row, cell, or
 
 **Focusing single interactive element of a cell**
 
--   If a cell does not have an action menu, and only contains a single interactive/focusable element of the following types: button (and variants), switch, checkbox, or anchor/link: it may be desirable to focus the child element _instead_ of the cell. (See ARIA guidance from above)
--   We opted against implementing this behavior, partially due to complications with virtualization (wanting to blur the previously focused control on scroll).
+- If a cell does not have an action menu, and only contains a single interactive/focusable element of the following types: button (and variants), switch, checkbox, or anchor/link: it may be desirable to focus the child element _instead_ of the cell. (See ARIA guidance from above)
+- We opted against implementing this behavior, partially due to complications with virtualization (wanting to blur the previously focused control on scroll).
 
 ### ARIA roles
 
 Assigning appropriate ARIA roles to the various elements inside the table is critical for technologies like screen readers to work as intended. We believe the following ARIA designations will provide the expected behaviors:
 
--   `role="row"` : Provided to `TableRow` and `TableGroupRow` elements, and the element hosting all of the column header content
--   `role="columnheader"` : Provided to each `TableHeader` element as well as the container for the components responsible for various row actions like selection and collapse-all.
--   `role="gridcell"` : Provided to each `TableCell` element. This is the recommended role for cells in a `treegrid`. This would also be applied to the container element at the front of each row that would host the row selection checkbox.
+- `role="row"` : Provided to `TableRow` and `TableGroupRow` elements, and the element hosting all of the column header content
+- `role="columnheader"` : Provided to each `TableHeader` element as well as the container for the components responsible for various row actions like selection and collapse-all.
+- `role="gridcell"` : Provided to each `TableCell` element. This is the recommended role for cells in a `treegrid`. This would also be applied to the container element at the front of each row that would host the row selection checkbox.
 
 Note: For each `gridcell` in a row, there should be a corresponding `columnheader`.
 
diff --git a/packages/nimble-components/src/table/specs/table-row-grouping-hld.md b/packages/nimble-components/src/table/specs/table-row-grouping-hld.md
index d82dd0affd..aa8ebc33a3 100644
--- a/packages/nimble-components/src/table/specs/table-row-grouping-hld.md
+++ b/packages/nimble-components/src/table/specs/table-row-grouping-hld.md
@@ -14,13 +14,13 @@ This document will focus on the programmatic grouping of data rows.
 
 ## Links To Relevant Work Items and Reference Material
 
--   [#1003 Programmatic grouping of data rows](https://github.com/ni/nimble/issues/1003)
--   [Basic Interactions Spec](https://xd.adobe.com/view/6f3be15d-8503-4f1f-54b9-5bc27955b3e4-190a/screen/13edcacf-4e95-46b2-a7a8-83141afb3f2d)
--   [Keyboard Navigation](https://xd.adobe.com/view/fa09e396-dbb9-40b8-547f-1cf9eab35a0b-8c38/screen/61432aef-6dca-4b87-a62b-12ed17a927b4)
--   [Table README](./README.md)
--   [Table Design Doc](https://xd.adobe.com/view/5b476816-dad1-4671-b20a-efe796631c72-0e14/screen/d389dc1e-da4f-4a63-957b-f8b3cc9591b4/specs/)
--   [Icon Visual Designs](https://xd.adobe.com/view/1a9870c7-2510-4248-83a5-b0148e7a6763-4fcb/)
--   [Prototype branch](https://github.com/ni/nimble/tree/table-row-grouping-prototype) ([Storybook](https://60e89457a987cf003efc0a5b-bwzrahvxqm.chromatic.com/?path=/story/table--table))
+- [#1003 Programmatic grouping of data rows](https://github.com/ni/nimble/issues/1003)
+- [Basic Interactions Spec](https://xd.adobe.com/view/6f3be15d-8503-4f1f-54b9-5bc27955b3e4-190a/screen/13edcacf-4e95-46b2-a7a8-83141afb3f2d)
+- [Keyboard Navigation](https://xd.adobe.com/view/fa09e396-dbb9-40b8-547f-1cf9eab35a0b-8c38/screen/61432aef-6dca-4b87-a62b-12ed17a927b4)
+- [Table README](./README.md)
+- [Table Design Doc](https://xd.adobe.com/view/5b476816-dad1-4671-b20a-efe796631c72-0e14/screen/d389dc1e-da4f-4a63-957b-f8b3cc9591b4/specs/)
+- [Icon Visual Designs](https://xd.adobe.com/view/1a9870c7-2510-4248-83a5-b0148e7a6763-4fcb/)
+- [Prototype branch](https://github.com/ni/nimble/tree/table-row-grouping-prototype) ([Storybook](https://60e89457a987cf003efc0a5b-bwzrahvxqm.chromatic.com/?path=/story/table--table))
 
 ## Implementation / Design
 
@@ -230,13 +230,13 @@ The one change necessary to support this properly is to change the virtualizer t
 
 ### Row interaction summary
 
--   Group rows will perform an expand/collapse operation when clicked anywhere on the row.
--   The expand/collapse button for group rows will not have button hover/click visual state
--   The group row will change its background color on hover
--   No elements within a group row will be focusable.
--   To navigate between rows a user will click the UP or DOWN arrows
--   To expand/collapse rows a user will click ALT UP or ALT DOWN arrows
--   When a row is focused (via the UP or DOWN arrows), if a screen reader is active it should read the header text and the total row count.
+- Group rows will perform an expand/collapse operation when clicked anywhere on the row.
+- The expand/collapse button for group rows will not have button hover/click visual state
+- The group row will change its background color on hover
+- No elements within a group row will be focusable.
+- To navigate between rows a user will click the UP or DOWN arrows
+- To expand/collapse rows a user will click ALT UP or ALT DOWN arrows
+- When a row is focused (via the UP or DOWN arrows), if a screen reader is active it should read the header text and the total row count.
 
 ### Auto expanding groups
 
diff --git a/packages/nimble-components/src/table/specs/table-row-selection.md b/packages/nimble-components/src/table/specs/table-row-selection.md
index 1648c8a7bf..4abb826985 100644
--- a/packages/nimble-components/src/table/specs/table-row-selection.md
+++ b/packages/nimble-components/src/table/specs/table-row-selection.md
@@ -8,15 +8,15 @@ The nimble-table should support selecting rows. Row selection should be configur
 
 The following items are out of scope of this HLD:
 
--   The table will not support programmatically selecting grouped rows. This feature can be implemented in the future if desired, but the first step of adding this feature will need to be exposing row IDs for grouped rows.
--   Any implication that data hierarchy has on row selection is out of scope for this HLD.
+- The table will not support programmatically selecting grouped rows. This feature can be implemented in the future if desired, but the first step of adding this feature will need to be exposing row IDs for grouped rows.
+- Any implication that data hierarchy has on row selection is out of scope for this HLD.
 
 ## Links To Relevant Work Items and Reference Material
 
--   [#856 Selection support in the table](https://github.com/ni/nimble/issues/856)
--   [Table README](./README.md)
--   [Table Design Doc](https://xd.adobe.com/view/5b476816-dad1-4671-b20a-efe796631c72-0e14/screen/d389dc1e-da4f-4a63-957b-f8b3cc9591b4/specs/)
--   [Table interactions UX Spec](https://xd.adobe.com/view/6f3be15d-8503-4f1f-54b9-5bc27955b3e4-190a/)
+- [#856 Selection support in the table](https://github.com/ni/nimble/issues/856)
+- [Table README](./README.md)
+- [Table Design Doc](https://xd.adobe.com/view/5b476816-dad1-4671-b20a-efe796631c72-0e14/screen/d389dc1e-da4f-4a63-957b-f8b3cc9591b4/specs/)
+- [Table interactions UX Spec](https://xd.adobe.com/view/6f3be15d-8503-4f1f-54b9-5bc27955b3e4-190a/)
 
 ## Implementation / Design
 
@@ -48,9 +48,9 @@ The table will have `getSelectedRecordIds(): string[]` and `setSelectedRecordIds
 
 The table will only support selection when it has an `id-field-name` configured on it. This is for a few reasons:
 
--   Record IDs are meaningless when an `id-field-name` is not set. When that attribute is not set, the IDs are generated by TanStack, and no assumptions about their values should be made by a client application. Therefore, a client would not be able to do anything with the array of record IDs emitted from the `selection-change` event when `id-field-name` is not set.
--   Selection within TanStack will be maintained using record IDs. The selection behavior will be unexpected and non-deterministic if a record in the table does not have a static ID associated with it.
--   The selection state of TanStack needs to be updated when the data is updated to ensure that no rows are configured as selected when they don't exist in the data set anymore. Removing the selection state for removed records will be more straight forward when an `id-field-name` is set because the record IDs can be determined using the data passed to `setData` alone. When using IDs generated by TanStack, first TanStack would need to be updated with the new data, then the generated ID could be pulled from each TanStack row, and only then could the new selection state be determined and set on the underlying TanStack table.
+- Record IDs are meaningless when an `id-field-name` is not set. When that attribute is not set, the IDs are generated by TanStack, and no assumptions about their values should be made by a client application. Therefore, a client would not be able to do anything with the array of record IDs emitted from the `selection-change` event when `id-field-name` is not set.
+- Selection within TanStack will be maintained using record IDs. The selection behavior will be unexpected and non-deterministic if a record in the table does not have a static ID associated with it.
+- The selection state of TanStack needs to be updated when the data is updated to ensure that no rows are configured as selected when they don't exist in the data set anymore. Removing the selection state for removed records will be more straight forward when an `id-field-name` is set because the record IDs can be determined using the data passed to `setData` alone. When using IDs generated by TanStack, first TanStack would need to be updated with the new data, then the generated ID could be pulled from each TanStack row, and only then could the new selection state be determined and set on the underlying TanStack table.
 
 When new data is set on the table, the set of selected rows needs to be evaluated to remove the state of rows whose record no longer exists in the data. When the record IDs are invalid for any reason, the selection state will not be modified based on the new data. When the data updates again to have valid IDs, the selection state will then be updated. When `id-field-name` is changed, the selection state will be cleared (i.e. no rows selected) because the set of old selected record IDs will be invalidated by each record potentially having a new ID.
 
@@ -58,53 +58,53 @@ When new data is set on the table, the set of selected rows needs to be evaluate
 
 Selection disabled
 
--   Rows will not have a hover state
--   No selection checkboxes will be visible within the table
--   Clicking on a row does nothing
--   Opening the action menu for a row does not mark the row as selected
+- Rows will not have a hover state
+- No selection checkboxes will be visible within the table
+- Clicking on a row does nothing
+- Opening the action menu for a row does not mark the row as selected
 
 Single selection
 
--   Rows have a hover state
--   No selection checkboxes will be visible within the table
--   Selection will be indicated by a changed row background color
--   Selection is set by clicking on a row; clicking a new row changes selection to that row
--   The menu button associated with an action menu is visible for the selected row even if it is not hovered
--   Opening the action menu for a row ensures that row is selected
--   Keyboard interactions:
-    -   SPACE: Select/deselect the focused row
+- Rows have a hover state
+- No selection checkboxes will be visible within the table
+- Selection will be indicated by a changed row background color
+- Selection is set by clicking on a row; clicking a new row changes selection to that row
+- The menu button associated with an action menu is visible for the selected row even if it is not hovered
+- Opening the action menu for a row ensures that row is selected
+- Keyboard interactions:
+    - SPACE: Select/deselect the focused row
 
 Multiple selection
 
--   Rows have a hover state
--   Selection checkbox is visible on each non-grouped row with the following behavior:
-    -   The checkbox will be checked if the row is selected
-    -   The checkbox will not be checked if the row is not selected
-    -   Clicking the checkbox adds/removes the row from the set of selected rows without affecting selection of other rows
--   Selection checkbox is visible on each grouped row with the following behavior:
-    -   The checkbox will be checked if all rows in the group are selected
-    -   The checkbox will not be checked if no rows in the group are selected
-    -   The checkbox will be in the indeterminate state if some, but not all, rows in the table are selected
-    -   Clicking the checkbox toggles the selection for all rows in that group
--   Selection checkbox is visible in the table's header with the following behavior:
-    -   The checkbox will be checked if all rows in the table are selected
-    -   The checkbox will not be checked if no rows in the the table are selected
-    -   The checkbox will be in the indeterminate state if some, but not all, rows in the table are selected
-    -   Clicking on the checkbox toggles the selection for all rows in the table
--   Selection of non-grouped rows is additionally indicated by a changed row background color
--   Clicking a non-grouped row makes it selected and deselects any rows that previously were selected
--   Multiple non-grouped rows can be selected using CTRL+click and SHIFT+click
--   The menu-button associated with an action menu is visible for all selected rows even when they are not hovered
--   Opening the action menu for a row ensures that row is selected:
-    -   If that row was already selected, the action menu is associated with all selected rows. The record IDs for each selected row will be included in the `action-menu-toggle` event detail.
-    -   If that row was not already selected, the selection changes to _only_ that row. All other rows are deselected. The action menu is only applied with the single row it was opened on. The record ID for only the single row will be include in the `action-menu-toggle` event detail.
--   Keyboard interactions:
-    -   SPACE: Select/deselect the focused row
-    -   CTRL + SPACE: Multi-select/multi-deselect row
-    -   SHIFT + SPACE: Select rows between selected and focused
-    -   SHIFT + ARROW DOWN: Select/multiselect row(s) below
-    -   SHIFT + ARROW UP: Select/multiselect row(s) above
-    -   CTRL + A: Select all rows
+- Rows have a hover state
+- Selection checkbox is visible on each non-grouped row with the following behavior:
+    - The checkbox will be checked if the row is selected
+    - The checkbox will not be checked if the row is not selected
+    - Clicking the checkbox adds/removes the row from the set of selected rows without affecting selection of other rows
+- Selection checkbox is visible on each grouped row with the following behavior:
+    - The checkbox will be checked if all rows in the group are selected
+    - The checkbox will not be checked if no rows in the group are selected
+    - The checkbox will be in the indeterminate state if some, but not all, rows in the table are selected
+    - Clicking the checkbox toggles the selection for all rows in that group
+- Selection checkbox is visible in the table's header with the following behavior:
+    - The checkbox will be checked if all rows in the table are selected
+    - The checkbox will not be checked if no rows in the the table are selected
+    - The checkbox will be in the indeterminate state if some, but not all, rows in the table are selected
+    - Clicking on the checkbox toggles the selection for all rows in the table
+- Selection of non-grouped rows is additionally indicated by a changed row background color
+- Clicking a non-grouped row makes it selected and deselects any rows that previously were selected
+- Multiple non-grouped rows can be selected using CTRL+click and SHIFT+click
+- The menu-button associated with an action menu is visible for all selected rows even when they are not hovered
+- Opening the action menu for a row ensures that row is selected:
+    - If that row was already selected, the action menu is associated with all selected rows. The record IDs for each selected row will be included in the `action-menu-toggle` event detail.
+    - If that row was not already selected, the selection changes to _only_ that row. All other rows are deselected. The action menu is only applied with the single row it was opened on. The record ID for only the single row will be include in the `action-menu-toggle` event detail.
+- Keyboard interactions:
+    - SPACE: Select/deselect the focused row
+    - CTRL + SPACE: Multi-select/multi-deselect row
+    - SHIFT + SPACE: Select rows between selected and focused
+    - SHIFT + ARROW DOWN: Select/multiselect row(s) below
+    - SHIFT + ARROW UP: Select/multiselect row(s) above
+    - CTRL + A: Select all rows
 
 ### Interfacing with TanStack
 
@@ -112,9 +112,9 @@ TanStack will be leveraged to maintain the state of which rows are selected, whi
 
 To achieve the desired behavior, TanStack will configured will the following options:
 
--   [enableRowSelection](https://tanstack.com/table/v8/docs/api/features/row-selection#enablerowselection) - function that returns `true` for non-grouped rows
--   [enableMultiRowSelection](https://tanstack.com/table/v8/docs/api/features/row-selection#enablemultirowselection) - `true` when `selection-mode` is set to `TableRowSelectionMode.multiple`
--   [enableSubRowSelection](https://tanstack.com/table/v8/docs/api/features/row-selection#enablesubrowselection) - `true`
+- [enableRowSelection](https://tanstack.com/table/v8/docs/api/features/row-selection#enablerowselection) - function that returns `true` for non-grouped rows
+- [enableMultiRowSelection](https://tanstack.com/table/v8/docs/api/features/row-selection#enablemultirowselection) - `true` when `selection-mode` is set to `TableRowSelectionMode.multiple`
+- [enableSubRowSelection](https://tanstack.com/table/v8/docs/api/features/row-selection#enablesubrowselection) - `true`
 
 As mentioned above, TanStack does not update the selection state when the data changes. Therefore, it will be the nimble table's responsiblity to ensure that the set of selected records only includes records that currently exist in the data when `setData()` is called and to clear the selection when `id-field-name` changes.
 
@@ -126,9 +126,9 @@ The table will be invalid when a selection mode other than `TableRowSelectionMod
 
 Accessbility guidance taken from [MDN role="row"](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/row_role)
 
--   Rows that are currently selected will have `aria-selected="true"` configured.
--   Rows that are currently not selected but can be selected will have `aria-selected="false"` configured.
--   When selection is not enabled in the table, `aria-selected` will not be set on any rows.
+- Rows that are currently selected will have `aria-selected="true"` configured.
+- Rows that are currently not selected but can be selected will have `aria-selected="false"` configured.
+- When selection is not enabled in the table, `aria-selected` will not be set on any rows.
 
 The guidance above applies to rows within a component with a role of `grid` or `treegrid`. However, the nimble table currently has a role of `table`. As part of this feature, the nimble table's role will be updated to `grid`.
 
@@ -144,4 +144,4 @@ Instead of having validation preventing enabling selection in the table without
 
 ## Open Issues
 
--   There is [an issue in TanStack](https://github.com/TanStack/table/issues/4759) with deselecting a grouped row with the proposed configuration. There is also [an open PR](https://github.com/TanStack/table/pull/4760) with a fix. If the issue isn't resolved within TanStack, we will need to put a workaround in the nimble-table.
+- There is [an issue in TanStack](https://github.com/TanStack/table/issues/4759) with deselecting a grouped row with the proposed configuration. There is also [an open PR](https://github.com/TanStack/table/pull/4760) with a fix. If the issue isn't resolved within TanStack, we will need to put a workaround in the nimble-table.
diff --git a/packages/nimble-components/src/table/specs/tech-stack.md b/packages/nimble-components/src/table/specs/tech-stack.md
index 1d3c03c917..3249ab61f5 100644
--- a/packages/nimble-components/src/table/specs/tech-stack.md
+++ b/packages/nimble-components/src/table/specs/tech-stack.md
@@ -6,20 +6,20 @@ Tables are used widely throughout NI, and are a common component in design syste
 
 ## Links To Relevant Work Items and Reference Material
 
--   [Nimble Table Issue](https://github.com/ni/nimble/issues/283)
--   [Nimble Table Research Issue](https://github.com/ni/nimble/issues/285)
--   [Nimble Table Project Page](https://github.com/orgs/ni/projects/11)
--   [Nimble Table Research Lucid Board](https://lucid.app/lucidspark/31f2314d-dd8e-46fd-8fc1-6e9f66700bb3/edit?viewport_loc=-6023%2C-26311%2C35411%2C20921%2CloaYwcZLRray4&invitationId=inv_38839ad5-72b2-4975-ab7a-6d8be33c960c)
+- [Nimble Table Issue](https://github.com/ni/nimble/issues/283)
+- [Nimble Table Research Issue](https://github.com/ni/nimble/issues/285)
+- [Nimble Table Project Page](https://github.com/orgs/ni/projects/11)
+- [Nimble Table Research Lucid Board](https://lucid.app/lucidspark/31f2314d-dd8e-46fd-8fc1-6e9f66700bb3/edit?viewport_loc=-6023%2C-26311%2C35411%2C20921%2CloaYwcZLRray4&invitationId=inv_38839ad5-72b2-4975-ab7a-6d8be33c960c)
 
 ## Implementation / Design
 
 We have decided to build our table using [TanStack Table](https://tanstack.com/table/v8) as the data model, and create the UI ourselves using typical FAST-based templates. Using TanStack Table provides a lot of lift for the state management/API of the table, including:
 
--   Row selection
--   Column sizing/sorting/ordering/pinning
--   Grouping
--   Expand/collapse
--   Hierarchical data
+- Row selection
+- Column sizing/sorting/ordering/pinning
+- Grouping
+- Expand/collapse
+- Hierarchical data
 
 The bulk of the effort, then, comes from creating the expected UI pieces and then hooking them up to the TanStack model, along with the various APIs we need to design for the table component itself.
 
@@ -37,23 +37,23 @@ TanStack offers another library that helps out with this in [TanStack Virtual](h
 
 Pros
 
--   Architecture allows visualization to work with a dataset in the millions of rows without performance impact.
--   Plugin system allowing for the creation of various views that can be swapped out to visualize the underlying data.
--   Well tested
+- Architecture allows visualization to work with a dataset in the millions of rows without performance impact.
+- Plugin system allowing for the creation of various views that can be swapped out to visualize the underlying data.
+- Well tested
 
 Cons
 
--   Lack of support for hierarchical data
-    -   We could support hierarchical data by writing custom state management logic in the table component itself for features like grouping, sorting, and row selection. Some of which negates the performance benefits we would otherwise see for free.
--   Higher cost to implement a solution for, and more code to test/maintain.
+- Lack of support for hierarchical data
+    - We could support hierarchical data by writing custom state management logic in the table component itself for features like grouping, sorting, and row selection. Some of which negates the performance benefits we would otherwise see for free.
+- Higher cost to implement a solution for, and more code to test/maintain.
 
 Ultimately we decided against using Perspective as the general purpose table as one of its most appealing traits, its performance, would in many situations be neutralized by the implementation needed to support use cases like row selection and hierarchical data.
 
 We do see future potential for leveraging Perspective for more targeted data analysis use-cases like:
 
--   as a parametric data analysis engine with multi-visualization cross-filtering
--   client side visualization and analysis of large data sets (100k - 10M)
--   interactive analysis of massive server-side data sets (10M - 1B+).
+- as a parametric data analysis engine with multi-visualization cross-filtering
+- client side visualization and analysis of large data sets (100k - 10M)
+- interactive analysis of massive server-side data sets (10M - 1B+).
 
 There likely will be ways to leverage many of the general purpose table features (API, column configuration, styling, etc) in a theoretical future Perspective table if clients request that level of performance capability.
 
@@ -63,16 +63,16 @@ There likely will be ways to leverage many of the general purpose table features
 
 Pros
 
--   Extensive feature set
--   Good documentation/examples
+- Extensive feature set
+- Good documentation/examples
 
 Cons
 
--   Virtualization doesn't meet our requirements
--   Not TypeScript-based
--   Would need to fork such that we could make the necessary changes for it to meet our performance requirements
--   Zero tests
--   Styling could prove problematic
--   Lack of complete control over DOM introduces risk, or at the very least limits what the designers can ask for
+- Virtualization doesn't meet our requirements
+- Not TypeScript-based
+- Would need to fork such that we could make the necessary changes for it to meet our performance requirements
+- Zero tests
+- Styling could prove problematic
+- Lack of complete control over DOM introduces risk, or at the very least limits what the designers can ask for
 
 The cost and risk of changing Tabulator such that we could virtualize the rendering in an acceptable way was enough for us to remove it from consideration.
diff --git a/packages/nimble-components/src/table/styles.ts b/packages/nimble-components/src/table/styles.ts
index 6e7b9ad206..bc629fc0ce 100644
--- a/packages/nimble-components/src/table/styles.ts
+++ b/packages/nimble-components/src/table/styles.ts
@@ -166,8 +166,11 @@ export const styles = css`
         );
         height: 100%;
         left: calc(
-            -1 * (var(--ni-private-column-divider-width) +
-                        var(--ni-private-column-divider-padding))
+            -1 *
+                (
+                    var(--ni-private-column-divider-width) +
+                        var(--ni-private-column-divider-padding)
+                )
         );
     }
 
diff --git a/packages/nimble-components/src/table/template.ts b/packages/nimble-components/src/table/template.ts
index 0c99888519..816456ef86 100644
--- a/packages/nimble-components/src/table/template.ts
+++ b/packages/nimble-components/src/table/template.ts
@@ -13,13 +13,13 @@ import { tableHeaderTag } from './components/header';
 import { tableRowTag } from './components/row';
 import type { TableColumn } from '../table-column/base';
 import {
-    RowSlotRequestEventDetail,
-    SlotMetadata,
-    TableActionMenuToggleEventDetail,
+    type RowSlotRequestEventDetail,
+    type SlotMetadata,
+    type TableActionMenuToggleEventDetail,
     TableColumnSortDirection,
     TableRowSelectionMode,
     TableRowSelectionState,
-    TableRowSelectionToggleEventDetail
+    type TableRowSelectionToggleEventDetail
 } from './types';
 import { tableGroupRowTag } from './components/group-row';
 import { buttonTag } from '../button';
diff --git a/packages/nimble-components/src/table/testing/table.pageobject.ts b/packages/nimble-components/src/table/testing/table.pageobject.ts
index 5ef0628d33..0afca52750 100644
--- a/packages/nimble-components/src/table/testing/table.pageobject.ts
+++ b/packages/nimble-components/src/table/testing/table.pageobject.ts
@@ -1,11 +1,10 @@
 import type { Checkbox } from '@microsoft/fast-foundation';
-import { keyShift } from '@microsoft/fast-web-utilities';
 import { parseColor } from '@microsoft/fast-colors';
 import type { Table } from '..';
 import { tableHeaderTag, type TableHeader } from '../components/header';
 import {
     TableColumnSortDirection,
-    TableRecord,
+    type TableRecord,
     TableRowSelectionState
 } from '../types';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
@@ -482,7 +481,7 @@ export class TablePageObject<T extends TableRecord> {
     public clickRowSelectionCheckbox(rowIndex: number, shiftKey = false): void {
         if (shiftKey) {
             const shiftKeyDownEvent = new KeyboardEvent('keydown', {
-                key: keyShift,
+                key: 'Shift',
                 shiftKey: true,
                 bubbles: true
             } as KeyboardEventInit);
@@ -494,7 +493,7 @@ export class TablePageObject<T extends TableRecord> {
 
         if (shiftKey) {
             const shiftKeyUpEvent = new KeyboardEvent('keyup', {
-                key: keyShift,
+                key: 'Shift',
                 bubbles: true
             } as KeyboardEventInit);
             document.dispatchEvent(shiftKeyUpEvent);
@@ -514,7 +513,7 @@ export class TablePageObject<T extends TableRecord> {
     ): void {
         if (shiftKey) {
             const shiftKeyDownEvent = new KeyboardEvent('keydown', {
-                key: keyShift,
+                key: 'Shift',
                 shiftKey: true,
                 bubbles: true
             } as KeyboardEventInit);
@@ -526,7 +525,7 @@ export class TablePageObject<T extends TableRecord> {
 
         if (shiftKey) {
             const shiftKeyUpEvent = new KeyboardEvent('keyup', {
-                key: keyShift,
+                key: 'Shift',
                 bubbles: true
             } as KeyboardEventInit);
             document.dispatchEvent(shiftKeyUpEvent);
diff --git a/packages/nimble-components/src/table/tests/table-action-menu.spec.ts b/packages/nimble-components/src/table/tests/table-action-menu.spec.ts
index 8fc9b0bc43..307aabaed7 100644
--- a/packages/nimble-components/src/table/tests/table-action-menu.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-action-menu.spec.ts
@@ -12,8 +12,8 @@ import { waitForUpdatesAsync } from '../../testing/async-helpers';
 import { waitForEvent } from '../../utilities/testing/component';
 import { type Fixture, fixture } from '../../utilities/tests/fixture';
 import {
-    TableActionMenuToggleEventDetail,
-    TableRecord,
+    type TableActionMenuToggleEventDetail,
+    type TableRecord,
     TableRowSelectionMode
 } from '../types';
 import { TablePageObject } from '../testing/table.pageobject';
diff --git a/packages/nimble-components/src/table/tests/table-column-sizing.spec.ts b/packages/nimble-components/src/table/tests/table-column-sizing.spec.ts
index c17c495264..962b209ae4 100644
--- a/packages/nimble-components/src/table/tests/table-column-sizing.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-column-sizing.spec.ts
@@ -139,7 +139,8 @@ describe('Table Column Sizing', () => {
                 column2ExpectedRenderedWidth: 400
             },
             {
-                name: 'second column set to use pixelWidth',
+                // Firefox skipped, see https://github.com/ni/nimble/issues/2491
+                name: 'second column set to use pixelWidth #SkipFirefox',
                 rowWidth: 600,
                 column1FractionalWidth: 1,
                 column1PixelWidth: undefined,
@@ -291,7 +292,8 @@ describe('Table Column Sizing', () => {
                 column2MinPixelWidth: 150
             },
             {
-                name: 'when columns have fractional widths',
+                // Firefox skipped, see https://github.com/ni/nimble/issues/2491
+                name: 'when columns have fractional widths #SkipFirefox',
                 column1FractionalWidth: 2,
                 column1PixelWidth: null,
                 column1MinPixelWidth: null,
diff --git a/packages/nimble-components/src/table/tests/table-grouping.spec.ts b/packages/nimble-components/src/table/tests/table-grouping.spec.ts
index d7aa317832..aea7f2b4ae 100644
--- a/packages/nimble-components/src/table/tests/table-grouping.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-grouping.spec.ts
@@ -6,7 +6,7 @@ import {
 } from '../../table-column/text';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
 import { type Fixture, fixture } from '../../utilities/tests/fixture';
-import { TableColumnSortDirection, TableRecord } from '../types';
+import { TableColumnSortDirection, type TableRecord } from '../types';
 import { TablePageObject } from '../testing/table.pageobject';
 
 interface SimpleTableRecord extends TableRecord {
diff --git a/packages/nimble-components/src/table/tests/table-keyboard-navigation.spec.ts b/packages/nimble-components/src/table/tests/table-keyboard-navigation.spec.ts
index 6cfb6225fe..464fd5ed26 100644
--- a/packages/nimble-components/src/table/tests/table-keyboard-navigation.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-keyboard-navigation.spec.ts
@@ -26,7 +26,7 @@ import {
 } from '../../utilities/tests/fixture';
 import {
     TableColumnSortDirection,
-    TableRecord,
+    type TableRecord,
     TableRowSelectionMode
 } from '../types';
 import { TablePageObject } from '../testing/table.pageobject';
diff --git a/packages/nimble-components/src/table/tests/table-selection.spec.ts b/packages/nimble-components/src/table/tests/table-selection.spec.ts
index c67e1f08aa..31a5fbeb69 100644
--- a/packages/nimble-components/src/table/tests/table-selection.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-selection.spec.ts
@@ -9,8 +9,8 @@ import {
 } from '../../utilities/testing/component';
 import { type Fixture, fixture } from '../../utilities/tests/fixture';
 import {
-    TableRecord,
-    TableRowSelectionEventDetail,
+    type TableRecord,
+    type TableRowSelectionEventDetail,
     TableRowSelectionMode,
     TableRowSelectionState
 } from '../types';
diff --git a/packages/nimble-components/src/table/tests/table-sorting.spec.ts b/packages/nimble-components/src/table/tests/table-sorting.spec.ts
index 0f79ed1bd5..6a83a288f1 100644
--- a/packages/nimble-components/src/table/tests/table-sorting.spec.ts
+++ b/packages/nimble-components/src/table/tests/table-sorting.spec.ts
@@ -7,11 +7,14 @@ import {
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
 import { type Fixture, fixture } from '../../utilities/tests/fixture';
 import {
-    TableColumnConfigurationChangeEventDetail,
+    type TableColumnConfigurationChangeEventDetail,
     TableColumnSortDirection,
-    TableRecord
+    type TableRecord
 } from '../types';
-import { SortedColumn, TablePageObject } from '../testing/table.pageobject';
+import {
+    type SortedColumn,
+    TablePageObject
+} from '../testing/table.pageobject';
 import { waitForEvent } from '../../utilities/testing/component';
 
 interface SimpleTableRecord extends TableRecord {
diff --git a/packages/nimble-components/src/table/tests/table.spec.ts b/packages/nimble-components/src/table/tests/table.spec.ts
index f70939ba18..52d4b47192 100644
--- a/packages/nimble-components/src/table/tests/table.spec.ts
+++ b/packages/nimble-components/src/table/tests/table.spec.ts
@@ -19,9 +19,9 @@ import {
 import {
     TableColumnAlignment,
     TableColumnSortDirection,
-    TableRecord,
+    type TableRecord,
     TableRecordDelayedHierarchyState,
-    TableRecordHierarchyOptions
+    type TableRecordHierarchyOptions
 } from '../types';
 import { TablePageObject } from '../testing/table.pageobject';
 import {
@@ -2620,7 +2620,8 @@ describe('Table', () => {
             await waitForUpdatesAsync();
         }
 
-        it('maintains scroll position if data does not change', async () => {
+        // Firefox skipped, see https://github.com/ni/nimble/issues/2491
+        it('maintains scroll position if data does not change #SkipFirefox', async () => {
             await setDataAndScrollToBottom(largeData200);
             const scrollTopBeforeDisconnect = element.viewport.scrollTop;
             const firstRenderedRowBeforeDisconnect = getFirstRenderedRowDataIndex(largeData200);
@@ -2634,7 +2635,8 @@ describe('Table', () => {
             );
         });
 
-        it('updates scroll position if data length is reduced while not attached', async () => {
+        // Firefox skipped, see https://github.com/ni/nimble/issues/2491
+        it('updates scroll position if data length is reduced while not attached #SkipFirefox', async () => {
             await setDataAndScrollToBottom(largeData400);
             const scrollTopBeforeDisconnect = element.viewport.scrollTop;
             const firstRenderedRowBeforeDisconnect = getFirstRenderedRowDataIndex(largeData400);
@@ -2652,7 +2654,8 @@ describe('Table', () => {
             );
         });
 
-        it('maintains scroll position if data length is increased while not attached', async () => {
+        // Firefox skipped, see https://github.com/ni/nimble/issues/2491
+        it('maintains scroll position if data length is increased while not attached #SkipFirefox', async () => {
             await setDataAndScrollToBottom(largeData200);
             const scrollTopBeforeDisconnect = element.viewport.scrollTop;
             const firstRenderedRowBeforeDisconnect = getFirstRenderedRowDataIndex(largeData200);
@@ -2689,7 +2692,8 @@ describe('Table', () => {
             );
         });
 
-        it('adjusts the number of rendered rows when the table height decreases while not attached', async () => {
+        // Firefox skipped, see https://github.com/ni/nimble/issues/2491
+        it('adjusts the number of rendered rows when the table height decreases while not attached #SkipFirefox', async () => {
             element.style.height = '500px';
             await element.setData(largeData200);
             await waitForUpdatesAsync();
diff --git a/packages/nimble-components/src/tabs/index.ts b/packages/nimble-components/src/tabs/index.ts
index d34a109a00..a6359208c2 100644
--- a/packages/nimble-components/src/tabs/index.ts
+++ b/packages/nimble-components/src/tabs/index.ts
@@ -2,7 +2,7 @@ import { observable } from '@microsoft/fast-element';
 import {
     DesignSystem,
     Tabs as FoundationTabs,
-    TabsOptions
+    type TabsOptions
 } from '@microsoft/fast-foundation';
 import { styles } from './styles';
 import { template } from '../patterns/tabs/template';
diff --git a/packages/nimble-components/src/tabs/specs/scrollable-tabs.md b/packages/nimble-components/src/tabs/specs/scrollable-tabs.md
index 14f3fd04ea..82477a1613 100644
--- a/packages/nimble-components/src/tabs/specs/scrollable-tabs.md
+++ b/packages/nimble-components/src/tabs/specs/scrollable-tabs.md
@@ -10,8 +10,8 @@ Any decision/API around limiting the width of a particular tab. This is ultimate
 
 ## Links To Relevant Work Items and Reference Material
 
--   [Issue 1509: Scrollable Tabs](https://github.com/ni/nimble/issues/1509)
--   [Figma design](https://www.figma.com/design/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?node-id=11133-57220&node-type=instance&t=DlnrdRo7KWYlheFz-0)
+- [Issue 1509: Scrollable Tabs](https://github.com/ni/nimble/issues/1509)
+- [Figma design](https://www.figma.com/design/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?node-id=11133-57220&node-type=instance&t=DlnrdRo7KWYlheFz-0)
 
 ## Implementation / Design
 
@@ -19,9 +19,9 @@ Any decision/API around limiting the width of a particular tab. This is ultimate
 
 The following decisions were agreed to in the comments section in the linked issue above:
 
--   No scrollbar will be shown
--   Keyboard navigation will work as it does today, but when a tab that isn't fully in view gets focus it should be scrolled into view
--   When a scroll button is pressed we will scroll either a full "page width" or the remainder of the available space, and tab focus is not changed.
+- No scrollbar will be shown
+- Keyboard navigation will work as it does today, but when a tab that isn't fully in view gets focus it should be scrolled into view
+- When a scroll button is pressed we will scroll either a full "page width" or the remainder of the available space, and tab focus is not changed.
 
 Additionally, devices like mouse wheels and trackpads as well as pan gestures on mobile devices should allow scrolling through the tabs. This should be handled natively by the browser by simply applying CSS of `overflow: scroll;` to the div containing the tabs. _Note: Today, native scrolling behaviors in browsers require mouse users to hold `<Shift>` while using the scroll wheel in order to scroll the tabs. This is consistent with other horizontally scrollable content._
 
diff --git a/packages/nimble-components/src/tabs/tests/tabs.spec.ts b/packages/nimble-components/src/tabs/tests/tabs.spec.ts
index 4dc6edc2c6..a65add5be1 100644
--- a/packages/nimble-components/src/tabs/tests/tabs.spec.ts
+++ b/packages/nimble-components/src/tabs/tests/tabs.spec.ts
@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 import { Tabs, tabsTag } from '..';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
 import { TabsPageObject } from '../testing/tabs.pageobject';
 import { tabTag } from '../../tab';
diff --git a/packages/nimble-components/src/text-area/index.ts b/packages/nimble-components/src/text-area/index.ts
index afde590d53..083b797adc 100644
--- a/packages/nimble-components/src/text-area/index.ts
+++ b/packages/nimble-components/src/text-area/index.ts
@@ -3,10 +3,11 @@ import {
     DesignSystem,
     TextArea as FoundationTextArea
 } from '@microsoft/fast-foundation';
-import type { ErrorPattern } from '../patterns/error/types';
+import { mixinErrorPattern } from '../patterns/error/types';
 import { styles } from './styles';
 import { template } from './template';
 import { TextAreaAppearance } from './types';
+import { mixinRequiredVisiblePattern } from '../patterns/required-visible/types';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -17,7 +18,9 @@ declare global {
 /**
  * A nimble-styed HTML text area
  */
-export class TextArea extends FoundationTextArea implements ErrorPattern {
+export class TextArea extends mixinErrorPattern(
+    mixinRequiredVisiblePattern(FoundationTextArea)
+) {
     /**
      * The appearance the text area should have.
      *
@@ -28,26 +31,6 @@ export class TextArea extends FoundationTextArea implements ErrorPattern {
     @attr
     public appearance: TextAreaAppearance = TextAreaAppearance.outline;
 
-    /**
-     * A message explaining why the value is invalid.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: error-text
-     */
-    @attr({ attribute: 'error-text' })
-    public errorText?: string;
-
-    /**
-     * Whether to display the error state.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: error-visible
-     */
-    @attr({ attribute: 'error-visible', mode: 'boolean' })
-    public errorVisible = false;
-
     /**
      * The width of the vertical scrollbar, if displayed.
      * @internal
diff --git a/packages/nimble-components/src/text-area/specs/README.md b/packages/nimble-components/src/text-area/specs/README.md
index f2e40539f9..468b7ec3e2 100644
--- a/packages/nimble-components/src/text-area/specs/README.md
+++ b/packages/nimble-components/src/text-area/specs/README.md
@@ -24,11 +24,11 @@ _Component Name_ - `nimble-text-area`
 
 _Properties/Attributes_ - Unchanged, except for following:
 
--   `appearance` - enum
-    -   outline (default)
-    -   block
--   `list` - though this is part of the FAST `text-area` API, it does not make sense or appear to work. According to the [`datalist` spec](https://html.spec.whatwg.org/multipage/form-elements.html#the-datalist-element), `datalist`s are only supported for `input` elements.
--   `minlength`/`required` - while this affects the `:invalid` state of the control, we do not (yet?) do any styling for an invalid text area.
+- `appearance` - enum
+    - outline (default)
+    - block
+- `list` - though this is part of the FAST `text-area` API, it does not make sense or appear to work. According to the [`datalist` spec](https://html.spec.whatwg.org/multipage/form-elements.html#the-datalist-element), `datalist`s are only supported for `input` elements.
+- `minlength`/`required` - while this affects the `:invalid` state of the control, we do not (yet?) do any styling for an invalid text area.
 
 _Events_ - Unchanged
 
diff --git a/packages/nimble-components/src/text-area/styles.ts b/packages/nimble-components/src/text-area/styles.ts
index a7ba8f33a1..fb12b0367d 100644
--- a/packages/nimble-components/src/text-area/styles.ts
+++ b/packages/nimble-components/src/text-area/styles.ts
@@ -19,11 +19,13 @@ import {
 import { appearanceBehavior } from '../utilities/style/appearance';
 import { TextAreaAppearance } from './types';
 import { styles as errorStyles } from '../patterns/error/styles';
+import { styles as requiredVisibleStyles } from '../patterns/required-visible/styles';
 import { userSelectNone } from '../utilities/style/user-select';
 
 export const styles = css`
     ${display('inline-flex')}
     ${errorStyles}
+    ${requiredVisibleStyles}
 
     :host {
         font: ${bodyFont};
diff --git a/packages/nimble-components/src/text-area/template.ts b/packages/nimble-components/src/text-area/template.ts
index bf6a028a5b..497438d69f 100644
--- a/packages/nimble-components/src/text-area/template.ts
+++ b/packages/nimble-components/src/text-area/template.ts
@@ -3,10 +3,9 @@ import type { FoundationElementTemplate } from '@microsoft/fast-foundation';
 import type { TextArea } from '.';
 import { iconExclamationMarkTag } from '../icons/exclamation-mark';
 import { errorTextTemplate } from '../patterns/error/template';
+import { createRequiredVisibleLabelTemplate } from '../patterns/required-visible/template';
 
-export const template: FoundationElementTemplate<
-ViewTemplate<TextArea>
-> = () => html<TextArea>`
+const labelTemplate = createRequiredVisibleLabelTemplate(html<TextArea>`
     <label
         part="label"
         for="control"
@@ -14,6 +13,12 @@ ViewTemplate<TextArea>
     >
         <slot ${slotted('defaultSlottedNodes')}></slot>
     </label>
+`);
+
+export const template: FoundationElementTemplate<
+ViewTemplate<TextArea>
+> = () => html<TextArea>`
+    ${labelTemplate}
     <div class="container">
         <textarea
             part="control"
@@ -52,6 +57,7 @@ ViewTemplate<TextArea>
             aria-owns="${x => x.ariaOwns}"
             aria-relevant="${x => x.ariaRelevant}"
             aria-roledescription="${x => x.ariaRoledescription}"
+            aria-required="${x => x.requiredVisible}"
             @input="${x => x.onTextAreaInput()}"
             @change="${x => x.handleChange()}"
             ${ref('control')}
diff --git a/packages/nimble-components/src/text-area/tests/text-area.spec.ts b/packages/nimble-components/src/text-area/tests/text-area.spec.ts
index cd97a8e4ec..a58f460a5e 100644
--- a/packages/nimble-components/src/text-area/tests/text-area.spec.ts
+++ b/packages/nimble-components/src/text-area/tests/text-area.spec.ts
@@ -1,8 +1,11 @@
 import { html } from '@microsoft/fast-element';
 import { parameterizeSpec } from '@ni/jasmine-parameterized';
 import { TextArea, textAreaTag } from '..';
-import { waitForUpdatesAsync } from '../../testing/async-helpers';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import {
+    processUpdates,
+    waitForUpdatesAsync
+} from '../../testing/async-helpers';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 
 async function setup(): Promise<Fixture<TextArea>> {
     return await fixture<TextArea>(html`<${textAreaTag}></${textAreaTag}>`);
@@ -35,6 +38,20 @@ describe('Text Area', () => {
         expect(element.control.part.contains('control')).toBe(true);
     });
 
+    it('should set "aria-required" to true when "required-visible" is true', async () => {
+        await connect();
+        element.requiredVisible = true;
+        processUpdates();
+        expect(element.control.getAttribute('aria-required')).toBe('true');
+    });
+
+    it('should set "aria-required" to false when "required-visible" is false', async () => {
+        await connect();
+        element.requiredVisible = false;
+        processUpdates();
+        expect(element.control.getAttribute('aria-required')).toBe('false');
+    });
+
     const attributeNames: readonly {
         name: string,
         value?: string,
diff --git a/packages/nimble-components/src/text-field/index.ts b/packages/nimble-components/src/text-field/index.ts
index 52312f77c3..1588136445 100644
--- a/packages/nimble-components/src/text-field/index.ts
+++ b/packages/nimble-components/src/text-field/index.ts
@@ -2,14 +2,15 @@ import { attr, html } from '@microsoft/fast-element';
 import {
     DesignSystem,
     TextField as FoundationTextField,
-    TextFieldOptions,
-    textFieldTemplate as template
+    type TextFieldOptions
 } from '@microsoft/fast-foundation';
 import { styles } from './styles';
 import { TextFieldAppearance } from './types';
 import { errorTextTemplate } from '../patterns/error/template';
-import type { ErrorPattern } from '../patterns/error/types';
+import { mixinErrorPattern } from '../patterns/error/types';
 import { iconExclamationMarkTag } from '../icons/exclamation-mark';
+import { template } from './template';
+import { mixinRequiredVisiblePattern } from '../patterns/required-visible/types';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -20,7 +21,9 @@ declare global {
 /**
  * A nimble-styed HTML text input
  */
-export class TextField extends FoundationTextField implements ErrorPattern {
+export class TextField extends mixinErrorPattern(
+    mixinRequiredVisiblePattern(FoundationTextField)
+) {
     /**
      * The appearance the text field should have.
      *
@@ -31,19 +34,6 @@ export class TextField extends FoundationTextField implements ErrorPattern {
     @attr
     public appearance: TextFieldAppearance = TextFieldAppearance.underline;
 
-    /**
-     * A message explaining why the value is invalid.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: error-text
-     */
-    @attr({ attribute: 'error-text' })
-    public errorText?: string;
-
-    @attr({ attribute: 'error-visible', mode: 'boolean' })
-    public errorVisible = false;
-
     @attr({ attribute: 'full-bleed', mode: 'boolean' })
     public fullBleed = false;
 }
diff --git a/packages/nimble-components/src/text-field/styles.ts b/packages/nimble-components/src/text-field/styles.ts
index d9452d71d9..479e370ea6 100644
--- a/packages/nimble-components/src/text-field/styles.ts
+++ b/packages/nimble-components/src/text-field/styles.ts
@@ -21,11 +21,13 @@ import { TextFieldAppearance } from './types';
 import { Theme } from '../theme-provider/types';
 import { themeBehavior } from '../utilities/style/theme';
 import { styles as errorStyles } from '../patterns/error/styles';
+import { styles as requiredVisibleStyles } from '../patterns/required-visible/styles';
 import { userSelectNone } from '../utilities/style/user-select';
 
 export const styles = css`
     ${display('inline-block')}
     ${errorStyles}
+    ${requiredVisibleStyles}
 
     :host {
         font: ${bodyFont};
diff --git a/packages/nimble-components/src/text-field/template.ts b/packages/nimble-components/src/text-field/template.ts
new file mode 100644
index 0000000000..1fb71a9abe
--- /dev/null
+++ b/packages/nimble-components/src/text-field/template.ts
@@ -0,0 +1,88 @@
+import { html, ref, slotted } from '@microsoft/fast-element';
+import type { ViewTemplate } from '@microsoft/fast-element';
+import {
+    type FoundationElementTemplate,
+    type TextFieldOptions,
+    whitespaceFilter,
+    startSlotTemplate,
+    endSlotTemplate
+} from '@microsoft/fast-foundation';
+import type { TextField } from '.';
+import { createRequiredVisibleLabelTemplate } from '../patterns/required-visible/template';
+
+const labelTemplate = createRequiredVisibleLabelTemplate(
+    html<TextField>`<label
+        part="label"
+        for="control"
+        class="${x => (x.defaultSlottedNodes?.length ? 'label' : 'label label__hidden')}"
+    >
+        <slot
+            ${slotted({
+        property: 'defaultSlottedNodes',
+        filter: whitespaceFilter
+    })}
+        ></slot>
+    </label>`
+);
+
+/**
+ * The template for the {@link @microsoft/fast-foundation#(TextField:class)} component.
+ * @public
+ */
+export const template: FoundationElementTemplate<
+ViewTemplate<TextField>,
+TextFieldOptions
+> = (context, definition) => html`
+    <template
+        class="
+            ${x => (x.readOnly ? 'readonly' : '')}
+        "
+    >
+        ${labelTemplate}
+        <div class="root" part="root">
+            ${startSlotTemplate(context, definition)}
+            <input
+                class="control"
+                part="control"
+                id="control"
+                @input="${x => x.handleTextInput()}"
+                @change="${x => x.handleChange()}"
+                ?autofocus="${x => x.autofocus}"
+                ?disabled="${x => x.disabled}"
+                list="${x => x.list}"
+                maxlength="${x => x.maxlength}"
+                minlength="${x => x.minlength}"
+                pattern="${x => x.pattern}"
+                placeholder="${x => x.placeholder}"
+                ?readonly="${x => x.readOnly}"
+                ?required="${x => x.required}"
+                size="${x => x.size}"
+                ?spellcheck="${x => x.spellcheck}"
+                :value="${x => x.value}"
+                type="${x => x.type}"
+                aria-atomic="${x => x.ariaAtomic}"
+                aria-busy="${x => x.ariaBusy}"
+                aria-controls="${x => x.ariaControls}"
+                aria-current="${x => x.ariaCurrent}"
+                aria-describedby="${x => x.ariaDescribedby}"
+                aria-details="${x => x.ariaDetails}"
+                aria-disabled="${x => x.ariaDisabled}"
+                aria-errormessage="${x => x.ariaErrormessage}"
+                aria-flowto="${x => x.ariaFlowto}"
+                aria-haspopup="${x => x.ariaHaspopup}"
+                aria-hidden="${x => x.ariaHidden}"
+                aria-invalid="${x => x.ariaInvalid}"
+                aria-keyshortcuts="${x => x.ariaKeyshortcuts}"
+                aria-label="${x => x.ariaLabel}"
+                aria-labelledby="${x => x.ariaLabelledby}"
+                aria-live="${x => x.ariaLive}"
+                aria-owns="${x => x.ariaOwns}"
+                aria-relevant="${x => x.ariaRelevant}"
+                aria-roledescription="${x => x.ariaRoledescription}"
+                aria-required="${x => x.requiredVisible}"
+                ${ref('control')}
+            />
+            ${endSlotTemplate(context, definition)}
+        </div>
+    </template>
+`;
diff --git a/packages/nimble-components/src/text-field/tests/text-field.foundation.spec.ts b/packages/nimble-components/src/text-field/tests/text-field.foundation.spec.ts
new file mode 100644
index 0000000000..9768a47438
--- /dev/null
+++ b/packages/nimble-components/src/text-field/tests/text-field.foundation.spec.ts
@@ -0,0 +1,918 @@
+// Based on tests in FAST repo: https://github.com/microsoft/fast/blob/fd9068b94e4aa8d2282f0cce613f58436fae955d/packages/web-components/fast-foundation/src/text-field/text-field.spec.ts
+
+import { TextFieldType } from '@microsoft/fast-foundation';
+import { TextField } from '..';
+import { fixture } from '../../utilities/tests/fixture';
+import { template } from '../template';
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const FASTTextField = TextField.compose({
+    baseName: 'text-field',
+    template
+});
+
+async function setup(): Promise<{
+    element: TextField,
+    connect: () => Promise<void>,
+    disconnect: () => Promise<void>,
+    parent: HTMLElement
+}> {
+    const { element, connect, disconnect, parent } = await fixture(FASTTextField());
+
+    return { element, connect, disconnect, parent };
+}
+
+describe('TextField', () => {
+    it('should set the `autofocus` attribute on the internal control equal to the value provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const autofocus = true;
+
+        element.autofocus = autofocus;
+
+        await connect();
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.hasAttribute('autofocus')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should set the `disabled` attribute on the internal control equal to the value provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const disabled = true;
+
+        element.disabled = disabled;
+
+        await connect();
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.hasAttribute('disabled')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should set the `list` attribute on the internal control equal to the value provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const list = 'listId';
+
+        element.list = list;
+
+        await connect();
+        expect(
+            element.shadowRoot!.querySelector('.control')?.getAttribute('list')
+        ).toEqual(list);
+
+        await disconnect();
+    });
+
+    it('should set the `maxlength` attribute on the internal control equal to the value provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const maxlength = 14;
+
+        element.maxlength = maxlength;
+
+        await connect();
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.getAttribute('maxlength')
+        ).toEqual(maxlength.toString());
+
+        await disconnect();
+    });
+
+    it('should set the `minlength` attribute on the internal control equal to the value provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const minlength = 8;
+
+        element.minlength = minlength;
+
+        await connect();
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.getAttribute('minlength')
+        ).toEqual(minlength.toString());
+
+        await disconnect();
+    });
+
+    it('should set the `placeholder` attribute on the internal control equal to the value provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const placeholder = 'placeholder';
+
+        element.placeholder = placeholder;
+
+        await connect();
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.getAttribute('placeholder')
+        ).toEqual(placeholder);
+
+        await disconnect();
+    });
+
+    it('should set the `readonly` attribute on the internal control equal to the value provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const readonly = true;
+
+        element.readOnly = readonly;
+
+        await connect();
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.hasAttribute('readonly')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should set the `required` attribute on the internal control equal to the value provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const required = true;
+
+        element.required = required;
+
+        await connect();
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.hasAttribute('required')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should set the `size` attribute on the internal control equal to the value provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const size = 8;
+
+        element.size = size;
+
+        await connect();
+        expect(
+            element.shadowRoot!.querySelector('.control')?.hasAttribute('size')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should set the `spellcheck` attribute on the internal control equal to the value provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const spellcheck = true;
+
+        element.spellcheck = spellcheck;
+
+        await connect();
+        expect(
+            element
+                .shadowRoot!.querySelector('.control')
+                ?.hasAttribute('spellcheck')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should initialize to the initial value if no value property is set', async () => {
+        const { element, connect, disconnect } = await setup();
+
+        await connect();
+        expect(element.value).toEqual(element.initialValue);
+
+        await disconnect();
+    });
+
+    it('should initialize to the provided value attribute if set pre-connection', async () => {
+        const { element, connect, disconnect } = await setup();
+
+        element.setAttribute('value', 'foobar');
+        await connect();
+
+        expect(element.value).toEqual('foobar');
+
+        await disconnect();
+    });
+
+    it('should initialize to the provided value attribute if set post-connection', async () => {
+        const { element, connect, disconnect } = await setup();
+
+        await connect();
+        element.setAttribute('value', 'foobar');
+
+        expect(element.value).toEqual('foobar');
+
+        await disconnect();
+    });
+
+    it('should initialize to the provided value property if set pre-connection', async () => {
+        const { element, connect, disconnect } = await setup();
+        element.value = 'foobar';
+        await connect();
+
+        expect(element.value).toEqual('foobar');
+
+        await disconnect();
+    });
+    it('should hide the label when start content is provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const div: HTMLDivElement = document.createElement(
+            'svg'
+        ) as HTMLDivElement;
+        div.setAttribute('height', '100px');
+        div.setAttribute('width', '100px');
+
+        await connect();
+        div.slot = 'start';
+        element.appendChild(div);
+
+        expect(
+            element.shadowRoot
+                ?.querySelector('label')
+                ?.classList.contains('label__hidden')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should hide the label when end content is provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const div: HTMLDivElement = document.createElement(
+            'svg'
+        ) as HTMLDivElement;
+        div.setAttribute('height', '100px');
+        div.setAttribute('width', '100px');
+
+        await connect();
+        div.slot = 'end';
+        element.appendChild(div);
+
+        expect(
+            element.shadowRoot
+                ?.querySelector('label')
+                ?.classList.contains('label__hidden')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+    it('should hide the label when start and end content are provided', async () => {
+        const { element, connect, disconnect } = await setup();
+        const div: HTMLDivElement = document.createElement(
+            'svg'
+        ) as HTMLDivElement;
+        div.setAttribute('height', '100px');
+        div.setAttribute('width', '100px');
+
+        const div2: HTMLDivElement = div;
+
+        await connect();
+        div.slot = 'start';
+        div2.slot = 'end';
+
+        element.appendChild(div);
+        element.appendChild(div2);
+
+        expect(
+            element.shadowRoot
+                ?.querySelector('label')
+                ?.classList.contains('label__hidden')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+    it('should hide the label when whitespace only text nodes are slotted', async () => {
+        const { element, connect, disconnect } = await setup();
+        const whitespace: Node = document.createTextNode(' ') as Node;
+        const whitespace2: Node = document.createTextNode(' \r ') as Node;
+
+        await connect();
+
+        element.appendChild(whitespace);
+        element.appendChild(whitespace2);
+
+        expect(
+            element.shadowRoot
+                ?.querySelector('label')
+                ?.classList.contains('label__hidden')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    it('should hide the label when no default slotted content is provided', async () => {
+        const { element, connect, disconnect } = await setup();
+
+        await connect();
+
+        expect(
+            element.shadowRoot
+                ?.querySelector('label')
+                ?.classList.contains('label__hidden')
+        ).toBeTrue();
+
+        await disconnect();
+    });
+
+    describe('Delegates ARIA textbox', () => {
+        it('should set the `aria-atomic` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaAtomic = 'true';
+
+            element.ariaAtomic = ariaAtomic;
+
+            await connect();
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-atomic')
+            ).toEqual(ariaAtomic);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-busy` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaBusy = 'false';
+
+            element.ariaBusy = ariaBusy;
+
+            await connect();
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-busy')
+            ).toEqual(ariaBusy);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-controls` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaControls = 'testId';
+
+            element.ariaControls = ariaControls;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-controls')
+            ).toEqual(ariaControls);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-current` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaCurrent = 'page';
+
+            element.ariaCurrent = ariaCurrent;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-current')
+            ).toEqual(ariaCurrent);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-describedby` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaDescribedby = 'testId';
+
+            element.ariaDescribedby = ariaDescribedby;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-describedby')
+            ).toEqual(ariaDescribedby);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-details` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaDetails = 'testId';
+
+            element.ariaDetails = ariaDetails;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-details')
+            ).toEqual(ariaDetails);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-disabled` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaDisabled = 'true';
+
+            element.ariaDisabled = ariaDisabled;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-disabled')
+            ).toEqual(ariaDisabled);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-errormessage` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaErrormessage = 'test';
+
+            element.ariaErrormessage = ariaErrormessage;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-errormessage')
+            ).toEqual(ariaErrormessage);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-flowto` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaFlowto = 'testId';
+
+            element.ariaFlowto = ariaFlowto;
+
+            await connect();
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-flowto')
+            ).toEqual(ariaFlowto);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-haspopup` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaHaspopup = 'true';
+
+            element.ariaHaspopup = ariaHaspopup;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-haspopup')
+            ).toEqual(ariaHaspopup);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-hidden` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaHidden = 'true';
+
+            element.ariaHidden = ariaHidden;
+
+            await connect();
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-hidden')
+            ).toEqual(ariaHidden);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-invalid` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaInvalid = 'spelling';
+
+            element.ariaInvalid = ariaInvalid;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-invalid')
+            ).toEqual(ariaInvalid);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-keyshortcuts` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaKeyshortcuts = 'F4';
+
+            element.ariaKeyshortcuts = ariaKeyshortcuts;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-keyshortcuts')
+            ).toEqual(ariaKeyshortcuts);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-label` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaLabel = 'Foo label';
+
+            element.ariaLabel = ariaLabel;
+
+            await connect();
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-label')
+            ).toEqual(ariaLabel);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-labelledby` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaLabelledby = 'testId';
+
+            element.ariaLabelledby = ariaLabelledby;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-labelledby')
+            ).toEqual(ariaLabelledby);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-live` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaLive = 'polite';
+
+            element.ariaLive = ariaLive;
+
+            await connect();
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-live')
+            ).toEqual(ariaLive);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-owns` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaOwns = 'testId';
+
+            element.ariaOwns = ariaOwns;
+
+            await connect();
+
+            expect(
+                element
+                    .shadowRoot!.querySelector('.control')
+                    ?.getAttribute('aria-owns')
+            ).toEqual(ariaOwns);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-relevant` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaRelevant = 'removals';
+
+            element.ariaRelevant = ariaRelevant;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-relevant')
+            ).toEqual(ariaRelevant);
+
+            await disconnect();
+        });
+
+        it('should set the `aria-roledescription` attribute on the internal control when provided', async () => {
+            const { element, connect, disconnect } = await setup();
+            const ariaRoledescription = 'slide';
+
+            element.ariaRoledescription = ariaRoledescription;
+
+            await connect();
+
+            expect(
+                element.shadowRoot
+                    ?.querySelector('.control')
+                    ?.getAttribute('aria-roledescription')
+            ).toEqual(ariaRoledescription);
+
+            await disconnect();
+        });
+    });
+
+    describe('events', () => {
+        it('should fire a change event the internal control emits a change event', async () => {
+            const { element, connect, disconnect } = await setup();
+            const event = new Event('change', {
+                key: 'a'
+            } as KeyboardEventInit);
+            let wasChanged = false;
+
+            await connect();
+
+            element.addEventListener('change', e => {
+                e.preventDefault();
+
+                wasChanged = true;
+            });
+
+            const textarea = element.shadowRoot!.querySelector('input');
+            textarea?.dispatchEvent(event);
+
+            expect(wasChanged).toBeTrue();
+
+            await disconnect();
+        });
+    });
+
+    describe('with constraint validation', () => {
+        Object.keys(TextFieldType)
+            .map(
+                (key): TextFieldType => TextFieldType[key as keyof typeof TextFieldType]
+            )
+            .forEach(type => {
+                describe(`of [type="${type}"]`, () => {
+                    describe('that is [required]', () => {
+                        it("should be invalid when it's value property is an empty string", async () => {
+                            const { element, connect, disconnect } = await setup();
+                            await connect();
+
+                            element.type = type;
+                            element.required = true;
+                            element.value = '';
+
+                            expect(element.validity.valueMissing).toBeTrue();
+
+                            await disconnect();
+                        });
+
+                        it('should be valid when value property is a string that is non-empty', async () => {
+                            const { element, connect, disconnect } = await setup();
+                            await connect();
+
+                            element.type = type;
+
+                            element.required = true;
+                            element.value = 'some value';
+
+                            expect(element.validity.valueMissing).toBeFalse();
+                            await disconnect();
+                        });
+                    });
+                    describe('that has a [minlength] attribute', () => {
+                        it('should be valid if the value is an empty string', async () => {
+                            const { element, connect, disconnect } = await setup();
+                            await connect();
+                            const value = '';
+                            element.type = type;
+                            element.value = value;
+                            element.minlength = value.length + 1;
+
+                            expect(element.validity.tooShort).toBeFalse();
+                            await disconnect();
+                        });
+                        it('should be valid if the value has a length less than the minlength', async () => {
+                            const { element, connect, disconnect } = await setup();
+                            await connect();
+                            const value = 'value';
+                            element.type = type;
+                            element.value = value;
+                            element.minlength = value.length + 1;
+
+                            expect(element.validity.tooShort).toBeFalse();
+                            await disconnect();
+                        });
+                    });
+
+                    describe('that has a [maxlength] attribute', () => {
+                        it('should be valid if the value is an empty string', async () => {
+                            const { element, connect, disconnect } = await setup();
+                            await connect();
+
+                            const value = '';
+                            element.type = type;
+                            element.value = value;
+                            element.maxlength = value.length;
+
+                            expect(element.validity.tooLong).toBeFalse();
+
+                            await disconnect();
+                        });
+                        it('should be valid if the value has a exceeding the maxlength', async () => {
+                            const { element, connect, disconnect } = await setup();
+                            await connect();
+                            const value = 'value';
+                            element.type = type;
+                            element.value = value;
+                            element.maxlength = value.length - 1;
+
+                            expect(element.validity.tooLong).toBeFalse();
+                            await disconnect();
+                        });
+                        it('should be valid if the value has a length shorter than maxlength and the element is [required]', async () => {
+                            const { element, connect, disconnect } = await setup();
+                            await connect();
+                            const value = 'value';
+                            element.type = type;
+                            element.required = true;
+                            element.value = value;
+                            element.maxlength = value.length + 1;
+
+                            expect(element.validity.tooLong).toBeFalse();
+                            await disconnect();
+                        });
+                    });
+
+                    describe('that has a [pattern] attribute', () => {
+                        it('should be valid if the value matches a pattern', async () => {
+                            const { element, connect, disconnect } = await setup();
+                            await connect();
+                            const value = 'value';
+                            element.type = type;
+                            element.required = true;
+                            element.pattern = value;
+                            element.value = value;
+
+                            expect(
+                                element.validity.patternMismatch
+                            ).toBeFalse();
+                            await disconnect();
+                        });
+
+                        it('should be invalid if the value does not match a pattern', async () => {
+                            const { element, connect, disconnect } = await setup();
+                            await connect();
+                            const value = 'value';
+                            element.type = type;
+                            element.required = true;
+                            element.pattern = value;
+                            element.value = 'foo';
+
+                            expect(element.validity.patternMismatch).toBeTrue();
+                            await disconnect();
+                        });
+                    });
+                });
+            });
+        describe('of [type="email"]', () => {
+            it('should be valid when value is an empty string', async () => {
+                const { element, connect, disconnect } = await setup();
+                await connect();
+                element.type = TextFieldType.email;
+                element.required = true;
+                element.value = '';
+
+                expect(element.validity.typeMismatch).toBeFalse();
+
+                await disconnect();
+            });
+            it('should be a typeMismatch when value is not a valid email', async () => {
+                const { element, connect, disconnect } = await setup();
+                await connect();
+                element.type = TextFieldType.email;
+                element.required = true;
+                element.value = 'foobar';
+
+                expect(element.validity.typeMismatch).toBeTrue();
+
+                await disconnect();
+            });
+        });
+        describe('of [type="url"]', () => {
+            it('should be valid when value is an empty string', async () => {
+                const { element, connect, disconnect } = await setup();
+                await connect();
+                element.type = TextFieldType.url;
+                element.required = true;
+                element.value = '';
+
+                expect(element.validity.typeMismatch).toBeFalse();
+
+                await disconnect();
+            });
+            it('should be a typeMismatch when value is not a valid URL', async () => {
+                const { element, connect, disconnect } = await setup();
+                await connect();
+                element.type = TextFieldType.url;
+                element.required = true;
+                element.value = 'foobar';
+
+                expect(element.validity.typeMismatch).toBeTrue();
+
+                await disconnect();
+            });
+        });
+    });
+
+    describe("when the owning form's reset() method is invoked", () => {
+        it("should reset it's value property to an empty string if no value attribute is set", async () => {
+            const { element, connect, disconnect, parent } = await setup();
+
+            const form = document.createElement('form');
+            form.appendChild(element);
+            parent.appendChild(form);
+
+            await connect();
+
+            element.value = 'test-value';
+
+            expect(element.getAttribute('value')).toBeNull();
+            expect(element.value).toBe('test-value');
+
+            form.reset();
+
+            expect(element.value).toBe('');
+
+            await disconnect();
+        });
+
+        it("should reset it's value property to the value of the value attribute if it is set", async () => {
+            const { element, connect, disconnect, parent } = await setup();
+
+            const form = document.createElement('form');
+            form.appendChild(element);
+            parent.appendChild(form);
+            await connect();
+
+            element.setAttribute('value', 'attr-value');
+
+            element.value = 'test-value';
+
+            expect(element.getAttribute('value')).toEqual('attr-value');
+
+            expect(element.value).toEqual('test-value');
+
+            form.reset();
+
+            expect(element.value).toEqual('attr-value');
+
+            await disconnect();
+        });
+
+        it('should put the control into a clean state, where value attribute changes change the property value prior to user or programmatic interaction', async () => {
+            const { element, connect, disconnect, parent } = await setup();
+            const form = document.createElement('form');
+            form.appendChild(element);
+            parent.appendChild(form);
+
+            await connect();
+
+            element.value = 'test-value';
+            element.setAttribute('value', 'attr-value');
+
+            expect(element.value).toEqual('test-value');
+
+            form.reset();
+
+            expect(element.value).toEqual('attr-value');
+
+            element.setAttribute('value', 'new-attr-value');
+
+            expect(element.value).toEqual('new-attr-value');
+            await disconnect();
+        });
+    });
+});
diff --git a/packages/nimble-components/src/text-field/tests/text-field.spec.ts b/packages/nimble-components/src/text-field/tests/text-field.spec.ts
index ab3ffd2fa6..64e5679985 100644
--- a/packages/nimble-components/src/text-field/tests/text-field.spec.ts
+++ b/packages/nimble-components/src/text-field/tests/text-field.spec.ts
@@ -1,7 +1,39 @@
+import { html } from '@microsoft/fast-element';
 import { TextField, textFieldTag } from '..';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
+import { processUpdates } from '../../testing/async-helpers';
+
+async function setup(): Promise<Fixture<TextField>> {
+    return await fixture<TextField>(html`<${textFieldTag}></${textFieldTag}>`);
+}
 
 describe('TextField', () => {
+    let element: TextField;
+    let connect: () => Promise<void>;
+    let disconnect: () => Promise<void>;
+
+    beforeEach(async () => {
+        ({ element, connect, disconnect } = await setup());
+        await connect();
+    });
+
+    afterEach(async () => {
+        await disconnect();
+    });
+
     it('can construct an element instance', () => {
         expect(document.createElement(textFieldTag)).toBeInstanceOf(TextField);
     });
+
+    it('should set "aria-required" to true when "required-visible" is true', () => {
+        element.requiredVisible = true;
+        processUpdates();
+        expect(element.control.getAttribute('aria-required')).toBe('true');
+    });
+
+    it('should set "aria-required" to false when "required-visible" is false', () => {
+        element.requiredVisible = false;
+        processUpdates();
+        expect(element.control.getAttribute('aria-required')).toBe('false');
+    });
 });
diff --git a/packages/nimble-components/src/theme-provider/design-tokens.ts b/packages/nimble-components/src/theme-provider/design-tokens.ts
index 8016031c14..36d5565c3d 100644
--- a/packages/nimble-components/src/theme-provider/design-tokens.ts
+++ b/packages/nimble-components/src/theme-provider/design-tokens.ts
@@ -1,4 +1,4 @@
-import { CSSDesignToken, DesignToken } from '@microsoft/fast-foundation';
+import { type CSSDesignToken, DesignToken } from '@microsoft/fast-foundation';
 import { parseColorHexRGB } from '@microsoft/fast-colors';
 import {
     Black,
diff --git a/packages/nimble-components/src/toggle-button/index.ts b/packages/nimble-components/src/toggle-button/index.ts
index c1eedba2e0..ffdb9d89b8 100644
--- a/packages/nimble-components/src/toggle-button/index.ts
+++ b/packages/nimble-components/src/toggle-button/index.ts
@@ -1,7 +1,7 @@
 import { attr, nullableNumberConverter } from '@microsoft/fast-element';
 import {
     applyMixins,
-    ButtonOptions,
+    type ButtonOptions,
     DelegatesARIAButton,
     DesignSystem,
     StartEnd,
diff --git a/packages/nimble-components/src/toggle-button/specs/README.md b/packages/nimble-components/src/toggle-button/specs/README.md
index bf7bcaa0bb..a68cbfac33 100644
--- a/packages/nimble-components/src/toggle-button/specs/README.md
+++ b/packages/nimble-components/src/toggle-button/specs/README.md
@@ -26,8 +26,8 @@ _Properties/Attributes_
 
 Properties & attributes of the FAST switch and additionally:
 
--   appearance - will support same appearance modes as `nimble-button`
--   contentHidden - to support icon only toggle buttons in a consistent manner as `nimble-button`
+- appearance - will support same appearance modes as `nimble-button`
+- contentHidden - to support icon only toggle buttons in a consistent manner as `nimble-button`
 
 _Methods -- unchanged_
 
@@ -37,13 +37,13 @@ _CSS classes and custom properties that affect the component -- unchanged_
 
 _Slots_
 
--   start - the expected slot for the icon
--   _default_ - the expected slot for text content
+- start - the expected slot for the icon
+- _default_ - the expected slot for text content
 
 Unlike the FAST switch, the `nimble-toggle-button` will not support the following slots because [toggle buttons should not change their message based on whether or not they are checked](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed):
 
--   unchecked-message
--   checked-message
+- unchecked-message
+- checked-message
 
 _Template_
 
@@ -79,9 +79,9 @@ An Angular directive will be created for the toggle button. Additionally Angular
 
 _Accessibility_
 
--   As with the `nimble-button`, the `nimble-toggle-button` will manage the internal ARIA labels to ensure that an icon-only button is accessible
--   The `nimble-toggle-button` can be pressed (and therefore toggled) in the same manners as a button: clicking, 'Enter' key, or 'Space' key
--   In the HTML template, the `role` will be specified as `button` and `aria-pressed` will be set to match the value of the `checked` attribute
+- As with the `nimble-button`, the `nimble-toggle-button` will manage the internal ARIA labels to ensure that an icon-only button is accessible
+- The `nimble-toggle-button` can be pressed (and therefore toggled) in the same manners as a button: clicking, 'Enter' key, or 'Space' key
+- In the HTML template, the `role` will be specified as `button` and `aria-pressed` will be set to match the value of the `checked` attribute
 
 _Testing_
 
@@ -100,4 +100,4 @@ Because the FAST switch's template will not be used directly, tests related to l
 
 ## Open Issues
 
--   None
+- None
diff --git a/packages/nimble-components/src/toggle-button/template.ts b/packages/nimble-components/src/toggle-button/template.ts
index 9d002aeec4..ca06574de7 100644
--- a/packages/nimble-components/src/toggle-button/template.ts
+++ b/packages/nimble-components/src/toggle-button/template.ts
@@ -2,8 +2,8 @@ import { html, ref, ViewTemplate } from '@microsoft/fast-element';
 import {
     endSlotTemplate,
     startSlotTemplate,
-    FoundationElementTemplate,
-    ButtonOptions
+    type FoundationElementTemplate,
+    type ButtonOptions
 } from '@microsoft/fast-foundation';
 import type { ToggleButton } from '.';
 
diff --git a/packages/nimble-components/src/toggle-button/tests/toggle-button.spec.ts b/packages/nimble-components/src/toggle-button/tests/toggle-button.spec.ts
index d1851ceb02..b1bc444f4c 100644
--- a/packages/nimble-components/src/toggle-button/tests/toggle-button.spec.ts
+++ b/packages/nimble-components/src/toggle-button/tests/toggle-button.spec.ts
@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 import { keyEnter, keySpace } from '@microsoft/fast-web-utilities';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { ToggleButton, toggleButtonTag } from '..';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
 
diff --git a/packages/nimble-components/src/toggle-tip/specs/toggle-tip-ixd.md b/packages/nimble-components/src/toggle-tip/specs/toggle-tip-ixd.md
index eaee58371f..ed8593fe62 100644
--- a/packages/nimble-components/src/toggle-tip/specs/toggle-tip-ixd.md
+++ b/packages/nimble-components/src/toggle-tip/specs/toggle-tip-ixd.md
@@ -12,21 +12,21 @@ Toggletips are commonly used in user interfaces to provide contextual help, expl
 
 ### Background
 
--   [ViD spec](https://www.figma.com/file/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?type=design&node-id=5308-156796&mode=dev)
--   [Component Issue](https://github.com/ni/nimble/issues/1876)
+- [ViD spec](https://www.figma.com/file/PO9mFOu5BCl8aJvFchEeuN/Nimble_Components?type=design&node-id=5308-156796&mode=dev)
+- [Component Issue](https://github.com/ni/nimble/issues/1876)
 
 ## Usage
 
 **When to use:**
 
--   In a _form_ or _editor_ view to display additional information or context for a specific element.
--   When the additional information or context provided by the toggletip is not valuable for most users of the control.
--   Content is "static" reference documentation.
+- In a _form_ or _editor_ view to display additional information or context for a specific element.
+- When the additional information or context provided by the toggletip is not valuable for most users of the control.
+- Content is "static" reference documentation.
 
 **When not to use:**
 
--   When the additional information or context is valuable for most users of the control. This context should be visible by default.
--   Content is "dynamic" or updated in response to actions like error messages or server responses.
+- When the additional information or context is valuable for most users of the control. This context should be visible by default.
+- Content is "dynamic" or updated in response to actions like error messages or server responses.
 
 ## Anatomy
 
@@ -87,29 +87,29 @@ The toggle-tip does not support an error state. Further, the toggle-tip should n
 
 #### Triggering
 
--   The triggering element **MUST** be defined using `<button>` element.
--   A descriptive and programmatic label **MUST** be provided for the triggering control using `aria-label` attribute or hidden off-screen text.
--   If an image is used to identify the triggering control, then a textual description **MUST** be defined for the image triggering control.
-    -   If the image is defined using `<img>` element, use an alt attribute with descriptive value.
-    -   If the image is defined using `<svg>` element, use `role="img"` and `aria-label` attribute to provide a role and an accessible name for the element.
-    -   Note: Providing ARIA based role and attribute on SVG image ensures robust support across different environments.
--   The button **MUST** be defined with aria-pressed attribute to convey the state.
-    -   In pressed state – the value of aria-pressed attribute **MUST** be set to “true”.
-    -   When not in pressed state – the value of aria-pressed attribute **MUST** be set to “false”.
+- The triggering element **MUST** be defined using `<button>` element.
+- A descriptive and programmatic label **MUST** be provided for the triggering control using `aria-label` attribute or hidden off-screen text.
+- If an image is used to identify the triggering control, then a textual description **MUST** be defined for the image triggering control.
+    - If the image is defined using `<img>` element, use an alt attribute with descriptive value.
+    - If the image is defined using `<svg>` element, use `role="img"` and `aria-label` attribute to provide a role and an accessible name for the element.
+    - Note: Providing ARIA based role and attribute on SVG image ensures robust support across different environments.
+- The button **MUST** be defined with aria-pressed attribute to convey the state.
+    - In pressed state – the value of aria-pressed attribute **MUST** be set to “true”.
+    - When not in pressed state – the value of aria-pressed attribute **MUST** be set to “false”.
 
 #### Popover
 
--   The container, in which the toggletip content is defined, **SHOULD** be specified with ARIA Live region using `role="status"`. Alternatively, `aria-live="polite"` along with `aria-atomic="true"` **CAN** be specified to the container.
--   When the toggletip content appears, the container **MUST NOT** prevent the user from accessing content surrounding the toggletip.
--   Toggletip **SHOULD** show/hide information on pressing the space or enter key.
--   A `tabindex="0"` **CAN** be specified for the container that contains the toggletip content to ensure screen reader focus is received and the information can be acquired.
--   Toggletip content **SHOULD** remain persistent unless dismissed.
+- The container, in which the toggletip content is defined, **SHOULD** be specified with ARIA Live region using `role="status"`. Alternatively, `aria-live="polite"` along with `aria-atomic="true"` **CAN** be specified to the container.
+- When the toggletip content appears, the container **MUST NOT** prevent the user from accessing content surrounding the toggletip.
+- Toggletip **SHOULD** show/hide information on pressing the space or enter key.
+- A `tabindex="0"` **CAN** be specified for the container that contains the toggletip content to ensure screen reader focus is received and the information can be acquired.
+- Toggletip content **SHOULD** remain persistent unless dismissed.
 
 ### Mouse Interactions
 
--   The toggle-tip popover **MUST** appear when a user clicks the trigger button, and disappear when the user clicks anything other than the popover.
--   The toggle-tip popover **MUST NOT** appear when a user _hovers_ the trigger button.
--   Scrolling or zooming the view **SHOULD NOT** close the popover.
+- The toggle-tip popover **MUST** appear when a user clicks the trigger button, and disappear when the user clicks anything other than the popover.
+- The toggle-tip popover **MUST NOT** appear when a user _hovers_ the trigger button.
+- Scrolling or zooming the view **SHOULD NOT** close the popover.
 
 ### Non-Mouse Interactions
 
@@ -136,9 +136,9 @@ Pressing `TAB` while focused on the last focusable element in the content area w
 
 #### Touch-Screen Devices
 
--   The trigger button should have the CSS property `touch-action: manipulation;` set so double-tapping on the trigger button doesn't zoom the page, and so there isn't a 300ms delay before opening the popover.
--   The toggle-tip popover should appear when a user taps the trigger button, and disappear when the user taps anything other than the popover.
--   Scrolling or zooming (pinch or double-tap) the view should not close the popover.
+- The trigger button should have the CSS property `touch-action: manipulation;` set so double-tapping on the trigger button doesn't zoom the page, and so there isn't a 300ms delay before opening the popover.
+- The toggle-tip popover should appear when a user taps the trigger button, and disappear when the user taps anything other than the popover.
+- Scrolling or zooming (pinch or double-tap) the view should not close the popover.
 
 ## Open Issues
 
@@ -146,6 +146,6 @@ See content marked "**QUESTION**" or "**NOTE**".
 
 ## References
 
--   [Pearson Toggletip requirements](https://accessibility.pearson.com/resources/developers-corner/reference-library/tooltips-and-toggletips/index.php)
--   [Grafana - Saga Toggletip](https://grafana.com/developers/saga/Components/toggletip)
--   [IBM - Carbon Toggletip](https://carbondesignsystem.com/components/toggletip/usage/)
+- [Pearson Toggletip requirements](https://accessibility.pearson.com/resources/developers-corner/reference-library/tooltips-and-toggletips/index.php)
+- [Grafana - Saga Toggletip](https://grafana.com/developers/saga/Components/toggletip)
+- [IBM - Carbon Toggletip](https://carbondesignsystem.com/components/toggletip/usage/)
diff --git a/packages/nimble-components/src/toolbar/index.ts b/packages/nimble-components/src/toolbar/index.ts
index a4fe35d401..66023ac3c5 100644
--- a/packages/nimble-components/src/toolbar/index.ts
+++ b/packages/nimble-components/src/toolbar/index.ts
@@ -1,7 +1,7 @@
 import {
     DesignSystem,
     Toolbar as FoundationToolbar,
-    ToolbarOptions,
+    type ToolbarOptions,
     toolbarTemplate as template
 } from '@microsoft/fast-foundation';
 import { styles } from './styles';
diff --git a/packages/nimble-components/src/toolbar/specs/README.md b/packages/nimble-components/src/toolbar/specs/README.md
index 54dece47a3..44fe454b5e 100644
--- a/packages/nimble-components/src/toolbar/specs/README.md
+++ b/packages/nimble-components/src/toolbar/specs/README.md
@@ -16,18 +16,18 @@ There is no official visual spec for a nimble toolbar yet, but the design can be
 
 [FAST component spec](https://github.com/microsoft/fast/blob/9ff8dce1424ff2a4bac1bba51cf4f32d86438823/packages/web-components/fast-foundation/src/toolbar/toolbar.spec.md)
 
--   Component Name: `nimble-toolbar`
--   Properties/Attributes:
-    -   orientation - supported in FAST, but will not be supported in nimble; only the default value of `horizontal` will be supported
--   Methods: _Unchanged from FAST_
--   Events: _Unchanged from FAST_
--   CSS Classes and Custom Properties that affect the component: _Unchanged from FAST_
--   Slots:
-    -   Styling of slots:
-        -   'label' - there is no planned use of the 'label' slot; it will be hidden
-        -   'start' - left aligned with standard padding between components
-        -   _default_ - centered between 'start' and 'end' with standard padding between components; it is unlikely this will be used in any/many designs
-        -   'end' - right aligned with standard padding between components
+- Component Name: `nimble-toolbar`
+- Properties/Attributes:
+    - orientation - supported in FAST, but will not be supported in nimble; only the default value of `horizontal` will be supported
+- Methods: _Unchanged from FAST_
+- Events: _Unchanged from FAST_
+- CSS Classes and Custom Properties that affect the component: _Unchanged from FAST_
+- Slots:
+    - Styling of slots:
+        - 'label' - there is no planned use of the 'label' slot; it will be hidden
+        - 'start' - left aligned with standard padding between components
+        - _default_ - centered between 'start' and 'end' with standard padding between components; it is unlikely this will be used in any/many designs
+        - 'end' - right aligned with standard padding between components
 
 ### Angular integration
 
@@ -35,8 +35,8 @@ An angular directive will be created for the toolbar. It will be very lightweigh
 
 ### Additional requirements
 
--   None
+- None
 
 ## Open Issues
 
--   There is currently a bug with the FAST toolbar related to keyboard navigation and disabled buttons. An [issue](https://github.com/microsoft/fast/issues/5723) has been created to FAST, and we can attempt to upstream a fix for this if necessary.
+- There is currently a bug with the FAST toolbar related to keyboard navigation and disabled buttons. An [issue](https://github.com/microsoft/fast/issues/5723) has been created to FAST, and we can attempt to upstream a fix for this if necessary.
diff --git a/packages/nimble-components/src/tooltip/specs/README.md b/packages/nimble-components/src/tooltip/specs/README.md
index f81b26626f..ab8e04c0bd 100644
--- a/packages/nimble-components/src/tooltip/specs/README.md
+++ b/packages/nimble-components/src/tooltip/specs/README.md
@@ -28,13 +28,13 @@ CSS constants for the `error`, `information`, and `default` states will be added
 
 The tooltip will have a custom template based on FAST's template. In addition to the HTML that is in FAST's template, the template wll contain the two icons needed for the information and error states as shown in the XD spec. These icons will always be part of the template and their visibility will be controlled by a combination of the `icon-visible` class and the state classes.
 
--   _Component Name:_ `nimble-tooltip`
--   _Properties/Attributes:_ Unchanged
--   _Methods:_ Unchanged
--   _Events:_ Unchanged
--   _CSS Classes and Custom Properties that affect the component:_ `icon-visible` and the special states of the tooltip (`error` and `information`)
--   _Slots:_ Unchanged
--   _Template:_ Unchanged
+- _Component Name:_ `nimble-tooltip`
+- _Properties/Attributes:_ Unchanged
+- _Methods:_ Unchanged
+- _Events:_ Unchanged
+- _CSS Classes and Custom Properties that affect the component:_ `icon-visible` and the special states of the tooltip (`error` and `information`)
+- _Slots:_ Unchanged
+- _Template:_ Unchanged
 
 ### Future Improvements
 
@@ -50,25 +50,25 @@ A Blazor wrapper will be created for the component.
 
 ### Additional requirements
 
--   _User interaction: Do the FAST component's behaviors match the visual design spec? When they differ, which approach is preferable and why?_
-    -   No additional requirements
--   _Styling: Does FAST provide APIs to achieve the styling in the visual design spec?_
-    -   No additional requirements
-    -   Version of error / information tooltips with icons will also be included.
--   _Testing: Is FAST's coverage sufficient? Should we write any tests beyond Chromatic visual tests?_
-    -   No additional requirements
--   _Documentation: Any requirements besides standard Storybook docs and updating the Example Client App demo?_
-    -   No additional requirements
--   _Tooling: Any new tools, updates to tools, code generation, etc?_
-    -   No additional requirements
--   _Accessibility: keyboard navigation/focus, form input, use with assistive technology, etc._
-    -   aria-describedby implementation will eventually need to be fixed- currently only works when tooltip attribute is set to visible
--   _Globalization: special RTL handling, swapping of icons/visuals, localization, etc._
-    -   No additional requirements
--   _Performance: does the FAST component meet Nimble's performance requirements?_
-    -   No additional requirements
--   _Security: Any requirements for security?_
-    -   No additional requirements
+- _User interaction: Do the FAST component's behaviors match the visual design spec? When they differ, which approach is preferable and why?_
+    - No additional requirements
+- _Styling: Does FAST provide APIs to achieve the styling in the visual design spec?_
+    - No additional requirements
+    - Version of error / information tooltips with icons will also be included.
+- _Testing: Is FAST's coverage sufficient? Should we write any tests beyond Chromatic visual tests?_
+    - No additional requirements
+- _Documentation: Any requirements besides standard Storybook docs and updating the Example Client App demo?_
+    - No additional requirements
+- _Tooling: Any new tools, updates to tools, code generation, etc?_
+    - No additional requirements
+- _Accessibility: keyboard navigation/focus, form input, use with assistive technology, etc._
+    - aria-describedby implementation will eventually need to be fixed- currently only works when tooltip attribute is set to visible
+- _Globalization: special RTL handling, swapping of icons/visuals, localization, etc._
+    - No additional requirements
+- _Performance: does the FAST component meet Nimble's performance requirements?_
+    - No additional requirements
+- _Security: Any requirements for security?_
+    - No additional requirements
 
 ---
 
@@ -76,9 +76,9 @@ A Blazor wrapper will be created for the component.
 
 When user is using nimble tooltip and nimble components, is there an easier way to add a tooltip so they wouldn't have to anchor to an html element every time they want a tooltip?
 
--   Update nimble controls to have tooltip show and be tooltip aware
--   Create a tooltip in the shadow dom internally, would not require a separate tooltip element.
--   If we don't do anything, at least provide an easy way to create unique ids.
+- Update nimble controls to have tooltip show and be tooltip aware
+- Create a tooltip in the shadow dom internally, would not require a separate tooltip element.
+- If we don't do anything, at least provide an easy way to create unique ids.
 
 Can tooltip be found by screen reader?
 
diff --git a/packages/nimble-components/src/tooltip/tests/tooltip.spec.ts b/packages/nimble-components/src/tooltip/tests/tooltip.spec.ts
index f44ece8a32..085bc77cc2 100644
--- a/packages/nimble-components/src/tooltip/tests/tooltip.spec.ts
+++ b/packages/nimble-components/src/tooltip/tests/tooltip.spec.ts
@@ -1,6 +1,6 @@
 import { TooltipPosition } from '@microsoft/fast-foundation';
 import { html } from '@microsoft/fast-element';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { Tooltip, tooltipTag } from '..';
 import { anchoredRegionTag } from '../../anchored-region';
 import { waitForUpdatesAsync } from '../../testing/async-helpers';
diff --git a/packages/nimble-components/src/tree-item/index.ts b/packages/nimble-components/src/tree-item/index.ts
index 2599ec9f99..a151712420 100644
--- a/packages/nimble-components/src/tree-item/index.ts
+++ b/packages/nimble-components/src/tree-item/index.ts
@@ -1,7 +1,7 @@
 import { attr } from '@microsoft/fast-element';
 import {
     TreeItem as FoundationTreeItem,
-    TreeItemOptions,
+    type TreeItemOptions,
     DesignSystem,
     treeItemTemplate as template
 } from '@microsoft/fast-foundation';
diff --git a/packages/nimble-components/src/tree-view/tests/tree.spec.ts b/packages/nimble-components/src/tree-view/tests/tree.spec.ts
index 03581fabf7..d9c70d8d6a 100644
--- a/packages/nimble-components/src/tree-view/tests/tree.spec.ts
+++ b/packages/nimble-components/src/tree-view/tests/tree.spec.ts
@@ -1,7 +1,7 @@
 import { html, ref } from '@microsoft/fast-element';
 import { notebook16X16 } from '@ni/nimble-tokens/dist/icons/js';
 import { keyEnter } from '@microsoft/fast-web-utilities';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { clickElement } from '../../utilities/testing/component';
 import { TreeViewSelectionMode } from '../types';
 import { TreeView, treeViewTag } from '..';
diff --git a/packages/nimble-components/src/utilities/style/multivalue-property-stylesheet-behavior.ts b/packages/nimble-components/src/utilities/style/multivalue-property-stylesheet-behavior.ts
index 71ca053ed0..02a5e0f1df 100644
--- a/packages/nimble-components/src/utilities/style/multivalue-property-stylesheet-behavior.ts
+++ b/packages/nimble-components/src/utilities/style/multivalue-property-stylesheet-behavior.ts
@@ -1,5 +1,5 @@
 import {
-    Behavior,
+    type Behavior,
     ElementStyles,
     FASTElement,
     Observable
diff --git a/packages/nimble-components/src/utilities/style/tests/multivalue-property-stylesheet-behavior.spec.ts b/packages/nimble-components/src/utilities/style/tests/multivalue-property-stylesheet-behavior.spec.ts
index 8734404df4..006bb088c8 100644
--- a/packages/nimble-components/src/utilities/style/tests/multivalue-property-stylesheet-behavior.spec.ts
+++ b/packages/nimble-components/src/utilities/style/tests/multivalue-property-stylesheet-behavior.spec.ts
@@ -5,7 +5,7 @@ import {
     css,
     ref,
     ElementStyles,
-    Behavior,
+    type Behavior,
     attr
 } from '@microsoft/fast-element';
 import { uniqueElementName, fixture } from '../../tests/fixture';
diff --git a/packages/nimble-components/src/utilities/tests/fixture.ts b/packages/nimble-components/src/utilities/tests/fixture.ts
index e25b7f9dd9..fd9fdc6908 100644
--- a/packages/nimble-components/src/utilities/tests/fixture.ts
+++ b/packages/nimble-components/src/utilities/tests/fixture.ts
@@ -10,13 +10,13 @@
 // 3. Remove the option for a custom parent to be specified in the `FixtureOptions` so that the patch mentioned above will never be unintentially bypassed.
 
 import {
-    Constructable,
+    type Constructable,
     defaultExecutionContext,
     ExecutionContext,
     HTMLView,
     ViewTemplate,
 } from '@microsoft/fast-element';
-import { Container, DesignSystem, DesignSystemRegistrationContext, DI } from '@microsoft/fast-foundation';
+import { Container, DesignSystem, type DesignSystemRegistrationContext, DI } from '@microsoft/fast-foundation';
 
 import type {
     FoundationElementDefinition,
diff --git a/packages/nimble-components/src/utilities/unit-format/README.md b/packages/nimble-components/src/utilities/unit-format/README.md
index 5127412abd..feffce2156 100644
--- a/packages/nimble-components/src/utilities/unit-format/README.md
+++ b/packages/nimble-components/src/utilities/unit-format/README.md
@@ -4,11 +4,11 @@
 
 The `UnitFormat` library provides a way to format numbers with units. The library:
 
--   Provides opinionated number formatters that are well-suited for:
-    -   numbers that can appear in large ranges (very small or very large).
-    -   numbers that are always decimal with a configurable number of digits.
--   Can scale number values on a unit scale, for example, a metric scale of voltage.
--   Provides internationalized number formatting and unit strings.
+- Provides opinionated number formatters that are well-suited for:
+    - numbers that can appear in large ranges (very small or very large).
+    - numbers that are always decimal with a configurable number of digits.
+- Can scale number values on a unit scale, for example, a metric scale of voltage.
+- Provides internationalized number formatting and unit strings.
 
 The library is intended to align well with the [`Intl.NumberFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) API to make it relatively straightforward to swap in.
 
@@ -36,8 +36,8 @@ For example, the `DefaultUnitFormat` will represent "very large" and "very small
 
 A `UnitScale` represents a collection of `ScaledUnits` where a scale factor is used to define each scaled unit. Each `UnitScale` must have a "base" `ScaledUnit` with scale factor 1. For example, a byte `UnitScale` may contain:
 
--   a `ScaledUnit` of scale factor 1 representing bytes (the base `ScaledUnit`)
--   a `ScaledUnit` of scale factor 1000 representing kilobytes.
+- a `ScaledUnit` of scale factor 1 representing bytes (the base `ScaledUnit`)
+- a `ScaledUnit` of scale factor 1000 representing kilobytes.
 
 Each `ScaledUnit` represents a scale factor and a factory function for creating a `ScaledUnitFormat` instance. This system is used so that the top-level `UnitFormat` objects can pass configuration settings to individual `ScaledUnitFormat` instances.
 
@@ -47,8 +47,8 @@ A `ScaledUnitFormat` is an object for formatting a particular `ScaledUnit` on th
 
 There are two main types of `ScaledUnitFormat`s:
 
--   `IntlNumberFormatScaledUnitFormat` which are scaled units can be translated by [`Intl.NumberFormat`](https://tc39.es/ecma402/#table-sanctioned-single-unit-identifiers).
--   `ManuallyTranslatedScaledUnitFormat` which are scaled units manually translated for a set of supported languages via `UnitTranslation` string collections.
+- `IntlNumberFormatScaledUnitFormat` which are scaled units can be translated by [`Intl.NumberFormat`](https://tc39.es/ecma402/#table-sanctioned-single-unit-identifiers).
+- `ManuallyTranslatedScaledUnitFormat` which are scaled units manually translated for a set of supported languages via `UnitTranslation` string collections.
 
 The different `ScaledUnitFormat` objects have a static function to assist with their factory creation, for example:
 
diff --git a/packages/nimble-components/src/utilities/unit-format/decimal-unit-format.ts b/packages/nimble-components/src/utilities/unit-format/decimal-unit-format.ts
index d4233a6dde..b47e8573e7 100644
--- a/packages/nimble-components/src/utilities/unit-format/decimal-unit-format.ts
+++ b/packages/nimble-components/src/utilities/unit-format/decimal-unit-format.ts
@@ -1,4 +1,4 @@
-import { UnitFormat, UnitFormatOptions } from './unit-format';
+import { UnitFormat, type UnitFormatOptions } from './unit-format';
 import type { ScaledUnitFormat } from './scaled-unit-format/scaled-unit-format';
 import type { UnitScale } from './unit-scale/unit-scale';
 import { passthroughUnitScale } from './unit-scale/passthrough-unit-scale';
diff --git a/packages/nimble-components/src/utilities/unit-format/default-unit-format.ts b/packages/nimble-components/src/utilities/unit-format/default-unit-format.ts
index f10f34181a..5945f2315b 100644
--- a/packages/nimble-components/src/utilities/unit-format/default-unit-format.ts
+++ b/packages/nimble-components/src/utilities/unit-format/default-unit-format.ts
@@ -1,4 +1,4 @@
-import { UnitFormat, UnitFormatOptions } from './unit-format';
+import { UnitFormat, type UnitFormatOptions } from './unit-format';
 import type { ScaledUnitFormat } from './scaled-unit-format/scaled-unit-format';
 import type { UnitScale } from './unit-scale/unit-scale';
 import { passthroughUnitScale } from './unit-scale/passthrough-unit-scale';
diff --git a/packages/nimble-components/src/utilities/unit-format/unit-scale/byte-1024-unit-scale.ts b/packages/nimble-components/src/utilities/unit-format/unit-scale/byte-1024-unit-scale.ts
index fd1caeb2b3..74de7bee49 100644
--- a/packages/nimble-components/src/utilities/unit-format/unit-scale/byte-1024-unit-scale.ts
+++ b/packages/nimble-components/src/utilities/unit-format/unit-scale/byte-1024-unit-scale.ts
@@ -2,7 +2,7 @@ import { ScaledUnit } from '../scaled-unit/scaled-unit';
 import { UnitScale } from './unit-scale';
 import {
     ManuallyTranslatedScaledUnitFormat,
-    UnitTranslations,
+    type UnitTranslations,
     UnitTranslation
 } from '../scaled-unit-format/manually-translated-scaled-unit-format';
 
diff --git a/packages/nimble-components/src/utilities/unit-format/unit-scale/volt-unit-scale.ts b/packages/nimble-components/src/utilities/unit-format/unit-scale/volt-unit-scale.ts
index c12f41a539..3ffe4459fe 100644
--- a/packages/nimble-components/src/utilities/unit-format/unit-scale/volt-unit-scale.ts
+++ b/packages/nimble-components/src/utilities/unit-format/unit-scale/volt-unit-scale.ts
@@ -3,7 +3,7 @@ import { UnitScale } from './unit-scale';
 import { metricPrefixes } from './utilities/metrix-prefixes';
 import {
     ManuallyTranslatedScaledUnitFormat,
-    UnitTranslations,
+    type UnitTranslations,
     UnitTranslation
 } from '../scaled-unit-format/manually-translated-scaled-unit-format';
 
diff --git a/packages/nimble-components/src/wafer-map/experimental/computations.ts b/packages/nimble-components/src/wafer-map/experimental/computations.ts
index ec3aa7edab..b72690de1a 100644
--- a/packages/nimble-components/src/wafer-map/experimental/computations.ts
+++ b/packages/nimble-components/src/wafer-map/experimental/computations.ts
@@ -1,4 +1,4 @@
-import { scaleLinear, ScaleLinear } from 'd3-scale';
+import { scaleLinear, type ScaleLinear } from 'd3-scale';
 import { range } from 'd3-array';
 import type { WaferMap } from '..';
 import { WaferMapColorScaleMode, WaferMapOriginLocation } from '../types';
diff --git a/packages/nimble-components/src/wafer-map/experimental/hover-handler.ts b/packages/nimble-components/src/wafer-map/experimental/hover-handler.ts
index 39e414b510..b09f5d6fca 100644
--- a/packages/nimble-components/src/wafer-map/experimental/hover-handler.ts
+++ b/packages/nimble-components/src/wafer-map/experimental/hover-handler.ts
@@ -1,5 +1,5 @@
 import type { WaferMap } from '..';
-import { PointCoordinates, WaferMapOriginLocation } from '../types';
+import { type PointCoordinates, WaferMapOriginLocation } from '../types';
 
 /**
  * HoverHandler deals with user interactions and events like hovering
diff --git a/packages/nimble-components/src/wafer-map/index.ts b/packages/nimble-components/src/wafer-map/index.ts
index 2c4712e5ea..bc13247859 100644
--- a/packages/nimble-components/src/wafer-map/index.ts
+++ b/packages/nimble-components/src/wafer-map/index.ts
@@ -12,14 +12,14 @@ import { styles } from './styles';
 import { DataManager } from './modules/data-manager';
 import { RenderingModule } from './modules/rendering';
 import {
-    HoverDie,
+    type HoverDie,
     HoverDieOpacity,
-    WaferMapColorScale,
+    type WaferMapColorScale,
     WaferMapColorScaleMode,
-    WaferMapDie,
+    type WaferMapDie,
     WaferMapOrientation,
     WaferMapOriginLocation,
-    WaferMapValidity,
+    type WaferMapValidity,
     type WaferRequiredFields
 } from './types';
 import { WaferMapUpdateTracker } from './modules/wafer-map-update-tracker';
diff --git a/packages/nimble-components/src/wafer-map/modules/computations.ts b/packages/nimble-components/src/wafer-map/modules/computations.ts
index 0975098eb2..5f58c750d5 100644
--- a/packages/nimble-components/src/wafer-map/modules/computations.ts
+++ b/packages/nimble-components/src/wafer-map/modules/computations.ts
@@ -1,5 +1,10 @@
 import { range } from 'd3-array';
-import { ScaleBand, scaleBand, scaleQuantile, ScaleQuantile } from 'd3-scale';
+import {
+    type ScaleBand,
+    scaleBand,
+    scaleQuantile,
+    type ScaleQuantile
+} from 'd3-scale';
 import type { WaferMap } from '..';
 import type { WaferMapDie } from '../types';
 import { WaferMapOriginLocation } from '../types';
diff --git a/packages/nimble-components/src/wafer-map/modules/create-matrix-renderer.ts b/packages/nimble-components/src/wafer-map/modules/create-matrix-renderer.ts
index bb67d23d11..b217999130 100644
--- a/packages/nimble-components/src/wafer-map/modules/create-matrix-renderer.ts
+++ b/packages/nimble-components/src/wafer-map/modules/create-matrix-renderer.ts
@@ -1,4 +1,4 @@
-import { wrap, Remote } from 'comlink';
+import { wrap, type Remote } from 'comlink';
 import { workerCode } from '../workers/worker-code';
 import type { MatrixRenderer } from '../workers/matrix-renderer';
 
diff --git a/packages/nimble-components/src/wafer-map/modules/hover-handler.ts b/packages/nimble-components/src/wafer-map/modules/hover-handler.ts
index 2d22cab643..fe8ce00eae 100644
--- a/packages/nimble-components/src/wafer-map/modules/hover-handler.ts
+++ b/packages/nimble-components/src/wafer-map/modules/hover-handler.ts
@@ -1,5 +1,5 @@
 import type { WaferMap } from '..';
-import { PointCoordinates, WaferMapOriginLocation } from '../types';
+import { type PointCoordinates, WaferMapOriginLocation } from '../types';
 
 /**
  * HoverHandler deals with user interactions and events like hovering
diff --git a/packages/nimble-components/src/wafer-map/modules/prerendering.ts b/packages/nimble-components/src/wafer-map/modules/prerendering.ts
index 506b81a01a..e74adc14cf 100644
--- a/packages/nimble-components/src/wafer-map/modules/prerendering.ts
+++ b/packages/nimble-components/src/wafer-map/modules/prerendering.ts
@@ -1,4 +1,9 @@
-import { ScaleLinear, scaleLinear, ScaleOrdinal, scaleOrdinal } from 'd3-scale';
+import {
+    type ScaleLinear,
+    scaleLinear,
+    type ScaleOrdinal,
+    scaleOrdinal
+} from 'd3-scale';
 import { ColorRGBA64, parseColor } from '@microsoft/fast-colors';
 import { WaferMapColorScaleMode } from '../types';
 import type { DieRenderInfo, WaferMapColorScale, WaferMapDie } from '../types';
diff --git a/packages/nimble-components/src/wafer-map/modules/rendering.ts b/packages/nimble-components/src/wafer-map/modules/rendering.ts
index f603219042..231defe861 100644
--- a/packages/nimble-components/src/wafer-map/modules/rendering.ts
+++ b/packages/nimble-components/src/wafer-map/modules/rendering.ts
@@ -1,5 +1,5 @@
 import type { WaferMap } from '..';
-import { DieRenderInfo, HoverDieOpacity } from '../types';
+import { type DieRenderInfo, HoverDieOpacity } from '../types';
 
 /**
  * Responsible for drawing the dies inside the wafer map, adding dieText and scaling the canvas
diff --git a/packages/nimble-components/src/wafer-map/specs/README.md b/packages/nimble-components/src/wafer-map/specs/README.md
index 20e925ed6d..4c13c64ad9 100644
--- a/packages/nimble-components/src/wafer-map/specs/README.md
+++ b/packages/nimble-components/src/wafer-map/specs/README.md
@@ -28,8 +28,8 @@ A conversation with the design team will be started regarding this topic, but fo
 
 These are the features that would make sense to provide for a visualization widget component such as the wafer map, but will not be part of the current implementation:
 
--   Color legend
--   Die tooltips
+- Color legend
+- Die tooltips
 
 Currently our main goal is to bring in the existing wafer map component into the nimble library, but not to add features.
 
@@ -37,18 +37,18 @@ Currently our main goal is to bring in the existing wafer map component into the
 
 We consider now that the most important features of the current component would be:
 
--   Allowing to set the orientation of the wafer
--   Allowing an option to select specific color schemes for the wafer
--   Allowing to zoom in/out on the wafer-map widget
--   Allowing panning whilst the wafer is zoomed
--   Dynamic size adaptability
--   Scalable for very large number of data points
+- Allowing to set the orientation of the wafer
+- Allowing an option to select specific color schemes for the wafer
+- Allowing to zoom in/out on the wafer-map widget
+- Allowing panning whilst the wafer is zoomed
+- Dynamic size adaptability
+- Scalable for very large number of data points
 
 Additional implemented features:
 
--   [Nimble Wafer Map Hover Die](features/hover.md)
--   [Nimble Wafer Map Die Padding](features/die-padding.md)
--   [Nimble Wafer Map Grid Dimensions](features/grid-dimension.md)
+- [Nimble Wafer Map Hover Die](features/hover.md)
+- [Nimble Wafer Map Die Padding](features/die-padding.md)
+- [Nimble Wafer Map Grid Dimensions](features/grid-dimension.md)
 
 ### Risks and Challenges
 
@@ -71,9 +71,9 @@ While zooming in on the component, the user should also be able to pan (drag) th
 
 From a developer perspective, it's very important that the `nimble-wafer-map` component can be integrated with the MicroStrategy Custom plugin framework as this framework provides functionalities as follows:
 
--   Tooltip when hovering any of the datapoints within the wafer map
--   Wafer map legend
--   MicroStrategy specific context menus on right-click action
+- Tooltip when hovering any of the datapoints within the wafer map
+- Wafer map legend
+- MicroStrategy specific context menus on right-click action
 
 Information regarding the basic MicroStrategy **Custom Plugin Workflow** can be found [here](https://www2.microstrategy.com/producthelp/Current/VisSDK/Content/topics/HTML5/Understanding_the_workflow.htm)
 Also, the visualisation widget has no active controls, so there is no way to alter the visual aspect or data post rendering.
@@ -82,54 +82,54 @@ Also, the visualisation widget has no active controls, so there is no way to alt
 
 _The key elements of the component's public API surface:_
 
--   Component Name: `nimble-wafer-map`
--   Props/Attrs:
-    -   `dies` - this represents the input data, an array of `WaferMapDie`, which fills the wafer map with content.\
-        The **WaferMapDie** object contains the following attributes:
-        -   x: number
-        -   y: number
-        -   value: string
-        -   tags?: string[]
-    -   `originLocation` - represents the starting point and the direction of the two axes, X and Y, which are used for displaying the die grid on the wafer map canvas. The four possible combinations are represented with the position of the origin respective to the specific axes directions . It can be represented by a const (as suggested [here](https://github.com/ni/nimble/blob/12a84ea7ad9103ab848aa2cd9f724e8853751a10/packages/nimble-components/docs/coding-conventions.md#use-const-objects-instead-of-typescript-enums)) with the following values:
-    -   topLeft - ![Top Left Origin Location](./Resources/top_left.png)
-    -   bottomLeft - ![Bottom Left Origin Location](./Resources/bottom_left.png)
-    -   topRight - ![Top Right Origin Location](./Resources/top_right.png)
-    -   bottomRight - ![Bottom Right Origin Location](./Resources/bottom_right.png)
-    -   `orientation` - represents the orientation of the notch on the wafer map outline. As only four static orientations are possible, it can be represented by an Enum with the following values: `top`, `bottom`, `left`, `right`. This value does not influence the die grid display in any measure, it affects only the circle outline of the wafer.
-    -   `gridMinX` - represents the X coordinate of the minimum corner of the the grid bounding box for rendering the wafer map. Leaving the value `undefined` will set the value to the minimum X value of the bounding box of the input dies coordinates.
-    -   `gridMinY` - represents the Y coordinate of the minimum corner of the the grid bounding box for rendering the wafer map. Leaving the value `undefined` will set the value to the minimum Y value of the bounding box of the input dies coordinates.
-    -   `gridMaxX` - represents the X coordinate of the maximum corner of the the grid bounding box for rendering the wafer map. Leaving the value `undefined` will set the value to the maximum X value of the bounding box of the input dies coordinates.
-    -   `gridMaxY` - represents the Y coordinate of the maximum corner of the the grid bounding box for rendering the wafer map. Leaving the value `undefined` will set the value to the maximum Y value of the bounding box of the input dies coordinates.
-    -   `colorScale` - represents the color spectrum which shows the status of the dies on the wafer.\
-        The objects we use internally for the colorScale are [d3.scaleOrdinal](https://observablehq.com/@d3/d3-scaleordinal) and [d3.scaleLinear](https://observablehq.com/@d3/d3-scalelinear). Basically, what this does is it associates a specific string (or in our case a value) with a specific color. The values which are not specified in the array, will be calculated as a interpolation from the provided colors for the linear scale or will be assigned to one of the specified color values from the provided colors for the ordinal scale.
-        In the following example the colorScale object is defined as `WaferMapColorScale(['red', 'blue', 'green'], [1, 2, 8]);` and uses an internal linear scale\
-        The generated wafer using this color scale is: ![color_scale](./Resources/color_scale.png)
-    -   `maxCharacters` - represents the number of characters allowed to be displayed within a single die, including the label suffix. As the die values are strings, we must have the liberty of limiting how many characters we are willing to display within a single die.
-    -   `dieLabelsHidden` - a boolean value that determines if the die labels in the wafer map view are shown or not. Default value is false.
-    -   `dieLabelsSuffix` - represent a string that can be added as a label in the end of the each data information in the wafer map dies value.
-    -   `colorScaleMode` - represent an Enum value that determent if the colorScale is represent a continues gradient values (linear), or is set categorically (ordinal).
-    -   `highlightedTags` - represent a list of strings of dies that will be highlighted in the wafer map view. Each WaferMapDie has a tags?: string[] property, if at least one element of highlightedTags equals at least one element of WaferMapDie.tags the die will be highlighted. Highlighting changes the opacity of the dies. The non-highlighted ones will become faded and highlighted ones will maintain their color.
-    -   `disabled` - it's represented by a boolean value and refers to the state of the `nimble-wafer-map` component. If true, the component should be rendered dimmed out and no user interaction should be allowed.
-    -   `validity` - readonly object of boolean values that represents the validity states that the wafer map's configuration can be in. The object's type is `WaferMapValidity`, and it contains the following boolean properties:
-        -   `invalidGridDimensions` : true when any of the `gridMinX`, `gridMinY`, `gridMaxX` or `gridMaxY` is `undefined`, but false when all of them are `undefined`.
+- Component Name: `nimble-wafer-map`
+- Props/Attrs:
+    - `dies` - this represents the input data, an array of `WaferMapDie`, which fills the wafer map with content.\
+      The **WaferMapDie** object contains the following attributes:
+        - x: number
+        - y: number
+        - value: string
+        - tags?: string[]
+    - `originLocation` - represents the starting point and the direction of the two axes, X and Y, which are used for displaying the die grid on the wafer map canvas. The four possible combinations are represented with the position of the origin respective to the specific axes directions . It can be represented by a const (as suggested [here](https://github.com/ni/nimble/blob/12a84ea7ad9103ab848aa2cd9f724e8853751a10/packages/nimble-components/docs/coding-conventions.md#use-const-objects-instead-of-typescript-enums)) with the following values:
+    - topLeft - ![Top Left Origin Location](./Resources/top_left.png)
+    - bottomLeft - ![Bottom Left Origin Location](./Resources/bottom_left.png)
+    - topRight - ![Top Right Origin Location](./Resources/top_right.png)
+    - bottomRight - ![Bottom Right Origin Location](./Resources/bottom_right.png)
+    - `orientation` - represents the orientation of the notch on the wafer map outline. As only four static orientations are possible, it can be represented by an Enum with the following values: `top`, `bottom`, `left`, `right`. This value does not influence the die grid display in any measure, it affects only the circle outline of the wafer.
+    - `gridMinX` - represents the X coordinate of the minimum corner of the the grid bounding box for rendering the wafer map. Leaving the value `undefined` will set the value to the minimum X value of the bounding box of the input dies coordinates.
+    - `gridMinY` - represents the Y coordinate of the minimum corner of the the grid bounding box for rendering the wafer map. Leaving the value `undefined` will set the value to the minimum Y value of the bounding box of the input dies coordinates.
+    - `gridMaxX` - represents the X coordinate of the maximum corner of the the grid bounding box for rendering the wafer map. Leaving the value `undefined` will set the value to the maximum X value of the bounding box of the input dies coordinates.
+    - `gridMaxY` - represents the Y coordinate of the maximum corner of the the grid bounding box for rendering the wafer map. Leaving the value `undefined` will set the value to the maximum Y value of the bounding box of the input dies coordinates.
+    - `colorScale` - represents the color spectrum which shows the status of the dies on the wafer.\
+      The objects we use internally for the colorScale are [d3.scaleOrdinal](https://observablehq.com/@d3/d3-scaleordinal) and [d3.scaleLinear](https://observablehq.com/@d3/d3-scalelinear). Basically, what this does is it associates a specific string (or in our case a value) with a specific color. The values which are not specified in the array, will be calculated as a interpolation from the provided colors for the linear scale or will be assigned to one of the specified color values from the provided colors for the ordinal scale.
+      In the following example the colorScale object is defined as `WaferMapColorScale(['red', 'blue', 'green'], [1, 2, 8]);` and uses an internal linear scale\
+      The generated wafer using this color scale is: ![color_scale](./Resources/color_scale.png)
+    - `maxCharacters` - represents the number of characters allowed to be displayed within a single die, including the label suffix. As the die values are strings, we must have the liberty of limiting how many characters we are willing to display within a single die.
+    - `dieLabelsHidden` - a boolean value that determines if the die labels in the wafer map view are shown or not. Default value is false.
+    - `dieLabelsSuffix` - represent a string that can be added as a label in the end of the each data information in the wafer map dies value.
+    - `colorScaleMode` - represent an Enum value that determent if the colorScale is represent a continues gradient values (linear), or is set categorically (ordinal).
+    - `highlightedTags` - represent a list of strings of dies that will be highlighted in the wafer map view. Each WaferMapDie has a tags?: string[] property, if at least one element of highlightedTags equals at least one element of WaferMapDie.tags the die will be highlighted. Highlighting changes the opacity of the dies. The non-highlighted ones will become faded and highlighted ones will maintain their color.
+    - `disabled` - it's represented by a boolean value and refers to the state of the `nimble-wafer-map` component. If true, the component should be rendered dimmed out and no user interaction should be allowed.
+    - `validity` - readonly object of boolean values that represents the validity states that the wafer map's configuration can be in. The object's type is `WaferMapValidity`, and it contains the following boolean properties:
+        - `invalidGridDimensions` : true when any of the `gridMinX`, `gridMinY`, `gridMaxX` or `gridMaxY` is `undefined`, but false when all of them are `undefined`.
 
 The `originLocation`, `orientation`, `gridMinX`, `gridMinY`, `gridMaxX`, `gridMaxY`, `dieCharacterCount`, `disabled`, `waferDataType` and `colorBy` properties will be configurable via properties and attributes.
 The `dies`, `colorScale` and `highlightedTags` properties will be configurable only via properties and will not have attributes.
 
 Methods: The following methods will be exposed in the public API:
 
--   `focus()` - adds a green box around the component when it has tab focus.
+- `focus()` - adds a green box around the component when it has tab focus.
 
 Events: The events mentioned below will all be handled internally by the nimble component and they will not be part of the public API. In the initial implementation the following events should be handled:
 
--   Zoom in while hovering - this action gets executed whenever the mouse pointer hovers the `nimble-wafer-map` component and a wheel event (scroll up) gets triggered
--   Zoom out while hovering - this action gets executed whenever the mouse pointer hovers the `nimble-wafer-map` component and a wheel event (scroll down) gets triggered
--   Drag while zoomed - this event gets triggered whenever the `nimble-wafer-map` component is zoomed in (larger than 100%) and whilst the left mouse button is held the pointer moves to any direction within the wafer-map canvas
--   Mouse hover - this event gets triggered whenever the mouse pointer is hovering any of the die elements within the wafer map. We only must detect this in the nimble component, proper handling will be done in the MicroStrategy wrapper. (Tooltip triggering)
+- Zoom in while hovering - this action gets executed whenever the mouse pointer hovers the `nimble-wafer-map` component and a wheel event (scroll up) gets triggered
+- Zoom out while hovering - this action gets executed whenever the mouse pointer hovers the `nimble-wafer-map` component and a wheel event (scroll down) gets triggered
+- Drag while zoomed - this event gets triggered whenever the `nimble-wafer-map` component is zoomed in (larger than 100%) and whilst the left mouse button is held the pointer moves to any direction within the wafer-map canvas
+- Mouse hover - this event gets triggered whenever the mouse pointer is hovering any of the die elements within the wafer map. We only must detect this in the nimble component, proper handling will be done in the MicroStrategy wrapper. (Tooltip triggering)
 
 The public API will have a new custom event fired when the mouse will hover over a displayed die.
 
--   `die-hover` will be triggered to inform the user that the state of hoverin over a die has changed. The event `detail` will include `{currentDie: WaferMapDie}` when a new die is the target of mouse hovernig and `{currentDie: undefined}` when the hovering does not have a target.
+- `die-hover` will be triggered to inform the user that the state of hoverin over a die has changed. The event `detail` will include `{currentDie: WaferMapDie}` when a new die is the target of mouse hovernig and `{currentDie: undefined}` when the hovering does not have a target.
 
 ### Anatomy
 
@@ -159,16 +159,16 @@ Shadow DOM:
 
 The first SVG element with the "zoomContainer" class attribute contains two circles and a rectangle.
 
--   The first circle represents the outline of the wafer map component.
--   The second circle, together with the rectangle is part of a solution which creates the illusion that there is a notch present on the wafer map frame.
+- The first circle represents the outline of the wafer map component.
+- The second circle, together with the rectangle is part of a solution which creates the illusion that there is a notch present on the wafer map frame.
 
 The second SVG element with the "WaferMapArea" class attribute represents the area where the dies get rendered.
 The rectangle present here is used as the "highlight" which allows us to identify individual dies in the canvas.
 
--   Slot Names: (none)
--   Host Classes: (none)
--   Slotted Content/Slotted Classes: (none)
--   CSS Parts: (none)
+- Slot Names: (none)
+- Host Classes: (none)
+- Slotted Content/Slotted Classes: (none)
+- CSS Parts: (none)
 
 ### Angular integration
 
@@ -192,15 +192,15 @@ Original component: [wafermap](https://dev.azure.com/ni/DevCentral/_git/op-web-p
 
 Once the bloat removal is done, we split the component to smaller services as follows:
 
--   data service - responsible for initializing, by parsing the input and populating metadata properties such as the width, height, axes ranges, color, and linear scales. The service will expose an interface for requesting data access to the die list, individual die data, color data, scales, rows, and columns.
--   rendering service - by using the relevant information from the data service and being given an empty canvas it will populate it with the existing die list.
+- data service - responsible for initializing, by parsing the input and populating metadata properties such as the width, height, axes ranges, color, and linear scales. The service will expose an interface for requesting data access to the die list, individual die data, color data, scales, rows, and columns.
+- rendering service - by using the relevant information from the data service and being given an empty canvas it will populate it with the existing die list.
 
 ### Code submission strategy
 
 In order to make the process of submitting the re-written wafer map component easier for us and for the code reviewers as well, we propose the following bottom-up approach:
 
--   As an initial step, we submit a skeleton of the `nimble-wafer-map` component into the main branch. This will serve as a starting point on which the complete functionality will be built on.
--   As soon as the skeleton is in place, we start to work on and submit individual pieces of the functionality so it's not very overwhelming to review the code.
+- As an initial step, we submit a skeleton of the `nimble-wafer-map` component into the main branch. This will serve as a starting point on which the complete functionality will be built on.
+- As soon as the skeleton is in place, we start to work on and submit individual pieces of the functionality so it's not very overwhelming to review the code.
 
 ### States
 
@@ -239,10 +239,10 @@ Currently the only thing we would like to achieve is to measure (benchmark) the
 During these manual benchmark runs we would like to obtain more details on:
 "How much time it takes to render a `nimble-wafer-map` component with":
 
--   100 data points
--   1000 data points
--   10000 data points
--   100000 data points
+- 100 data points
+- 1000 data points
+- 10000 data points
+- 100000 data points
 
 Based on this information we can plan how we would like to approach performance improvements in the future and probably detect major bottlenecks.
 
@@ -258,10 +258,10 @@ The only 3rd party dependency on which the current wafer map component depends o
 We use parts of this library in our zooming and rendering functionality.
 As we don't want to bloat the component with unused packages, only the following will be included in the package.json:
 
--   d3-zoom
--   d3-color
--   d3-scale
--   d3-selection
+- d3-zoom
+- d3-color
+- d3-scale
+- d3-selection
 
 ### Test Plan
 
diff --git a/packages/nimble-components/src/wafer-map/specs/features/grid-dimension.md b/packages/nimble-components/src/wafer-map/specs/features/grid-dimension.md
index 9df5b8230c..28dadc8100 100644
--- a/packages/nimble-components/src/wafer-map/specs/features/grid-dimension.md
+++ b/packages/nimble-components/src/wafer-map/specs/features/grid-dimension.md
@@ -13,8 +13,8 @@ To mitigate these problems, we will reveal four new API inputs which will allow
 
 ## Links To Relevant Work Items and Reference Material
 
--   [Wafer Map Spec](../README.md)
--   [Interactive Wafer Map Improvements](https://dev.azure.com/ni/DevCentral/_wiki/wikis/Stratus/66917/Interactive-Wafer-Map-Improvements)
+- [Wafer Map Spec](../README.md)
+- [Interactive Wafer Map Improvements](https://dev.azure.com/ni/DevCentral/_wiki/wikis/Stratus/66917/Interactive-Wafer-Map-Improvements)
 
 ## Implementation / Design
 
diff --git a/packages/nimble-components/src/wafer-map/specs/features/rendering.md b/packages/nimble-components/src/wafer-map/specs/features/rendering.md
index 517ba80f8a..3d669a4195 100644
--- a/packages/nimble-components/src/wafer-map/specs/features/rendering.md
+++ b/packages/nimble-components/src/wafer-map/specs/features/rendering.md
@@ -6,11 +6,11 @@ The problem we are addressing is the need for faster rendering in our applicatio
 
 The proposed design should consider the following factors:
 
--   Efficiently handle large datasets with multiple layers of metadata
--   Minimize rendering time and improve overall performance
--   Measure and improve performance metrics
--   Maintain compatibility with existing design patterns and web standards
--   Address any potential impact on testing, documentation, security, and other relevant areas
+- Efficiently handle large datasets with multiple layers of metadata
+- Minimize rendering time and improve overall performance
+- Measure and improve performance metrics
+- Maintain compatibility with existing design patterns and web standards
+- Address any potential impact on testing, documentation, security, and other relevant areas
 
 By addressing these challenges, we aim to enhance the rendering capabilities of our application and provide a smoother and more responsive user interface.
 
@@ -98,8 +98,8 @@ export class WaferMap extends FoundationElement {
 It will be using the [Apache Arrow Table](https://arrow.apache.org/docs/js/classes/Arrow_dom.Table.html).
 It will require at least three columns for the `diesTable`:
 
--   The `rowIndex` and `colIndex` will be `Int32` columns
--   The `value` will be a `Float64` column.
+- The `rowIndex` and `colIndex` will be `Int32` columns
+- The `value` will be a `Float64` column.
 
 They will be checked at runtime and a `WaferMapValidity` flag will be raised signaling an `invalidTableInput`.
 
@@ -122,15 +122,15 @@ The [C# implementation of Apache Arrow](https://github.com/apache/arrow/blob/mai
 
 An alternate renderer inside a worker thread will be created to live in parallel in the wafer-map :
 
--   During development the data assigned to the dies property will determine the renderer to use. The current WaferMapDie type will choose the current renderer and the new WaferDataFormat will pick the new renderer.
--   When development is complete the old renderer will be removed and the previous WaferMapDie format will be supported and map to the new format internally.
+- During development the data assigned to the dies property will determine the renderer to use. The current WaferMapDie type will choose the current renderer and the new WaferDataFormat will pick the new renderer.
+- When development is complete the old renderer will be removed and the previous WaferMapDie format will be supported and map to the new format internally.
 
 The render worker:
 
--   will be responsible for parsing each layer of the data set and it will render the information contained with the specific color codes and opacity.
--   will be using the [comlink](https://github.com/GoogleChromeLabs/comlink) library to communicate with the main thread.
--   will be precompiled by rollup in a library and sent as a Blob to the worker initializer. Workers normally require a separate script file that is downloaded dynamically to run. To avoid the need for dynamically fetched resources and enable static compilation the worker code will be precompiled by rollup in a library and sent as a Blob to the worker.
--   will function as a state automaton which will need some data after initialization, and it will render everything using an [OffscreenCanvas](https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas). `SharedArrayBuffers` can be used to efficiently share memory buffers across multiple web workers but require [strict server configuration](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer#security_requirements) to be enabled. As such they will not be leveraged and are not needed to meet the performance targets.
+- will be responsible for parsing each layer of the data set and it will render the information contained with the specific color codes and opacity.
+- will be using the [comlink](https://github.com/GoogleChromeLabs/comlink) library to communicate with the main thread.
+- will be precompiled by rollup in a library and sent as a Blob to the worker initializer. Workers normally require a separate script file that is downloaded dynamically to run. To avoid the need for dynamically fetched resources and enable static compilation the worker code will be precompiled by rollup in a library and sent as a Blob to the worker.
+- will function as a state automaton which will need some data after initialization, and it will render everything using an [OffscreenCanvas](https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas). `SharedArrayBuffers` can be used to efficiently share memory buffers across multiple web workers but require [strict server configuration](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/SharedArrayBuffer#security_requirements) to be enabled. As such they will not be leveraged and are not needed to meet the performance targets.
 
 The main thread will communicate with the worker by signaling any data changes or user events which will trigger full or partial renders. We will implement an event queue inside the worker which will batch events together.
 
@@ -233,10 +233,10 @@ This API will have [optimized byte-array interop from Blazor](https://learn.micr
 
 Pros of using Apache Arrow:
 
--   A row based format that aligns well with the existing public api
--   Well supported and tested format
--   Nice public API to use, we don't have to invent a new format, just document our schema for the arrow tables
--   Designed for large dataset visualizations
+- A row based format that aligns well with the existing public api
+- Well supported and tested format
+- Nice public API to use, we don't have to invent a new format, just document our schema for the arrow tables
+- Designed for large dataset visualizations
 
 Another option is to break each object property as a separate attribute for the wafer map component. This can also lead to increased complexity and confusion for the user which will need to pass several structured objects instead of a singular object.
 
@@ -345,20 +345,20 @@ Another option is using the existing `highlightedTags` API with a `List` column
 
 Specific open questions:
 
--   For a highlightedTags table api:
-    -   Should the API be constrained in the [supported arrow types](https://arrow.apache.org/docs/status.html)?
-        -   Should just primitive types be supported?
-        -   Should just types supported in the JavaScript and C# languages be supported?
-        -   Should just types well-supported in all existing implementation be supported?
-        -   Would certain types, ex. like strings, lead to poor performance and be discouraged?
-        -   Are there implementation challenges transferring buffers of arbitrary types across the Web Worker boundary?
-    -   Should the API be constrained in the set of columns that participate in highlighting instead of all columns? Maybe columns with a specific name prefix like `highlighted_`?
-    -   Is there real known benefits for specifying per floating point `value`? Or specific `rowIndex` / `columnIndex` independently?
-    -   Does the highlightTable need to contain all columns used in diesTable? Can it just be a subset of columns?
--   For a tags columns api:
-    -   Do columns of List<string> work in tables?
-    -   Do dictionary columns work in tables to improve efficiency compared to List<string>?
-    -   What is the performance of a List<string> / Dictionary column api compared to the alternatives?
+- For a highlightedTags table api:
+    - Should the API be constrained in the [supported arrow types](https://arrow.apache.org/docs/status.html)?
+        - Should just primitive types be supported?
+        - Should just types supported in the JavaScript and C# languages be supported?
+        - Should just types well-supported in all existing implementation be supported?
+        - Would certain types, ex. like strings, lead to poor performance and be discouraged?
+        - Are there implementation challenges transferring buffers of arbitrary types across the Web Worker boundary?
+    - Should the API be constrained in the set of columns that participate in highlighting instead of all columns? Maybe columns with a specific name prefix like `highlighted_`?
+    - Is there real known benefits for specifying per floating point `value`? Or specific `rowIndex` / `columnIndex` independently?
+    - Does the highlightTable need to contain all columns used in diesTable? Can it just be a subset of columns?
+- For a tags columns api:
+    - Do columns of List<string> work in tables?
+    - Do dictionary columns work in tables to improve efficiency compared to List<string>?
+    - What is the performance of a List<string> / Dictionary column api compared to the alternatives?
 
 ### Rendering Iterating
 
@@ -375,12 +375,12 @@ If it will be apparent that it's not useful, we will resort to reusing and adapt
 
 User Indication for [interactions in progress (>200ms)](https://web.dev/articles/inp) possibilities:
 
--   the wafer-map itself will show a spinner
--   the wafer-map will fire an event to notify the app to present something that work is in progress
--   the wafer-map will use bitmap scaling in addition to a spinner
--   the wafer-map will immediately show the spinner / fire event or only after, for example 200ms
--   the renderer will report progress for larger wait times.
--   the rendering will be done sequentially in animation frames so the user will see the progress at 60Hz
+- the wafer-map itself will show a spinner
+- the wafer-map will fire an event to notify the app to present something that work is in progress
+- the wafer-map will use bitmap scaling in addition to a spinner
+- the wafer-map will immediately show the spinner / fire event or only after, for example 200ms
+- the renderer will report progress for larger wait times.
+- the rendering will be done sequentially in animation frames so the user will see the progress at 60Hz
 
 A follow-on HLD update will specify the approved decision.
 
diff --git a/packages/nimble-components/src/wafer-map/tests/data-manager.spec.ts b/packages/nimble-components/src/wafer-map/tests/data-manager.spec.ts
index 9de1fbf2a8..01a965f2d0 100644
--- a/packages/nimble-components/src/wafer-map/tests/data-manager.spec.ts
+++ b/packages/nimble-components/src/wafer-map/tests/data-manager.spec.ts
@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 import { processUpdates } from '../../testing/async-helpers';
 import type { DataManager } from '../modules/data-manager';
 import { waferMapTag, type WaferMap } from '..';
diff --git a/packages/nimble-components/src/wafer-map/tests/hover-handler.spec.ts b/packages/nimble-components/src/wafer-map/tests/hover-handler.spec.ts
index f4c2ee35eb..3dc27603c2 100644
--- a/packages/nimble-components/src/wafer-map/tests/hover-handler.spec.ts
+++ b/packages/nimble-components/src/wafer-map/tests/hover-handler.spec.ts
@@ -4,7 +4,7 @@ import { WaferMapOriginLocation } from '../types';
 import { getWaferMapDiesTable } from './utilities';
 import { waferMapTag, type WaferMap } from '..';
 import { processUpdates } from '../../testing/async-helpers';
-import { Fixture, fixture } from '../../utilities/tests/fixture';
+import { type Fixture, fixture } from '../../utilities/tests/fixture';
 
 async function setup(): Promise<Fixture<WaferMap>> {
     return await fixture<WaferMap>(html`<${waferMapTag}></${waferMapTag}>`);
diff --git a/packages/nimble-components/src/wafer-map/tests/utilities.ts b/packages/nimble-components/src/wafer-map/tests/utilities.ts
index dd5db36dc0..cf5bc8dc29 100644
--- a/packages/nimble-components/src/wafer-map/tests/utilities.ts
+++ b/packages/nimble-components/src/wafer-map/tests/utilities.ts
@@ -1,19 +1,18 @@
 import {
-    ScaleBand,
-    ScaleLinear,
-    ScaleQuantile,
+    type ScaleBand,
+    type ScaleLinear,
+    type ScaleQuantile,
     scaleBand,
     scaleLinear,
     scaleQuantile
 } from 'd3-scale';
 import { type Table, tableFromArrays } from 'apache-arrow';
 import type { ZoomTransform } from 'd3-zoom';
-import {
+import { WaferMapColorScaleMode, WaferMapOriginLocation } from '../types';
+import type {
     HoverDie,
     WaferMapColorScale,
-    WaferMapColorScaleMode,
     WaferMapDie,
-    WaferMapOriginLocation,
     WaferMapValidity,
     WaferRequiredFields
 } from '../types';
diff --git a/packages/nimble-components/tsconfig.json b/packages/nimble-components/tsconfig.json
index bba5287b87..282ba9bf6d 100644
--- a/packages/nimble-components/tsconfig.json
+++ b/packages/nimble-components/tsconfig.json
@@ -22,10 +22,7 @@
         ],
         // Whitelist imported @types instead of using them all
         "types": ["jasmine", "webpack-env", "offscreencanvas"],
-        // Require type only imports where possible
-        // so imports with side-effects are explicit
-        "importsNotUsedAsValues": "error",
-        "ignoreDeprecations": "5.0",
+        "verbatimModuleSyntax": true,
         "noImplicitOverride": true,
         "noUncheckedIndexedAccess": true,
         "noPropertyAccessFromIndexSignature": false,
diff --git a/packages/nimble-tokens/CHANGELOG.json b/packages/nimble-tokens/CHANGELOG.json
index c8c4e3aedf..493aa440c5 100644
--- a/packages/nimble-tokens/CHANGELOG.json
+++ b/packages/nimble-tokens/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@ni/nimble-tokens",
   "entries": [
+    {
+      "date": "Mon, 09 Dec 2024 15:59:16 GMT",
+      "version": "8.6.0",
+      "tag": "@ni/nimble-tokens_v8.6.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "7282195+m-akinc@users.noreply.github.com",
+            "package": "@ni/nimble-tokens",
+            "commit": "8c4686a1068dedbe62eb8eaaf9e20936960fa66a",
+            "comment": "Add asterisk icon"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 14 Nov 2024 14:41:16 GMT",
       "version": "8.5.0",
diff --git a/packages/nimble-tokens/CHANGELOG.md b/packages/nimble-tokens/CHANGELOG.md
index b459ec2664..d429eec45b 100644
--- a/packages/nimble-tokens/CHANGELOG.md
+++ b/packages/nimble-tokens/CHANGELOG.md
@@ -1,9 +1,17 @@
 # Change Log - @ni/nimble-tokens
 
-<!-- This log was last generated on Thu, 14 Nov 2024 14:41:16 GMT and should not be manually modified. -->
+<!-- This log was last generated on Mon, 09 Dec 2024 15:59:16 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 8.6.0
+
+Mon, 09 Dec 2024 15:59:16 GMT
+
+### Minor changes
+
+- Add asterisk icon ([ni/nimble@8c4686a](https://github.com/ni/nimble/commit/8c4686a1068dedbe62eb8eaaf9e20936960fa66a))
+
 ## 8.5.0
 
 Thu, 14 Nov 2024 14:41:16 GMT
diff --git a/packages/nimble-tokens/dist/icons/svg/asterisk_5x5.svg b/packages/nimble-tokens/dist/icons/svg/asterisk_5x5.svg
new file mode 100644
index 0000000000..22910ba41f
--- /dev/null
+++ b/packages/nimble-tokens/dist/icons/svg/asterisk_5x5.svg
@@ -0,0 +1,4 @@
+<svg id="Layer_1"
+	xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 5">
+	<path class="cls-1" d="M.72119,4.07617l.8125-1.37207L.10498,2.07324l.26562-.83984,1.52734.34961.15332-1.58301h.88281l.1543,1.58301,1.54102-.34961.26562.83984-1.44238.63086.8125,1.37207-.71484.51855-1.05078-1.21875-1.06445,1.21875-.71387-.51855Z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/nimble-tokens/package.json b/packages/nimble-tokens/package.json
index ffa94221ab..9e4c9cf221 100644
--- a/packages/nimble-tokens/package.json
+++ b/packages/nimble-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-tokens",
-  "version": "8.5.0",
+  "version": "8.6.0",
   "description": "Design tokens for the NI Nimble Design System",
   "scripts": {
     "build": "npm run build:svg-to-ts && npm run build:ts && npm run build:generate-font-scss && npm run build:style-dictionary",
diff --git a/packages/performance/package.json b/packages/performance/package.json
index 62d72bf8aa..4aa5cb48ac 100644
--- a/packages/performance/package.json
+++ b/packages/performance/package.json
@@ -19,7 +19,7 @@
     "@lhci/cli": "^0.14.0",
     "@ni-private/eslint-config-nimble": "*",
     "typescript": "~5.4.5",
-    "vite": "^5.1.5"
+    "vite": "^6.0.0"
   },
   "files": [
     "dist",
diff --git a/packages/performance/src/index.html b/packages/performance/src/index.html
index b9bbae9c45..9488cf8d5c 100644
--- a/packages/performance/src/index.html
+++ b/packages/performance/src/index.html
@@ -12,5 +12,6 @@ <h1>Performance tests</h1>
     <ul>
         <li><a href="./wafer-map/index.html">Wafer Map</a></li>
     </ul>
+    Navigate to the <a href="../index.html">parent page</a>.
 </body>
 </html>
diff --git a/packages/performance/src/wafer-map/index.html b/packages/performance/src/wafer-map/index.html
index 96bfc7272a..c379ffc54d 100644
--- a/packages/performance/src/wafer-map/index.html
+++ b/packages/performance/src/wafer-map/index.html
@@ -9,6 +9,7 @@
     <script type="module" src="./index.ts"></script>
 </head>
 <body>
+    <p>Navigate to the <a href="../index.html">parent page</a>.</p>
     <p>See devtools performance timing for results.</p>
     <p>Loading...</p>
     <p class="running" hidden>Running...</p>
diff --git a/packages/site/landing/index.html b/packages/site/landing/index.html
index bec4d92c0b..d15fe9242c 100644
--- a/packages/site/landing/index.html
+++ b/packages/site/landing/index.html
@@ -25,7 +25,7 @@
             </div>
             <div class="cards">
                 <div class="card-wrapper">
-                    <a class="card" href="storybook/">
+                    <a class="card" href="storybook/index.html">
                         <div class="icon"><img src="./images/sb.svg" width="64" height="64" alt="Storybook Logo"></div>
                         <div class="name">Storybook</div>
                         <div class="description">Browse documentation</div>
@@ -46,14 +46,14 @@
                     </a>
                 </div>
                 <div class="card-wrapper">
-                    <a class="card" href="storybook/example-client-app">
+                    <a class="card" href="storybook/example-client-app/index.html">
                         <div class="icon"><img src="./images/ng.svg" width="64" height="64" alt="Angular Logo"></div>
                         <div class="name">Angular Demo</div>
                         <div class="description">View the Angular demo application</div>
                     </a>
                 </div>
                 <div class="card-wrapper">
-                    <a class="card" href="storybook/blazor-client-app/wwwroot/">
+                    <a class="card" href="storybook/blazor-client-app/wwwroot/index.html">
                         <div class="icon"><img src="./images/blazor.svg" width="187" height="64" alt="Blazor Logo">
                         </div>
                         <div class="name">Blazor Demo</div>
diff --git a/packages/site/package.json b/packages/site/package.json
index d0835bc1ff..63246a37c0 100644
--- a/packages/site/package.json
+++ b/packages/site/package.json
@@ -6,7 +6,7 @@
     "scripts": {
         "build": "npm run build:landing && npm run build:eleventy",
         "build:eleventy": "eleventy",
-        "build:landing": "tsc && vite build landing",
+        "build:landing": "tsc && vite --config ./vite.config.js build landing",
         "pack": "npm pack",
         "lint": "eslint .",
         "start:eleventy": "eleventy --serve",
@@ -19,7 +19,7 @@
         "@11ty/eleventy": "^3.0.0",
         "@ni-private/eslint-config-nimble": "*",
         "typescript": "~5.4.5",
-        "vite": "^5.1.5"
+        "vite": "^6.0.0"
     },
     "files": [
         "dist",
diff --git a/packages/site/vite.config.js b/packages/site/vite.config.js
new file mode 100644
index 0000000000..ab2d3d1181
--- /dev/null
+++ b/packages/site/vite.config.js
@@ -0,0 +1,7 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { defineConfig } from 'vite';
+
+// eslint-disable-next-line import/no-default-export
+export default defineConfig({
+    base: './'
+});
diff --git a/packages/spright-components/CHANGELOG.json b/packages/spright-components/CHANGELOG.json
index 6994a5ceb7..0a326cec0d 100644
--- a/packages/spright-components/CHANGELOG.json
+++ b/packages/spright-components/CHANGELOG.json
@@ -1,6 +1,174 @@
 {
   "name": "@ni/spright-components",
   "entries": [
+    {
+      "date": "Thu, 16 Jan 2025 23:05:03 GMT",
+      "version": "4.3.7",
+      "tag": "@ni/spright-components_v4.3.7",
+      "comments": {
+        "patch": [
+          {
+            "author": "7282195+m-akinc@users.noreply.github.com",
+            "package": "@ni/spright-components",
+            "commit": "8b17b15aa037f14375abaef6fa1c76190282efab",
+            "comment": "Replace deprectated importsNotUsedAsValues option with verbatimModuleSyntax"
+          },
+          {
+            "author": "beachball",
+            "package": "@ni/spright-components",
+            "comment": "Bump @ni/nimble-components to v32.11.2",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 10 Jan 2025 16:45:51 GMT",
+      "version": "4.3.6",
+      "tag": "@ni/spright-components_v4.3.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-components",
+            "comment": "Bump @ni/nimble-components to v32.11.1",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 08 Jan 2025 18:33:06 GMT",
+      "version": "4.3.5",
+      "tag": "@ni/spright-components_v4.3.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-components",
+            "comment": "Bump @ni/nimble-components to v32.11.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 06 Jan 2025 20:05:57 GMT",
+      "version": "4.3.4",
+      "tag": "@ni/spright-components_v4.3.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-components",
+            "comment": "Bump @ni/nimble-components to v32.10.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 03 Jan 2025 17:23:02 GMT",
+      "version": "4.3.3",
+      "tag": "@ni/spright-components_v4.3.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-components",
+            "comment": "Bump @ni/nimble-components to v32.9.3",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 02 Jan 2025 21:45:49 GMT",
+      "version": "4.3.2",
+      "tag": "@ni/spright-components_v4.3.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "rajsite@users.noreply.github.com",
+            "package": "@ni/spright-components",
+            "commit": "0ca6cc0c1c819247397950ffaa535097147374c0",
+            "comment": "Update to rollup all-components build dependencies"
+          },
+          {
+            "author": "beachball",
+            "package": "@ni/spright-components",
+            "comment": "Bump @ni/nimble-components to v32.9.2",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 10 Dec 2024 20:15:57 GMT",
+      "version": "4.3.1",
+      "tag": "@ni/spright-components_v4.3.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-components",
+            "comment": "Bump @ni/nimble-components to v32.9.1",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 09 Dec 2024 15:59:16 GMT",
+      "version": "4.3.0",
+      "tag": "@ni/spright-components_v4.3.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-components",
+            "comment": "Bump @ni/nimble-components to v32.9.0",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 21:21:27 GMT",
+      "version": "4.2.5",
+      "tag": "@ni/spright-components_v4.2.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@ni/spright-components",
+            "comment": "Bump @ni/nimble-components to v32.8.2",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 04 Dec 2024 19:53:29 GMT",
+      "version": "4.2.4",
+      "tag": "@ni/spright-components_v4.2.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "rajsite@users.noreply.github.com",
+            "package": "@ni/spright-components",
+            "commit": "412acc54f38fd667da60aaf1bfad4b30c5955887",
+            "comment": "Updates from lint changes"
+          },
+          {
+            "author": "beachball",
+            "package": "@ni/spright-components",
+            "comment": "Bump @ni/nimble-components to v32.8.1",
+            "commit": "not available"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 22 Nov 2024 22:50:22 GMT",
       "version": "4.2.3",
diff --git a/packages/spright-components/CHANGELOG.md b/packages/spright-components/CHANGELOG.md
index fd46a6f03c..d2deaf4bcc 100644
--- a/packages/spright-components/CHANGELOG.md
+++ b/packages/spright-components/CHANGELOG.md
@@ -1,9 +1,92 @@
 # Change Log - @ni/spright-components
 
-<!-- This log was last generated on Fri, 22 Nov 2024 22:50:22 GMT and should not be manually modified. -->
+<!-- This log was last generated on Thu, 16 Jan 2025 23:05:03 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 4.3.7
+
+Thu, 16 Jan 2025 23:05:03 GMT
+
+### Patches
+
+- Replace deprectated importsNotUsedAsValues option with verbatimModuleSyntax ([ni/nimble@8b17b15](https://github.com/ni/nimble/commit/8b17b15aa037f14375abaef6fa1c76190282efab))
+- Bump @ni/nimble-components to v32.11.2
+
+## 4.3.6
+
+Fri, 10 Jan 2025 16:45:51 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.11.1
+
+## 4.3.5
+
+Wed, 08 Jan 2025 18:33:06 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.11.0
+
+## 4.3.4
+
+Mon, 06 Jan 2025 20:05:57 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.10.0
+
+## 4.3.3
+
+Fri, 03 Jan 2025 17:23:02 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.9.3
+
+## 4.3.2
+
+Thu, 02 Jan 2025 21:45:49 GMT
+
+### Patches
+
+- Update to rollup all-components build dependencies ([ni/nimble@0ca6cc0](https://github.com/ni/nimble/commit/0ca6cc0c1c819247397950ffaa535097147374c0))
+- Bump @ni/nimble-components to v32.9.2
+
+## 4.3.1
+
+Tue, 10 Dec 2024 20:15:57 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.9.1
+
+## 4.3.0
+
+Mon, 09 Dec 2024 15:59:16 GMT
+
+### Minor changes
+
+- Bump @ni/nimble-components to v32.9.0
+
+## 4.2.5
+
+Wed, 04 Dec 2024 21:21:27 GMT
+
+### Patches
+
+- Bump @ni/nimble-components to v32.8.2
+
+## 4.2.4
+
+Wed, 04 Dec 2024 19:53:29 GMT
+
+### Patches
+
+- Updates from lint changes ([ni/nimble@412acc5](https://github.com/ni/nimble/commit/412acc54f38fd667da60aaf1bfad4b30c5955887))
+- Bump @ni/nimble-components to v32.8.1
+
 ## 4.2.3
 
 Fri, 22 Nov 2024 22:50:22 GMT
diff --git a/packages/spright-components/README.md b/packages/spright-components/README.md
index 52a4b92d4d..f96f816a4d 100644
--- a/packages/spright-components/README.md
+++ b/packages/spright-components/README.md
@@ -10,10 +10,10 @@ NI-styled web components following [Nimble Design System](https://nimble.ni.dev)
 
 The `spright-components` package is intended for components that do not belong in [`nimble-components`](/packages/nimble-components) due to being: ["molecules"](https://atomicdesign.bradfrost.com/chapter-2/), product-specific, data-connected, or not "general utility". Some examples:
 
--   Molecule: a group of card buttons with a specific layout
--   Product-specific: a configuration pane that uses product-specific terminology or connects to a product-specific data model
--   Data-connected: a table that populates itself by making HTTP requests to a specific service
--   Experimental components that are trying out new UX patterns to see if they should someday be promoted to Nimble.
+- Molecule: a group of card buttons with a specific layout
+- Product-specific: a configuration pane that uses product-specific terminology or connects to a product-specific data model
+- Data-connected: a table that populates itself by making HTTP requests to a specific service
+- Experimental components that are trying out new UX patterns to see if they should someday be promoted to Nimble.
 
 ## Why Spright?
 
diff --git a/packages/spright-components/package.json b/packages/spright-components/package.json
index bb7dcb569f..2e73967a9a 100644
--- a/packages/spright-components/package.json
+++ b/packages/spright-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ni/spright-components",
-  "version": "4.2.3",
+  "version": "4.3.7",
   "description": "NI Spright Components",
   "scripts": {
     "build": "npm run build-components && npm run bundle-components",
@@ -50,14 +50,14 @@
   "dependencies": {
     "@microsoft/fast-element": "^1.14.0",
     "@microsoft/fast-foundation": "^2.50.0",
-    "@ni/nimble-components": "^32.8.0",
+    "@ni/nimble-components": "^32.11.2",
     "tslib": "^2.2.0"
   },
   "devDependencies": {
     "@ni/jasmine-parameterized": "^1.0.0",
     "@ni-private/eslint-config-nimble": "*",
     "@rollup/plugin-commonjs": "^28.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-replace": "^6.0.0",
     "@rollup/plugin-terser": "^0.4.0",
     "@types/jasmine": "^5.1.4",
@@ -82,7 +82,6 @@
     "source-map-loader": "^5.0.0",
     "typescript": "~5.4.5",
     "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1",
     "webpack-dev-middleware": "^7.0.0"
   }
 }
diff --git a/packages/spright-components/src/rectangle/tests/rectangle.spec.ts b/packages/spright-components/src/rectangle/tests/rectangle.spec.ts
index f3c09bc5a8..9259714d00 100644
--- a/packages/spright-components/src/rectangle/tests/rectangle.spec.ts
+++ b/packages/spright-components/src/rectangle/tests/rectangle.spec.ts
@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 import { Rectangle, rectangleTag } from '..';
-import { fixture, Fixture } from '../../utilities/tests/fixture';
+import { fixture, type Fixture } from '../../utilities/tests/fixture';
 
 async function setup(): Promise<Fixture<Rectangle>> {
     return await fixture<Rectangle>(
diff --git a/packages/spright-components/src/utilities/tests/fixture.ts b/packages/spright-components/src/utilities/tests/fixture.ts
index e25b7f9dd9..fd9fdc6908 100644
--- a/packages/spright-components/src/utilities/tests/fixture.ts
+++ b/packages/spright-components/src/utilities/tests/fixture.ts
@@ -10,13 +10,13 @@
 // 3. Remove the option for a custom parent to be specified in the `FixtureOptions` so that the patch mentioned above will never be unintentially bypassed.
 
 import {
-    Constructable,
+    type Constructable,
     defaultExecutionContext,
     ExecutionContext,
     HTMLView,
     ViewTemplate,
 } from '@microsoft/fast-element';
-import { Container, DesignSystem, DesignSystemRegistrationContext, DI } from '@microsoft/fast-foundation';
+import { Container, DesignSystem, type DesignSystemRegistrationContext, DI } from '@microsoft/fast-foundation';
 
 import type {
     FoundationElementDefinition,
diff --git a/packages/spright-components/tsconfig.json b/packages/spright-components/tsconfig.json
index 74e5313066..fa467c1e0e 100644
--- a/packages/spright-components/tsconfig.json
+++ b/packages/spright-components/tsconfig.json
@@ -22,10 +22,7 @@
         ],
         // Whitelist imported @types instead of using them all
         "types": ["jasmine", "webpack-env"],
-        // Require type only imports where possible
-        // so imports with side-effects are explicit
-        "importsNotUsedAsValues": "error",
-        "ignoreDeprecations": "5.0",
+        "verbatimModuleSyntax": true,
         "noImplicitOverride": true,
         "noUncheckedIndexedAccess": true,
         "noPropertyAccessFromIndexSignature": false,
diff --git a/packages/storybook/.storybook/blocks/StoryLayout.tsx b/packages/storybook/.storybook/blocks/StoryLayout.tsx
index f0e936b4e8..1c622ccecf 100644
--- a/packages/storybook/.storybook/blocks/StoryLayout.tsx
+++ b/packages/storybook/.storybook/blocks/StoryLayout.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 import './story-layout.css';
 import { NimbleIconCheck } from '../../src/nimble/icons/check.react';
 import { NimbleIconExclamationMark } from '../../src/nimble/icons/exclamation-mark.react';
diff --git a/packages/storybook/.storybook/main.js b/packages/storybook/.storybook/main.js
index 4cb5852aa9..4c7d545800 100644
--- a/packages/storybook/.storybook/main.js
+++ b/packages/storybook/.storybook/main.js
@@ -1,4 +1,3 @@
-import { dirname, join } from 'path';
 import remarkGfm from 'remark-gfm';
 import CircularDependencyPlugin from 'circular-dependency-plugin';
 import TerserPlugin from 'terser-webpack-plugin';
@@ -12,13 +11,13 @@ export const stories = [
 ];
 export const addons = [
     {
-        name: getAbsolutePath('@storybook/addon-essentials'),
+        name: '@storybook/addon-essentials',
         options: {
             outline: false,
             docs: false
         }
     }, {
-        name: getAbsolutePath('@storybook/addon-docs'),
+        name: '@storybook/addon-docs',
         options: {
             mdxPluginOptions: {
                 mdxCompileOptions: {
@@ -27,12 +26,11 @@ export const addons = [
             }
         }
     },
-    getAbsolutePath('@storybook/addon-a11y'),
-    getAbsolutePath('@storybook/addon-interactions'),
-    getAbsolutePath('@chromatic-com/storybook'),
-    getAbsolutePath('@storybook/addon-webpack5-compiler-swc'),
-    getAbsolutePath('storybook-addon-pseudo-states'),
-    getAbsolutePath('@storybook/addon-mdx-gfm')
+    '@storybook/addon-a11y',
+    '@storybook/addon-interactions',
+    '@chromatic-com/storybook',
+    '@storybook/addon-webpack5-compiler-swc',
+    'storybook-addon-pseudo-states'
 ];
 
 export function webpackFinal(config) {
@@ -65,9 +63,5 @@ export function webpackFinal(config) {
 }
 export const staticDirs = ['public'];
 export const framework = {
-    name: getAbsolutePath('@storybook/html-webpack5')
+    name: '@storybook/html-webpack5'
 };
-
-function getAbsolutePath(value) {
-    return dirname(require.resolve(join(value, 'package.json')));
-}
diff --git a/packages/storybook/.storybook/preview.js b/packages/storybook/.storybook/preview.js
index bc26b16f08..d688784d10 100644
--- a/packages/storybook/.storybook/preview.js
+++ b/packages/storybook/.storybook/preview.js
@@ -105,5 +105,5 @@ configureActions({
     depth: 1
 });
 
-// Update the GUID on this line to trigger a turbosnap full rebuild: d3f8a1b2-4c5d-4e7f-8a9e-1b2c3d4e5f6b
+// Update the GUID on this line to trigger a turbosnap full rebuild: 3076af9e-b6b1-4315-a870-28b64a1e9cd9
 // See https://www.chromatic.com/docs/turbosnap/#full-rebuilds
diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index f791668487..ff0213f5a8 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -26,15 +26,14 @@
     "@ni/nimble-components": "*",
     "@ni/nimble-tokens": "*",
     "@ni/spright-components": "*",
-    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@storybook/addon-a11y": "^8.4.3",
     "@storybook/addon-actions": "^8.4.3",
     "@storybook/addon-docs": "^8.4.3",
     "@storybook/addon-essentials": "^8.4.3",
     "@storybook/addon-interactions": "^8.4.3",
     "@storybook/addon-links": "^8.4.3",
-    "@storybook/addon-mdx-gfm": "^8.4.3",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
+    "@storybook/addon-webpack5-compiler-swc": "^2.0.0",
     "@storybook/cli": "^8.4.3",
     "@storybook/csf": "^0.1.11",
     "@storybook/html": "^8.4.3",
@@ -56,6 +55,7 @@
   },
   "peerDependencies": {
     "eslint-plugin-storybook": "^0.11.0",
-    "react": "^18.3.1"
+    "react": "^18.3.1",
+    "@types/react": "^18"
   }
 }
diff --git a/packages/storybook/src/docs/incubating.mdx b/packages/storybook/src/docs/incubating.mdx
index f214ed308b..02cf6b1dd7 100644
--- a/packages/storybook/src/docs/incubating.mdx
+++ b/packages/storybook/src/docs/incubating.mdx
@@ -7,9 +7,9 @@ import { Story, Meta } from '@storybook/addon-docs';
 Components are marked as **Incubating** when they're not yet ready for general
 use. A component could be in this state if any of the following are true:
 
--   It is still in development.
--   It is missing important features like interaction design, visual design, or
-    accessibility.
+- It is still in development.
+- It is missing important features like interaction design, visual design, or
+  accessibility.
 
 See the issue linked from each component's documentation for more information
 about what it's missing.
diff --git a/packages/storybook/src/docs/nimble-intro.mdx b/packages/storybook/src/docs/nimble-intro.mdx
index 5c423a6f38..de1e323da8 100644
--- a/packages/storybook/src/docs/nimble-intro.mdx
+++ b/packages/storybook/src/docs/nimble-intro.mdx
@@ -22,11 +22,11 @@ documentation on using or contributing to the component libraries. To add or
 update component design documentation, refer to the
 [documentation guide](https://github.com/ni/nimble/tree/main/packages/storybook/CONTRIBUTING.md).
 
-See the <a href="./example-client-app" target="_blank">example Angular app</a>
-or <a href="./blazor-client-app/wwwroot" target="_blank">example Blazor app</a>
-using the components!
+{/* prettier-ignore */}
+<p>See the <a href="./example-client-app/index.html" target="_parent">example Angular app</a> or <a href="./blazor-client-app/wwwroot/index.html" target="_parent">example Blazor app</a> using the components!</p>
 
-See the <a href="./performance" target="_blank">component performance tests</a>.
+{/* prettier-ignore */}
+<p>See the <a href="./performance/index.html" target="_parent">component performance tests</a>. Navigate to the <a href="../index.html" target="_parent">parent page</a>.</p>
 
 ## How to use this site?
 
@@ -35,12 +35,12 @@ available design system components.
 
 <img src={overviewImage} width="100%" />
 
--   Browse or search the components tree (**#1**) to preview isolated components
-    and use the **Docs** item to review component-specific design and technical
-    usage information.
--   **⚙ menu** (**#2**) to open and position the addons pane (**#3**).
-    -   **Controls** tab to interactively configure the component.
-    -   **Actions** tab to review events sent by the component.
-    -   **Accessibility** tab to check the component for accessibility issues.
--   **Background** toolbar button (**#4**) to switch the preview between
-    supported component themes.
+- Browse or search the components tree (**#1**) to preview isolated components
+  and use the **Docs** item to review component-specific design and technical
+  usage information.
+- **⚙ menu** (**#2**) to open and position the addons pane (**#3**).
+    - **Controls** tab to interactively configure the component.
+    - **Actions** tab to review events sent by the component.
+    - **Accessibility** tab to check the component for accessibility issues.
+- **Background** toolbar button (**#4**) to switch the preview between supported
+  component themes.
diff --git a/packages/storybook/src/docs/spright.mdx b/packages/storybook/src/docs/spright.mdx
index f8a4850632..b9d851806b 100644
--- a/packages/storybook/src/docs/spright.mdx
+++ b/packages/storybook/src/docs/spright.mdx
@@ -8,12 +8,12 @@ These components adhere to Nimble's styling and API conventions, but are not
 part of the core design system due to having one or more of the following
 characteristics:
 
--   more complex ["molecules"](https://atomicdesign.bradfrost.com/chapter-2/)
-    composed of Nimble "atom" components
--   inherently product-specific in a way that makes reuse by other applications
-    unlikely
--   data-connected
--   otherwise lacking general utility
+- more complex ["molecules"](https://atomicdesign.bradfrost.com/chapter-2/)
+  composed of Nimble "atom" components
+- inherently product-specific in a way that makes reuse by other applications
+  unlikely
+- data-connected
+- otherwise lacking general utility
 
 Spright components are production-quality, but may not have the same level of
 documentation or cross-framework support as Nimble components.
diff --git a/packages/storybook/src/nimble/anchor-button/anchor-button-matrix.stories.ts b/packages/storybook/src/nimble/anchor-button/anchor-button-matrix.stories.ts
index 791ce7f44f..081bc68c2c 100644
--- a/packages/storybook/src/nimble/anchor-button/anchor-button-matrix.stories.ts
+++ b/packages/storybook/src/nimble/anchor-button/anchor-button-matrix.stories.ts
@@ -21,7 +21,7 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
+    type DisabledState,
     disabledStateIsEnabled
 } from '../../utilities/states';
 import { createStory } from '../../utilities/storybook';
diff --git a/packages/storybook/src/nimble/anchor-tabs/anchor-tabs-matrix.stories.ts b/packages/storybook/src/nimble/anchor-tabs/anchor-tabs-matrix.stories.ts
index 51f616bae9..b4c9ceaae3 100644
--- a/packages/storybook/src/nimble/anchor-tabs/anchor-tabs-matrix.stories.ts
+++ b/packages/storybook/src/nimble/anchor-tabs/anchor-tabs-matrix.stories.ts
@@ -10,7 +10,7 @@ import {
     sharedMatrixParameters,
     createMatrixThemeStory
 } from '../../utilities/matrix';
-import { DisabledState, disabledStates } from '../../utilities/states';
+import { type DisabledState, disabledStates } from '../../utilities/states';
 import { hiddenWrapper } from '../../utilities/hidden';
 import { textCustomizationWrapper } from '../../utilities/text-customization';
 
diff --git a/packages/storybook/src/nimble/banner/banner.stories.ts b/packages/storybook/src/nimble/banner/banner.stories.ts
index 65b9ba3709..318747adf6 100644
--- a/packages/storybook/src/nimble/banner/banner.stories.ts
+++ b/packages/storybook/src/nimble/banner/banner.stories.ts
@@ -14,7 +14,7 @@ import { popupDismissLabel } from '../../../../nimble-components/src/label-provi
 import { bannerTag } from '../../../../nimble-components/src/banner';
 import { BannerSeverity } from '../../../../nimble-components/src/banner/types';
 import {
-    LabelUserArgs,
+    type LabelUserArgs,
     addLabelUseMetadata
 } from '../label-provider/base/label-user-stories-utils';
 import {
diff --git a/packages/storybook/src/nimble/breadcrumb/breadcrumb-matrix.stories.ts b/packages/storybook/src/nimble/breadcrumb/breadcrumb-matrix.stories.ts
index cc633ba64a..e0f754a1a0 100644
--- a/packages/storybook/src/nimble/breadcrumb/breadcrumb-matrix.stories.ts
+++ b/packages/storybook/src/nimble/breadcrumb/breadcrumb-matrix.stories.ts
@@ -13,7 +13,7 @@ import {
 } from '../../utilities/matrix';
 import { hiddenWrapper } from '../../utilities/hidden';
 import { textCustomizationWrapper } from '../../utilities/text-customization';
-import { DisabledState, disabledStates } from '../../utilities/states';
+import { type DisabledState, disabledStates } from '../../utilities/states';
 
 const appearanceStates = [
     ['Default', BreadcrumbAppearance.default],
diff --git a/packages/storybook/src/nimble/button/button-matrix.stories.ts b/packages/storybook/src/nimble/button/button-matrix.stories.ts
index 7517ffaefa..8e09feeddf 100644
--- a/packages/storybook/src/nimble/button/button-matrix.stories.ts
+++ b/packages/storybook/src/nimble/button/button-matrix.stories.ts
@@ -22,7 +22,7 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
+    type DisabledState,
     disabledStateIsEnabled
 } from '../../utilities/states';
 import { createStory } from '../../utilities/storybook';
diff --git a/packages/storybook/src/nimble/card-button/card-button-matrix.stories.ts b/packages/storybook/src/nimble/card-button/card-button-matrix.stories.ts
index 91b2307fc9..eceffe2d72 100644
--- a/packages/storybook/src/nimble/card-button/card-button-matrix.stories.ts
+++ b/packages/storybook/src/nimble/card-button/card-button-matrix.stories.ts
@@ -7,7 +7,7 @@ import {
     sharedMatrixParameters,
     createMatrixThemeStory
 } from '../../utilities/matrix';
-import { disabledStates, DisabledState } from '../../utilities/states';
+import { disabledStates, type DisabledState } from '../../utilities/states';
 import { createStory } from '../../utilities/storybook';
 import { hiddenWrapper } from '../../utilities/hidden';
 
diff --git a/packages/storybook/src/nimble/checkbox/checkbox-matrix.stories.ts b/packages/storybook/src/nimble/checkbox/checkbox-matrix.stories.ts
index d97584dde8..ff42123626 100644
--- a/packages/storybook/src/nimble/checkbox/checkbox-matrix.stories.ts
+++ b/packages/storybook/src/nimble/checkbox/checkbox-matrix.stories.ts
@@ -9,9 +9,9 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
+    type DisabledState,
     errorStates,
-    ErrorState
+    type ErrorState
 } from '../../utilities/states';
 import { createStory } from '../../utilities/storybook';
 import { hiddenWrapper } from '../../utilities/hidden';
diff --git a/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts b/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts
index 3c095fdf54..2711ab273e 100644
--- a/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts
+++ b/packages/storybook/src/nimble/combobox/combobox-matrix.stories.ts
@@ -12,9 +12,11 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
+    type DisabledState,
     errorStates,
-    ErrorState
+    type ErrorState,
+    type RequiredVisibleState,
+    requiredVisibleStates
 } from '../../utilities/states';
 import { hiddenWrapper } from '../../utilities/hidden';
 import { loremIpsum } from '../../utilities/lorem-ipsum';
@@ -44,6 +46,7 @@ export default metadata;
 
 // prettier-ignore
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
     [errorName, errorVisible, errorText]: ErrorState,
@@ -56,12 +59,14 @@ const component = (
         error-text="${() => errorText}"
         value="${() => value}"
         placeholder="${() => placeholder}"
+        ?required-visible="${() => requiredVisible}"
         style="width: 250px; margin: var(${standardPadding.cssCustomProperty});"
     >
         ${() => disabledName}
         ${() => appearanceName}
         ${() => errorName}
         ${() => valueName}
+        ${() => requiredVisibleName}
         <${listOptionTag} value="1">Option 1</${listOptionTag}>
         <${listOptionTag} value="2" disabled>Option 2</${listOptionTag}>
         <${listOptionTag} value="3">Option 3</${listOptionTag}>
@@ -71,6 +76,7 @@ const component = (
 
 export const comboboxThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         disabledStates,
         appearanceStates,
         errorStates,
diff --git a/packages/storybook/src/nimble/combobox/combobox.stories.ts b/packages/storybook/src/nimble/combobox/combobox.stories.ts
index 6a6aafe74e..d7883a3f86 100644
--- a/packages/storybook/src/nimble/combobox/combobox.stories.ts
+++ b/packages/storybook/src/nimble/combobox/combobox.stories.ts
@@ -20,6 +20,7 @@ import {
     errorVisibleDescription,
     optionsDescription,
     placeholderDescription,
+    requiredVisibleDescription,
     slottedLabelDescription
 } from '../../utilities/storybook';
 
@@ -31,6 +32,7 @@ interface ComboboxArgs {
     optionsType: ExampleOptionsType;
     errorVisible: boolean;
     errorText: string;
+    requiredVisible: boolean;
     currentValue: string;
     appearance: string;
     placeholder: string;
@@ -108,6 +110,7 @@ const metadata: Meta<ComboboxArgs> = {
             appearance="${x => x.appearance}"
             value="${x => x.currentValue}"
             placeholder="${x => x.placeholder}"
+            ?required-visible="${x => x.requiredVisible}"
             style="min-width: 250px;"
         >
             ${x => x.label}
@@ -164,6 +167,11 @@ const metadata: Meta<ComboboxArgs> = {
             description: placeholderDescription({ componentName: 'combobox' }),
             table: { category: apiCategory.attributes }
         },
+        requiredVisible: {
+            name: 'required-visible',
+            description: requiredVisibleDescription,
+            table: { category: apiCategory.attributes }
+        },
         optionsType: {
             name: 'default',
             description: optionsDescription({ includeGrouping: false }),
@@ -200,7 +208,8 @@ const metadata: Meta<ComboboxArgs> = {
         errorText: 'Value is invalid',
         appearance: DropdownAppearance.underline,
         placeholder: 'Select value...',
-        optionsType: ExampleOptionsType.simpleOptions
+        optionsType: ExampleOptionsType.simpleOptions,
+        requiredVisible: false
     }
 };
 
diff --git a/packages/storybook/src/nimble/label-provider/core/label-provider-core.stories.ts b/packages/storybook/src/nimble/label-provider/core/label-provider-core.stories.ts
index 4084a1f812..566e32bbff 100644
--- a/packages/storybook/src/nimble/label-provider/core/label-provider-core.stories.ts
+++ b/packages/storybook/src/nimble/label-provider/core/label-provider-core.stories.ts
@@ -2,7 +2,7 @@ import type { StoryObj, Meta } from '@storybook/html';
 import { labelProviderCoreTag } from '../../../../../nimble-components/src/label-provider/core';
 import * as labelTokensNamespace from '../../../../../nimble-components/src/label-provider/core/label-tokens';
 import {
-    LabelProviderArgs,
+    type LabelProviderArgs,
     labelProviderMetadata
 } from '../base/label-provider-stories-utils';
 
diff --git a/packages/storybook/src/nimble/label-provider/rich-text/label-provider-rich-text.stories.ts b/packages/storybook/src/nimble/label-provider/rich-text/label-provider-rich-text.stories.ts
index 9dce3cb704..db3af32cac 100644
--- a/packages/storybook/src/nimble/label-provider/rich-text/label-provider-rich-text.stories.ts
+++ b/packages/storybook/src/nimble/label-provider/rich-text/label-provider-rich-text.stories.ts
@@ -2,7 +2,7 @@ import type { StoryObj, Meta } from '@storybook/html';
 import { labelProviderRichTextTag } from '../../../../../nimble-components/src/label-provider/rich-text';
 import * as labelTokensNamespace from '../../../../../nimble-components/src/label-provider/rich-text/label-tokens';
 import {
-    LabelProviderArgs,
+    type LabelProviderArgs,
     labelProviderMetadata
 } from '../base/label-provider-stories-utils';
 
diff --git a/packages/storybook/src/nimble/label-provider/table/label-provider-table.stories.ts b/packages/storybook/src/nimble/label-provider/table/label-provider-table.stories.ts
index 97425c9d01..111bc52576 100644
--- a/packages/storybook/src/nimble/label-provider/table/label-provider-table.stories.ts
+++ b/packages/storybook/src/nimble/label-provider/table/label-provider-table.stories.ts
@@ -2,7 +2,7 @@ import type { StoryObj, Meta } from '@storybook/html';
 import { labelProviderTableTag } from '../../../../../nimble-components/src/label-provider/table';
 import * as labelTokensNamespace from '../../../../../nimble-components/src/label-provider/table/label-tokens';
 import {
-    LabelProviderArgs,
+    type LabelProviderArgs,
     labelProviderMetadata
 } from '../base/label-provider-stories-utils';
 
diff --git a/packages/storybook/src/nimble/menu-button/menu-button-matrix.stories.ts b/packages/storybook/src/nimble/menu-button/menu-button-matrix.stories.ts
index 04e8dbac27..f3154fe403 100644
--- a/packages/storybook/src/nimble/menu-button/menu-button-matrix.stories.ts
+++ b/packages/storybook/src/nimble/menu-button/menu-button-matrix.stories.ts
@@ -21,7 +21,7 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
+    type DisabledState,
     disabledStateIsEnabled
 } from '../../utilities/states';
 import { createStory } from '../../utilities/storybook';
diff --git a/packages/storybook/src/nimble/menu/menu-matrix.stories.ts b/packages/storybook/src/nimble/menu/menu-matrix.stories.ts
index 3f4a3af7c9..9a231a6c20 100644
--- a/packages/storybook/src/nimble/menu/menu-matrix.stories.ts
+++ b/packages/storybook/src/nimble/menu/menu-matrix.stories.ts
@@ -11,7 +11,10 @@ import {
     createMatrix,
     sharedMatrixParameters
 } from '../../utilities/matrix';
-import { IconVisibleState, iconVisibleStates } from '../../utilities/states';
+import {
+    type IconVisibleState,
+    iconVisibleStates
+} from '../../utilities/states';
 import { hiddenWrapper } from '../../utilities/hidden';
 import { textCustomizationWrapper } from '../../utilities/text-customization';
 
diff --git a/packages/storybook/src/nimble/number-field/number-field-matrix.stories.ts b/packages/storybook/src/nimble/number-field/number-field-matrix.stories.ts
index 6a955a3a19..ae9ae8533c 100644
--- a/packages/storybook/src/nimble/number-field/number-field-matrix.stories.ts
+++ b/packages/storybook/src/nimble/number-field/number-field-matrix.stories.ts
@@ -12,14 +12,16 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
+    type DisabledState,
     errorStates,
-    ErrorState,
+    type ErrorState,
     disabledStateIsEnabled,
     errorStatesNoError,
     errorStatesErrorWithMessage,
-    ReadOnlyState,
-    readOnlyStates
+    type ReadOnlyState,
+    readOnlyStates,
+    type RequiredVisibleState,
+    requiredVisibleStates
 } from '../../utilities/states';
 import { hiddenWrapper } from '../../utilities/hidden';
 import { textCustomizationWrapper } from '../../utilities/text-customization';
@@ -55,6 +57,7 @@ const metadata: Meta = {
 export default metadata;
 
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [readOnlyName, readonly]: ReadOnlyState,
     [disabledName, disabled]: DisabledState,
     [hideStepName, hideStep]: HideStepState,
@@ -72,14 +75,17 @@ const component = (
         ?disabled="${() => disabled}"
         error-text="${() => errorText}"
         ?error-visible="${() => errorVisible}"
+        ?required-visible="${() => requiredVisible}"
     >
         ${() => errorName} ${() => appearanceName} ${() => valueName}
         ${() => hideStepName} ${() => disabledName} ${() => readOnlyName}
+        ${() => requiredVisibleName}
     </${numberFieldTag}>
 `;
 
 export const numberFieldThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         readOnlyStates,
         disabledStates,
         hideStepStates,
@@ -89,7 +95,10 @@ export const numberFieldThemeMatrix: StoryFn = createMatrixThemeStory(
     ])
 );
 
+const notRequiredState = requiredVisibleStates[0];
+
 const interactionStatesHover = cartesianProduct([
+    [notRequiredState],
     readOnlyStates,
     disabledStates,
     [hideStepStateStepVisible],
@@ -99,6 +108,7 @@ const interactionStatesHover = cartesianProduct([
 ] as const);
 
 const interactionStates = cartesianProduct([
+    [notRequiredState],
     readOnlyStates,
     [disabledStateIsEnabled],
     [hideStepStateStepVisible],
diff --git a/packages/storybook/src/nimble/number-field/number-field.stories.ts b/packages/storybook/src/nimble/number-field/number-field.stories.ts
index ab0e1be09e..ff828d5625 100644
--- a/packages/storybook/src/nimble/number-field/number-field.stories.ts
+++ b/packages/storybook/src/nimble/number-field/number-field.stories.ts
@@ -20,7 +20,8 @@ import {
     readonlyDescription,
     errorTextDescription,
     errorVisibleDescription,
-    slottedLabelDescription
+    slottedLabelDescription,
+    requiredVisibleDescription
 } from '../../utilities/storybook';
 
 interface NumberFieldArgs extends LabelUserArgs {
@@ -37,6 +38,7 @@ interface NumberFieldArgs extends LabelUserArgs {
     errorText: string;
     change: undefined;
     input: undefined;
+    requiredVisible: boolean;
 }
 
 const metadata: Meta<NumberFieldArgs> = {
@@ -60,6 +62,7 @@ const metadata: Meta<NumberFieldArgs> = {
             ?disabled="${x => x.disabled}"
             ?error-visible="${x => x.errorVisible}"
             error-text="${x => x.errorText}"
+            ?required-visible="${x => x.requiredVisible}"
         >
             ${x => x.label}
         </${numberFieldTag}>
@@ -120,6 +123,11 @@ const metadata: Meta<NumberFieldArgs> = {
             description: errorTextDescription,
             table: { category: apiCategory.attributes }
         },
+        requiredVisible: {
+            name: 'required-visible',
+            description: requiredVisibleDescription,
+            table: { category: apiCategory.attributes }
+        },
         change: {
             description:
                 'Event emitted when the user commits a new value to the number field.',
@@ -144,7 +152,8 @@ const metadata: Meta<NumberFieldArgs> = {
         readonly: false,
         disabled: false,
         errorVisible: false,
-        errorText: 'Value is invalid'
+        errorText: 'Value is invalid',
+        requiredVisible: false
     }
 };
 addLabelUseMetadata(
diff --git a/packages/storybook/src/nimble/patterns/anchor/anchor-patterns.mdx b/packages/storybook/src/nimble/patterns/anchor/anchor-patterns.mdx
index 9d7e75f405..71ee09d33d 100644
--- a/packages/storybook/src/nimble/patterns/anchor/anchor-patterns.mdx
+++ b/packages/storybook/src/nimble/patterns/anchor/anchor-patterns.mdx
@@ -12,43 +12,43 @@ should be true of the nimble components:
 
 Mouse interactions:
 
--   Dragging the nimble component should behave like the native anchor
-    -   Known behavior exceptions:
-        -   Chromium - The drag preview contains the href only, not the label of
-            the anchor. See
-            [chromium issue 329489154](https://issues.chromium.org/issues/329489154).
-        -   Firefox - The drag preview does not contain the label, and in most
-            cases, is blank. See
-            [mozilla bug 1589364](https://bugzilla.mozilla.org/show_bug.cgi?id=1589364).
-        -   Safari - The drag preview contains the href only, not the label of
-            the anchor.
--   CTRL + CLICK opens in a new tab (⌘ + CLICK on macOS)
--   Right clicking should open the link menu
--   Hovering over the component should show the URL preview at the bottom of the
-    browser window
--   Copying the link through the right-click link menu should result in the
-    expected string to be copied to the clipboard
--   The hover state of the component and mouse pointer should match the area of
-    the component that navigates when clicked (i.e. clicking the white space
-    around the control should not navigate)
+- Dragging the nimble component should behave like the native anchor
+    - Known behavior exceptions:
+        - Chromium - The drag preview contains the href only, not the label of
+          the anchor. See
+          [chromium issue 329489154](https://issues.chromium.org/issues/329489154).
+        - Firefox - The drag preview does not contain the label, and in most
+          cases, is blank. See
+          [mozilla bug 1589364](https://bugzilla.mozilla.org/show_bug.cgi?id=1589364).
+        - Safari - The drag preview contains the href only, not the label of the
+          anchor.
+- CTRL + CLICK opens in a new tab (⌘ + CLICK on macOS)
+- Right clicking should open the link menu
+- Hovering over the component should show the URL preview at the bottom of the
+  browser window
+- Copying the link through the right-click link menu should result in the
+  expected string to be copied to the clipboard
+- The hover state of the component and mouse pointer should match the area of
+  the component that navigates when clicked (i.e. clicking the white space
+  around the control should not navigate)
 
 Keyboard interactions:
 
--   Focusing via tab should show the URL preview at the bottom of the browser
-    window
-    -   Known behavior exceptions:
-        -   Firefox on macOS - Links are not focusable via tab by default.
-            [See this stackoverflow page for how to allow tab focus of links](https://stackoverflow.com/questions/11704828/how-to-allow-keyboard-focus-of-links-in-firefox).
-        -   Safari - Focusing via tab does not show the URL preview at the
-            bottom of the browser, which matches the behavior of native anchors.
--   Pressing ENTER when focused should activate the link
--   Pressing the MENU KEY on the keyboard while the link is focused should open
-    the same link menu as a right click
+- Focusing via tab should show the URL preview at the bottom of the browser
+  window
+    - Known behavior exceptions:
+        - Firefox on macOS - Links are not focusable via tab by default.
+          [See this stackoverflow page for how to allow tab focus of links](https://stackoverflow.com/questions/11704828/how-to-allow-keyboard-focus-of-links-in-firefox).
+        - Safari - Focusing via tab does not show the URL preview at the bottom
+          of the browser, which matches the behavior of native anchors.
+- Pressing ENTER when focused should activate the link
+- Pressing the MENU KEY on the keyboard while the link is focused should open
+  the same link menu as a right click
 
 Interactions specific to anchors visualized as text:
 
--   Selecting the link through click and drag and then copying it should result
-    in the expected string being copied to the clipboard
+- Selecting the link through click and drag and then copying it should result in
+  the expected string being copied to the clipboard
 
 <Canvas of={anchorPatternStories.anchorPatterns} />
 <Controls of={anchorPatternStories.anchorPatterns} />
diff --git a/packages/storybook/src/nimble/patterns/button/content-hidden-docs.mdx b/packages/storybook/src/nimble/patterns/button/content-hidden-docs.mdx
index 2db4f67cbd..3a067144d2 100644
--- a/packages/storybook/src/nimble/patterns/button/content-hidden-docs.mdx
+++ b/packages/storybook/src/nimble/patterns/button/content-hidden-docs.mdx
@@ -1,9 +1,9 @@
 When using the <code>{props.buttonElement}</code> with only an icon:
 
--   Add the <code>{props.contentHiddenAttribute ?? 'content-hidden'}</code>
-    attribute and provide text content within the button even though it will not
-    be visible on the screen. The button will use the text content to configure
-    the appropriate ARIA attributes internally to ensure the button is
-    adequately accessible with a screen reader.
--   Consider providing a tooltip to provide extra information (with the `title`
-    attribute).
+- Add the <code>{props.contentHiddenAttribute ?? 'content-hidden'}</code>
+  attribute and provide text content within the button even though it will not
+  be visible on the screen. The button will use the text content to configure
+  the appropriate ARIA attributes internally to ensure the button is adequately
+  accessible with a screen reader.
+- Consider providing a tooltip to provide extra information (with the `title`
+  attribute).
diff --git a/packages/storybook/src/nimble/patterns/button/styling-docs.mdx b/packages/storybook/src/nimble/patterns/button/styling-docs.mdx
index 4c914cac25..bf9ec2e850 100644
--- a/packages/storybook/src/nimble/patterns/button/styling-docs.mdx
+++ b/packages/storybook/src/nimble/patterns/button/styling-docs.mdx
@@ -111,9 +111,9 @@ for use before employing an appearance variant.
 Button appearance variants are mainly used when a button needs be distinguished
 for one of the following reasons:
 
--   To indicate the action that allows the user to accomplish their most common
-    or important goal
--   To indicate the action that allows the user to complete their task
+- To indicate the action that allows the user to accomplish their most common or
+  important goal
+- To indicate the action that allows the user to complete their task
 
 There are two available values for `appearance-variant`: `primary` and `accent`.
 
diff --git a/packages/storybook/src/nimble/patterns/required-visible/required-visible.stories.ts b/packages/storybook/src/nimble/patterns/required-visible/required-visible.stories.ts
new file mode 100644
index 0000000000..d3a41fda80
--- /dev/null
+++ b/packages/storybook/src/nimble/patterns/required-visible/required-visible.stories.ts
@@ -0,0 +1,107 @@
+import type { Meta, StoryObj } from '@storybook/html';
+import { html } from '@microsoft/fast-element';
+import {
+    groupHeaderFont,
+    groupHeaderFontColor,
+    largePadding,
+    standardPadding
+} from '../../../../../nimble-components/src/theme-provider/design-tokens';
+import { comboboxTag } from '../../../../../nimble-components/src/combobox';
+import { selectTag } from '../../../../../nimble-components/src/select';
+import { textAreaTag } from '../../../../../nimble-components/src/text-area';
+import { createUserSelectedThemeStory } from '../../../utilities/storybook';
+import {
+    Orientation,
+    radioGroupTag
+} from '../../../../../nimble-components/src/radio-group';
+import { radioTag } from '../../../../../nimble-components/src/radio';
+import { textFieldTag } from '../../../../../nimble-components/src/text-field';
+import { numberFieldTag } from '../../../../../nimble-components/src/number-field';
+
+interface RequiredVisiblePatternArgs {
+    shortLabel: string;
+    longLabel: string;
+}
+
+const metadata: Meta<RequiredVisiblePatternArgs> = {
+    title: 'Tests/Required Visible',
+    parameters: {
+        actions: {}
+    },
+    // prettier-ignore
+    render: createUserSelectedThemeStory(html`
+        <style class='code-hide'>
+            .control-container {
+                margin: var(${largePadding.cssCustomProperty});
+                display: flex;
+                flex-direction: column;
+                gap: var(${standardPadding.cssCustomProperty});
+            }
+
+            .label {
+                font: var(${groupHeaderFont.cssCustomProperty});
+                color: var(${groupHeaderFontColor.cssCustomProperty});
+            }
+
+            .fixed-width {
+                width: 200px;
+            }
+        </style>
+        <div class="control-container">
+            <div class="label">Combobox</div>
+            <${comboboxTag} class="fixed-width" required-visible>${x => x.shortLabel}</${comboboxTag}>
+            <${comboboxTag} class="fixed-width" required-visible>${x => x.longLabel}</${comboboxTag}>
+        </div>
+        <div class="control-container">
+            <div class="label">Number field</div>
+            <${numberFieldTag} class="fixed-width" required-visible>${x => x.shortLabel}</${numberFieldTag}>
+            <${numberFieldTag} class="fixed-width" required-visible>${x => x.longLabel}</${numberFieldTag}>
+        </div>
+        <div class="control-container">
+            <div class="label">Radio group</div>
+            <${radioGroupTag} class="fixed-width" orientation=${Orientation.horizontal} required-visible>
+                <span slot="label">${x => x.shortLabel}</span>
+                <${radioTag} value="1">Option 1</${radioTag}>
+                <${radioTag} value="2">Option 2</${radioTag}>
+            </${radioGroupTag}>
+            <${radioGroupTag} class="fixed-width" orientation=${Orientation.horizontal}  required-visible>
+                <span slot="label">${x => x.longLabel}</span>
+                <${radioTag} value="1">Option 1</${radioTag}>
+                <${radioTag} value="2">Option 2</${radioTag}>
+            </${radioGroupTag}>
+            <${radioGroupTag} class="fixed-width" orientation=${Orientation.vertical} required-visible>
+                <span slot="label">${x => x.shortLabel}</span>
+                <${radioTag} value="1">Option 1</${radioTag}>
+                <${radioTag} value="2">Option 2</${radioTag}>
+            </${radioGroupTag}>
+            <${radioGroupTag} class="fixed-width" orientation=${Orientation.vertical}  required-visible>
+                <span slot="label">${x => x.longLabel}</span>
+                <${radioTag} value="1">Option 1</${radioTag}>
+                <${radioTag} value="2">Option 2</${radioTag}>
+            </${radioGroupTag}>
+        </div>
+        <div class="control-container">
+            <div class="label">Select</div>
+            <${selectTag} class="fixed-width" required-visible>${x => x.shortLabel}</${selectTag}>
+            <${selectTag} class="fixed-width" required-visible>${x => x.longLabel}</${selectTag}>
+        </div>
+        <div class="control-container">
+            <div class="label">Text area</div>
+            <${textAreaTag} class="fixed-width" required-visible>${x => x.shortLabel}</${textAreaTag}>
+            <${textAreaTag} class="fixed-width" required-visible>${x => x.longLabel}</${textAreaTag}>
+        </div>
+        <div class="control-container">
+            <div class="label">Text field</div>
+            <${textFieldTag} class="fixed-width" required-visible>${x => x.shortLabel}</${textFieldTag}>
+            <${textFieldTag} class="fixed-width" required-visible>${x => x.longLabel}</${textFieldTag}>
+        </div>
+    `),
+    args: {
+        shortLabel: 'Short label',
+        longLabel: 'This is a long label that will wrap to the next line'
+    }
+};
+
+export default metadata;
+
+export const requiredVisiblePattern: StoryObj<RequiredVisiblePatternArgs> = {};
diff --git a/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts b/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts
index ce58d37df9..c09924e498 100644
--- a/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts
+++ b/packages/storybook/src/nimble/radio-group/radio-group-matrix.stories.ts
@@ -11,9 +11,11 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
+    type DisabledState,
     errorStates,
-    ErrorState
+    type ErrorState,
+    requiredVisibleStates,
+    type RequiredVisibleState
 } from '../../utilities/states';
 import { createStory } from '../../utilities/storybook';
 import { hiddenWrapper } from '../../utilities/hidden';
@@ -35,6 +37,7 @@ const metadata: Meta = {
 export default metadata;
 
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [disabledName, disabled]: DisabledState,
     [orientationName, orientation]: OrientationState,
     [errorName, errorVisible, errorText]: ErrorState
@@ -43,16 +46,22 @@ const component = (
     ?disabled="${() => disabled}"
     ?error-visible="${() => errorVisible}"
     error-text="${() => errorText}"
+    ?required-visible="${() => requiredVisible}"
     value="1"
     style="width: 250px; margin: var(${standardPadding.cssCustomProperty});"
 >
-    <label slot="label">${orientationName} ${disabledName} ${errorName}</label>
+    <label slot="label">${orientationName} ${disabledName} ${errorName} ${requiredVisibleName}</label>
     <${radioTag} value="1">Option 1</${radioTag}>
     <${radioTag} value="2">Option 2</${radioTag}>
 </${radioGroupTag}>`;
 
 export const radioGroupThemeMatrix: StoryFn = createMatrixThemeStory(
-    createMatrix(component, [disabledStates, orientationStates, errorStates])
+    createMatrix(component, [
+        requiredVisibleStates,
+        disabledStates,
+        orientationStates,
+        errorStates
+    ])
 );
 
 export const hiddenRadioGroup: StoryFn = createStory(
diff --git a/packages/storybook/src/nimble/radio-group/radio-group.stories.ts b/packages/storybook/src/nimble/radio-group/radio-group.stories.ts
index 48a72f018b..bdec92c7fe 100644
--- a/packages/storybook/src/nimble/radio-group/radio-group.stories.ts
+++ b/packages/storybook/src/nimble/radio-group/radio-group.stories.ts
@@ -10,6 +10,7 @@ import {
     disabledDescription,
     errorTextDescription,
     errorVisibleDescription,
+    requiredVisibleDescription,
     slottedLabelDescription
 } from '../../utilities/storybook';
 
@@ -23,6 +24,7 @@ interface RadioGroupArgs {
     change: undefined;
     errorVisible: boolean;
     errorText: string;
+    requiredVisible: boolean;
 }
 
 interface RadioArgs {
@@ -55,6 +57,7 @@ export const radioGroup: StoryObj<RadioGroupArgs> = {
             value="${x => (x.value === 'none' ? undefined : x.value)}"
             ?error-visible="${x => x.errorVisible}"
             error-text="${x => x.errorText}"
+            ?required-visible="${x => x.requiredVisible}"
             style="min-width: 200px;"
         >
             <label slot="label">${x => x.label}</label>
@@ -70,7 +73,8 @@ export const radioGroup: StoryObj<RadioGroupArgs> = {
         name: 'fruit',
         value: 'none',
         errorVisible: false,
-        errorText: 'Value is invalid'
+        errorText: 'Value is invalid',
+        requiredVisible: false
     },
     argTypes: {
         value: {
@@ -124,6 +128,11 @@ export const radioGroup: StoryObj<RadioGroupArgs> = {
             name: 'error-visible',
             description: errorVisibleDescription,
             table: { category: apiCategory.attributes }
+        },
+        requiredVisible: {
+            name: 'required-visible',
+            description: requiredVisibleDescription,
+            table: { category: apiCategory.attributes }
         }
     }
 };
diff --git a/packages/storybook/src/nimble/rich-text/editor/rich-text-editor-matrix.stories.ts b/packages/storybook/src/nimble/rich-text/editor/rich-text-editor-matrix.stories.ts
index 94c2557567..a25fe4e5bc 100644
--- a/packages/storybook/src/nimble/rich-text/editor/rich-text-editor-matrix.stories.ts
+++ b/packages/storybook/src/nimble/rich-text/editor/rich-text-editor-matrix.stories.ts
@@ -12,8 +12,8 @@ import { menuButtonTag } from '../../../../../nimble-components/src/menu-button'
 import { anchorButtonTag } from '../../../../../nimble-components/src/anchor-button';
 import { richTextEditorTag } from '../../../../../nimble-components/src/rich-text/editor';
 import {
-    DisabledState,
-    ErrorState,
+    type DisabledState,
+    type ErrorState,
     disabledStates,
     errorStates
 } from '../../../utilities/states';
diff --git a/packages/storybook/src/nimble/select/select-matrix.stories.ts b/packages/storybook/src/nimble/select/select-matrix.stories.ts
index ff773321d6..c62d813277 100644
--- a/packages/storybook/src/nimble/select/select-matrix.stories.ts
+++ b/packages/storybook/src/nimble/select/select-matrix.stories.ts
@@ -15,9 +15,11 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
-    ErrorState,
-    errorStates
+    type DisabledState,
+    type ErrorState,
+    errorStates,
+    requiredVisibleStates,
+    type RequiredVisibleState
 } from '../../utilities/states';
 import { hiddenWrapper } from '../../utilities/hidden';
 import { textCustomizationWrapper } from '../../utilities/text-customization';
@@ -53,6 +55,7 @@ export default metadata;
 
 // prettier-ignore
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
     [errorName, errorVisible, errorText]: ErrorState,
@@ -65,9 +68,10 @@ const component = (
         ?disabled="${() => disabled}"
         ?clearable="${() => clearable}"
         appearance="${() => appearance}"
+        ?required-visible="${() => requiredVisible}"
         style="width: 250px; margin: var(${standardPadding.cssCustomProperty});"
     >
-        ${() => errorName} ${() => disabledName} ${() => appearanceName} ${() => valueName} ${() => clearableName}
+        ${() => errorName} ${() => disabledName} ${() => appearanceName} ${() => valueName} ${() => clearableName} ${() => requiredVisibleName}
         <${listOptionTag} value="1">${valueValue}</${listOptionTag}>
         <${listOptionTag} value="2" disabled>Option 2</${listOptionTag}>
         <${listOptionTag} value="3">Option 3</${listOptionTag}>
@@ -77,6 +81,7 @@ const component = (
 
 export const selectThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         disabledStates,
         appearanceStates,
         errorStates,
diff --git a/packages/storybook/src/nimble/select/select.stories.ts b/packages/storybook/src/nimble/select/select.stories.ts
index c93ba14b54..77b80de24a 100644
--- a/packages/storybook/src/nimble/select/select.stories.ts
+++ b/packages/storybook/src/nimble/select/select.stories.ts
@@ -17,6 +17,7 @@ import {
     errorTextDescription,
     errorVisibleDescription,
     optionsDescription,
+    requiredVisibleDescription,
     slottedLabelDescription
 } from '../../utilities/storybook';
 import { ExampleOptionsType } from './types';
@@ -26,6 +27,7 @@ interface SelectArgs {
     disabled: boolean;
     errorVisible: boolean;
     errorText: string;
+    requiredVisible: boolean;
     dropDownPosition: string;
     optionsType: ExampleOptionsType;
     appearance: string;
@@ -144,6 +146,7 @@ const metadata: Meta<SelectArgs> = {
             appearance="${x => x.appearance}"
             filter-mode="${x => (x.filterMode === 'none' ? undefined : x.filterMode)}"
             ?loading-visible="${x => x.loadingVisible}"
+            ?required-visible="${x => x.requiredVisible}"
             style="width:250px;"
         >
             ${x => x.label}
@@ -226,6 +229,11 @@ const metadata: Meta<SelectArgs> = {
             description: loadingVisibleDescription,
             table: { category: apiCategory.attributes }
         },
+        requiredVisible: {
+            name: 'required-visible',
+            description: requiredVisibleDescription,
+            table: { category: apiCategory.attributes }
+        },
         value: {
             name: 'value',
             description:
@@ -272,7 +280,8 @@ const metadata: Meta<SelectArgs> = {
         appearance: DropdownAppearance.underline,
         optionsType: ExampleOptionsType.simpleOptions,
         clearable: false,
-        loadingVisible: false
+        loadingVisible: false,
+        requiredVisible: false
     }
 };
 
diff --git a/packages/storybook/src/nimble/switch/switch-matrix.stories.ts b/packages/storybook/src/nimble/switch/switch-matrix.stories.ts
index 0a74dc03c2..75122ef990 100644
--- a/packages/storybook/src/nimble/switch/switch-matrix.stories.ts
+++ b/packages/storybook/src/nimble/switch/switch-matrix.stories.ts
@@ -6,7 +6,7 @@ import {
     sharedMatrixParameters,
     createMatrixThemeStory
 } from '../../utilities/matrix';
-import { disabledStates, DisabledState } from '../../utilities/states';
+import { disabledStates, type DisabledState } from '../../utilities/states';
 import { createStory } from '../../utilities/storybook';
 import { hiddenWrapper } from '../../utilities/hidden';
 
diff --git a/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.mdx b/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.mdx
index 505a5e250b..002fc3eeb8 100644
--- a/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.mdx
+++ b/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.mdx
@@ -29,17 +29,17 @@ link, that cell will display a link, otherwise it will display plain text.
 
 ### Best Practices
 
--   Provide meaningful, distinct labels for records that have a non-empty url.
-    -   Do not provide `null`, `undefined`, empty, or whitespace labels with
-        non-empty urls.
-    -   Do not provide duplicate labels for different urls.
-    -   If a label is not available or known for a url, the url itself may be
-        explicitly provided for the label to ensure each distinct url has a
-        distinct label. As grouping is done by label value, this prevents
-        unrelated URLs from being grouped together.
--   For records without a url, the label may also be omitted. All omitted labels
-    should consistently use `null`, `undefined`, or empty string but not a
-    combination of those values.
+- Provide meaningful, distinct labels for records that have a non-empty url.
+    - Do not provide `null`, `undefined`, empty, or whitespace labels with
+      non-empty urls.
+    - Do not provide duplicate labels for different urls.
+    - If a label is not available or known for a url, the url itself may be
+      explicitly provided for the label to ensure each distinct url has a
+      distinct label. As grouping is done by label value, this prevents
+      unrelated URLs from being grouped together.
+- For records without a url, the label may also be omitted. All omitted labels
+  should consistently use `null`, `undefined`, or empty string but not a
+  combination of those values.
 
 ### Angular Usage
 
diff --git a/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.stories.ts b/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.stories.ts
index f3b8d0eccd..ee24a09474 100644
--- a/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.stories.ts
+++ b/packages/storybook/src/nimble/table-column/anchor/table-column-anchor.stories.ts
@@ -7,7 +7,7 @@ import { AnchorAppearance } from '../../../../../nimble-components/src/anchor/ty
 import { tableColumnAnchorTag } from '../../../../../nimble-components/src/table-column/anchor';
 import {
     sharedTableActions,
-    SharedTableArgs,
+    type SharedTableArgs,
     sharedTableArgs,
     sharedTableArgTypes
 } from '../base/table-column-stories-utils';
diff --git a/packages/storybook/src/nimble/table-column/base/table-column-stories-utils.ts b/packages/storybook/src/nimble/table-column/base/table-column-stories-utils.ts
index bb05aaa364..d70b79e691 100644
--- a/packages/storybook/src/nimble/table-column/base/table-column-stories-utils.ts
+++ b/packages/storybook/src/nimble/table-column/base/table-column-stories-utils.ts
@@ -3,7 +3,7 @@ import {
     type Table
 } from '../../../../../nimble-components/src/table';
 import {
-    TableRecord,
+    type TableRecord,
     TableRowSelectionMode
 } from '../../../../../nimble-components/src/table/types';
 
diff --git a/packages/storybook/src/nimble/table-column/base/table-column.stories.ts b/packages/storybook/src/nimble/table-column/base/table-column.stories.ts
index 10149d326d..c35155bc78 100644
--- a/packages/storybook/src/nimble/table-column/base/table-column.stories.ts
+++ b/packages/storybook/src/nimble/table-column/base/table-column.stories.ts
@@ -16,7 +16,7 @@ import {
     ExampleSortType
 } from '../../../../../nimble-components/src/table-column/base/tests/types';
 import {
-    SharedTableArgs,
+    type SharedTableArgs,
     sharedTableActions,
     sharedTableArgTypes,
     sharedTableArgs
diff --git a/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.mdx b/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.mdx
index 52cf969465..ed60e6eff5 100644
--- a/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.mdx
+++ b/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.mdx
@@ -33,7 +33,7 @@ token, which can be set via the
 
 ### Best Practices
 
--   <NoNullAndUndefinedBestPractice />
+- <NoNullAndUndefinedBestPractice />
 
 {/* ## Examples */}
 
diff --git a/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.stories.ts b/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.stories.ts
index 325e3c368a..c356efacc1 100644
--- a/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.stories.ts
+++ b/packages/storybook/src/nimble/table-column/date-text/table-column-date-text.stories.ts
@@ -4,8 +4,8 @@ import { withActions } from '@storybook/addon-actions/decorator';
 import { tableTag } from '../../../../../nimble-components/src/table';
 import { tableColumnTextTag } from '../../../../../nimble-components/src/table-column/text';
 import { tableColumnDateTextTag } from '../../../../../nimble-components/src/table-column/date-text';
-import {
-    DateTextFormat,
+import { DateTextFormat } from '../../../../../nimble-components/src/table-column/date-text/types';
+import type {
     DateStyle,
     DayPeriodFormat,
     EraFormat,
@@ -23,7 +23,7 @@ import {
     WeekdayFormat
 } from '../../../../../nimble-components/src/table-column/date-text/types';
 import {
-    SharedTableArgs,
+    type SharedTableArgs,
     sharedTableActions,
     sharedTableArgTypes,
     sharedTableArgs
diff --git a/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.mdx b/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.mdx
index d9fc69b1ae..c5f37efc01 100644
--- a/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.mdx
+++ b/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.mdx
@@ -34,7 +34,7 @@ the
 
 ### Best Practices
 
--   <NoNullAndUndefinedBestPractice />
+- <NoNullAndUndefinedBestPractice />
 
 ### Angular Usage
 
@@ -46,8 +46,8 @@ as the duration table column.
 
 To use it:
 
--   Import `DurationPipe` from `@ni/nimble-angular/pipes`
--   Use the pipe in your templates (pipe name is `duration`), or instantiate and
-    use it directly in your code
--   Pipe input should be duration values in milliseconds (`number` or `string`
-    type)
+- Import `DurationPipe` from `@ni/nimble-angular/pipes`
+- Use the pipe in your templates (pipe name is `duration`), or instantiate and
+  use it directly in your code
+- Pipe input should be duration values in milliseconds (`number` or `string`
+  type)
diff --git a/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.stories.ts b/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.stories.ts
index fa92e7c8d8..ec01778d35 100644
--- a/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.stories.ts
+++ b/packages/storybook/src/nimble/table-column/duration-text/table-column-duration-text.stories.ts
@@ -5,7 +5,7 @@ import { tableTag } from '../../../../../nimble-components/src/table';
 import { tableColumnTextTag } from '../../../../../nimble-components/src/table-column/text';
 import { tableColumnDurationTextTag } from '../../../../../nimble-components/src/table-column/duration-text';
 import {
-    SharedTableArgs,
+    type SharedTableArgs,
     sharedTableActions,
     sharedTableArgTypes,
     sharedTableArgs
diff --git a/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.mdx b/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.mdx
index e5d820bc91..61b4a4c555 100644
--- a/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.mdx
+++ b/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.mdx
@@ -58,21 +58,20 @@ table.
 
 ### Best practices
 
--   Provide a mapping for every expected record value. Because grouping is
-    performed on the record value, non-mapped record values can result in
-    multiple groups without group labels.
-    -   To improve grouping behavior of a value that shouldn't be rendered in
-        table cells, use a <Tag name={mappingEmptyTag}/> element to provide text
-        for that value's group row.
--   Avoid having multiple values that map to the same text value. This can lead
-    to confusion when grouping and sorting, as it would result in multiple
-    groups with the same text label representing different values or the same
-    text label showing up multiple times with a different sort order.
--   Don't mix and match icon-only, and icon and text mappings in the same
-    column. Choose whether to enable the `text-hidden` attribute for all
-    mappings or none.
-    -   Exception: You can use a spinner-only mapping in the same column as an
-        icon-only or icon and text mapping.
+- Provide a mapping for every expected record value. Because grouping is
+  performed on the record value, non-mapped record values can result in multiple
+  groups without group labels.
+    - To improve grouping behavior of a value that shouldn't be rendered in
+      table cells, use a <Tag name={mappingEmptyTag}/> element to provide text
+      for that value's group row.
+- Avoid having multiple values that map to the same text value. This can lead to
+  confusion when grouping and sorting, as it would result in multiple groups
+  with the same text label representing different values or the same text label
+  showing up multiple times with a different sort order.
+- Don't mix and match icon-only, and icon and text mappings in the same column.
+  Choose whether to enable the `text-hidden` attribute for all mappings or none.
+    - Exception: You can use a spinner-only mapping in the same column as an
+      icon-only or icon and text mapping.
 
 #### Choosing a mapping style
 
diff --git a/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.stories.ts b/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.stories.ts
index ff6b2304fc..7f5d7f8ac7 100644
--- a/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.stories.ts
+++ b/packages/storybook/src/nimble/table-column/mapping/table-column-mapping.stories.ts
@@ -12,7 +12,7 @@ import { mappingEmptyTag } from '../../../../../nimble-components/src/mapping/em
 import { TableColumnMappingWidthMode } from '../../../../../nimble-components/src/table-column/mapping/types';
 import { tableColumnMappingTag } from '../../../../../nimble-components/src/table-column/mapping';
 import {
-    SharedTableArgs,
+    type SharedTableArgs,
     sharedTableArgTypes,
     sharedTableArgs
 } from '../base/table-column-stories-utils';
diff --git a/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.mdx b/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.mdx
index 59cbc7c73a..e7dcbc5498 100644
--- a/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.mdx
+++ b/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.mdx
@@ -44,10 +44,10 @@ are used in different contexts.
 
 An action menu should be used in the table when:
 
--   the items in the menu are actions to be performed on the record
--   selecting an item in the menu does not change the value of the record
+- the items in the menu are actions to be performed on the record
+- selecting an item in the menu does not change the value of the record
 
 The <Tag name={tableColumnMenuButtonTag}/> should be used when:
 
--   the items in the menu represent values that can be assigned to the record
--   the currently selected value should be displayed in the table
+- the items in the menu represent values that can be assigned to the record
+- the currently selected value should be displayed in the table
diff --git a/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.stories.ts b/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.stories.ts
index 6120fc5404..c3654af48a 100644
--- a/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.stories.ts
+++ b/packages/storybook/src/nimble/table-column/menu-button/table-column-menu-button.stories.ts
@@ -17,7 +17,7 @@ import type { MenuButtonColumnToggleEventDetail } from '../../../../../nimble-co
 import { Menu, menuTag } from '../../../../../nimble-components/src/menu';
 import { menuItemTag } from '../../../../../nimble-components/src/menu-item';
 import {
-    SharedTableArgs,
+    type SharedTableArgs,
     sharedTableActions,
     sharedTableArgTypes,
     sharedTableArgs
diff --git a/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.mdx b/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.mdx
index f47c906c88..8d57c8e60a 100644
--- a/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.mdx
+++ b/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.mdx
@@ -35,18 +35,18 @@ the [nimble-theme-provider](?path=/docs/tokens-theme-provider--docs).
 
 ### Best Practices
 
--   <NoNullAndUndefinedBestPractice />
--   If relevant to your data source, make sure to consider the IEEE 754 special
-    cases of `-Inf`, `+Inf`, `-0`, `+0`, and `NaN`. Those values are handled as
-    follows in the table:
-    -   `-Inf` will be rendered as `-∞` in the table. It is considered the
-        smallest possible number when sorting.
-    -   `+Inf` will be rendered as `∞` in the table. It is considered the
-        largest possible number when sorting.
-    -   `-0`, `0`, and `+0` will be rendered as `0` in the table. No distinction
-        is made between those values when grouping.
-    -   `NaN` will be rendered as `NaN` in the table. It is sorted between
-        non-defined values of `undefined`/`null` and `-Inf`.
+- <NoNullAndUndefinedBestPractice />
+- If relevant to your data source, make sure to consider the IEEE 754 special
+  cases of `-Inf`, `+Inf`, `-0`, `+0`, and `NaN`. Those values are handled as
+  follows in the table:
+    - `-Inf` will be rendered as `-∞` in the table. It is considered the
+      smallest possible number when sorting.
+    - `+Inf` will be rendered as `∞` in the table. It is considered the largest
+      possible number when sorting.
+    - `-0`, `0`, and `+0` will be rendered as `0` in the table. No distinction
+      is made between those values when grouping.
+    - `NaN` will be rendered as `NaN` in the table. It is sorted between
+      non-defined values of `undefined`/`null` and `-Inf`.
 
 ### Angular Usage
 
@@ -58,27 +58,27 @@ number-text table column.
 
 To use it:
 
--   Import `NumberTextPipe` from `@ni/nimble-angular/pipes`
--   Use the pipe in your templates (pipe name is `numberText`), or instantiate
-    and use directly in your code
--   As input, the pipe optionally takes a configuration object as a parameter.
-    The object may include any of the following properties:
-    -   `numberTextFormat` - Either `NumberTextFormat.default` or
-        `NumberTextFormat.decimal`. Defaults to `NumberTextFormat.default`.
-    -   `decimalDigits` - When `numberTextFormat` is `NumberTextFormat.decimal`,
-        specifies the number of decimal places to show. If neither
-        `decimalDigits` or `decimalMaximumDigits` are set, a default value of 2
-        is used. `decimalDigits` and `decimalMaximumDigits` cannot both be set
-        at the same time. The value must be in the range 0 - 20 (inclusive).
-    -   `decimalMaximumDigits` - When `numberTextFormat` is
-        `NumberTextFormat.decimal`, specifies the maximum number of decimal
-        places to show. This differs from `decimalDigits` in that trailing zeros
-        are omitted. `decimalDigits` and `decimalMaximumDigits` cannot both be
-        set at the same time. The value must be in the range 0 - 20 (inclusive).
-    -   `unitScale` - A `UnitScale` object indicating units to display. Possible
-        values are `byteUnitScale`, `byte1024UnitScale`, `celsiusUnitScale`,
-        `fahrenheitUnitScale`, and `voltUnitScale` which are exported from
-        `@ni/nimble-angular/pipes`.
+- Import `NumberTextPipe` from `@ni/nimble-angular/pipes`
+- Use the pipe in your templates (pipe name is `numberText`), or instantiate and
+  use directly in your code
+- As input, the pipe optionally takes a configuration object as a parameter. The
+  object may include any of the following properties:
+    - `numberTextFormat` - Either `NumberTextFormat.default` or
+      `NumberTextFormat.decimal`. Defaults to `NumberTextFormat.default`.
+    - `decimalDigits` - When `numberTextFormat` is `NumberTextFormat.decimal`,
+      specifies the number of decimal places to show. If neither `decimalDigits`
+      or `decimalMaximumDigits` are set, a default value of 2 is used.
+      `decimalDigits` and `decimalMaximumDigits` cannot both be set at the same
+      time. The value must be in the range 0 - 20 (inclusive).
+    - `decimalMaximumDigits` - When `numberTextFormat` is
+      `NumberTextFormat.decimal`, specifies the maximum number of decimal places
+      to show. This differs from `decimalDigits` in that trailing zeros are
+      omitted. `decimalDigits` and `decimalMaximumDigits` cannot both be set at
+      the same time. The value must be in the range 0 - 20 (inclusive).
+    - `unitScale` - A `UnitScale` object indicating units to display. Possible
+      values are `byteUnitScale`, `byte1024UnitScale`, `celsiusUnitScale`,
+      `fahrenheitUnitScale`, and `voltUnitScale` which are exported from
+      `@ni/nimble-angular/pipes`.
 
 {/* ## Examples */}
 
diff --git a/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.stories.ts b/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.stories.ts
index e44e568d94..7754313a8a 100644
--- a/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.stories.ts
+++ b/packages/storybook/src/nimble/table-column/number-text/table-column-number-text.stories.ts
@@ -13,7 +13,7 @@ import {
     NumberTextFormat
 } from '../../../../../nimble-components/src/table-column/number-text/types';
 import {
-    SharedTableArgs,
+    type SharedTableArgs,
     sharedTableActions,
     sharedTableArgTypes,
     sharedTableArgs
diff --git a/packages/storybook/src/nimble/table-column/text/table-column-text.mdx b/packages/storybook/src/nimble/table-column/text/table-column-text.mdx
index 6509cb5894..5a061a44f5 100644
--- a/packages/storybook/src/nimble/table-column/text/table-column-text.mdx
+++ b/packages/storybook/src/nimble/table-column/text/table-column-text.mdx
@@ -27,12 +27,12 @@ text in the <Tag name={tableTag}/>.
 
 ### Best Practices
 
--   <NoNullAndUndefinedBestPractice />
--   Avoid mixing empty string with `undefined`/`null`. The distinction when
-    grouping between `"No value"` and `"Empty"` is not likely meaningful to a
-    user.
--   Avoid displaying whitespace values that are not empty string (`''`) as these
-    values will be rendered as-is in group rows.
+- <NoNullAndUndefinedBestPractice />
+- Avoid mixing empty string with `undefined`/`null`. The distinction when
+  grouping between `"No value"` and `"Empty"` is not likely meaningful to a
+  user.
+- Avoid displaying whitespace values that are not empty string (`''`) as these
+  values will be rendered as-is in group rows.
 
 {/* ## Examples */}
 
diff --git a/packages/storybook/src/nimble/table-column/text/table-column-text.stories.ts b/packages/storybook/src/nimble/table-column/text/table-column-text.stories.ts
index 2b31c3a386..fa26020cf8 100644
--- a/packages/storybook/src/nimble/table-column/text/table-column-text.stories.ts
+++ b/packages/storybook/src/nimble/table-column/text/table-column-text.stories.ts
@@ -4,7 +4,7 @@ import { withActions } from '@storybook/addon-actions/decorator';
 import { tableTag } from '../../../../../nimble-components/src/table';
 import { tableColumnTextTag } from '../../../../../nimble-components/src/table-column/text';
 import {
-    SharedTableArgs,
+    type SharedTableArgs,
     sharedTableActions,
     sharedTableArgTypes,
     sharedTableArgs
diff --git a/packages/storybook/src/nimble/table/table.mdx b/packages/storybook/src/nimble/table/table.mdx
index 2de5143dde..efdff15096 100644
--- a/packages/storybook/src/nimble/table/table.mdx
+++ b/packages/storybook/src/nimble/table/table.mdx
@@ -102,18 +102,18 @@ The expected usage of the dynamically loaded hierarchy is as follows:
 
 `setRecordHierarchyOptions()` has the following behavior:
 
--   all options will be cleared when the table's `idFieldName` changes
--   an option passed to `setRecordHierarchyOptions` with an ID that does not
-    match a record in the data will be ignored
--   the options passed to `setRecordHierarchyOptions` will override any options
-    previously set to become the complete set of options configured on the table
--   the table will not render delayed hierarchy state (loading or expandable) if
-    the table's `parentIdFieldName` is not configured; however, the options will
-    remain cached within the table if the `parentIdFieldName` becomes
-    `undefined`, and that cached configuration will render in the table if the
-    table's `parentIdFieldName` is changed back to a non-`undefined` value
--   calling `setData` will clear options associated with IDs that are no longer
-    present in the data
+- all options will be cleared when the table's `idFieldName` changes
+- an option passed to `setRecordHierarchyOptions` with an ID that does not match
+  a record in the data will be ignored
+- the options passed to `setRecordHierarchyOptions` will override any options
+  previously set to become the complete set of options configured on the table
+- the table will not render delayed hierarchy state (loading or expandable) if
+  the table's `parentIdFieldName` is not configured; however, the options will
+  remain cached within the table if the `parentIdFieldName` becomes `undefined`,
+  and that cached configuration will render in the table if the table's
+  `parentIdFieldName` is changed back to a non-`undefined` value
+- calling `setData` will clear options associated with IDs that are no longer
+  present in the data
 
 ## Accessibility
 
@@ -121,60 +121,60 @@ The expected usage of the dynamically loaded hierarchy is as follows:
 
 Once the table is focused, it supports navigation via keyboard keys.
 
--   If the table is focused via `Tab`/`Shift-Tab`: focus starts on the first
-    action button in the header row (if any), the first column header (if any
-    columns are sortable), or the first row of data.
--   If the table is focused via mouse-click on a row, keyboard navigation will
-    start from that row once a navigation key is pressed afterwards.
+- If the table is focused via `Tab`/`Shift-Tab`: focus starts on the first
+  action button in the header row (if any), the first column header (if any
+  columns are sortable), or the first row of data.
+- If the table is focused via mouse-click on a row, keyboard navigation will
+  start from that row once a navigation key is pressed afterwards.
 
 Column sorting:
 
--   If a column header is focused, `Enter` will toggle its sort mode between
-    ascending, descending, and no sorting.
--   `Shift-Enter` will do the same but will maintain other columns as sorted if
-    they were already.
+- If a column header is focused, `Enter` will toggle its sort mode between
+  ascending, descending, and no sorting.
+- `Shift-Enter` will do the same but will maintain other columns as sorted if
+  they were already.
 
 Navigating the table:
 
--   `UpArrow`, `DownArrow`, `LeftArrow`, `RightArrow` will navigate amongst the
-    table column headers, rows, and cells.
--   When a row is focused:
-    -   If the row is expandable, `RightArrow` and `LeftArrow` will
-        expand/collapse the row.
-    -   If the row cannot be expanded (or is already expanded), a `RightArrow`
-        press will focus the first cell.
-    -   `Home` and `End` will focus the first and last rows in the dataset,
-        respectively.
--   When a cell is focused:
-    -   If the leftmost cell of a row is focused, another `LeftArrow` press will
-        focus the entire row.
-    -   `Home` and `End` will focus the first and last cells of the row,
-        respectively.
-    -   `Ctrl-Home` and `Ctrl-End` will focus the cell in the same column of the
-        first and last rows of the dataset.
--   `PgUp` and `PgDown` will navigate up or down by one page's worth of rows.
-    -   If a cell was focused, the cell in the same column in the new row will
-        be focused.
-    -   If a row was focused, the new row will be focused afterwards.
+- `UpArrow`, `DownArrow`, `LeftArrow`, `RightArrow` will navigate amongst the
+  table column headers, rows, and cells.
+- When a row is focused:
+    - If the row is expandable, `RightArrow` and `LeftArrow` will
+      expand/collapse the row.
+    - If the row cannot be expanded (or is already expanded), a `RightArrow`
+      press will focus the first cell.
+    - `Home` and `End` will focus the first and last rows in the dataset,
+      respectively.
+- When a cell is focused:
+    - If the leftmost cell of a row is focused, another `LeftArrow` press will
+      focus the entire row.
+    - `Home` and `End` will focus the first and last cells of the row,
+      respectively.
+    - `Ctrl-Home` and `Ctrl-End` will focus the cell in the same column of the
+      first and last rows of the dataset.
+- `PgUp` and `PgDown` will navigate up or down by one page's worth of rows.
+    - If a cell was focused, the cell in the same column in the new row will be
+      focused.
+    - If a row was focused, the new row will be focused afterwards.
 
 Interacting with cell contents:
 
--   When a cell is focused:
-    -   `Enter` or `F2` will focus the first interactive element inside a cell,
-        if there is one (such as an anchor).
-    -   `Ctrl-Enter` will open the cell's action menu, if it has one.
--   When an action menu or element inside a cell has focus:
-    -   Arrow key presses will no longer navigate between rows/cells.
-    -   Pressing `Esc` or `F2` will return to row/cell navigation mode.
+- When a cell is focused:
+    - `Enter` or `F2` will focus the first interactive element inside a cell, if
+      there is one (such as an anchor).
+    - `Ctrl-Enter` will open the cell's action menu, if it has one.
+- When an action menu or element inside a cell has focus:
+    - Arrow key presses will no longer navigate between rows/cells.
+    - Pressing `Esc` or `F2` will return to row/cell navigation mode.
 
 Row selection and grouping:
 
--   If a row is focused, `Space` will select the row.
--   If a row or cell is focused, `Shift-Space` will select the row. (Note, in
-    multiple selection mode, this may result in ranges of rows being selected.)
--   If a group header row is focused, `Space` will expand/collapse the group. To
-    select the group, navigate to the selection checkbox with `LeftArrow` and
-    `RightArrow`, and toggle it with `Space`.
+- If a row is focused, `Space` will select the row.
+- If a row or cell is focused, `Shift-Space` will select the row. (Note, in
+  multiple selection mode, this may result in ranges of rows being selected.)
+- If a group header row is focused, `Space` will expand/collapse the group. To
+  select the group, navigate to the selection checkbox with `LeftArrow` and
+  `RightArrow`, and toggle it with `Space`.
 
 `Tab` and `Shift-Tab` can be used to navigate between the interactive elements
 in the current row or header, such as buttons or anchors. Once those elements in
@@ -188,14 +188,14 @@ When the table has a `selectionMode` of `multiple`, multiple rows can be
 selected using the selection checkboxes. Additionally, clicking on rows has the
 following behavior:
 
--   Clicking on a row selects just that row.
--   `CTRL` clicking on a row toggles the selection of that row while
-    maintaining. the selection of other rows
-    -   Note: On macOS, use the `Command` key (`⌘`) instead of `CTRL`.
--   Selecting a row followed by `SHIFT` clicking on another row selects the
-    range of rows between the two rows.
--   Selecting a row followed by `SHIFT-CTRL` clicking on a different row adds
-    the range of rows to the existing selection.
-    -   Note: On macOS, use the `Command` key (`⌘`) instead of `CTRL`.
+- Clicking on a row selects just that row.
+- `CTRL` clicking on a row toggles the selection of that row while maintaining.
+  the selection of other rows
+    - Note: On macOS, use the `Command` key (`⌘`) instead of `CTRL`.
+- Selecting a row followed by `SHIFT` clicking on another row selects the range
+  of rows between the two rows.
+- Selecting a row followed by `SHIFT-CTRL` clicking on a different row adds the
+  range of rows to the existing selection.
+    - Note: On macOS, use the `Command` key (`⌘`) instead of `CTRL`.
 
 {/* ## Resources */}
diff --git a/packages/storybook/src/nimble/tabs/tabs-matrix.stories.ts b/packages/storybook/src/nimble/tabs/tabs-matrix.stories.ts
index 466f6d9e4c..325d75e3d8 100644
--- a/packages/storybook/src/nimble/tabs/tabs-matrix.stories.ts
+++ b/packages/storybook/src/nimble/tabs/tabs-matrix.stories.ts
@@ -11,7 +11,7 @@ import {
     createMatrix,
     sharedMatrixParameters
 } from '../../utilities/matrix';
-import { DisabledState, disabledStates } from '../../utilities/states';
+import { type DisabledState, disabledStates } from '../../utilities/states';
 import { hiddenWrapper } from '../../utilities/hidden';
 import { textCustomizationWrapper } from '../../utilities/text-customization';
 import { loremIpsum } from '../../utilities/lorem-ipsum';
diff --git a/packages/storybook/src/nimble/text-area/text-area-matrix.stories.ts b/packages/storybook/src/nimble/text-area/text-area-matrix.stories.ts
index 19ae9e2c9c..47f0376b49 100644
--- a/packages/storybook/src/nimble/text-area/text-area-matrix.stories.ts
+++ b/packages/storybook/src/nimble/text-area/text-area-matrix.stories.ts
@@ -10,11 +10,13 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
-    ReadOnlyState,
+    type DisabledState,
+    type ReadOnlyState,
     readOnlyStates,
-    ErrorState,
-    errorStates
+    type ErrorState,
+    errorStates,
+    type RequiredVisibleState,
+    requiredVisibleStates
 } from '../../utilities/states';
 import { hiddenWrapper } from '../../utilities/hidden';
 import { textCustomizationWrapper } from '../../utilities/text-customization';
@@ -43,6 +45,7 @@ const metadata: Meta = {
 export default metadata;
 
 const component = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
     [readOnlyName, readonly]: ReadOnlyState,
     [disabledName, disabled]: DisabledState,
     [appearanceName, appearance]: AppearanceState,
@@ -56,16 +59,18 @@ const component = (
         value="${() => valueValue}"
         placeholder="${() => placeholderValue}"
         ?readonly="${() => readonly}"
-        error-visible="${() => isError}"
+        ?error-visible="${() => isError}"
         error-text="${() => errorText}"
+        ?required-visible="${() => requiredVisible}"
     >
         ${() => disabledName} ${() => appearanceName} ${() => valueName}
-        ${() => readOnlyName} ${() => errorStateName}
+        ${() => readOnlyName} ${() => errorStateName} ${() => requiredVisibleName}
     </${textAreaTag}>
 `;
 
 export const textAreaThemeMatrix: StoryFn = createMatrixThemeStory(
     createMatrix(component, [
+        requiredVisibleStates,
         readOnlyStates,
         disabledStates,
         appearanceStates,
diff --git a/packages/storybook/src/nimble/text-area/text-area.stories.ts b/packages/storybook/src/nimble/text-area/text-area.stories.ts
index f5924c3376..66af228579 100644
--- a/packages/storybook/src/nimble/text-area/text-area.stories.ts
+++ b/packages/storybook/src/nimble/text-area/text-area.stories.ts
@@ -14,6 +14,7 @@ import {
     errorTextDescription,
     errorVisibleDescription,
     placeholderDescription,
+    requiredVisibleDescription,
     slottedLabelDescription
 } from '../../utilities/storybook';
 import { loremIpsum } from '../../utilities/lorem-ipsum';
@@ -33,6 +34,7 @@ interface TextAreaArgs {
     cols: number;
     maxlength: number;
     change: undefined;
+    requiredVisible: boolean;
 }
 
 const metadata: Meta<TextAreaArgs> = {
@@ -57,6 +59,7 @@ const metadata: Meta<TextAreaArgs> = {
             rows="${x => x.rows}"
             cols="${x => x.cols}"
             maxlength="${x => x.maxlength}"
+            ?required-visible="${x => x.requiredVisible}"
         >
             ${x => x.label}
         </${textAreaTag}>
@@ -127,6 +130,11 @@ const metadata: Meta<TextAreaArgs> = {
                 'Maximum number of characters that may be entered by the user',
             table: { category: apiCategory.attributes }
         },
+        requiredVisible: {
+            name: 'required-visible',
+            description: requiredVisibleDescription,
+            table: { category: apiCategory.attributes }
+        },
         change: {
             description:
                 'Event emitted when the user commits a new value to the text area.',
@@ -147,7 +155,8 @@ const metadata: Meta<TextAreaArgs> = {
         resize: TextAreaResize.both,
         rows: 3,
         cols: 20,
-        maxlength: 500
+        maxlength: 500,
+        requiredVisible: false
     }
 };
 
diff --git a/packages/storybook/src/nimble/text-field/text-field-matrix.stories.ts b/packages/storybook/src/nimble/text-field/text-field-matrix.stories.ts
index ee0abc03e2..a6c3013c37 100644
--- a/packages/storybook/src/nimble/text-field/text-field-matrix.stories.ts
+++ b/packages/storybook/src/nimble/text-field/text-field-matrix.stories.ts
@@ -17,12 +17,14 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
-    ReadOnlyState,
+    type DisabledState,
+    type ReadOnlyState,
     readOnlyStates,
     backgroundStates,
     errorStates,
-    ErrorState
+    type ErrorState,
+    type RequiredVisibleState,
+    requiredVisibleStates
 } from '../../utilities/states';
 import { hiddenWrapper } from '../../utilities/hidden';
 import { textCustomizationWrapper } from '../../utilities/text-customization';
@@ -132,6 +134,31 @@ const component = (
     </${textFieldTag}>
 `;
 
+// prettier-ignore
+const requiredVisibleStatesComponent = (
+    [requiredVisibleName, requiredVisible]: RequiredVisibleState,
+    [appearanceName, appearance]: AppearanceState,
+    [readOnlyName, readonly]: ReadOnlyState,
+    [disabledName, disabled]: DisabledState,
+    [errorName, errorVisible, errorText]: ErrorState
+): ViewTemplate => html`
+    <${textFieldTag}
+        style="width: 350px; margin: 8px;"
+        ?disabled="${() => disabled}"
+        appearance="${() => appearance}"
+        ?readonly="${() => readonly}"
+        ?error-visible="${() => errorVisible}"
+        error-text="${() => errorText}"
+        ?required-visible="${() => requiredVisible}"
+    >
+        ${() => readOnlyName}
+        ${() => disabledName}
+        ${() => errorName}
+        ${() => appearanceName}
+        ${() => requiredVisibleName}
+    </${textFieldTag}>
+`;
+
 export const lightThemeEditableEnabledWithoutButtons: StoryFn = createFixedThemeStory(
     createMatrix(component, [
         [readOnlyStates[0]],
@@ -492,6 +519,16 @@ export const colorThemeReadOnlyDisabledWithButtons: StoryFn = createFixedThemeSt
     colorThemeDarkGreenBackground
 );
 
+export const textFieldRequiredVisibleThemeMatrix: StoryFn = createMatrixThemeStory(
+    createMatrix(requiredVisibleStatesComponent, [
+        requiredVisibleStates,
+        appearanceStates,
+        readOnlyStates,
+        disabledStates,
+        errorStates
+    ])
+);
+
 export const hiddenTextField: StoryFn = createStory(
     hiddenWrapper(
         html`<${textFieldTag} hidden>Hidden text field</${textFieldTag}>`
diff --git a/packages/storybook/src/nimble/text-field/text-field.stories.ts b/packages/storybook/src/nimble/text-field/text-field.stories.ts
index 17747feab2..5bbc1caa2e 100644
--- a/packages/storybook/src/nimble/text-field/text-field.stories.ts
+++ b/packages/storybook/src/nimble/text-field/text-field.stories.ts
@@ -18,7 +18,8 @@ import {
     errorTextDescription,
     errorVisibleDescription,
     placeholderDescription,
-    slottedLabelDescription
+    slottedLabelDescription,
+    requiredVisibleDescription
 } from '../../utilities/storybook';
 
 interface TextFieldArgs {
@@ -37,6 +38,7 @@ interface TextFieldArgs {
     leftIcon: boolean;
     change: undefined;
     input: undefined;
+    requiredVisible: boolean;
 }
 
 const leftIconDescription = 'An icon to display at the start of the text field.';
@@ -68,6 +70,7 @@ const metadata: Meta<TextFieldArgs> = {
             error-text="${x => x.errorText}"
             ?error-visible="${x => x.errorVisible}"
             ?full-bleed="${x => x.fullBleed}"
+            ?required-visible="${x => x.requiredVisible}"
         >
             ${when(x => x.leftIcon, html`
                 <${iconTagTag} slot="start"></${iconTagTag}>`)}
@@ -141,6 +144,11 @@ const metadata: Meta<TextFieldArgs> = {
             description: errorTextDescription,
             table: { category: apiCategory.attributes }
         },
+        requiredVisible: {
+            name: 'required-visible',
+            description: requiredVisibleDescription,
+            table: { category: apiCategory.attributes }
+        },
         actionButton: {
             name: 'actions',
             description: actionButtonDescription,
@@ -176,7 +184,8 @@ const metadata: Meta<TextFieldArgs> = {
         errorVisible: false,
         errorText: 'Value is invalid',
         actionButton: false,
-        leftIcon: false
+        leftIcon: false,
+        requiredVisible: false
     }
 };
 
diff --git a/packages/storybook/src/nimble/theme-provider/tokens.stories.ts b/packages/storybook/src/nimble/theme-provider/tokens.stories.ts
index 6dbf1d1d60..b99784602b 100644
--- a/packages/storybook/src/nimble/theme-provider/tokens.stories.ts
+++ b/packages/storybook/src/nimble/theme-provider/tokens.stories.ts
@@ -6,7 +6,7 @@ import {
     tokenNames as tokens,
     cssPropertyFromTokenName,
     scssPropertyFromTokenName,
-    TokenSuffix,
+    type TokenSuffix,
     suffixFromTokenName
 } from '../../../../nimble-components/src/theme-provider/design-token-names';
 import { comments } from '../../../../nimble-components/src/theme-provider/design-token-comments';
diff --git a/packages/storybook/src/nimble/toggle-button/toggle-button-matrix.stories.ts b/packages/storybook/src/nimble/toggle-button/toggle-button-matrix.stories.ts
index 80c5fd6da7..ce37d51ee9 100644
--- a/packages/storybook/src/nimble/toggle-button/toggle-button-matrix.stories.ts
+++ b/packages/storybook/src/nimble/toggle-button/toggle-button-matrix.stories.ts
@@ -21,7 +21,7 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
+    type DisabledState,
     disabledStateIsEnabled
 } from '../../utilities/states';
 import { createStory } from '../../utilities/storybook';
diff --git a/packages/storybook/src/nimble/tree-view/tree-view-matrix.stories.ts b/packages/storybook/src/nimble/tree-view/tree-view-matrix.stories.ts
index 755dbd8903..85093edd09 100644
--- a/packages/storybook/src/nimble/tree-view/tree-view-matrix.stories.ts
+++ b/packages/storybook/src/nimble/tree-view/tree-view-matrix.stories.ts
@@ -13,8 +13,8 @@ import {
 } from '../../utilities/matrix';
 import {
     disabledStates,
-    DisabledState,
-    IconVisibleState,
+    type DisabledState,
+    type IconVisibleState,
     iconVisibleStates
 } from '../../utilities/states';
 import { hiddenWrapper } from '../../utilities/hidden';
diff --git a/packages/storybook/src/utilities/states.ts b/packages/storybook/src/utilities/states.ts
index f2d1a01761..bd99377384 100644
--- a/packages/storybook/src/utilities/states.ts
+++ b/packages/storybook/src/utilities/states.ts
@@ -51,3 +51,9 @@ export const placeholderStates = [
     ['', undefined]
 ] as const;
 export type PlaceholderState = (typeof placeholderStates)[number];
+
+export const requiredVisibleStates = [
+    ['', false],
+    ['Required', true]
+] as const;
+export type RequiredVisibleState = (typeof requiredVisibleStates)[number];
diff --git a/packages/storybook/src/utilities/storybook.ts b/packages/storybook/src/utilities/storybook.ts
index 9a79b83c0c..0df7aba445 100644
--- a/packages/storybook/src/utilities/storybook.ts
+++ b/packages/storybook/src/utilities/storybook.ts
@@ -5,7 +5,7 @@ import type { Theme } from '../../../nimble-components/src/theme-provider/types'
 import { listOptionTag } from '../../../nimble-components/src/list-option';
 import { listOptionGroupTag } from '../../../nimble-components/src/list-option-group';
 import {
-    BackgroundState,
+    type BackgroundState,
     backgroundStates,
     defaultBackgroundState
 } from './states';
@@ -197,6 +197,8 @@ export const placeholderDescription = (options: {
 export const errorTextDescription = 'A message to be displayed explaining why the value is invalid. Only visible when `error-visible` is set.';
 export const errorVisibleDescription = 'When set to `true`, an error indicator will be displayed within the control and the `error-text` message will be displayed.';
 
+export const requiredVisibleDescription = 'When set to `true`, an indicator will be displayed within the control to indicate that the field is required. A disabled or readonly control should not also be marked as `required-visible`.';
+
 export const dropdownPositionDescription = (options: {
     componentName: string
 }): string => `Controls the position of the dropdown relative to the ${options.componentName}.`;
diff --git a/packages/storybook/tsconfig.json b/packages/storybook/tsconfig.json
index bba5287b87..f7f6d59ce6 100644
--- a/packages/storybook/tsconfig.json
+++ b/packages/storybook/tsconfig.json
@@ -24,8 +24,7 @@
         "types": ["jasmine", "webpack-env", "offscreencanvas"],
         // Require type only imports where possible
         // so imports with side-effects are explicit
-        "importsNotUsedAsValues": "error",
-        "ignoreDeprecations": "5.0",
+        "verbatimModuleSyntax": true,
         "noImplicitOverride": true,
         "noUncheckedIndexedAccess": true,
         "noPropertyAccessFromIndexSignature": false,
diff --git a/patches/beachball+2.51.0.patch b/patches/beachball+2.51.0.patch
new file mode 100644
index 0000000000..6b106e62bb
--- /dev/null
+++ b/patches/beachball+2.51.0.patch
@@ -0,0 +1,15 @@
+diff --git a/node_modules/beachball/lib/packageManager/npmArgs.js b/node_modules/beachball/lib/packageManager/npmArgs.js
+index 21c6214..ef5dd35 100644
+--- a/node_modules/beachball/lib/packageManager/npmArgs.js
++++ b/node_modules/beachball/lib/packageManager/npmArgs.js
+@@ -5,7 +5,9 @@ function getNpmPublishArgs(packageInfo, options) {
+     const { registry, token, authType, access } = options;
+     const pkgCombinedOptions = packageInfo.combinedOptions;
+     const args = [
+-        'publish',
++        'run',
++        'invoke-publish',
++        '--',
+         '--registry',
+         registry,
+         '--tag',
diff --git a/specs/fast-project-realignment/README.md b/specs/fast-project-realignment/README.md
new file mode 100644
index 0000000000..c8bc620d55
--- /dev/null
+++ b/specs/fast-project-realignment/README.md
@@ -0,0 +1,223 @@
+# FAST Project Re-alignment HLD
+
+## Problem Statement
+
+Nimble is built on the Microsoft FAST Design System libraries.
+A key feature of the libraries was `@microsoft/fast-foundation` which provided a set of custom element base classes to implement common controls (such as buttons, checkboxes, radio buttons, etc).
+This was a unique attribute of FAST that:
+- enabled Nimble to quickly build a set of common custom elements leveraging the quality of work of Microsoft controls (leveraging modern browser features, focus on accessibility, _fast_ performance).
+- gave a shared library from which nimble could adopt new features and contribute fixes (as opposed to forking or writing from scratch).
+
+In April 2022 FAST shared a vision of [The Future of FAST Foundation](https://github.com/microsoft/fast/issues/5901) which had the potential to improve FAST Foundation integration (template and style extensibility, changes to enable emerging patterns such as Server-Side Rendering, changes to align with scoped custom element registries).
+This roadmap caused the (expected to be temporary) uncomfortable situation of the stable releases of FAST to be placed in maintenance mode in an archive branch while the main branch was in beta.
+
+Placing the stable release of FAST in maintenance mode resulted in it being significantly harder to maintain deployed systems (submitting patches to work with new versions of toolchains), slowed uptake of bug fixes, and halted new control development (particularly menu button and date / time pickers were significant gaps).
+Unfortunately the FAST Foundation alpha in main never went stable and in May 2024 as part of [FAST Project Re-alignment](https://github.com/microsoft/fast/issues/6955) the Foundation library concept and packages were abandoned altogether.
+
+## Status of Packages
+
+Nimble relies on the following packages:
+- `@microsoft/fast-colors` ([`archives/fast-element-1`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/web-components) contains v5.3.0, [direct commit for v5.3.1](https://github.com/microsoft/fast/blob/721426cbedafbdfed2b34f9a0e2d902802faa712/packages/utilities/fast-colors/package.json) which is actually used)
+- `@microsoft/fast-element` ([`archives/fast-element-1`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/web-components))
+- `@microsoft/fast-foundation` ([`archives/fast-element-1`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/web-components))
+- `@microsoft/fast-web-utilities` (we depend on both v5.4.1 transitively from [`archives/fast-element-1`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/web-components) and v6 directly from [`archives/fast-foundation-3`](https://github.com/microsoft/fast/tree/archives/fast-foundation-3/packages/utilities/fast-web-utilities))
+- `@microsoft/fast-react-wrapper` ([`archives/fast-element-1`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/web-components))
+
+### Archive packages
+
+See [archives/fast-element-1](https://github.com/microsoft/fast/tree/archives/fast-element-1) branch and relevant packages: [`@microsoft/fast-element`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/web-components/fast-element), [`@microsoft/fast-foundation`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/web-components/fast-foundation), [`@microsoft/fast-web-utilities`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/utilities/fast-web-utilities), [`@microsoft/fast-colors`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/utilities/fast-colors), [`@microsoft/fast-react-wrapper`](https://github.com/microsoft/fast/tree/archives/fast-element-1/packages/utilities/fast-react-wrapper).
+
+Also see the [fast-components explorer](https://web.archive.org/web/20240126234746/https://explore.fast.design/components) via archive.org.
+
+#### State of archive packages
+- FAST has stated that they are [unwilling to accept](https://github.com/microsoft/fast/pull/6960#issuecomment-2344299634) future bug fix contributions in archive branches. Made an [exception for the memory leak bug](https://github.com/microsoft/fast/issues/7022#issuecomment-2344312698).
+- Bulk closed [~200 GitHub issues](https://github.com/microsoft/fast/issues?q=is%3Aissue%20label%3Aclosed%3Aobsolete%20closed%3A%3E2024-05-01%20%20) (bugs, new features, etc.) related to archive packages.
+
+#### Users of archive packages
+- NI Nimble
+- [Vonage Vivid 3](https://github.com/Vonage/vivid-3/tree/vivid-v4.10.0)
+- [Jupyter UI Toolkit](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/tree/v0.17.1/packages/components)
+- [Microsoft vscode webui toolkit](https://github.com/microsoft/vscode-webview-ui-toolkit/issues/561) (sunset due to FAST re-alignment)
+- [National General](https://components.nationalgeneral.com/ui/?path=/story/components-design-system-provider--branding) (does not appear to be open source)
+
+#### Platform alignment gaps of archive packages
+
+FAST was originally pitched as a tool that would align with modern browser standards however it seems like the release policy of infrequent major releases and pending rewrites to the underlying architecture resulted in stagnation of FAST Foundation component base class development.
+
+Some areas where adoption of baseline features (as of November 2024) may have caused breaking changes but improved alignment with the web platform / common patterns:
+
+- Leveraging the native dialog element in dialogs (for top-layer support of modals).
+- Migrating to popover api (for top-layer suport of popovers).
+- Native form association and polyfill removal (reduce template complexity by removing proxy targets and fix long-standing polyfill bugs).
+- Native element internals aria support (to avoid light dom sprouting of aria attributes).
+- Leveraging CSS CustomStateSet (to avoid light dom sprouting of classes).
+- Switch to strict typing (avoid typing inconsistencies).
+- Fix poor property initialization behavior / default value behavior (avoid inconsistencies with typing and with behavior of native component counterparts).
+- Fix poor attribute removal nullability behavior (avoid inconsistencies with typing and with behavior of native component counterparts).
+- Implement reusable page-object based testing pattern (currently non-reusable component manipulation for testing).
+- Fix poor inter-element communication patterns (currently pollutes public APIs for intercomponent communication).
+- Strict content security policy support / removal of adopted stylesheets polyfill (running FAST based components in more CSP contexts).
+- Avoiding barrel files (avoid complexities / reliance on tree-shaking for bundle size and potentially improve build times).
+- Leveraging modern TypeScript mixin patterns (better typing of mixed in attributes).
+- Switch to standard decorators (reduce reliance on legacy runtime logic, not yet in browsers, but [stage 3](https://tc39.es/process-document/)).
+    - [TypeScript 5 has support for native decorators](https://devblogs.microsoft.com/typescript/announcing-typescript-5-0/#decorators).
+    - [Angular currently does not plan to support native decorators](https://github.com/angular/angular/issues/48096#issuecomment-1319398602).
+    - [Lit supports legacy and native decorators](https://lit.dev/docs/components/decorators/).
+
+Note: Some of the above concerns are addressed in the next packages but that has not been thoroughly evaluated.
+
+### Next packages
+
+See [archives/fast-foundation-3](https://github.com/microsoft/fast/tree/archives/fast-foundation-3) branch and relevant packages: [`@microsoft/fast-element`](https://github.com/microsoft/fast/tree/archives/fast-foundation-3/packages/web-components/fast-element), [`@microsoft/fast-foundation`](https://github.com/microsoft/fast/tree/archives/fast-foundation-3/packages/web-components/fast-foundation), [`@microsoft/fast-web-utilities`](https://github.com/microsoft/fast/tree/archives/fast-foundation-3/packages/utilities/fast-web-utilities)
+
+#### State of next packages
+- [Removed FoundationElement and the dependency injection system](https://github.com/microsoft/fast/pull/6160) (i.e. `tagFor`).
+- Breaking [public API template changes](https://github.com/microsoft/fast/pull/6286) in FAST Foundation.
+
+#### Users of next packages
+- [Adaptive Web Components](https://github.com/Adaptive-Web-Community/Adaptive-Web-Components/tree/%40adaptive-web/adaptive-web-components_v0.8.1/packages/adaptive-web-components)
+
+### Stable packages
+
+See [FAST](https://github.com/microsoft/fast) and relevant package: [`@microsoft/fast-element`](https://github.com/microsoft/fast/tree/master/packages/web-components/fast-element)
+
+#### Users of stable packages
+- [`@fluentui/web-components`](https://github.com/microsoft/fluentui/tree/master/packages/web-components) v3 (in beta)
+    - Have inlined the FAST Foundation [templates/classes](https://github.com/microsoft/fluentui/pull/30090) and [utilities](https://github.com/microsoft/fluentui/pull/31009) in a non-shareable way.
+    - [Removed Design Token infrastructure](https://github.com/microsoft/fluentui/pull/30002).
+
+## Links To Relevant Work Items and Reference Material
+
+HLD Work item: [#2207](https://github.com/ni/nimble/issues/2207)
+
+## Implementation / Design
+
+### Priorities
+
+- Unblock Nimble bug fixes and new feature development in the short-term (scope of this HLD).
+- Align on a path for long-term maintainability of Nimble (Future work).
+
+### Minimal fork proposal
+
+#### Implementation work
+
+ - Fork the `microsoft/fast` repo to `ni/fast` as a new top-level open source GitHub repository.
+    - FAST is licensed similarly to Nimble as MIT. That will be preserved in the fork. License should be [updated](https://softwareengineering.stackexchange.com/a/277699) to reflect NI contributions.
+- Make the `archives/fast-element-1` branch the default branch:
+    - Keep the name `archives/fast-element-1` on the default branch.
+    - Delete branches other than the `archives/*` branches.
+- Update the packages to use the `ni` scope:
+    - `@microsoft/fast-colors` to `@ni/fast-colors`.
+    - `@microsoft/fast-element` to `@ni/fast-element`.
+    - `@microsoft/fast-foundation` to `@ni/fast-foundation`.
+    - `@microsoft/fast-web-utilities` to `@ni/fast-web-utilities`.
+    - `@microsoft/fast-react-wrapper` to `@ni/fast-react-wrapper`.
+- Remove unused packages and code (refer to [`archives/fast-element-1`](https://github.com/microsoft/fast/tree/archives/fast-element-1)):
+   
+   ```
+   /examples
+   /packages/tooling
+   /packages/utilities/fast-benchmarks
+   /packages/utilities/fast-eslint-rules
+   /packages/web-components/fast-router
+   /sites
+   /specs
+   ```
+
+- Update npm dependencies to latest.
+- Enable renovate updates.
+- Add CODEOWNERS configuration (exact owners TBD).
+- Update GitHub workflow:
+    - Configure beachball to publish on each merge.
+    - Make minimal changes (continue to use `yarn`, `lerna`, `chai`, etc).
+        - If not a significant effort, switching external facing / globally required tools to align with Nimble would be preferable. In particular switching yarn and lerna to standard npm and npm workspaces would be beneficial for Nimble contributors.
+
+- Update top-level README / CONTRIBUTING to cover intentions of the repo / fork:
+    - A set of minimal changes to FAST to continue to adopt bug fixes and potentially minor features only with the goal of alignment / consistency (for example adding start / end slots or label slots consistently).
+    - Not a place for significant new features or component development.
+    - Treat the `ni/fast` repo similarly to how `microsoft/fast` was treated:
+        - Bug fixes or generic changes could be in `fast`.
+        - Signficant new feature development may require forking from fast and adopting nimble patterns.
+    - External users are welcome to use the NI forks and contribute subject to alignment with the above intentions when documented.
+
+#### Adoption work
+
+- Update Nimble packages to refer to `@ni/fast-*` instead of `@microsoft/fast-*`.
+    - Expect the transition to be non-breaking / public APIs of packages to match.
+- Update README / CONTRIBUTING documenation to refer to Nimble's FAST Forks where relevant.
+- Notify teams directly leveraging `@microsoft/fast-*` to switch to `@ni/fast-*` (See [azdo search for fast](https://dev.azure.com/ni/_search?action=contents&type=code&text=%40microsoft/fast%20%20NOT%20file%3Apackage-lock.json) and [codesearch](https://codesearch.natinst.com/search/text?q=%40microsoft%2Ffast%20-file%3Apackage-lock.json%20-repo%3Agithub-skyline%2Fnimble%2Fmain&fold_case=auto&regex=true&context=true)).
+    - The FAST libraries do register a global (`window.FAST`). It is unknown if the Microsoft and NI FAST packages can co-exist in the same app build but I suspect it is likely to cause issues and should be avoided.
+    - Some libraries seem to have unnecessary direct dependencies on `@microsoft/fast-` libraries. When possible, unnecessary direct depedencies on anything `fast-` should be avoided and cleaned up.
+- Consider repatriating some changes back to FAST where a fork was made for minimal bug fixes (scope not evaluated).
+
+## Alternative Implementations / Designs
+
+### Nimble-owned Archives fork
+
+This proposal would be to fork the FAST packages used by Nimble into the Nimble repository.
+
+Pros:
+- Don't need to maintain separate repository infrastructure.
+- Monolithic test and build for changes introduced in forked packages.
+
+Cons:
+- Would expect packages maintained in Nimble to follow Nimble conventions (linting, test infra, etc). Would either migrate FAST packages to Nimble's lint and test tooling or carve out exceptions and have inconsistency in the repository.
+- If following the convention of making minimal changes to the FAST packages then the added build, test, and lint time in CI has minimal benefit.
+- Nimble has stricter patterns than FAST (strict typing, patterns around state management, and template design) that would be conflated in the same repository.
+
+### Fork Next
+
+Migrate to the stable FAST element and the archived Foundation next packages.
+Similar to Adaptive Web Components (keeping foundation packages separate) or FluentUI (inlining used parts of foundation).
+
+Pros:
+- Foundation element maintained upstream.
+
+Cons:
+- Likely significant effort to migrate to latest FAST Element and Foundation (scope not evaluated).
+- Known breaking changes in FAST Foundation that are ultimately low value if not aligned with an upstream.
+- Packages not known to be released in large production scenarios yet (FluentUI usage still in beta).
+
+## Future work
+
+### Priorities
+
+- Closer alignment with native browser features.
+- Closer alignment with standard patterns / libraries.
+- Minimize risk for future Nimble feature development and maintenance.
+
+### Mid-term goals
+
+The following are suggestions of higher priority mid-term (6-8 month) goals that are proposed to investigate. Listed just for documentation. Approval of the HLD does not commit to / prioritize the mid-term goals.
+
+#### Migrate to the Popover API
+
+Leverage of the Foundation anchored region is one of the largest and most critical polyfills in Nimble powering all popovers (select, combobox, rich text mentions, tooltip). We should align with the native Popover API which provides new capabilities that cannot be given consistently with the anchored region polyfill (the ability to place content in top-layer).
+
+#### Migrate off of Foundation Design Tokens
+
+The FAST Foundation Design Token infrastructure has thus far been fairly complex, a source of performance issues, and is no longer maintained upstream. The FluentUI library has completely removed the Design Token infrastructure.
+
+There are several major ways we leverage FAST Foundation Design Tokens:
+- As CSS custom properties coupled to a theme token.
+- As non-CSS reflected custom properties for theme and localization tokens.
+- As non-CSS reflected custom properties for native attirbutes of lang and dir.
+
+Some research areas (likely more than one needed to fully replace and not comprehensive):
+- See how [FluentUI migrated away from Design Tokens](https://github.com/microsoft/fluentui/pull/30002).
+
+    Notes: Having token variable names shared in CSS seems reasonable, but solution lacks programmatic observability and seems to pollute inline styles on body tag / sprouts inline styles on user-owned elements.
+- See Lit documentation of [Community Context Protocol](https://lit.dev/docs/data/context/) which cites themes and localization as potential use-cases.
+
+    Notes: Likely a useful part of the solution. Is an open protocol that could potentially be used across frameworks / libraries but would need to validate. FAST had an implementation that added [context protocol support to the Foundation DI system in the Next packages](https://github.com/microsoft/fast/pull/6053).
+- See [`StyleObserver`](https://github.com/bramus/style-observer) library which enables programmatically observability of CSS custom property changes.
+
+    Notes: Potentially an interesting way to add observability to CSS custom property changes. Our Design Tokens that need observation are generally not reflected as CSS custom properties today (theme, localization, lang, dir) so we could make them CSS custom properties to leverage the pattern or replace them with an implementation on Community Context Protocol.
+
+#### Leverage heterogeneous base classes
+
+FAST is a relatively small community that no longer has a large shared resource of component development. Web components as a technology do not require us to ship only components built on FAST base classes. We should research utilitization of alternative base classes, such as Lit Element, being shipped with Nimble to give access to a larger community of shared component implementations.
+
+## Open issues
+
+- Should we publicize the fork in the FAST community / discord?