diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..7f8aaf0
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,8 @@
+{
+  // Enables tailwind autocompletion in cva function
+  // https://cva.style/docs/getting-started/installation#tailwind-css
+  "tailwindCSS.experimental.classRegex": [
+    ["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
+    ["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+  ]
+}
diff --git a/package.json b/package.json
index dff9ae5..2e8c67c 100644
--- a/package.json
+++ b/package.json
@@ -49,8 +49,8 @@
     "@tailwindcss/postcss": "4.0.0-beta.3",
     "@tailwindcss/vite": "4.0.0-beta.3",
     "@tanstack/react-query": "^5.60.5",
-    "@types/react": "npm:types-react@19.0.0-rc.1",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
+    "@types/react": "19.0.8",
+    "@types/react-dom": "19.0.3",
     "eslint": "^9.14.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.31.0",
@@ -60,8 +60,8 @@
     "eslint-plugin-unused-imports": "^4.1.4",
     "postcss": "^8.4.47",
     "prettier": "^3.3.3",
-    "react": "19.0.0-rc-7ac8e612-20241113",
-    "react-dom": "19.0.0-rc-7ac8e612-20241113",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "rollup-plugin-preserve-use-client": "^3.0.1",
     "storybook": "8.2.9",
     "tailwindcss": "4.0.0-beta.3",
@@ -83,6 +83,7 @@
   },
   "dependencies": {
     "@headlessui/react": "^2.2.0",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "tailwind-merge": "^2.5.4"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8172f61..c043aba 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,7 +10,10 @@ importers:
     dependencies:
       '@headlessui/react':
         specifier: ^2.2.0
-        version: 2.2.0(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)
+        version: 2.2.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      class-variance-authority:
+        specifier: ^0.7.1
+        version: 0.7.1
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
@@ -20,7 +23,7 @@ importers:
     devDependencies:
       '@chromatic-com/storybook':
         specifier: ^3.2.2
-        version: 3.2.2(react@19.0.0-rc-7ac8e612-20241113)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
+        version: 3.2.2(react@19.0.0)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
       '@storybook/addon-essentials':
         specifier: 8.2.9
         version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(webpack-sources@3.2.3)
@@ -32,13 +35,13 @@ importers:
         version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
       '@storybook/blocks':
         specifier: 8.2.9
-        version: 8.2.9(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
+        version: 8.2.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
       '@storybook/react':
         specifier: 8.2.9
-        version: 8.2.9(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)
+        version: 8.2.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)
       '@storybook/react-vite':
         specifier: 8.2.9
-        version: 8.2.9(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)(rollup@4.24.4)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)(vite@5.4.10(@types/node@22.9.0)(lightningcss@1.28.1)(terser@5.36.0))(webpack-sources@3.2.3)
+        version: 8.2.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(rollup@4.24.4)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)(vite@5.4.10(@types/node@22.9.0)(lightningcss@1.28.1)(terser@5.36.0))(webpack-sources@3.2.3)
       '@storybook/test':
         specifier: 8.2.9
         version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
@@ -50,13 +53,13 @@ importers:
         version: 4.0.0-beta.3(@babel/core@7.26.0)(postcss-load-config@4.0.2(postcss@8.4.47))(postcss@8.4.47)(svelte@5.2.7)(typescript@5.6.3)(vite@5.4.10(@types/node@22.9.0)(lightningcss@1.28.1)(terser@5.36.0))
       '@tanstack/react-query':
         specifier: ^5.60.5
-        version: 5.60.5(react@19.0.0-rc-7ac8e612-20241113)
+        version: 5.60.5(react@19.0.0)
       '@types/react':
-        specifier: npm:types-react@19.0.0-rc.1
-        version: types-react@19.0.0-rc.1
+        specifier: 19.0.8
+        version: 19.0.8
       '@types/react-dom':
-        specifier: npm:types-react-dom@19.0.0-rc.1
-        version: types-react-dom@19.0.0-rc.1
+        specifier: 19.0.3
+        version: 19.0.3(@types/react@19.0.8)
       eslint:
         specifier: ^9.14.0
         version: 9.14.0(jiti@2.4.0)
@@ -85,11 +88,11 @@ importers:
         specifier: ^3.3.3
         version: 3.3.3
       react:
-        specifier: 19.0.0-rc-7ac8e612-20241113
-        version: 19.0.0-rc-7ac8e612-20241113
+        specifier: 19.0.0
+        version: 19.0.0
       react-dom:
-        specifier: 19.0.0-rc-7ac8e612-20241113
-        version: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+        specifier: 19.0.0
+        version: 19.0.0(react@19.0.0)
       rollup-plugin-preserve-use-client:
         specifier: ^3.0.1
         version: 3.0.1(rollup@4.24.4)
@@ -119,7 +122,7 @@ importers:
         version: 4.3.0(rollup@4.24.4)(typescript@5.6.3)(vite@5.4.10(@types/node@22.9.0)(lightningcss@1.28.1)(terser@5.36.0))
       wagmi:
         specifier: ^2.12.33
-        version: 2.12.33(@tanstack/query-core@5.60.5)(@tanstack/react-query@5.60.5(react@19.0.0-rc-7ac8e612-20241113))(bufferutil@4.0.8)(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(typescript@5.6.3)(utf-8-validate@5.0.10)(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))
+        version: 2.12.33(@tanstack/query-core@5.60.5)(@tanstack/react-query@5.60.5(react@19.0.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react-dom@19.0.0(react@19.0.0))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)(typescript@5.6.3)(utf-8-validate@5.0.10)(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))
 
 packages:
 
@@ -2206,9 +2209,17 @@ packages:
   '@types/range-parser@1.2.7':
     resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
 
+  '@types/react-dom@19.0.3':
+    resolution: {integrity: sha512-0Knk+HJiMP/qOZgMyNFamlIjw9OFCsyC2ZbigmEEyXXixgre6IQpm/4V+r3qH4GC1JPvRJKInw+on2rV6YZLeA==}
+    peerDependencies:
+      '@types/react': ^19.0.0
+
   '@types/react@18.3.12':
     resolution: {integrity: sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==}
 
+  '@types/react@19.0.8':
+    resolution: {integrity: sha512-9P/o1IGdfmQxrujGbIMDyYaaCykhLKc0NGCtYcECNUr9UAaDe4gwvV9bR6tvd5Br1SG0j+PBpbKr2UYY8CwqSw==}
+
   '@types/resolve@1.20.6':
     resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
 
@@ -2759,6 +2770,9 @@ packages:
   citty@0.1.6:
     resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==}
 
+  class-variance-authority@0.7.1:
+    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
+
   cli-cursor@3.1.0:
     resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
     engines: {node: '>=8'}
@@ -4847,10 +4861,10 @@ packages:
     peerDependencies:
       react: ^18.3.1
 
-  react-dom@19.0.0-rc-7ac8e612-20241113:
-    resolution: {integrity: sha512-bbuSvwR89fSfpRPTSbG+m/Ur2eqHIKwSzhux57AkC+NVVnwARA7TdLLEWp6GmzXLtSbt3yqw4N0HcEoICvjgBg==}
+  react-dom@19.0.0:
+    resolution: {integrity: sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==}
     peerDependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: ^19.0.0
 
   react-element-to-jsx-string@15.0.0:
     resolution: {integrity: sha512-UDg4lXB6BzlobN60P8fHWVPX3Kyw8ORrTeBtClmIlGdkOOE+GYQSFvmEU5iLLpwp/6v42DINwNcwOhOLfQ//FQ==}
@@ -4895,8 +4909,8 @@ packages:
     resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
     engines: {node: '>=0.10.0'}
 
-  react@19.0.0-rc-7ac8e612-20241113:
-    resolution: {integrity: sha512-/pDTAIK17lYvlY5SUC6Pb/aK/mqn+Biz38pl3lxJV9XjuDdm1EYC7w6pHsORKfiSLuudJtCiV4G8VyMleTbwNw==}
+  react@19.0.0:
+    resolution: {integrity: sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==}
     engines: {node: '>=0.10.0'}
 
   readable-stream@2.3.8:
@@ -5051,8 +5065,8 @@ packages:
   scheduler@0.24.0-canary-efb381bbf-20230505:
     resolution: {integrity: sha512-ABvovCDe/k9IluqSh4/ISoq8tIJnW8euVAWYt5j/bg6dRnqwQwiGO1F/V4AyK96NGF/FB04FhOUDuWj8IKfABA==}
 
-  scheduler@0.25.0-rc-7ac8e612-20241113:
-    resolution: {integrity: sha512-9YKvoO+2s+BIkQVn4rlpCfp88nM12R+W4j07OisQ7F7P4zL/gOH9ttqpA7dL4j7mPg+SPLFbNLmMvptIlQXuZA==}
+  scheduler@0.25.0:
+    resolution: {integrity: sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==}
 
   selfsigned@2.4.1:
     resolution: {integrity: sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==}
@@ -5482,12 +5496,6 @@ packages:
     resolution: {integrity: sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==}
     engines: {node: '>= 0.4'}
 
-  types-react-dom@19.0.0-rc.1:
-    resolution: {integrity: sha512-VSLZJl8VXCD0fAWp7DUTFUDCcZ8DVXOQmjhJMD03odgeFmu14ZQJHCXeETm3BEAhJqfgJaFkLnGkQv88sRx0fQ==}
-
-  types-react@19.0.0-rc.1:
-    resolution: {integrity: sha512-RshndUfqTW6K3STLPis8BtAYCGOkMbtvYsi90gmVNDZBXUyUc5juf2PE9LfS/JmOlUIRO8cWTS/1MTnmhjDqyQ==}
-
   typescript@5.4.2:
     resolution: {integrity: sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==}
     engines: {node: '>=14.17'}
@@ -6806,12 +6814,12 @@ snapshots:
 
   '@base2/pretty-print-object@1.0.1': {}
 
-  '@chromatic-com/storybook@3.2.2(react@19.0.0-rc-7ac8e612-20241113)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))':
+  '@chromatic-com/storybook@3.2.2(react@19.0.0)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))':
     dependencies:
       chromatic: 11.17.0
       filesize: 10.1.6
       jsonfile: 6.1.0
-      react-confetti: 6.1.0(react@19.0.0-rc-7ac8e612-20241113)
+      react-confetti: 6.1.0(react@19.0.0)
       storybook: 8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10)
       strip-ansi: 7.1.0
     transitivePeerDependencies:
@@ -6981,30 +6989,30 @@ snapshots:
       '@floating-ui/core': 1.6.8
       '@floating-ui/utils': 0.2.8
 
-  '@floating-ui/react-dom@2.1.2(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)':
+  '@floating-ui/react-dom@2.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@floating-ui/dom': 1.6.12
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
-  '@floating-ui/react@0.26.28(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)':
+  '@floating-ui/react@0.26.28(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@floating-ui/react-dom': 2.1.2(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)
+      '@floating-ui/react-dom': 2.1.2(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@floating-ui/utils': 0.2.8
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
       tabbable: 6.2.0
 
   '@floating-ui/utils@0.2.8': {}
 
-  '@headlessui/react@2.2.0(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)':
+  '@headlessui/react@2.2.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      '@floating-ui/react': 0.26.28(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)
-      '@react-aria/focus': 3.18.4(react@19.0.0-rc-7ac8e612-20241113)
-      '@react-aria/interactions': 3.22.4(react@19.0.0-rc-7ac8e612-20241113)
-      '@tanstack/react-virtual': 3.10.9(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+      '@floating-ui/react': 0.26.28(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      '@react-aria/focus': 3.18.4(react@19.0.0)
+      '@react-aria/interactions': 3.22.4(react@19.0.0)
+      '@tanstack/react-virtual': 3.10.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
   '@humanfs/core@0.19.1': {}
 
@@ -7213,21 +7221,21 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@metamask/sdk-install-modal-web@0.30.0(i18next@23.11.5)(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113)':
+  '@metamask/sdk-install-modal-web@0.30.0(i18next@23.11.5)(react-dom@19.0.0(react@19.0.0))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)':
     dependencies:
       i18next: 23.11.5
       qr-code-styling: 1.8.4
     optionalDependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
-      react-native: 0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      react-native: 0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10)
 
-  '@metamask/sdk@0.30.1(bufferutil@4.0.8)(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113)(utf-8-validate@5.0.10)':
+  '@metamask/sdk@0.30.1(bufferutil@4.0.8)(react-dom@19.0.0(react@19.0.0))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)(utf-8-validate@5.0.10)':
     dependencies:
       '@metamask/onboarding': 1.0.1
       '@metamask/providers': 16.1.0
       '@metamask/sdk-communication-layer': 0.30.0(cross-fetch@4.0.0)(eciesjs@0.4.12)(eventemitter2@6.4.9)(readable-stream@3.6.2)(socket.io-client@4.8.1(bufferutil@4.0.8)(utf-8-validate@5.0.10))
-      '@metamask/sdk-install-modal-web': 0.30.0(i18next@23.11.5)(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113)
+      '@metamask/sdk-install-modal-web': 0.30.0(i18next@23.11.5)(react-dom@19.0.0(react@19.0.0))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)
       bowser: 2.11.0
       cross-fetch: 4.0.0
       debug: 4.3.7
@@ -7239,14 +7247,14 @@ snapshots:
       obj-multiplex: 1.0.0
       pump: 3.0.2
       qrcode-terminal-nooctal: 0.12.1
-      react-native-webview: 11.26.1(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113)
+      react-native-webview: 11.26.1(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)
       readable-stream: 3.6.2
       socket.io-client: 4.8.1(bufferutil@4.0.8)(utf-8-validate@5.0.10)
       util: 0.12.5
       uuid: 8.3.2
     optionalDependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
     transitivePeerDependencies:
       - bufferutil
       - encoding
@@ -7467,36 +7475,36 @@ snapshots:
 
   '@pkgr/core@0.1.1': {}
 
-  '@react-aria/focus@3.18.4(react@19.0.0-rc-7ac8e612-20241113)':
+  '@react-aria/focus@3.18.4(react@19.0.0)':
     dependencies:
-      '@react-aria/interactions': 3.22.4(react@19.0.0-rc-7ac8e612-20241113)
-      '@react-aria/utils': 3.25.3(react@19.0.0-rc-7ac8e612-20241113)
-      '@react-types/shared': 3.25.0(react@19.0.0-rc-7ac8e612-20241113)
+      '@react-aria/interactions': 3.22.4(react@19.0.0)
+      '@react-aria/utils': 3.25.3(react@19.0.0)
+      '@react-types/shared': 3.25.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       clsx: 2.1.1
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
 
-  '@react-aria/interactions@3.22.4(react@19.0.0-rc-7ac8e612-20241113)':
+  '@react-aria/interactions@3.22.4(react@19.0.0)':
     dependencies:
-      '@react-aria/ssr': 3.9.6(react@19.0.0-rc-7ac8e612-20241113)
-      '@react-aria/utils': 3.25.3(react@19.0.0-rc-7ac8e612-20241113)
-      '@react-types/shared': 3.25.0(react@19.0.0-rc-7ac8e612-20241113)
+      '@react-aria/ssr': 3.9.6(react@19.0.0)
+      '@react-aria/utils': 3.25.3(react@19.0.0)
+      '@react-types/shared': 3.25.0(react@19.0.0)
       '@swc/helpers': 0.5.15
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
 
-  '@react-aria/ssr@3.9.6(react@19.0.0-rc-7ac8e612-20241113)':
+  '@react-aria/ssr@3.9.6(react@19.0.0)':
     dependencies:
       '@swc/helpers': 0.5.15
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
 
-  '@react-aria/utils@3.25.3(react@19.0.0-rc-7ac8e612-20241113)':
+  '@react-aria/utils@3.25.3(react@19.0.0)':
     dependencies:
-      '@react-aria/ssr': 3.9.6(react@19.0.0-rc-7ac8e612-20241113)
-      '@react-stately/utils': 3.10.4(react@19.0.0-rc-7ac8e612-20241113)
-      '@react-types/shared': 3.25.0(react@19.0.0-rc-7ac8e612-20241113)
+      '@react-aria/ssr': 3.9.6(react@19.0.0)
+      '@react-stately/utils': 3.10.4(react@19.0.0)
+      '@react-types/shared': 3.25.0(react@19.0.0)
       '@swc/helpers': 0.5.15
       clsx: 2.1.1
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
 
   '@react-native/assets-registry@0.76.2': {}
 
@@ -7629,23 +7637,23 @@ snapshots:
 
   '@react-native/normalize-colors@0.76.2': {}
 
-  '@react-native/virtualized-lists@0.76.2(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)':
+  '@react-native/virtualized-lists@0.76.2(@types/react@19.0.8)(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)':
     dependencies:
       invariant: 2.2.4
       nullthrows: 1.1.1
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-native: 0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10)
+      react: 19.0.0
+      react-native: 0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10)
     optionalDependencies:
-      '@types/react': types-react@19.0.0-rc.1
+      '@types/react': 19.0.8
 
-  '@react-stately/utils@3.10.4(react@19.0.0-rc-7ac8e612-20241113)':
+  '@react-stately/utils@3.10.4(react@19.0.0)':
     dependencies:
       '@swc/helpers': 0.5.15
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
 
-  '@react-types/shared@3.25.0(react@19.0.0-rc-7ac8e612-20241113)':
+  '@react-types/shared@3.25.0(react@19.0.0)':
     dependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
 
   '@rollup/pluginutils@5.1.3(rollup@4.24.4)':
     dependencies:
@@ -8012,26 +8020,26 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@storybook/blocks@8.2.9(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))':
+  '@storybook/blocks@8.2.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))':
     dependencies:
       '@storybook/csf': 0.1.11
       '@storybook/global': 5.0.0
-      '@storybook/icons': 1.2.12(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)
+      '@storybook/icons': 1.2.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       '@types/lodash': 4.17.13
       color-convert: 2.0.1
       dequal: 2.0.3
       lodash: 4.17.21
-      markdown-to-jsx: 7.7.0(react@19.0.0-rc-7ac8e612-20241113)
+      markdown-to-jsx: 7.7.0(react@19.0.0)
       memoizerific: 1.11.3
       polished: 4.3.1
-      react-colorful: 5.6.1(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)
+      react-colorful: 5.6.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       storybook: 8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10)
       telejson: 7.2.0
       ts-dedent: 2.2.0
       util-deprecate: 1.0.2
     optionalDependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
   '@storybook/builder-vite@8.2.9(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)(vite@5.4.10(@types/node@22.9.0)(lightningcss@1.28.1)(terser@5.36.0))(webpack-sources@3.2.3)':
     dependencies:
@@ -8112,10 +8120,10 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@storybook/icons@1.2.12(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)':
+  '@storybook/icons@1.2.12(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
   '@storybook/instrumenter@8.2.9(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))':
     dependencies:
@@ -8138,23 +8146,23 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       storybook: 8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10)
 
-  '@storybook/react-dom-shim@8.2.9(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))':
+  '@storybook/react-dom-shim@8.2.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))':
     dependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
       storybook: 8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10)
 
-  '@storybook/react-vite@8.2.9(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)(rollup@4.24.4)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)(vite@5.4.10(@types/node@22.9.0)(lightningcss@1.28.1)(terser@5.36.0))(webpack-sources@3.2.3)':
+  '@storybook/react-vite@8.2.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(rollup@4.24.4)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)(vite@5.4.10(@types/node@22.9.0)(lightningcss@1.28.1)(terser@5.36.0))(webpack-sources@3.2.3)':
     dependencies:
       '@joshwooding/vite-plugin-react-docgen-typescript': 0.3.1(typescript@5.6.3)(vite@5.4.10(@types/node@22.9.0)(lightningcss@1.28.1)(terser@5.36.0))
       '@rollup/pluginutils': 5.1.3(rollup@4.24.4)
       '@storybook/builder-vite': 8.2.9(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)(vite@5.4.10(@types/node@22.9.0)(lightningcss@1.28.1)(terser@5.36.0))(webpack-sources@3.2.3)
-      '@storybook/react': 8.2.9(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)
+      '@storybook/react': 8.2.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)
       find-up: 5.0.0
       magic-string: 0.30.12
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
       react-docgen: 7.1.0
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+      react-dom: 19.0.0(react@19.0.0)
       resolve: 1.22.8
       storybook: 8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10)
       tsconfig-paths: 4.2.0
@@ -8167,13 +8175,13 @@ snapshots:
       - vite-plugin-glimmerx
       - webpack-sources
 
-  '@storybook/react@8.2.9(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)':
+  '@storybook/react@8.2.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))(typescript@5.6.3)':
     dependencies:
       '@storybook/components': 8.4.5(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
       '@storybook/global': 5.0.0
       '@storybook/manager-api': 8.4.5(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
       '@storybook/preview-api': 8.4.5(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
-      '@storybook/react-dom-shim': 8.2.9(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
+      '@storybook/react-dom-shim': 8.2.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
       '@storybook/theming': 8.4.5(storybook@8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10))
       '@types/escodegen': 0.0.6
       '@types/estree': 0.0.51
@@ -8185,9 +8193,9 @@ snapshots:
       html-tags: 3.3.1
       lodash: 4.17.21
       prop-types: 15.8.1
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
-      react-element-to-jsx-string: 15.0.0(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
+      react-element-to-jsx-string: 15.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0)
       semver: 7.6.3
       storybook: 8.2.9(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(utf-8-validate@5.0.10)
       ts-dedent: 2.2.0
@@ -8377,16 +8385,16 @@ snapshots:
 
   '@tanstack/query-core@5.60.5': {}
 
-  '@tanstack/react-query@5.60.5(react@19.0.0-rc-7ac8e612-20241113)':
+  '@tanstack/react-query@5.60.5(react@19.0.0)':
     dependencies:
       '@tanstack/query-core': 5.60.5
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
 
-  '@tanstack/react-virtual@3.10.9(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113)':
+  '@tanstack/react-virtual@3.10.9(react-dom@19.0.0(react@19.0.0))(react@19.0.0)':
     dependencies:
       '@tanstack/virtual-core': 3.10.9
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
   '@tanstack/virtual-core@3.10.9': {}
 
@@ -8547,11 +8555,19 @@ snapshots:
 
   '@types/range-parser@1.2.7': {}
 
+  '@types/react-dom@19.0.3(@types/react@19.0.8)':
+    dependencies:
+      '@types/react': 19.0.8
+
   '@types/react@18.3.12':
     dependencies:
       '@types/prop-types': 15.7.13
       csstype: 3.1.3
 
+  '@types/react@19.0.8':
+    dependencies:
+      csstype: 3.1.3
+
   '@types/resolve@1.20.6': {}
 
   '@types/semver@7.5.8': {}
@@ -8645,14 +8661,14 @@ snapshots:
 
   '@vue/shared@3.5.12': {}
 
-  '@wagmi/connectors@5.4.0(@wagmi/core@2.14.6(@tanstack/query-core@5.60.5)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(typescript@5.6.3)(use-sync-external-store@1.2.0(react@19.0.0-rc-7ac8e612-20241113))(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10)))(bufferutil@4.0.8)(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(typescript@5.6.3)(utf-8-validate@5.0.10)(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))':
+  '@wagmi/connectors@5.4.0(@types/react@19.0.8)(@wagmi/core@2.14.6(@tanstack/query-core@5.60.5)(@types/react@19.0.8)(react@19.0.0)(typescript@5.6.3)(use-sync-external-store@1.2.0(react@19.0.0))(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10)))(bufferutil@4.0.8)(react-dom@19.0.0(react@19.0.0))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)(typescript@5.6.3)(utf-8-validate@5.0.10)(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))':
     dependencies:
       '@coinbase/wallet-sdk': 4.2.3
-      '@metamask/sdk': 0.30.1(bufferutil@4.0.8)(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113)(utf-8-validate@5.0.10)
+      '@metamask/sdk': 0.30.1(bufferutil@4.0.8)(react-dom@19.0.0(react@19.0.0))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)(utf-8-validate@5.0.10)
       '@safe-global/safe-apps-provider': 0.18.4(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10)
       '@safe-global/safe-apps-sdk': 9.1.0(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10)
-      '@wagmi/core': 2.14.6(@tanstack/query-core@5.60.5)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(typescript@5.6.3)(use-sync-external-store@1.2.0(react@19.0.0-rc-7ac8e612-20241113))(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))
-      '@walletconnect/ethereum-provider': 2.17.0(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10)
+      '@wagmi/core': 2.14.6(@tanstack/query-core@5.60.5)(@types/react@19.0.8)(react@19.0.0)(typescript@5.6.3)(use-sync-external-store@1.2.0(react@19.0.0))(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))
+      '@walletconnect/ethereum-provider': 2.17.0(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10)
       cbw-sdk: '@coinbase/wallet-sdk@3.9.3'
       viem: 2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10)
     optionalDependencies:
@@ -8681,12 +8697,12 @@ snapshots:
       - utf-8-validate
       - zod
 
-  '@wagmi/core@2.14.6(@tanstack/query-core@5.60.5)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(typescript@5.6.3)(use-sync-external-store@1.2.0(react@19.0.0-rc-7ac8e612-20241113))(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))':
+  '@wagmi/core@2.14.6(@tanstack/query-core@5.60.5)(@types/react@19.0.8)(react@19.0.0)(typescript@5.6.3)(use-sync-external-store@1.2.0(react@19.0.0))(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))':
     dependencies:
       eventemitter3: 5.0.1
       mipd: 0.0.7(typescript@5.6.3)
       viem: 2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10)
-      zustand: 5.0.0(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(use-sync-external-store@1.2.0(react@19.0.0-rc-7ac8e612-20241113))
+      zustand: 5.0.0(@types/react@19.0.8)(react@19.0.0)(use-sync-external-store@1.2.0(react@19.0.0))
     optionalDependencies:
       '@tanstack/query-core': 5.60.5
       typescript: 5.6.3
@@ -8735,13 +8751,13 @@ snapshots:
     dependencies:
       tslib: 1.14.1
 
-  '@walletconnect/ethereum-provider@2.17.0(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10)':
+  '@walletconnect/ethereum-provider@2.17.0(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10)':
     dependencies:
       '@walletconnect/jsonrpc-http-connection': 1.0.8
       '@walletconnect/jsonrpc-provider': 1.0.14
       '@walletconnect/jsonrpc-types': 1.0.4
       '@walletconnect/jsonrpc-utils': 1.0.8
-      '@walletconnect/modal': 2.7.0(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)
+      '@walletconnect/modal': 2.7.0(@types/react@19.0.8)(react@19.0.0)
       '@walletconnect/sign-client': 2.17.0(bufferutil@4.0.8)(utf-8-validate@5.0.10)
       '@walletconnect/types': 2.17.0
       '@walletconnect/universal-provider': 2.17.0(bufferutil@4.0.8)(utf-8-validate@5.0.10)
@@ -8838,16 +8854,16 @@ snapshots:
       '@walletconnect/safe-json': 1.0.2
       pino: 7.11.0
 
-  '@walletconnect/modal-core@2.7.0(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)':
+  '@walletconnect/modal-core@2.7.0(@types/react@19.0.8)(react@19.0.0)':
     dependencies:
-      valtio: 1.11.2(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)
+      valtio: 1.11.2(@types/react@19.0.8)(react@19.0.0)
     transitivePeerDependencies:
       - '@types/react'
       - react
 
-  '@walletconnect/modal-ui@2.7.0(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)':
+  '@walletconnect/modal-ui@2.7.0(@types/react@19.0.8)(react@19.0.0)':
     dependencies:
-      '@walletconnect/modal-core': 2.7.0(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)
+      '@walletconnect/modal-core': 2.7.0(@types/react@19.0.8)(react@19.0.0)
       lit: 2.8.0
       motion: 10.16.2
       qrcode: 1.5.3
@@ -8855,10 +8871,10 @@ snapshots:
       - '@types/react'
       - react
 
-  '@walletconnect/modal@2.7.0(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)':
+  '@walletconnect/modal@2.7.0(@types/react@19.0.8)(react@19.0.0)':
     dependencies:
-      '@walletconnect/modal-core': 2.7.0(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)
-      '@walletconnect/modal-ui': 2.7.0(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)
+      '@walletconnect/modal-core': 2.7.0(@types/react@19.0.8)(react@19.0.0)
+      '@walletconnect/modal-ui': 2.7.0(@types/react@19.0.8)(react@19.0.0)
     transitivePeerDependencies:
       - '@types/react'
       - react
@@ -9453,6 +9469,10 @@ snapshots:
     dependencies:
       consola: 3.2.3
 
+  class-variance-authority@0.7.1:
+    dependencies:
+      clsx: 2.1.1
+
   cli-cursor@3.1.0:
     dependencies:
       restore-cursor: 3.1.0
@@ -11073,9 +11093,9 @@ snapshots:
     dependencies:
       react: 18.3.1
 
-  markdown-to-jsx@7.7.0(react@19.0.0-rc-7ac8e612-20241113):
+  markdown-to-jsx@7.7.0(react@19.0.0):
     dependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
 
   marky@1.2.5: {}
 
@@ -11774,14 +11794,14 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  react-colorful@5.6.1(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113):
+  react-colorful@5.6.1(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
 
-  react-confetti@6.1.0(react@19.0.0-rc-7ac8e612-20241113):
+  react-confetti@6.1.0(react@19.0.0):
     dependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
       tween-functions: 1.2.0
 
   react-devtools-core@5.3.2(bufferutil@4.0.8)(utf-8-validate@5.0.10):
@@ -11817,17 +11837,17 @@ snapshots:
       react: 18.3.1
       scheduler: 0.23.2
 
-  react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113):
+  react-dom@19.0.0(react@19.0.0):
     dependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
-      scheduler: 0.25.0-rc-7ac8e612-20241113
+      react: 19.0.0
+      scheduler: 0.25.0
 
-  react-element-to-jsx-string@15.0.0(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react@19.0.0-rc-7ac8e612-20241113):
+  react-element-to-jsx-string@15.0.0(react-dom@19.0.0(react@19.0.0))(react@19.0.0):
     dependencies:
       '@base2/pretty-print-object': 1.0.1
       is-plain-object: 5.0.0
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-dom: 19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113)
+      react: 19.0.0
+      react-dom: 19.0.0(react@19.0.0)
       react-is: 18.1.0
 
   react-is@16.13.1: {}
@@ -11838,14 +11858,14 @@ snapshots:
 
   react-is@18.3.1: {}
 
-  react-native-webview@11.26.1(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113):
+  react-native-webview@11.26.1(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0):
     dependencies:
       escape-string-regexp: 2.0.0
       invariant: 2.2.4
-      react: 19.0.0-rc-7ac8e612-20241113
-      react-native: 0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10)
+      react: 19.0.0
+      react-native: 0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10)
 
-  react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10):
+  react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10):
     dependencies:
       '@jest/create-cache-key-function': 29.7.0
       '@react-native/assets-registry': 0.76.2
@@ -11854,7 +11874,7 @@ snapshots:
       '@react-native/gradle-plugin': 0.76.2
       '@react-native/js-polyfills': 0.76.2
       '@react-native/normalize-colors': 0.76.2
-      '@react-native/virtualized-lists': 0.76.2(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)
+      '@react-native/virtualized-lists': 0.76.2(@types/react@19.0.8)(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)
       abort-controller: 3.0.0
       anser: 1.4.10
       ansi-regex: 5.0.1
@@ -11876,7 +11896,7 @@ snapshots:
       nullthrows: 1.1.1
       pretty-format: 29.7.0
       promise: 8.3.0
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
       react-devtools-core: 5.3.2(bufferutil@4.0.8)(utf-8-validate@5.0.10)
       react-refresh: 0.14.2
       regenerator-runtime: 0.13.11
@@ -11887,7 +11907,7 @@ snapshots:
       ws: 6.2.3(bufferutil@4.0.8)(utf-8-validate@5.0.10)
       yargs: 17.7.2
     optionalDependencies:
-      '@types/react': types-react@19.0.0-rc.1
+      '@types/react': 19.0.8
     transitivePeerDependencies:
       - '@babel/core'
       - '@babel/preset-env'
@@ -11903,7 +11923,7 @@ snapshots:
     dependencies:
       loose-envify: 1.4.0
 
-  react@19.0.0-rc-7ac8e612-20241113: {}
+  react@19.0.0: {}
 
   readable-stream@2.3.8:
     dependencies:
@@ -12096,7 +12116,7 @@ snapshots:
     dependencies:
       loose-envify: 1.4.0
 
-  scheduler@0.25.0-rc-7ac8e612-20241113: {}
+  scheduler@0.25.0: {}
 
   selfsigned@2.4.1:
     dependencies:
@@ -12549,14 +12569,6 @@ snapshots:
       is-typed-array: 1.1.13
       possible-typed-array-names: 1.0.0
 
-  types-react-dom@19.0.0-rc.1:
-    dependencies:
-      '@types/react': 18.3.12
-
-  types-react@19.0.0-rc.1:
-    dependencies:
-      csstype: 3.1.3
-
   typescript@5.4.2: {}
 
   typescript@5.6.3: {}
@@ -12666,9 +12678,9 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  use-sync-external-store@1.2.0(react@19.0.0-rc-7ac8e612-20241113):
+  use-sync-external-store@1.2.0(react@19.0.0):
     dependencies:
-      react: 19.0.0-rc-7ac8e612-20241113
+      react: 19.0.0
 
   utf-8-validate@5.0.10:
     dependencies:
@@ -12690,13 +12702,13 @@ snapshots:
 
   uuid@9.0.1: {}
 
-  valtio@1.11.2(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1):
+  valtio@1.11.2(@types/react@19.0.8)(react@19.0.0):
     dependencies:
       proxy-compare: 2.5.1
-      use-sync-external-store: 1.2.0(react@19.0.0-rc-7ac8e612-20241113)
+      use-sync-external-store: 1.2.0(react@19.0.0)
     optionalDependencies:
-      '@types/react': types-react@19.0.0-rc.1
-      react: 19.0.0-rc-7ac8e612-20241113
+      '@types/react': 19.0.8
+      react: 19.0.0
 
   vary@1.1.2: {}
 
@@ -12763,13 +12775,13 @@ snapshots:
 
   vscode-uri@3.0.8: {}
 
-  wagmi@2.12.33(@tanstack/query-core@5.60.5)(@tanstack/react-query@5.60.5(react@19.0.0-rc-7ac8e612-20241113))(bufferutil@4.0.8)(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(typescript@5.6.3)(utf-8-validate@5.0.10)(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10)):
+  wagmi@2.12.33(@tanstack/query-core@5.60.5)(@tanstack/react-query@5.60.5(react@19.0.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react-dom@19.0.0(react@19.0.0))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)(typescript@5.6.3)(utf-8-validate@5.0.10)(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10)):
     dependencies:
-      '@tanstack/react-query': 5.60.5(react@19.0.0-rc-7ac8e612-20241113)
-      '@wagmi/connectors': 5.4.0(@wagmi/core@2.14.6(@tanstack/query-core@5.60.5)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(typescript@5.6.3)(use-sync-external-store@1.2.0(react@19.0.0-rc-7ac8e612-20241113))(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10)))(bufferutil@4.0.8)(react-dom@19.0.0-rc-7ac8e612-20241113(react@19.0.0-rc-7ac8e612-20241113))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(bufferutil@4.0.8)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(utf-8-validate@5.0.10))(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(typescript@5.6.3)(utf-8-validate@5.0.10)(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))
-      '@wagmi/core': 2.14.6(@tanstack/query-core@5.60.5)(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(typescript@5.6.3)(use-sync-external-store@1.2.0(react@19.0.0-rc-7ac8e612-20241113))(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))
-      react: 19.0.0-rc-7ac8e612-20241113
-      use-sync-external-store: 1.2.0(react@19.0.0-rc-7ac8e612-20241113)
+      '@tanstack/react-query': 5.60.5(react@19.0.0)
+      '@wagmi/connectors': 5.4.0(@types/react@19.0.8)(@wagmi/core@2.14.6(@tanstack/query-core@5.60.5)(@types/react@19.0.8)(react@19.0.0)(typescript@5.6.3)(use-sync-external-store@1.2.0(react@19.0.0))(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10)))(bufferutil@4.0.8)(react-dom@19.0.0(react@19.0.0))(react-native@0.76.2(@babel/core@7.26.0)(@babel/preset-env@7.26.0(@babel/core@7.26.0))(@types/react@19.0.8)(bufferutil@4.0.8)(react@19.0.0)(utf-8-validate@5.0.10))(react@19.0.0)(typescript@5.6.3)(utf-8-validate@5.0.10)(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))
+      '@wagmi/core': 2.14.6(@tanstack/query-core@5.60.5)(@types/react@19.0.8)(react@19.0.0)(typescript@5.6.3)(use-sync-external-store@1.2.0(react@19.0.0))(viem@2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10))
+      react: 19.0.0
+      use-sync-external-store: 1.2.0(react@19.0.0)
       viem: 2.21.47(bufferutil@4.0.8)(typescript@5.6.3)(utf-8-validate@5.0.10)
     optionalDependencies:
       typescript: 5.6.3
@@ -12950,8 +12962,8 @@ snapshots:
 
   zimmerframe@1.1.2: {}
 
-  zustand@5.0.0(react@19.0.0-rc-7ac8e612-20241113)(types-react@19.0.0-rc.1)(use-sync-external-store@1.2.0(react@19.0.0-rc-7ac8e612-20241113)):
+  zustand@5.0.0(@types/react@19.0.8)(react@19.0.0)(use-sync-external-store@1.2.0(react@19.0.0)):
     optionalDependencies:
-      '@types/react': types-react@19.0.0-rc.1
-      react: 19.0.0-rc-7ac8e612-20241113
-      use-sync-external-store: 1.2.0(react@19.0.0-rc-7ac8e612-20241113)
+      '@types/react': 19.0.8
+      react: 19.0.0
+      use-sync-external-store: 1.2.0(react@19.0.0)
diff --git a/src/components/Slot/Slot.tsx b/src/components/Slot/Slot.tsx
index f9fba95..e1f034d 100644
--- a/src/components/Slot/Slot.tsx
+++ b/src/components/Slot/Slot.tsx
@@ -105,7 +105,7 @@ SlotClone.displayName = "SlotClone";
 
 type SlottableProps = {
   child: React.ReactNode;
-  children: (child: React.ReactNode) => JSX.Element;
+  children: (child: React.ReactNode) => React.JSX.Element;
 };
 
 const Slottable = ({ child, children }: SlottableProps) => {
diff --git a/src/components/Tag/Tag.stories.tsx b/src/components/Tag/Tag.stories.tsx
new file mode 100644
index 0000000..8c62cf6
--- /dev/null
+++ b/src/components/Tag/Tag.stories.tsx
@@ -0,0 +1,74 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Tag, type TagProps } from "./Tag";
+import { useState } from "react";
+import { InkIcon } from "../..";
+
+const meta: Meta<TagProps> = {
+  title: "Components/Tag",
+  component: Tag,
+  tags: ["autodocs"],
+  args: {
+    children: "Tag Content",
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Fill: Story = {
+  args: {
+    variant: "fill",
+    children: "Fill Tag",
+  },
+};
+
+export const Outline: Story = {
+  args: {
+    variant: "outline",
+    children: "Outline Tag",
+  },
+};
+
+export const Filter: Story = {
+  render: () => {
+    const [selected, setSelected] = useState(false);
+    return (
+      <Tag
+        variant="filter"
+        selected={selected}
+        onClick={() => setSelected((prev) => !prev)}
+      >
+        Tag
+      </Tag>
+    );
+  },
+};
+
+export const AllVariants: Story = {
+  render: () => {
+    const [selected, setSelected] = useState(false);
+    return (
+      <div className="ink:flex ink:flex-col ink:gap-4">
+        <div className="ink:flex ink:items-center ink:gap-4">
+          <Tag variant="fill" icon={<InkIcon.InkLogo />}>
+            Tag
+          </Tag>
+          <Tag variant="outline" icon={<InkIcon.Settings />}>
+            Tag
+          </Tag>
+        </div>
+        <div className="ink:flex ink:items-center ink:gap-4">
+          <Tag variant="fill">Fill</Tag>
+          <Tag variant="outline">Outline</Tag>
+          <Tag
+            variant="filter"
+            selected={selected}
+            onClick={() => setSelected((prev) => !prev)}
+          >
+            Selectable Tag
+          </Tag>
+        </div>
+      </div>
+    );
+  },
+};
diff --git a/src/components/Tag/Tag.tsx b/src/components/Tag/Tag.tsx
new file mode 100644
index 0000000..6f7e6a9
--- /dev/null
+++ b/src/components/Tag/Tag.tsx
@@ -0,0 +1,62 @@
+import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { classNames } from "../../util/classes";
+
+const tagVariants = cva(
+  "ink:inline-flex ink:font-default ink:items-center ink:gap-1 ink:flex-shrink-0 ink:rounded-full ink:text-body-3-bold ink:font-bold ink:leading-[18px] ink:px-1.5",
+  {
+    variants: {
+      variant: {
+        fill: "ink:bg-background-container ink:text-text-muted",
+        outline:
+          "ink:text-text-muted ink:border-background-container ink:border-[1.5px]",
+        filter:
+          "ink:text-text-muted ink:hover:text-text-default ink:duration-200 ink:cursor-pointer",
+      },
+      selected: {
+        true: "",
+        false: "",
+      },
+      hasIcon: {
+        true: "ink:py-1",
+        false: "ink:py-1.5",
+      },
+    },
+    compoundVariants: [
+      {
+        variant: "filter",
+        selected: true,
+        class: "ink:bg-background-container ink:text-text-default",
+      },
+    ],
+    defaultVariants: {
+      variant: "fill",
+      hasIcon: false,
+    },
+  }
+);
+
+export interface TagProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    Omit<VariantProps<typeof tagVariants>, "hasIcon"> {
+  icon?: React.ReactNode;
+}
+
+export const Tag = React.forwardRef<HTMLDivElement, TagProps>(
+  ({ className, variant, selected, icon, children, ...props }, ref) => {
+    return (
+      <div
+        ref={ref}
+        className={classNames(
+          tagVariants({ variant, selected, hasIcon: !!icon, className })
+        )}
+        {...props}
+      >
+        {icon && <div className="ink:size-3">{icon}</div>}
+        {children}
+      </div>
+    );
+  }
+);
+
+Tag.displayName = "Tag";
diff --git a/src/components/Tag/index.ts b/src/components/Tag/index.ts
new file mode 100644
index 0000000..5b4c58b
--- /dev/null
+++ b/src/components/Tag/index.ts
@@ -0,0 +1 @@
+export * from "./Tag";
diff --git a/src/icons/Type=InkLogo.svg b/src/icons/Type=InkLogo.svg
new file mode 100644
index 0000000..cda414a
--- /dev/null
+++ b/src/icons/Type=InkLogo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 16 16" fill="none">
+    <path d="M8.00031 15.6801C12.2412 15.6801 15.6803 12.2411 15.6803 8.00007C15.6803 3.75907 12.2412 0.320068 8.00031 0.320068C3.75945 0.323276 0.320312 3.75907 0.320312 8.00007C0.320312 12.2411 3.75945 15.6801 8.00031 15.6801Z" fill="#F0EFFF"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 3.58172 12.4183 -1.93129e-07 8 0C3.58172 1.93129e-07 -1.93129e-07 3.58172 0 8C1.93129e-07 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8ZM9.14182 13.9873C9.14182 14.53 8.69638 14.9712 8.06412 14.9839C8.0466 14.984 8.02909 14.9841 8.01152 14.9841H7.98848C4.13655 14.9779 1.01587 11.8534 1.01587 8C1.01587 4.14278 4.14277 1.01588 8 1.01588C8.02077 1.01588 8.0416 1.01598 8.06231 1.01616C8.7758 1.02886 9.14182 1.46999 9.14182 2.01268C9.14182 2.565 8.65356 2.97143 8.13632 2.97143C7.61903 2.97143 7.59366 2.97143 7.09853 3.01111C6.60335 3.05079 6.09135 3.45722 6.09135 4.00791C6.09135 4.56187 6.54138 5.00797 7.09853 5.00797H11.4897C12.0453 5.00797 12.4952 5.45408 12.4952 6.00477C12.4952 6.55546 12.0453 7.00154 11.4897 7.00154H4.7261C4.16895 7.00154 3.71895 7.44931 3.71895 8.00163C3.71895 8.55232 4.16895 8.99846 4.7261 8.99846H8.13632C8.69184 8.99846 9.14182 9.44454 9.14182 9.99686C9.14182 10.5475 8.69184 10.9937 8.13632 10.9937H7.09853C6.54138 10.9937 6.09135 11.4398 6.09135 11.9905C6.09135 12.5428 6.55255 12.946 7.09853 12.9873C7.14153 12.9905 7.18092 12.9935 7.21716 12.9963C7.40928 13.0109 7.51424 13.0189 7.61937 13.0233C7.74598 13.0286 7.87281 13.0286 8.15238 13.0286C8.7079 13.0286 9.14182 13.4366 9.14182 13.9873Z" fill="#7132F5"/>
+</svg>
\ No newline at end of file
diff --git a/src/icons/index.ts b/src/icons/index.ts
index 1f84208..70d3d5a 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -14,6 +14,7 @@ export { default as Disconnect } from "./Type=Disconnect.svg?react";
 export { default as Error } from "./Type=Error.svg?react";
 export { default as History } from "./Type=History.svg?react";
 export { default as Home } from "./Type=Home.svg?react";
+export { default as InkLogo } from "./Type=InkLogo.svg?react";
 export { default as Loading } from "./Type=Loading.svg?react";
 export { default as Menu } from "./Type=Menu.svg?react";
 export { default as Minus } from "./Type=Minus.svg?react";