diff --git a/package-lock.json b/package-lock.json
index 7216209973..bf203f4f48 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,16 +1,16 @@
 {
   "name": "@primer/css",
-  "version": "21.0.10",
+  "version": "21.2.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@primer/css",
-      "version": "21.0.10",
+      "version": "21.2.0",
       "license": "MIT",
       "dependencies": {
         "@primer/primitives": "^7.12.0",
-        "@primer/view-components": "^0.14.0"
+        "@primer/view-components": "^0.28.0"
       },
       "devDependencies": {
         "@changesets/changelog-github": "^0.4.8",
@@ -1537,10 +1537,12 @@
       "license": "MIT"
     },
     "node_modules/@github/auto-complete-element": {
-      "version": "3.3.4",
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/@github/auto-complete-element/-/auto-complete-element-3.6.2.tgz",
+      "integrity": "sha512-AgkrawNa2Focapn05yc/mNVTlAOqPFlMPhqkkMygPtOddms6NYxlCuVx8OM6aCTzBeEJlYur+/CS56hk4mvwmA==",
       "license": "MIT",
       "dependencies": {
-        "@github.amrom.workers.devbobox-nav": "^2.0.2"
+        "@github.amrom.workers.devbobox-nav": "^2.1.7"
       }
     },
     "node_modules/@github/browserslist-config": {
@@ -1558,7 +1560,9 @@
       "integrity": "sha512-wyntkQkwoLbLo+Hqg2LIVMXDIzcvUb9bSDz+clX6nVJItwzh103rHxdXFRZD+DmxVbuEW5xSznYQXkz1jZT+xg=="
     },
     "node_modules/@github.amrom.workers.devbobox-nav": {
-      "version": "2.1.5",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@github.amrom.workers.devbobox-nav/-/combobox-nav-2.3.1.tgz",
+      "integrity": "sha512-gwxPzLw8XKecy1nP63i9lOBritS3bWmxl02UX6G0TwMQZbMem1BCS1tEZgYd3mkrkiDrUMWaX+DbFCuDFo3K+A==",
       "license": "MIT"
     },
     "node_modules/@github/details-menu-element": {
@@ -1582,6 +1586,12 @@
       "version": "4.1.5",
       "license": "MIT"
     },
+    "node_modules/@github/remote-input-element": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@github/remote-input-element/-/remote-input-element-0.4.0.tgz",
+      "integrity": "sha512-apsMwsFW24F+w2wzT8oKoBi9lpm6GeFOmtuL+1YwDVmIiwixfHOD3MnEsEOv0RwmHsMdWmIjP9mxWyTWPKZHGg==",
+      "license": "MIT"
+    },
     "node_modules/@github/tab-container-element": {
       "version": "3.2.0",
       "license": "MIT"
@@ -2108,9 +2118,10 @@
       }
     },
     "node_modules/@oddbird/popover-polyfill": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@oddbird/popover-polyfill/-/popover-polyfill-0.3.5.tgz",
-      "integrity": "sha512-NpbjRxlc99/w/fWhOLMYl0m314HTiEwBtWfAs3z65rEw8pCX+NgUomscG3Ao6bbxaT3tLtSXRkDLx3u6gazIBw=="
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@oddbird/popover-polyfill/-/popover-polyfill-0.4.4.tgz",
+      "integrity": "sha512-n9q0ZXYRct6aYmOjjF5E+i5i0RSjVCkoKDJWILzJAkDBk4jmWOAZFjQfExtcAiJa0buX/Lx/CzBdGgiSSAlbrw==",
+      "license": "BSD-3-Clause"
     },
     "node_modules/@pkgr/utils": {
       "version": "2.4.2",
@@ -2188,20 +2199,22 @@
       }
     },
     "node_modules/@primer/view-components": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/@primer/view-components/-/view-components-0.14.0.tgz",
-      "integrity": "sha512-q5kctH/ujpVYYljZGWjmwZXU7s1VT70TEE6+JeIAgtohkIIMFKdlHsrzmrQ+4AwDW01Pi3maHLiIcDy3HTe1JA==",
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/@primer/view-components/-/view-components-0.28.0.tgz",
+      "integrity": "sha512-lp081oQ4JJaQby2k42+fV7TCrC+ZjThwGT7/tphm4pRvonhr6Ju6U1LEVvcYZN23DSgVGs1GK9UlONvViQh+Iw==",
+      "license": "MIT",
       "dependencies": {
         "@github/auto-check-element": "^5.2.0",
-        "@github/auto-complete-element": "^3.3.4",
+        "@github/auto-complete-element": "^3.6.2",
         "@github/catalyst": "^1.6.0",
         "@github/clipboard-copy-element": "^1.3.0",
         "@github/details-menu-element": "^1.0.12",
         "@github/image-crop-element": "^5.0.0",
         "@github/include-fragment-element": "^6.1.1",
         "@github/relative-time-element": "^4.0.0",
+        "@github/remote-input-element": "^0.4.0",
         "@github/tab-container-element": "^3.1.2",
-        "@oddbird/popover-polyfill": "^0.3.2",
+        "@oddbird/popover-polyfill": "^0.4.0",
         "@primer/behaviors": "^1.3.4"
       }
     },
@@ -10413,6 +10426,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/typescript": {
+      "version": "5.5.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
+      "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
diff --git a/package.json b/package.json
index 5ad812466a..1aaaa97c05 100644
--- a/package.json
+++ b/package.json
@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "@primer/primitives": "^7.12.0",
-    "@primer/view-components": "^0.14.0"
+    "@primer/view-components": "^0.28.0"
   },
   "devDependencies": {
     "@changesets/changelog-github": "^0.4.8",