diff --git a/packages/react-components/CHANGELOG.md b/packages/react-components/CHANGELOG.md
index df60af9c..f3e8c7d1 100644
--- a/packages/react-components/CHANGELOG.md
+++ b/packages/react-components/CHANGELOG.md
@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.0.6
+
+### Changed
+
+- Updated Footer component:
+  - Added FooterLinks sub-component for use in `links` slot or new `children` slot.
+  - Default `contact` text updated to match current text on gov.bc.ca.
+  - Style updates to align `acknowledgement` text.
+- Rollup script updated to ensure `dist` directory code freshness.
+
+### Added
+
+- Added Tooltip and TooltipTrigger components.
+
 ## 0.0.5
 
 ### Added
diff --git a/packages/react-components/README.md b/packages/react-components/README.md
index f39e30d2..6df32b7f 100644
--- a/packages/react-components/README.md
+++ b/packages/react-components/README.md
@@ -66,13 +66,14 @@ export default function App() {
 
 ## Component list
 
-| Component              | React Aria Components docs link                           |
-| ---------------------- | --------------------------------------------------------- |
-| Button                 | https://react-spectrum.adobe.com/react-aria/Button.html   |
-| Footer                 | N/A                                                       |
-| Header                 | N/A                                                       |
-| Select                 | https://react-spectrum.adobe.com/react-aria/Select.html   |
-| TagGroup, TagList, Tag | https://react-spectrum.adobe.com/react-aria/TagGroup.html |
+| Component               | React Aria Components docs link                           |
+| ----------------------- | --------------------------------------------------------- |
+| Button                  | https://react-spectrum.adobe.com/react-aria/Button.html   |
+| Footer                  | N/A                                                       |
+| Header                  | N/A                                                       |
+| Select                  | https://react-spectrum.adobe.com/react-aria/Select.html   |
+| TagGroup, TagList, Tag  | https://react-spectrum.adobe.com/react-aria/TagGroup.html |
+| Tooltip, TooltipTrigger | https://react-spectrum.adobe.com/react-aria/Tooltip.html  |
 
 ## Supported React versions
 
diff --git a/packages/react-components/package-lock.json b/packages/react-components/package-lock.json
index 6a3f60bb..f25f1c21 100644
--- a/packages/react-components/package-lock.json
+++ b/packages/react-components/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@bcgov/design-system-react-components",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bcgov/design-system-react-components",
-      "version": "0.0.5",
+      "version": "0.0.6",
       "license": "Apache-2.0",
       "dependencies": {
         "@bcgov/design-tokens": "^2.0.1",
@@ -41,8 +41,8 @@
         "rollup-plugin-postcss": "^4.0.2",
         "storybook": "^8.0.2",
         "tslib": "^2.6.2",
-        "typescript": "^5.4.2",
-        "vite": "^5.1.6"
+        "typescript": "^5.4.3",
+        "vite": "^5.2.2"
       },
       "peerDependencies": {
         "@bcgov/bc-sans": "^2.1.0",
@@ -12585,9 +12585,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.35",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
-      "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
+      "version": "8.4.37",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.37.tgz",
+      "integrity": "sha512-7iB/v/r7Woof0glKLH8b1SPHrsX7uhdO+Geb41QpF/+mWZHU3uxxSlN+UXGVit1PawOYDToO+AbZzhBzWRDwbQ==",
       "dev": true,
       "funding": [
         {
@@ -12606,7 +12606,7 @@
       "dependencies": {
         "nanoid": "^3.3.7",
         "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
+        "source-map-js": "^1.2.0"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
@@ -14427,9 +14427,9 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
@@ -15081,9 +15081,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.4.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.2.tgz",
-      "integrity": "sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==",
+      "version": "5.4.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.3.tgz",
+      "integrity": "sha512-KrPd3PKaCLr78MalgiwJnA25Nm8HAmdwN3mYUYZgG/wizIo9EainNVQI9/yDavtVFRN2h3k8uf3GLHuhDMgEHg==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -15362,14 +15362,14 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.1.6.tgz",
-      "integrity": "sha512-yYIAZs9nVfRJ/AiOLCA91zzhjsHUgMjB+EigzFb6W2XTLO8JixBCKCjvhKZaye+NKYHCrkv3Oh50dH9EdLU2RA==",
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.2.tgz",
+      "integrity": "sha512-FWZbz0oSdLq5snUI0b6sULbz58iXFXdvkZfZWR/F0ZJuKTSPO7v72QPXt6KqYeMFb0yytNp6kZosxJ96Nr/wDQ==",
       "dev": true,
       "dependencies": {
-        "esbuild": "^0.19.3",
-        "postcss": "^8.4.35",
-        "rollup": "^4.2.0"
+        "esbuild": "^0.20.1",
+        "postcss": "^8.4.36",
+        "rollup": "^4.13.0"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -15416,395 +15416,6 @@
         }
       }
     },
-    "node_modules/vite/node_modules/@esbuild/android-arm": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.8.tgz",
-      "integrity": "sha512-31E2lxlGM1KEfivQl8Yf5aYU/mflz9g06H6S15ITUFQueMFtFjESRMoDSkvMo8thYvLBax+VKTPlpnx+sPicOA==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/android-arm64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.8.tgz",
-      "integrity": "sha512-B8JbS61bEunhfx8kasogFENgQfr/dIp+ggYXwTqdbMAgGDhRa3AaPpQMuQU0rNxDLECj6FhDzk1cF9WHMVwrtA==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/android-x64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.8.tgz",
-      "integrity": "sha512-rdqqYfRIn4jWOp+lzQttYMa2Xar3OK9Yt2fhOhzFXqg0rVWEfSclJvZq5fZslnz6ypHvVf3CT7qyf0A5pM682A==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "android"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.8.tgz",
-      "integrity": "sha512-RQw9DemMbIq35Bprbboyf8SmOr4UXsRVxJ97LgB55VKKeJOOdvsIPy0nFyF2l8U+h4PtBx/1kRf0BelOYCiQcw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/darwin-x64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.8.tgz",
-      "integrity": "sha512-3sur80OT9YdeZwIVgERAysAbwncom7b4bCI2XKLjMfPymTud7e/oY4y+ci1XVp5TfQp/bppn7xLw1n/oSQY3/Q==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.8.tgz",
-      "integrity": "sha512-WAnPJSDattvS/XtPCTj1tPoTxERjcTpH6HsMr6ujTT+X6rylVe8ggxk8pVxzf5U1wh5sPODpawNicF5ta/9Tmw==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.8.tgz",
-      "integrity": "sha512-ICvZyOplIjmmhjd6mxi+zxSdpPTKFfyPPQMQTK/w+8eNK6WV01AjIztJALDtwNNfFhfZLux0tZLC+U9nSyA5Zg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "freebsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-arm": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.8.tgz",
-      "integrity": "sha512-H4vmI5PYqSvosPaTJuEppU9oz1dq2A7Mr2vyg5TF9Ga+3+MGgBdGzcyBP7qK9MrwFQZlvNyJrvz6GuCaj3OukQ==",
-      "cpu": [
-        "arm"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-arm64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.8.tgz",
-      "integrity": "sha512-z1zMZivxDLHWnyGOctT9JP70h0beY54xDDDJt4VpTX+iwA77IFsE1vCXWmprajJGa+ZYSqkSbRQ4eyLCpCmiCQ==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-ia32": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.8.tgz",
-      "integrity": "sha512-1a8suQiFJmZz1khm/rDglOc8lavtzEMRo0v6WhPgxkrjcU0LkHj+TwBrALwoz/OtMExvsqbbMI0ChyelKabSvQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-loong64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.8.tgz",
-      "integrity": "sha512-fHZWS2JJxnXt1uYJsDv9+b60WCc2RlvVAy1F76qOLtXRO+H4mjt3Tr6MJ5l7Q78X8KgCFudnTuiQRBhULUyBKQ==",
-      "cpu": [
-        "loong64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.8.tgz",
-      "integrity": "sha512-Wy/z0EL5qZYLX66dVnEg9riiwls5IYnziwuju2oUiuxVc+/edvqXa04qNtbrs0Ukatg5HEzqT94Zs7J207dN5Q==",
-      "cpu": [
-        "mips64el"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.8.tgz",
-      "integrity": "sha512-ETaW6245wK23YIEufhMQ3HSeHO7NgsLx8gygBVldRHKhOlD1oNeNy/P67mIh1zPn2Hr2HLieQrt6tWrVwuqrxg==",
-      "cpu": [
-        "ppc64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.8.tgz",
-      "integrity": "sha512-T2DRQk55SgoleTP+DtPlMrxi/5r9AeFgkhkZ/B0ap99zmxtxdOixOMI570VjdRCs9pE4Wdkz7JYrsPvsl7eESg==",
-      "cpu": [
-        "riscv64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-s390x": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.8.tgz",
-      "integrity": "sha512-NPxbdmmo3Bk7mbNeHmcCd7R7fptJaczPYBaELk6NcXxy7HLNyWwCyDJ/Xx+/YcNH7Im5dHdx9gZ5xIwyliQCbg==",
-      "cpu": [
-        "s390x"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/linux-x64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.8.tgz",
-      "integrity": "sha512-lytMAVOM3b1gPypL2TRmZ5rnXl7+6IIk8uB3eLsV1JwcizuolblXRrc5ShPrO9ls/b+RTp+E6gbsuLWHWi2zGg==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.8.tgz",
-      "integrity": "sha512-hvWVo2VsXz/8NVt1UhLzxwAfo5sioj92uo0bCfLibB0xlOmimU/DeAEsQILlBQvkhrGjamP0/el5HU76HAitGw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "netbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.8.tgz",
-      "integrity": "sha512-/7Y7u77rdvmGTxR83PgaSvSBJCC2L3Kb1M/+dmSIvRvQPXXCuC97QAwMugBNG0yGcbEGfFBH7ojPzAOxfGNkwQ==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "openbsd"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/sunos-x64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.8.tgz",
-      "integrity": "sha512-9Lc4s7Oi98GqFA4HzA/W2JHIYfnXbUYgekUP/Sm4BG9sfLjyv6GKKHKKVs83SMicBF2JwAX6A1PuOLMqpD001w==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "sunos"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/win32-arm64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.8.tgz",
-      "integrity": "sha512-rq6WzBGjSzihI9deW3fC2Gqiak68+b7qo5/3kmB6Gvbh/NYPA0sJhrnp7wgV4bNwjqM+R2AApXGxMO7ZoGhIJg==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/win32-ia32": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.8.tgz",
-      "integrity": "sha512-AIAbverbg5jMvJznYiGhrd3sumfwWs8572mIJL5NQjJa06P8KfCPWZQ0NwZbPQnbQi9OWSZhFVSUWjjIrn4hSw==",
-      "cpu": [
-        "ia32"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/@esbuild/win32-x64": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.8.tgz",
-      "integrity": "sha512-bfZ0cQ1uZs2PqpulNL5j/3w+GDhP36k1K5c38QdQg+Swy51jFZWWeIkteNsufkQxp986wnqRRsb/bHbY1WQ7TA==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite/node_modules/esbuild": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.8.tgz",
-      "integrity": "sha512-l7iffQpT2OrZfH2rXIp7/FkmaeZM0vxbxN9KfiCwGYuZqzMg/JdvX26R31Zxn/Pxvsrg3Y9N6XTcnknqDyyv4w==",
-      "dev": true,
-      "hasInstallScript": true,
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/android-arm": "0.19.8",
-        "@esbuild/android-arm64": "0.19.8",
-        "@esbuild/android-x64": "0.19.8",
-        "@esbuild/darwin-arm64": "0.19.8",
-        "@esbuild/darwin-x64": "0.19.8",
-        "@esbuild/freebsd-arm64": "0.19.8",
-        "@esbuild/freebsd-x64": "0.19.8",
-        "@esbuild/linux-arm": "0.19.8",
-        "@esbuild/linux-arm64": "0.19.8",
-        "@esbuild/linux-ia32": "0.19.8",
-        "@esbuild/linux-loong64": "0.19.8",
-        "@esbuild/linux-mips64el": "0.19.8",
-        "@esbuild/linux-ppc64": "0.19.8",
-        "@esbuild/linux-riscv64": "0.19.8",
-        "@esbuild/linux-s390x": "0.19.8",
-        "@esbuild/linux-x64": "0.19.8",
-        "@esbuild/netbsd-x64": "0.19.8",
-        "@esbuild/openbsd-x64": "0.19.8",
-        "@esbuild/sunos-x64": "0.19.8",
-        "@esbuild/win32-arm64": "0.19.8",
-        "@esbuild/win32-ia32": "0.19.8",
-        "@esbuild/win32-x64": "0.19.8"
-      }
-    },
     "node_modules/watchpack": {
       "version": "2.4.1",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz",
diff --git a/packages/react-components/package.json b/packages/react-components/package.json
index 58658437..9f1acde7 100644
--- a/packages/react-components/package.json
+++ b/packages/react-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bcgov/design-system-react-components",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "module",
   "scripts": {
     "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",
@@ -55,8 +55,8 @@
     "rollup-plugin-postcss": "^4.0.2",
     "storybook": "^8.0.2",
     "tslib": "^2.6.2",
-    "typescript": "^5.4.2",
-    "vite": "^5.1.6"
+    "typescript": "^5.4.3",
+    "vite": "^5.2.2"
   },
   "author": "Tyler Krys <Tyler.Krys@gov.bc.ca>",
   "license": "Apache-2.0",
diff --git a/packages/react-components/src/App.tsx b/packages/react-components/src/App.tsx
index 2cc8112b..da69245e 100644
--- a/packages/react-components/src/App.tsx
+++ b/packages/react-components/src/App.tsx
@@ -6,7 +6,7 @@ import "@bcgov/bc-sans/css/BC_Sans.css";
 
 import { Button, Footer, FooterLinks, Header } from "@/components";
 import useWindowDimensions from "@/hooks/useWindowDimensions";
-import { ButtonPage, SelectPage, TagGroupPage } from "@/pages";
+import { ButtonPage, SelectPage, TagGroupPage, TooltipPage } from "@/pages";
 
 // This icon is available as a plain SVG at src/assets/icon-menu.svg
 function SvgMenuIcon() {
@@ -117,6 +117,7 @@ function App() {
         <ButtonPage />
         <SelectPage />
         <TagGroupPage />
+        <TooltipPage />
       </main>
       <Footer />
       <Footer
diff --git a/packages/react-components/src/assets/tooltip-arrow-up.svg b/packages/react-components/src/assets/tooltip-arrow-up.svg
new file mode 100644
index 00000000..fba2d5aa
--- /dev/null
+++ b/packages/react-components/src/assets/tooltip-arrow-up.svg
@@ -0,0 +1,3 @@
+<svg width="19" height="9" viewBox="0 0 19 9" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.4188 1.41421C9.19985 0.633163 10.4662 0.633165 11.2472 1.41421L18.833 9L0.833008 9L8.4188 1.41421Z" fill="currentColor"/>
+</svg>
diff --git a/packages/react-components/src/components/Tooltip/Tooltip.css b/packages/react-components/src/components/Tooltip/Tooltip.css
new file mode 100644
index 00000000..61282070
--- /dev/null
+++ b/packages/react-components/src/components/Tooltip/Tooltip.css
@@ -0,0 +1,80 @@
+.bcds-react-aria-Tooltip {
+  background-color: var(--surface-brand-gray-110);
+  border-radius: var(--surface-border-radius-medium);
+  box-shadow: var(--surface-shadow-small);
+  color: var(--typography-color-primary-invert);
+  font: var(--typography-regular-label);
+  padding: var(--layout-padding-xsmall) var(--layout-padding-small);
+  transform: translate3d(0, 0, 0);
+}
+
+.bcds-react-aria-Tooltip > .bcds-react-aria-OverlayArrow {
+  color: var(--surface-brand-gray-110);
+}
+
+.bcds-react-aria-Tooltip[data-placement="top"] > .bcds-react-aria-OverlayArrow,
+.bcds-react-aria-Tooltip[data-placement="bottom"]
+  > .bcds-react-aria-OverlayArrow {
+  height: 9px;
+  width: 19px;
+}
+
+.bcds-react-aria-Tooltip[data-placement="right"]
+  > .bcds-react-aria-OverlayArrow,
+.bcds-react-aria-Tooltip[data-placement="left"]
+  > .bcds-react-aria-OverlayArrow {
+  height: 19px;
+  width: 9px;
+}
+
+/* Top placement */
+.bcds-react-aria-Tooltip[data-placement="top"] {
+  margin-bottom: 10px; /* Offset is equal to the depth of the OverlayArrow */
+}
+.bcds-react-aria-Tooltip[data-placement="top"] > .bcds-react-aria-OverlayArrow {
+  margin-top: -7.5px;
+}
+.bcds-react-aria-Tooltip[data-placement="top"]
+  > .bcds-react-aria-OverlayArrow
+  > svg {
+  transform: rotate(180deg);
+}
+
+/* Right placement */
+.bcds-react-aria-Tooltip[data-placement="right"] {
+  margin-left: 10px;
+}
+.bcds-react-aria-Tooltip[data-placement="right"]
+  > .bcds-react-aria-OverlayArrow {
+  margin-top: -2px;
+  margin-right: 4.5px;
+}
+.bcds-react-aria-Tooltip[data-placement="right"]
+  > .bcds-react-aria-OverlayArrow
+  > svg {
+  transform: rotate(-90deg);
+}
+
+/* Bottom placement */
+.bcds-react-aria-Tooltip[data-placement="bottom"] {
+  margin-top: 9px;
+}
+.bcds-react-aria-Tooltip[data-placement="bottom"]
+  > .bcds-react-aria-OverlayArrow {
+  margin-bottom: 6.5px;
+}
+
+/* Left placement */
+.bcds-react-aria-Tooltip[data-placement="left"] {
+  margin-right: 10px;
+}
+.bcds-react-aria-Tooltip[data-placement="left"]
+  > .bcds-react-aria-OverlayArrow {
+  margin-top: -2px;
+  margin-left: -5.5px;
+}
+.bcds-react-aria-Tooltip[data-placement="left"]
+  > .bcds-react-aria-OverlayArrow
+  > svg {
+  transform: rotate(90deg);
+}
diff --git a/packages/react-components/src/components/Tooltip/Tooltip.tsx b/packages/react-components/src/components/Tooltip/Tooltip.tsx
new file mode 100644
index 00000000..98e67cd9
--- /dev/null
+++ b/packages/react-components/src/components/Tooltip/Tooltip.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+import {
+  OverlayArrow,
+  Tooltip as ReactAriaTooltip,
+  TooltipProps,
+  TooltipTrigger,
+} from "react-aria-components";
+
+import "./Tooltip.css";
+
+// This tooltip arrow is available as a plain SVG at src/assets/tooltip-arrow-up.svg
+function SvgTooltipArrowUp() {
+  return (
+    <svg
+      width="19"
+      height="9"
+      viewBox="0 0 19 9"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M8.4188 1.41421C9.19985 0.633163 10.4662 0.633165 11.2472 1.41421L18.833 9L0.833008 9L8.4188 1.41421Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default function Tooltip({
+  children,
+  ...props
+}: React.PropsWithChildren<TooltipProps>) {
+  return (
+    <ReactAriaTooltip className="bcds-react-aria-Tooltip" {...props}>
+      <OverlayArrow className="bcds-react-aria-OverlayArrow">
+        {/* Up arrow gets rotated by CSS depending on `data-placement` attribute */}
+        <SvgTooltipArrowUp />
+      </OverlayArrow>
+      {children}
+    </ReactAriaTooltip>
+  );
+}
+
+export { TooltipTrigger };
diff --git a/packages/react-components/src/components/Tooltip/index.ts b/packages/react-components/src/components/Tooltip/index.ts
new file mode 100644
index 00000000..97176603
--- /dev/null
+++ b/packages/react-components/src/components/Tooltip/index.ts
@@ -0,0 +1,2 @@
+export { default, TooltipTrigger } from "./Tooltip";
+export type { TooltipProps } from "./Tooltip";
diff --git a/packages/react-components/src/components/index.ts b/packages/react-components/src/components/index.ts
index 347ce958..d5e36eaf 100644
--- a/packages/react-components/src/components/index.ts
+++ b/packages/react-components/src/components/index.ts
@@ -8,3 +8,4 @@ export { default as SvgBcLogo } from "./SvgBcLogo";
 export { default as Tag } from "./Tag";
 export { default as TagGroup } from "./TagGroup";
 export { default as TagList } from "./TagList";
+export { default as Tooltip, TooltipTrigger } from "./Tooltip";
diff --git a/packages/react-components/src/pages/Tooltip/Tooltip.tsx b/packages/react-components/src/pages/Tooltip/Tooltip.tsx
new file mode 100644
index 00000000..377b3f12
--- /dev/null
+++ b/packages/react-components/src/pages/Tooltip/Tooltip.tsx
@@ -0,0 +1,68 @@
+import React from "react";
+import { useButton, mergeProps } from "react-aria";
+import { Button, Tooltip, TooltipTrigger } from "@/components";
+
+// https://github.com/adobe/react-spectrum/issues/5733
+function TooltipTriggerElement(props) {
+  const triggerRef = React.useRef();
+  const { buttonProps } = useButton(props, triggerRef);
+
+  return React.cloneElement(
+    props.children,
+    mergeProps(buttonProps, props.children.props, { ref: triggerRef })
+  );
+}
+
+export default function TooltipPage() {
+  return (
+    <>
+      <h2>Tooltip</h2>
+      <div style={{ display: "flex", flexDirection: "row", gap: "16px" }}>
+        <TooltipTrigger>
+          <Button variant="secondary" style={{ padding: "30px" }}>
+            Top
+          </Button>
+          <Tooltip placement="top">This is the tooltip</Tooltip>
+        </TooltipTrigger>
+        <TooltipTrigger>
+          <Button variant="secondary">Right</Button>
+          <Tooltip placement="right">This is the tooltip</Tooltip>
+        </TooltipTrigger>
+        <TooltipTrigger>
+          <Button variant="secondary">Bottom</Button>
+          <Tooltip placement="bottom">This is the tooltip</Tooltip>
+        </TooltipTrigger>
+        <TooltipTrigger>
+          <Button variant="secondary">Left</Button>
+          <Tooltip placement="left">This is the tooltip</Tooltip>
+        </TooltipTrigger>
+      </div>
+      <div>
+        <p>
+          The <code>&lt;span&gt;</code> element below has props from React
+          Aria's <code>useButton()</code> to allow it to be hovered. Note that
+          this won't work to show the Tooltip on focus, even after adding a{" "}
+          <code>tabIndex</code> prop. See{" "}
+          <a href="https://github.com/adobe/react-spectrum/issues/5733">
+            this GitHub issue
+          </a>
+          .
+        </p>
+        <TooltipTrigger>
+          <TooltipTriggerElement>
+            <span
+              style={{
+                backgroundColor: "lightblue",
+                borderRadius: "4px",
+                padding: "8px 16px",
+              }}
+            >
+              Hover or focus this span
+            </span>
+          </TooltipTriggerElement>
+          <Tooltip placement="top">Triggered by span</Tooltip>
+        </TooltipTrigger>
+      </div>
+    </>
+  );
+}
diff --git a/packages/react-components/src/pages/Tooltip/index.ts b/packages/react-components/src/pages/Tooltip/index.ts
new file mode 100644
index 00000000..544e5970
--- /dev/null
+++ b/packages/react-components/src/pages/Tooltip/index.ts
@@ -0,0 +1,3 @@
+import TooltipPage from "./Tooltip";
+
+export default TooltipPage;
diff --git a/packages/react-components/src/pages/index.ts b/packages/react-components/src/pages/index.ts
index 7275c21b..c80b74e9 100644
--- a/packages/react-components/src/pages/index.ts
+++ b/packages/react-components/src/pages/index.ts
@@ -1,5 +1,6 @@
 import ButtonPage from "./Button";
 import SelectPage from "./Select";
 import TagGroupPage from "./TagGroup";
+import TooltipPage from "./Tooltip";
 
-export { ButtonPage, SelectPage, TagGroupPage };
+export { ButtonPage, SelectPage, TagGroupPage, TooltipPage };
diff --git a/packages/react-components/src/stories/Tooltip.mdx b/packages/react-components/src/stories/Tooltip.mdx
new file mode 100644
index 00000000..e7e22312
--- /dev/null
+++ b/packages/react-components/src/stories/Tooltip.mdx
@@ -0,0 +1,64 @@
+{/* Tooltip.mdx */}
+
+import { Canvas, Controls, Meta, Story } from "@storybook/blocks";
+
+import * as TooltipStories from "./Tooltip.stories";
+
+<Meta of={TooltipStories} />
+
+# Tooltip
+
+A Tooltip displays a description of an element on hover or focus. It is built using the [React Aria Tooltip](https://react-spectrum.adobe.com/react-aria/Tooltip.html).
+
+<Canvas of={TooltipStories.TooltipTemplate} />
+
+## Tooltip sits inside a TooltipTrigger
+
+To make a Tooltip appear, it must sit inside of a `TooltipTrigger`, as a sibling of an element that is hover-able or focus-able.
+
+```jsx
+<TooltipTrigger>
+  <Button>Hover or focus</Button>
+  <Tooltip placement="top">
+    This text appears when the button is hovered or focused.
+  </Tooltip>
+</TooltipTrigger>
+```
+
+## `children`
+
+Use the `children` prop for the descriptive text within the Tooltip.
+
+## Placement
+
+The optional `placement` prop determines where the Tooltip displays in relation to the trigger element within `TooltipTrigger`.
+
+See the React Aria Components [Tooltip props documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html#tooltip-1) for all options.
+
+### Top
+
+<Canvas of={TooltipStories.TopPlacement} />
+
+### Right
+
+<Canvas of={TooltipStories.RightPlacement} />
+
+### Bottom
+
+<Canvas of={TooltipStories.BottomPlacement} />
+
+### Left
+
+<Canvas of={TooltipStories.LeftPlacement} />
+
+## Delay
+
+You can control the pop-in `delay` and pop-out `closeDelay` props on the `TooltipTrigger` parent element. See React Aria Components [TooltipTrigger props documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html#tooltip-1).
+
+<Canvas of={TooltipStories.Delay} />
+
+## Accessibility
+
+An active Tooltip can be dismissed by pressing the <kbd>Escape</kbd> key, in addition to a blur or mouse-out event.
+
+Learn more about the [ARIA tooltip role at MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role).
diff --git a/packages/react-components/src/stories/Tooltip.stories.tsx b/packages/react-components/src/stories/Tooltip.stories.tsx
new file mode 100644
index 00000000..5074e03b
--- /dev/null
+++ b/packages/react-components/src/stories/Tooltip.stories.tsx
@@ -0,0 +1,83 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import Button from "../components/Button";
+import Tooltip, { TooltipProps, TooltipTrigger } from "../components/Tooltip";
+
+const meta = {
+  title: "Components/Tooltip/Tooltip",
+  component: Tooltip,
+  parameters: {
+    layout: "centered",
+  },
+  argTypes: {
+    placement: {
+      options: ["top", "right", "bottom", "left"],
+      control: { type: "radio" },
+      description:
+        "Where the Tooltip gets placed in relation to the TooltipTrigger",
+    },
+    children: {
+      control: { type: "text" },
+      description: "Appears in the body of the Tooltip",
+    },
+  },
+} satisfies Meta<typeof Tooltip>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const TooltipTemplate: Story = {
+  args: {
+    children: "Tooltip text",
+  },
+  render: ({ ...args }: TooltipProps) => (
+    <TooltipTrigger>
+      <Button variant="secondary">Focus or hover</Button>
+      <Tooltip {...args} />
+    </TooltipTrigger>
+  ),
+};
+
+export const TopPlacement: Story = {
+  ...TooltipTemplate,
+  args: {
+    children: "Top placement example",
+    placement: "top",
+  },
+};
+
+export const RightPlacement: Story = {
+  ...TooltipTemplate,
+  args: {
+    children: "Right placement example",
+    placement: "right",
+  },
+};
+
+export const BottomPlacement: Story = {
+  ...TooltipTemplate,
+  args: {
+    children: "Bottom placement example",
+    placement: "bottom",
+  },
+};
+
+export const LeftPlacement: Story = {
+  ...TooltipTemplate,
+  args: {
+    children: "Left placement example",
+    placement: "left",
+  },
+};
+
+export const Delay: Story = {
+  args: {
+    children: "Enters immediately, exits after 3 seconds",
+  },
+  render: ({ ...args }) => (
+    <TooltipTrigger delay={0} closeDelay={3000}>
+      <Button variant="secondary">Delay example</Button>
+      <Tooltip {...args} />
+    </TooltipTrigger>
+  ),
+};