diff --git a/packages/components/package.json b/packages/components/package.json
index c3084782a..c89e5c8b3 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -79,7 +79,7 @@
     "@shoelace-style/animations": "^1.1.0",
     "@shoelace-style/localize": "^3.1.0",
     "classix": "^2.1.32",
-    "lit": "^2.7.5"
+    "lit": "^3.0.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.9.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ba6b6ac4c..c7445772a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -66,8 +66,8 @@ importers:
         specifier: ^2.1.32
         version: 2.1.32
       lit:
-        specifier: ^2.7.5
-        version: 2.7.5
+        specifier: ^3.0.0
+        version: 3.0.2
     devDependencies:
       '@custom-elements-manifest/analyzer':
         specifier: ^0.9.0
@@ -131,10 +131,10 @@ importers:
         version: 7.3.2(react-dom@18.2.0)(react@18.2.0)
       '@storybook/web-components':
         specifier: ^7.3.2
-        version: 7.3.2(lit@2.7.5)(react-dom@18.2.0)(react@18.2.0)
+        version: 7.3.2(lit@3.0.2)(react-dom@18.2.0)(react@18.2.0)
       '@storybook/web-components-vite':
         specifier: ^7.3.2
-        version: 7.3.2(lit@2.7.5)(react-dom@18.2.0)(react@18.2.0)(typescript@5.0.4)(vite@4.3.9)
+        version: 7.3.2(lit@3.0.2)(react-dom@18.2.0)(react@18.2.0)(typescript@5.0.4)(vite@4.3.9)
       '@types/mocha':
         specifier: ^10.0.1
         version: 10.0.1
@@ -2473,11 +2473,21 @@ packages:
 
   /@lit-labs/ssr-dom-shim@1.1.1:
     resolution: {integrity: sha512-kXOeFbfCm4fFf2A3WwVEeQj55tMZa8c8/f9AKHMobQMkzNUfUj+antR3fRPaZJawsa1aZiP/Da3ndpZrwEe4rQ==}
+    dev: true
+
+  /@lit-labs/ssr-dom-shim@1.1.2:
+    resolution: {integrity: sha512-jnOD+/+dSrfTWYfSXBXlo5l5f0q1UuJo3tkbMDCYA2lKUYq79jaxqtGEvnRoh049nt1vdo1+45RinipU6FGY2g==}
 
   /@lit/reactive-element@1.6.2:
     resolution: {integrity: sha512-rDfl+QnCYjuIGf5xI2sVJWdYIi56CTCwWa+nidKYX6oIuBYwUbT/vX4qbUDlHiZKJ/3FRNQ/tWJui44p6/stSA==}
     dependencies:
       '@lit-labs/ssr-dom-shim': 1.1.1
+    dev: true
+
+  /@lit/reactive-element@2.0.1:
+    resolution: {integrity: sha512-eu50SQXHRthFwWJMp0oAFg95Rvm6MTPjxSXWuvAu7It90WVFLFpNBoIno7XOXSDvVgTrtKnUV4OLJqys2Svn4g==}
+    dependencies:
+      '@lit-labs/ssr-dom-shim': 1.1.2
 
   /@ljharb/through@2.3.11:
     resolution: {integrity: sha512-ccfcIDlogiXNq5KcbAwbaO7lMh3Tm1i3khMPYpxlK8hH/W53zN81KM9coerRLOnTGu3nfXIniAmQbRI9OxbC0w==}
@@ -4743,7 +4753,7 @@ packages:
       file-system-cache: 2.3.0
     dev: true
 
-  /@storybook/web-components-vite@7.3.2(lit@2.7.5)(react-dom@18.2.0)(react@18.2.0)(typescript@5.0.4)(vite@4.3.9):
+  /@storybook/web-components-vite@7.3.2(lit@3.0.2)(react-dom@18.2.0)(react@18.2.0)(typescript@5.0.4)(vite@4.3.9):
     resolution: {integrity: sha512-EJ431jDSVC/ahKpPzLrlhqWRATpZnSAWSb6mVi+xWYHYUyrGG4ywydth2TcryeNxyJzFvJJvfM5o9lRkKt9dvA==}
     engines: {node: ^14.18 || >=16}
     peerDependencies:
@@ -4753,7 +4763,7 @@ packages:
       '@storybook/builder-vite': 7.3.2(typescript@5.0.4)(vite@4.3.9)
       '@storybook/core-server': 7.3.2
       '@storybook/node-logger': 7.3.2
-      '@storybook/web-components': 7.3.2(lit@2.7.5)(react-dom@18.2.0)(react@18.2.0)
+      '@storybook/web-components': 7.3.2(lit@3.0.2)(react-dom@18.2.0)(react@18.2.0)
       magic-string: 0.30.3
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
@@ -4769,7 +4779,7 @@ packages:
       - vite-plugin-glimmerx
     dev: true
 
-  /@storybook/web-components@7.3.2(lit@2.7.5)(react-dom@18.2.0)(react@18.2.0):
+  /@storybook/web-components@7.3.2(lit@3.0.2)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-ek2WbNrPElatVHe6NK0Ql0X5MaNowJfKqNjvYzAt+2Q+AMWfXh+UurTueSN3VnUjjhupJ5UTbIbhrI3/VL7buw==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
@@ -4782,7 +4792,7 @@ packages:
       '@storybook/manager-api': 7.3.2(react-dom@18.2.0)(react@18.2.0)
       '@storybook/preview-api': 7.3.2
       '@storybook/types': 7.3.2
-      lit: 2.7.5
+      lit: 3.0.2
       tiny-invariant: 1.3.1
       ts-dedent: 2.2.0
     transitivePeerDependencies:
@@ -10629,11 +10639,25 @@ packages:
       '@lit-labs/ssr-dom-shim': 1.1.1
       '@lit/reactive-element': 1.6.2
       lit-html: 2.7.4
+    dev: true
+
+  /lit-element@4.0.1:
+    resolution: {integrity: sha512-OxRMJem4HKZt0320HplLkBPoi4KHiEHoPHKd8Lzf07ZQVAOKIjZ32yPLRKRDEolFU1RgrQBfSHQMoxKZ72V3Kw==}
+    dependencies:
+      '@lit-labs/ssr-dom-shim': 1.1.2
+      '@lit/reactive-element': 2.0.1
+      lit-html: 3.0.2
 
   /lit-html@2.7.4:
     resolution: {integrity: sha512-/Jw+FBpeEN+z8X6PJva5n7+0MzCVAH2yypN99qHYYkq8bI+j7I39GH+68Z/MZD6rGKDK9RpzBw7CocfmHfq6+g==}
     dependencies:
       '@types/trusted-types': 2.0.3
+    dev: true
+
+  /lit-html@3.0.2:
+    resolution: {integrity: sha512-Q1A5lHza3bnmxoWJn6yS6vQZQdExl4fghk8W1G+jnAEdoFNYo5oeBBb/Ol7zSEdKd3TR7+r0zsJQyuWEVguiyQ==}
+    dependencies:
+      '@types/trusted-types': 2.0.3
 
   /lit@2.7.5:
     resolution: {integrity: sha512-i/cH7Ye6nBDUASMnfwcictBnsTN91+aBjXoTHF2xARghXScKxpD4F4WYI+VLXg9lqbMinDfvoI7VnZXjyHgdfQ==}
@@ -10641,6 +10665,14 @@ packages:
       '@lit/reactive-element': 1.6.2
       lit-element: 3.3.2
       lit-html: 2.7.4
+    dev: true
+
+  /lit@3.0.2:
+    resolution: {integrity: sha512-ZoVUPGgXOQocP4OvxehEOBmC4rWB4cRYDPaz7aFmH8DFytsCi/NeACbr4C6vNPGDEC07BrhUos7uVNayDKLQ2Q==}
+    dependencies:
+      '@lit/reactive-element': 2.0.1
+      lit-element: 4.0.1
+      lit-html: 3.0.2
 
   /load-json-file@4.0.0:
     resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}