From 9e24a939ae4093223b95eec052ea22f6b0fc8af2 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon, 10 Jun 2024 12:15:59 -0400
Subject: [PATCH] Bump @headlessui/react from 1.7.19 to 2.0.4 in
 /src/javascript/fitbit-challenges/frontend (#118)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Bumps
[@headlessui/react](https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react)
from 1.7.19 to 2.0.4.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/tailwindlabs/headlessui/releases"><code>@​headlessui/react</code>'s
releases</a>.</em></p>
<blockquote>
<h2><code>@​headlessui/react</code><a
href="https://github.com/v2"><code>@​v2</code></a>.0.4</h2>
<h3>Fixed</h3>
<ul>
<li>[internal] Don’t set a focus fallback for Dialog’s in demo mode (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3194">#3194</a>)</li>
<li>Ensure page doesn't scroll down when pressing <code>Escape</code> to
close the <code>Dialog</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3218">#3218</a>)</li>
<li>Fix crash when toggling between <code>virtual</code> and non-virtual
mode in <code>Combobox</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3236">#3236</a>)</li>
<li>Ensure tabbing to a portalled <code>&lt;PopoverPanel&gt;</code>
component moves focus inside (without using
<code>&lt;PortalGroup&gt;</code>) (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3239">#3239</a>)</li>
<li>Only handle form reset when <code>defaultValue</code> is used (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3240">#3240</a>)</li>
</ul>
<h3>Deprecated</h3>
<ul>
<li>Mark <code>SwitchGroup</code> as deprecated, prefer
<code>Field</code> instead (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3232">#3232</a>)</li>
</ul>
<h3>Changed</h3>
<ul>
<li>Use native <code>fieldset</code> instead of <code>div</code> by
default for <code>&lt;Fieldset /&gt;</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3237">#3237</a>)</li>
</ul>
<h2><code>@​headlessui/react</code><a
href="https://github.com/v2"><code>@​v2</code></a>.0.3</h2>
<h3>Fixed</h3>
<ul>
<li>Make sure disabling demo mode on <code>&lt;Combobox&gt;</code> works
(<a
href="hhttps://redirect.github.com/tailwindlabs/headlessui/pull/3182">#3182</a>)</li>
</ul>
<h2><code>@​headlessui/react</code><a
href="https://github.com/v2"><code>@​v2</code></a>.0.2</h2>
<h3>Fixed</h3>
<ul>
<li>Improve performance of internal <code>useInertOthers</code> hook (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3181">#3181</a>)</li>
</ul>
<h2><code>@​headlessui/react</code><a
href="https://github.com/v2"><code>@​v2</code></a>.0.1</h2>
<h3>Fixed</h3>
<ul>
<li>Remove accidental deprecation comments on
<code>&lt;DialogPanel&gt;</code> and <code>&lt;DialogTitle&gt;</code>
(<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3176">#3176</a>)</li>
</ul>
<h2><code>@​headlessui/react</code><a
href="https://github.com/v2"><code>@​v2</code></a>.0.0</h2>
<p><a href="https://headlessui.com/"><img
src="https://github.com/tailwindlabs/headlessui/assets/882133/86225241-6e5e-4c64-97a9-b10b61af9f4e"
alt="Headless UI v2.0" /></a></p>
<p>We just released Headless UI v2.0 for React which includes a ton of
new stuff:</p>
<ul>
<li><strong>Built-in anchor positioning</strong> — using <a
href="https://floating-ui.com/">Floating UI</a>, components like
<code>Menu</code>, <code>Listbox</code>, and more can now automatically
position their popovers to be anchored to their trigger, adapting as
needed to changes in the viewport.</li>
<li><strong>Headless checkbox component</strong> — we've added a
headless <code>Checkbox</code> component to complement our existing
<code>RadioGroup</code> component, making it easy to build totally
custom checkbox controls.</li>
<li><strong>HTML form components</strong> — we've added
<code>Input</code>, <code>Select</code>, <code>Textarea</code>,
<code>Label</code>, <code>Description</code>, <code>Fieldset</code>, and
<code>Legend</code> components that handle all of the ID generation and
<code>aria-*</code> attribute mapping you need to do to connect form
fields together.</li>
<li><strong>Improved hover and focus-visible detection</strong> — using
hooks from the awesome <a
href="https://react-spectrum.adobe.com/react-aria/hooks.html">React
Aria</a> library under the hood, Headless UI now adds smarter
<code>data-hover</code> and <code>data-focus</code> attributes to your
controls that behave more consistently across different devices than the
native pseudo-classes.</li>
<li><strong>Combobox list virtualization</strong> — the
<code>Combobox</code> component can now handle giant lists of options
with no performance issues.</li>
</ul>
<h2>Changelog</h2>
<h3>Added</h3>
<ul>
<li>Add new <code>Checkbox</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>,
<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2962">#2962</a>)</li>
<li>Add new <code>Button</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li>
<li>Add new <code>Input</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>,
<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2902">#2902</a>,
<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2940">#2940</a>)</li>
</ul>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/tailwindlabs/headlessui/blob/main/packages/@headlessui-react/CHANGELOG.md"><code>@​headlessui/react</code>'s
changelog</a>.</em></p>
<blockquote>
<h2>[2.0.4] - 2024-05-25</h2>
<h3>Fixed</h3>
<ul>
<li>[internal] Don’t set a focus fallback for Dialog’s in demo mode (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3194">#3194</a>)</li>
<li>Ensure page doesn't scroll down when pressing <code>Escape</code> to
close the <code>Dialog</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3218">#3218</a>)</li>
<li>Fix crash when toggling between <code>virtual</code> and non-virtual
mode in <code>Combobox</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3236">#3236</a>)</li>
<li>Ensure tabbing to a portalled <code>&lt;PopoverPanel&gt;</code>
component moves focus inside (without using
<code>&lt;PortalGroup&gt;</code>) (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3239">#3239</a>)</li>
<li>Only handle form reset when <code>defaultValue</code> is used (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3240">#3240</a>)</li>
</ul>
<h3>Deprecated</h3>
<ul>
<li>Mark <code>SwitchGroup</code> as deprecated, prefer
<code>Field</code> instead (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3232">#3232</a>)</li>
</ul>
<h3>Changed</h3>
<ul>
<li>Use native <code>fieldset</code> instead of <code>div</code> by
default for <code>&lt;Fieldset /&gt;</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3237">#3237</a>)</li>
</ul>
<h2>[2.0.3] - 2024-05-07</h2>
<h3>Fixed</h3>
<ul>
<li>Make sure disabling demo mode on <code>&lt;Combobox&gt;</code> works
(<a
href="hhttps://redirect.github.com/tailwindlabs/headlessui/pull/3182">#3182</a>)</li>
</ul>
<h2>[2.0.2] - 2024-05-07</h2>
<h3>Fixed</h3>
<ul>
<li>Improve performance of internal <code>useInertOthers</code> hook (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3181">#3181</a>)</li>
</ul>
<h2>[2.0.1] - 2024-05-06</h2>
<h3>Fixed</h3>
<ul>
<li>Remove accidental deprecation comments on
<code>&lt;DialogPanel&gt;</code> and <code>&lt;DialogTitle&gt;</code>
(<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/3176">#3176</a>)</li>
</ul>
<h2>[2.0.0] - 2024-05-06</h2>
<h3>Added</h3>
<ul>
<li>Add new <code>Checkbox</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>,
<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2962">#2962</a>)</li>
<li>Add new <code>Button</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li>
<li>Add new <code>Input</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>,
<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2902">#2902</a>,
<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2940">#2940</a>)</li>
<li>Add new <code>Textarea</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>,
<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2902">#2902</a>,
<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2940">#2940</a>)</li>
<li>Add new <code>Select</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>,
<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2902">#2902</a>)</li>
<li>Add new <code>Fieldset</code> and <code>Legend</code> components (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li>
<li>Add new <code>Field</code>, <code>Label</code>, and
<code>Description</code> components (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>,
<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2941">#2941</a>)</li>
<li>Add new <code>MenuSection</code>, <code>MenuHeading</code>, and
<code>MenuSeparator</code> components (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li>
<li>Add new <code>ListboxSelectedOption</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li>
<li>Add new <code>DataInteractive</code> component (<a
href="https://redirect.github.com/tailwindlabs/headlessui/pull/2887">#2887</a>)</li>
</ul>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/7be23e5c7e2e71218cdba405ea4f4aca7924acc8"><code>7be23e5</code></a>
2.0.4 - <code>@​headlessui/react</code></li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/f740050c2a1995a1a1e73d8cff6f46efdacb1f0d"><code>f740050</code></a>
Use native <code>fieldset</code> instead of <code>div</code> by default
for <code>\&lt;Fieldset /&gt;</code> componen...</li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/8c3499cc8d67960f0002d45d05627841bfe70341"><code>8c3499c</code></a>
Only handle form reset when <code>defaultValue</code> is used (<a
href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3240">#3240</a>)</li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/c2754bcb168f3656a68f404ec013eefc7ac1eaa4"><code>c2754bc</code></a>
Ensure tabbing to a portalled <code>\&lt;PopoverPanel&gt;</code>
component moves focus inside (...</li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/b822c8a400b0fd755893e4f4116660c5f6e53743"><code>b822c8a</code></a>
Fix crash when toggling between <code>virtual</code> and non-virtual
mode in <code>Combobox</code> ...</li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/b478189fad48a64aa14959fc33142a130eec2ccf"><code>b478189</code></a>
Mark <code>SwitchGroup</code> as deprecated, prefer <code>Field</code>
instead (<a
href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3232">#3232</a>)</li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/7fcb410be487017cde3b02c19adc7815a35b8ed9"><code>7fcb410</code></a>
do not apply <code>aria-modal</code> in demo mode (<a
href="https://github.com/tailwindlabs/headlessui/tree/HEAD/packages/@headlessui-react/issues/3227">#3227</a>)</li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/045f2bc761be3d30ef203ccb3da2c0292c8a5397"><code>045f2bc</code></a>
Ensure page doesn't scroll down when pressing <code>Escape</code> to
close the <code>Dialog</code> ...</li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/300e9eb95777210fd43570d31aae7da5b87d381f"><code>300e9eb</code></a>
Update changelog</li>
<li><a
href="https://github.com/tailwindlabs/headlessui/commit/3407625c511e55771b219209bb9219a3f55a5e09"><code>3407625</code></a>
Use same tense</li>
<li>Additional commits viewable in <a
href="https://github.com/tailwindlabs/headlessui/commits/@headlessui/react@v2.0.4/packages/@headlessui-react">compare
view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility
score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@headlessui/react&package-manager=npm_and_yarn&previous-version=1.7.19&new-version=2.0.4)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)

Dependabot will resolve any conflicts with this PR as long as you don't
alter it yourself. You can also trigger a rebase manually by commenting
`@dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits
that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after
your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge
and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating
it. You can achieve the same result by closing it manually
- `@dependabot show <dependency name> ignore conditions` will show all
of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop
Dependabot creating any more for this major version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop
Dependabot creating any more for this minor version (unless you reopen
the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop
Dependabot creating any more for this dependency (unless you reopen the
PR or upgrade to it yourself)


</details>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 .../frontend/package-lock.json                | 183 ++++++++++++++++--
 .../fitbit-challenges/frontend/package.json   |   2 +-
 2 files changed, 164 insertions(+), 21 deletions(-)

diff --git a/src/javascript/fitbit-challenges/frontend/package-lock.json b/src/javascript/fitbit-challenges/frontend/package-lock.json
index 5292de44..be04bb6d 100644
--- a/src/javascript/fitbit-challenges/frontend/package-lock.json
+++ b/src/javascript/fitbit-challenges/frontend/package-lock.json
@@ -10,7 +10,7 @@
       "dependencies": {
         "@apollo/client": "^3.10.4",
         "@apollo/react-testing": "^4.0.0",
-        "@headlessui/react": "^1.7.19",
+        "@headlessui/react": "^2.0.4",
         "@heroicons/react": "^2.1.3",
         "@testing-library/jest-dom": "^6.4.5",
         "@testing-library/react": "^15.0.7",
@@ -2258,6 +2258,54 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
+    "node_modules/@floating-ui/core": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.2.tgz",
+      "integrity": "sha512-+2XpQV9LLZeanU4ZevzRnGFg2neDeKHgFLjP6YLW+tly0IvrhqT4u8enLGjLH3qeh85g19xY5rsAusfwTdn5lg==",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.0"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.5.tgz",
+      "integrity": "sha512-Nsdud2X65Dz+1RHjAIP0t8z5e2ff/IRbei6BqFrl1urT8sDVzM1HMQ+R0XcU5ceRfyO3I6ayeqIfh+6Wb8LGTw==",
+      "dependencies": {
+        "@floating-ui/core": "^1.0.0",
+        "@floating-ui/utils": "^0.2.0"
+      }
+    },
+    "node_modules/@floating-ui/react": {
+      "version": "0.26.16",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.26.16.tgz",
+      "integrity": "sha512-HEf43zxZNAI/E781QIVpYSF3K2VH4TTYZpqecjdsFkjsaU1EbaWcM++kw0HXFffj7gDUcBFevX8s0rQGQpxkow==",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.1.0",
+        "@floating-ui/utils": "^0.2.0",
+        "tabbable": "^6.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.0.tgz",
+      "integrity": "sha512-lNzj5EQmEKn5FFKc04+zasr09h/uX8RtJRNj5gUXsSQIXHVWTVh+hVAg1vOMCexkX8EgvemMvIFpQfkosnVNyA==",
+      "dependencies": {
+        "@floating-ui/dom": "^1.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.2.tgz",
+      "integrity": "sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw=="
+    },
     "node_modules/@graphql-typed-document-node/core": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/@graphql-typed-document-node/core/-/core-3.2.0.tgz",
@@ -2267,19 +2315,21 @@
       }
     },
     "node_modules/@headlessui/react": {
-      "version": "1.7.19",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.19.tgz",
-      "integrity": "sha512-Ll+8q3OlMJfJbAKM/+/Y2q6PPYbryqNTXDbryx7SXLIDamkF6iQFbriYHga0dY44PvDhvvBWCx1Xj4U5+G4hOw==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-2.0.4.tgz",
+      "integrity": "sha512-16d/rOLeYsFsmPlRmXGu8DCBzrWD0zV1Ccx3n73wN87yFu8Y9+X04zflv8EJEt9TAYRyLKOmQXUnOnqQl6NgpA==",
       "dependencies": {
-        "@tanstack/react-virtual": "^3.0.0-beta.60",
-        "client-only": "^0.0.1"
+        "@floating-ui/react": "^0.26.13",
+        "@react-aria/focus": "^3.16.2",
+        "@react-aria/interactions": "^3.21.1",
+        "@tanstack/react-virtual": "3.5.0"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "react": "^16 || ^17 || ^18",
-        "react-dom": "^16 || ^17 || ^18"
+        "react": "^18",
+        "react-dom": "^18"
       }
     },
     "node_modules/@heroicons/react": {
@@ -4376,6 +4426,83 @@
         }
       }
     },
+    "node_modules/@react-aria/focus": {
+      "version": "3.17.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.17.1.tgz",
+      "integrity": "sha512-FLTySoSNqX++u0nWZJPPN5etXY0WBxaIe/YuL/GTEeuqUIuC/2bJSaw5hlsM6T2yjy6Y/VAxBcKSdAFUlU6njQ==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.21.3",
+        "@react-aria/utils": "^3.24.1",
+        "@react-types/shared": "^3.23.1",
+        "@swc/helpers": "^0.5.0",
+        "clsx": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/interactions": {
+      "version": "3.21.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.21.3.tgz",
+      "integrity": "sha512-BWIuf4qCs5FreDJ9AguawLVS0lV9UU+sK4CCnbCNNmYqOWY+1+gRXCsnOM32K+oMESBxilAjdHW5n1hsMqYMpA==",
+      "dependencies": {
+        "@react-aria/ssr": "^3.9.4",
+        "@react-aria/utils": "^3.24.1",
+        "@react-types/shared": "^3.23.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/ssr": {
+      "version": "3.9.4",
+      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.4.tgz",
+      "integrity": "sha512-4jmAigVq409qcJvQyuorsmBR4+9r3+JEC60wC+Y0MZV0HCtTmm8D9guYXlJMdx0SSkgj0hHAyFm/HvPNFofCoQ==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      },
+      "engines": {
+        "node": ">= 12"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-aria/utils": {
+      "version": "3.24.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.24.1.tgz",
+      "integrity": "sha512-O3s9qhPMd6n42x9sKeJ3lhu5V1Tlnzhu6Yk8QOvDuXf7UGuUjXf9mzfHJt1dYzID4l9Fwm8toczBzPM9t0jc8Q==",
+      "dependencies": {
+        "@react-aria/ssr": "^3.9.4",
+        "@react-stately/utils": "^3.10.1",
+        "@react-types/shared": "^3.23.1",
+        "@swc/helpers": "^0.5.0",
+        "clsx": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-stately/utils": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.10.1.tgz",
+      "integrity": "sha512-VS/EHRyicef25zDZcM/ClpzYMC5i2YGN6uegOeQawmgfGjb02yaCX0F0zR69Pod9m2Hr3wunTbtpgVXvYbZItg==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-types/shared": {
+      "version": "3.23.1",
+      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.23.1.tgz",
+      "integrity": "sha512-5d+3HbFDxGZjhbMBeFHRQhexMFt4pUce3okyRtUVKbbedQFUrtXSBg9VszgF2RTeQDKDkMCIQDtz5ccP/Lk1gw==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
     "node_modules/@remix-run/router": {
       "version": "1.16.1",
       "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.16.1.tgz",
@@ -4707,12 +4834,20 @@
         "url": "https://github.com/sponsors/gregberge"
       }
     },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.11",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.11.tgz",
+      "integrity": "sha512-YNlnKRWF2sVojTpIyzwou9XoTNbzbzONwRhOoniEioF1AtaitTvVZblaQRrAzChWQ1bLYyYSWzM18y4WwgzJ+A==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@tanstack/react-virtual": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.1.3.tgz",
-      "integrity": "sha512-YCzcbF/Ws/uZ0q3Z6fagH+JVhx4JLvbSflgldMgLsuvB8aXjZLLb3HvrEVxY480F9wFlBiXlvQxOyXb5ENPrNA==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.5.0.tgz",
+      "integrity": "sha512-rtvo7KwuIvqK9zb0VZ5IL7fiJAEnG+0EiFZz8FUOs+2mhGqdGmjKIaT1XU7Zq0eFqL0jonLlhbayJI/J2SA/Bw==",
       "dependencies": {
-        "@tanstack/virtual-core": "3.1.3"
+        "@tanstack/virtual-core": "3.5.0"
       },
       "funding": {
         "type": "github",
@@ -4724,9 +4859,9 @@
       }
     },
     "node_modules/@tanstack/virtual-core": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.1.3.tgz",
-      "integrity": "sha512-Y5B4EYyv1j9V8LzeAoOVeTg0LI7Fo5InYKgAjkY1Pu9GjtUwX/EKxNcU7ng3sKr99WEf+bPTcktAeybyMOYo+g==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.5.0.tgz",
+      "integrity": "sha512-KnPRCkQTyqhanNC0K63GBG3wA8I+D1fQuVnAvcBF8f13akOKeQp1gSbu6f77zCxhEk727iV5oQnbHLYzHrECLg==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/tannerlinsley"
@@ -6949,11 +7084,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/client-only": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
-      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
-    },
     "node_modules/cliui": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
@@ -6969,6 +7099,14 @@
         "node": ">=12"
       }
     },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
@@ -20679,6 +20817,11 @@
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="
     },
+    "node_modules/tabbable": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.2.0.tgz",
+      "integrity": "sha512-Cat63mxsVJlzYvN51JmVXIgNoUokrIaT2zLclCXjRd8boZ0004U4KCs/sToJ75C6sdlByWxpYnb5Boif1VSFew=="
+    },
     "node_modules/tailwindcss": {
       "version": "3.4.4",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.4.tgz",
diff --git a/src/javascript/fitbit-challenges/frontend/package.json b/src/javascript/fitbit-challenges/frontend/package.json
index 60befc0e..8f168274 100644
--- a/src/javascript/fitbit-challenges/frontend/package.json
+++ b/src/javascript/fitbit-challenges/frontend/package.json
@@ -5,7 +5,7 @@
   "dependencies": {
     "@apollo/client": "^3.10.4",
     "@apollo/react-testing": "^4.0.0",
-    "@headlessui/react": "^1.7.19",
+    "@headlessui/react": "^2.0.4",
     "@heroicons/react": "^2.1.3",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",