From 59db999e6f4f025a56a9c7d69060b7a92e81f26f Mon Sep 17 00:00:00 2001
From: Dennis Torres <dtorres@spear.ai>
Date: Thu, 22 Feb 2024 04:52:23 -0500
Subject: [PATCH 1/4] Take two on the Select component (#125)

* WIP

* WIP

* WIP

* Remove Radix component
---
 packages/tailwind-config/package.json         |    1 +
 packages/ui/package.json                      |    3 +
 packages/ui/src/app/layout.tsx                |    1 -
 packages/ui/src/app/providers.tsx             |    4 +
 .../src/components/select/select.stories.tsx  |  157 +-
 packages/ui/tailwind.config.ts                |    2 +
 yarn.lock                                     | 1612 ++++++++++++++++-
 7 files changed, 1699 insertions(+), 81 deletions(-)

diff --git a/packages/tailwind-config/package.json b/packages/tailwind-config/package.json
index e118d96c..c5298b0a 100644
--- a/packages/tailwind-config/package.json
+++ b/packages/tailwind-config/package.json
@@ -19,6 +19,7 @@
     "tailwind-scrollbar": "^3.1.0",
     "tailwindcss-3d": "^1.0.5",
     "tailwindcss-animate": "^1.0.7",
+    "tailwindcss-react-aria-components": "^1.1.1",
     "ts-invariant": "^0.10.3",
     "type-fest": "^4.10.2"
   },
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 89d3f989..ce8f86dd 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -22,6 +22,7 @@
     "next": "14.1.0",
     "next-themes": "0.2.1",
     "react": "18.2.0",
+    "react-aria-components": "1.1.1",
     "react-dom": "18.2.0",
     "react-hook-form": "7.50.1",
     "react-intl": "6.6.2",
@@ -32,6 +33,7 @@
     "@chromatic-com/storybook": "1.1.5",
     "@dotenv-run/cli": "1.3.5",
     "@formatjs/cli": "6.2.7",
+    "@react-stately/utils": "3.9.1",
     "@spear-ai/eslint-config": "17.1.0",
     "@spear-ai/npm-package-json-lint-config": "3.1.0",
     "@spear-ai/prettier-config": "2.1.0",
@@ -57,6 +59,7 @@
     "prettier": "3.2.5",
     "storybook": "8.0.0-beta.0",
     "tailwindcss": "3.4.1",
+    "tailwindcss-react-aria-components": "1.1.1",
     "typescript": "5.3.3"
   },
   "license": "UNLICENSED",
diff --git a/packages/ui/src/app/layout.tsx b/packages/ui/src/app/layout.tsx
index 9bf171fa..6c209b1a 100644
--- a/packages/ui/src/app/layout.tsx
+++ b/packages/ui/src/app/layout.tsx
@@ -62,7 +62,6 @@ export const AppLayout = (properties: {
   return (
     <div
       className={`size-full ${backgroundClassName} ${layoutClassName} ${inter.className} selection:bg-primary-9 selection:text-primary-contrast theme-dfs:selection:bg-black theme-dfs:selection:text-white theme-forerunner:selection:bg-black theme-forerunner:selection:text-white theme-dfs:dark:selection:bg-primary-9 theme-dfs:dark:selection:text-primary-contrast theme-forerunner:dark:selection:bg-white theme-forerunner:dark:selection:text-black`}
-      dir={direction}
       lang="en-US"
     >
       <AppProviders direction={direction} product={product}>
diff --git a/packages/ui/src/app/providers.tsx b/packages/ui/src/app/providers.tsx
index 70343217..bf331e44 100644
--- a/packages/ui/src/app/providers.tsx
+++ b/packages/ui/src/app/providers.tsx
@@ -23,6 +23,10 @@ export const AppProviders = (properties: {
     document.documentElement.classList.add(`theme-${product}`);
   }, [previousProduct, product]);
 
+  useEffect(() => {
+    document.documentElement.dir = direction;
+  }, [direction]);
+
   return (
     <IntlProvider
       locale="en-US"
diff --git a/packages/ui/src/components/select/select.stories.tsx b/packages/ui/src/components/select/select.stories.tsx
index e6be8e68..caf238ea 100644
--- a/packages/ui/src/components/select/select.stories.tsx
+++ b/packages/ui/src/components/select/select.stories.tsx
@@ -1,9 +1,18 @@
-import * as Form from "@radix-ui/react-form";
-import { CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from "@radix-ui/react-icons";
-import { Label } from "@radix-ui/react-label";
-import * as Select from "@radix-ui/react-select";
+import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
+import { useControlledState } from "@react-stately/utils";
 import type { Meta, StoryObj } from "@storybook/react";
 import { useId } from "react";
+import {
+  Button,
+  FieldError,
+  Form,
+  Label,
+  ListBox,
+  ListBoxItem,
+  Popover,
+  Select,
+  SelectValue,
+} from "react-aria-components";
 import { useIntl } from "react-intl";
 
 const sensorList = [
@@ -30,24 +39,44 @@ const sensorList = [
 ];
 
 const PreviewSelect = (properties: {
-  hasDescription: boolean;
   hasError: boolean;
   hasLabel: boolean;
+  hasLabelDescription: boolean;
+  isAlwaysOpen: boolean;
   isDisabled: boolean;
+  isOptional: boolean;
   isSquished: boolean;
 }) => {
-  const { hasDescription, hasError, hasLabel, isDisabled, isSquished } = properties;
+  const { hasError, hasLabel, hasLabelDescription, isAlwaysOpen, isDisabled, isOptional, isSquished } =
+    properties;
   const intl = useIntl();
   const sensorFormId = useId();
+  const [value, setValue] = useControlledState<string | null>(undefined, null);
 
   return (
     <div className={`w-full ${isSquished ? "max-w-36" : "max-w-xs"}`}>
-      <Form.Root className="relative w-full">
-        <Form.Field className="group" name="sensor" serverInvalid={hasError}>
+      <Form className="relative w-full">
+        <Select
+          className="group w-full focus:outline-none"
+          isDisabled={isDisabled}
+          isInvalid={hasError}
+          isOpen={isAlwaysOpen ? true : undefined}
+          onSelectionChange={
+            isOptional
+              ? (key) => {
+                  setValue(key === "" ? null : `${key}`);
+                }
+              : undefined
+          }
+          placeholder={intl.formatMessage({
+            defaultMessage: "Select a sensor",
+            id: "W2C6Wt",
+          })}
+          selectedKey={isOptional ? value : undefined}
+        >
           {hasLabel ? (
             <Label
-              // eslint-disable-next-line tailwindcss/no-arbitrary-value
-              className="block select-none text-base/6 text-neutral-12 group-has-[[data-disabled]]:text-neutral-11 sm:text-sm/6"
+              className="block select-none text-base/6 text-neutral-12 group-disabled:text-neutral-11 sm:text-sm/6"
               htmlFor={sensorFormId}
             >
               {intl.formatMessage({
@@ -56,84 +85,56 @@ const PreviewSelect = (properties: {
               })}
             </Label>
           ) : null}
-          {hasLabel && hasDescription ? (
-            // eslint-disable-next-line tailwindcss/no-arbitrary-value
-            <p className="mt-1 text-base/6 text-neutral-11 group-has-[[data-disabled]]:text-neutral-9 sm:text-sm/6">
+          {hasLabel && hasLabelDescription ? (
+            <p className="mt-1 text-base/6 text-neutral-11 group-disabled:text-neutral-9 sm:text-sm/6">
               {intl.formatMessage({
                 defaultMessage: "A mechanical device sensitive to sound.",
                 id: "2YVoI/",
               })}
             </p>
           ) : null}
-          <Form.Control asChild>
-            <Select.Root disabled={isDisabled}>
-              <Select.Trigger
-                // eslint-disable-next-line tailwindcss/no-arbitrary-value
-                className="group mt-3 inline-flex h-9 w-full cursor-default items-center justify-between gap-1 rounded-lg bg-white-a-3 pe-2 ps-3.5 text-base leading-none text-neutral-12 shadow outline outline-offset-0 outline-neutral-a-7 data-disabled:pointer-events-none data-disabled:text-neutral-a-8 data-open:outline-2 data-open:outline-primary-a-8 data-placeholder:text-neutral-11 focus-visible:outline-primary-a-8 theme-dfs:bg-canvas-1 theme-galapago:bg-white theme-dfs:dark:bg-white-a-3 theme-forerunner:dark:bg-black-a-3 theme-galapago:dark:bg-black-a-3 sm:ps-3 sm:text-sm [[data-invalid]_&]:outline-x-negative-a-7 [[data-invalid]_&]:data-disabled:outline-x-negative-a-6"
-                id={sensorFormId}
-              >
-                <span className="truncate">
-                  <Select.Value
-                    placeholder={intl.formatMessage({
-                      defaultMessage: "Select a sensor",
-                      id: "W2C6Wt",
-                    })}
-                  />
-                </span>
-                <Select.Icon className="text-neutral-11 group-data-disabled:text-neutral-8">
-                  <CaretSortIcon className="size-5" />
-                </Select.Icon>
-              </Select.Trigger>
-              <Select.Portal>
-                <Select.Content
-                  className="isolate max-h-select-content-available-height rounded-xl bg-canvas-1 shadow-lg !outline !outline-1 outline-offset-0 !outline-neutral-a-6 backdrop-blur data-closed:duration-1000 data-closed:animate-out data-closed:fade-out data-closed:zoom-out-95 data-open:animate-in data-open:fade-in data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 theme-forerunner:bg-white-a-3 theme-galapago:bg-white theme-underway:shadow-2xl theme-galapago:dark:bg-black-a-3"
-                  position="popper"
-                  sideOffset={8}
-                >
-                  <Select.ScrollUpButton className="flex h-6 cursor-default items-center justify-center rounded-t-xl text-neutral-11">
-                    <ChevronUpIcon />
-                  </Select.ScrollUpButton>
-                  <Select.Viewport className="h-select-trigger-height w-full min-w-select-trigger-width p-1">
-                    <Select.Item
-                      className="cursor-default select-none rounded-lg py-2.5 pe-5 ps-2 text-base leading-none text-neutral-11 outline-none data-highlighted:bg-primary-5 data-highlighted:outline-none hover:bg-primary-4 sm:py-1.5 sm:text-sm"
-                      value="0"
-                    >
-                      {intl.formatMessage({
-                        defaultMessage: "None",
-                        id: "450Fty",
-                      })}
-                    </Select.Item>
-                    {sensorList.map((sensor) => (
-                      <Select.Item
-                        className="relative cursor-default select-none rounded-lg py-2.5 pe-5 ps-2 text-base leading-none text-neutral-12 data-highlighted:bg-primary-5 data-highlighted:outline-none hover:bg-primary-4 sm:py-1.5 sm:text-sm"
-                        key={sensor.id}
-                        value={sensor.id}
-                      >
-                        <Select.ItemText>{sensor.name}</Select.ItemText>
-                        <Select.ItemIndicator className="absolute top-2 inline-flex size-4 items-center justify-center ltr:right-1 rtl:left-1">
-                          <CheckIcon className="size-4" />
-                        </Select.ItemIndicator>
-                      </Select.Item>
-                    ))}
-                  </Select.Viewport>
-                  <Select.ScrollDownButton className="flex h-6 cursor-default items-center justify-center rounded-b-xl text-neutral-11">
-                    <ChevronDownIcon />
-                  </Select.ScrollDownButton>
-                </Select.Content>
-              </Select.Portal>
-            </Select.Root>
-          </Form.Control>
+          <Button className="group mt-2 inline-flex h-9 w-full cursor-default select-none items-center justify-between gap-1 rounded-lg border border-transparent bg-white-a-3 pe-2 ps-3.5 text-base leading-none shadow outline outline-offset-0 outline-neutral-a-7 entering:outline-2 entering:outline-primary-a-8 group-invalid:outline-x-negative-a-7 focus-visible:outline-primary-a-8 group-disabled:pointer-events-none group-invalid:group-disabled:outline-x-negative-a-6 theme-dfs:bg-canvas-1 theme-galapago:bg-white theme-dfs:dark:bg-white-a-3 theme-forerunner:dark:bg-black-a-3 theme-galapago:dark:bg-black-a-3 sm:ps-3 sm:text-sm">
+            <SelectValue className="truncate text-neutral-12 placeholder-shown:text-neutral-11 group-disabled:text-neutral-a-8" />
+            <span aria-hidden className="text-neutral-11 group-disabled:text-neutral-8">
+              <CaretSortIcon className="size-5" />
+            </span>
+          </Button>
           {hasError ? (
-            // eslint-disable-next-line tailwindcss/no-arbitrary-value
-            <Form.Message className="mt-3 block text-base/6 text-x-negative-11 group-has-[[data-disabled]]:opacity-50 sm:text-sm/6">
+            <FieldError className="mt-2 block text-base/6 text-x-negative-11 group-disabled:opacity-50 sm:text-sm/6">
               {intl.formatMessage({
                 defaultMessage: "Sensor is invalid.",
                 id: "JsiKrm",
               })}
-            </Form.Message>
+            </FieldError>
           ) : null}
-        </Form.Field>
-      </Form.Root>
+          <Popover className="isolate min-w-select-trigger-width overflow-auto rounded-xl border-transparent bg-canvas-1 p-1 shadow-lg outline outline-1 outline-offset-0 outline-neutral-a-6 backdrop-blur placement-left:slide-in-from-right-2 placement-right:slide-in-from-left-2 placement-top:slide-in-from-bottom-2 placement-bottom:slide-in-from-top-2 entering:duration-100 entering:animate-in entering:fade-in exiting:duration-75 exiting:animate-out exiting:fade-out exiting:zoom-out-95 theme-forerunner:bg-white-a-3 theme-galapago:bg-white theme-underway:shadow-2xl theme-galapago:dark:bg-black-a-3">
+            <ListBox className="outline-none">
+              <ListBoxItem
+                className="cursor-default select-none rounded-lg py-2.5 pe-5 ps-2 text-base leading-none text-neutral-11 outline-none hover:bg-primary-4 focus:bg-primary-5 focus:outline-none sm:py-1.5 sm:text-sm"
+                id=""
+              >
+                {intl.formatMessage({
+                  defaultMessage: "No sensor",
+                  id: "W2b7y5",
+                })}
+              </ListBoxItem>
+              {sensorList.map((sensor) => (
+                <ListBoxItem
+                  className="group/item relative cursor-default select-none rounded-lg py-2.5 pe-7 ps-2 text-base leading-none text-neutral-12 outline-none hover:bg-primary-4 focus:bg-primary-5 sm:py-1.5 sm:text-sm rtl:text-right"
+                  id={sensor.id}
+                  key={sensor.id}
+                  textValue={sensor.name}
+                >
+                  <span>{sensor.name}</span>
+                  <span className="absolute end-1.5 top-2 inline-flex size-4 items-center justify-center opacity-0 group-selected/item:opacity-100">
+                    <CheckIcon className="size-4" />
+                  </span>
+                </ListBoxItem>
+              ))}
+            </ListBox>
+          </Popover>
+        </Select>
+      </Form>
     </div>
   );
 };
@@ -146,10 +147,12 @@ type Story = StoryObj<typeof meta>;
 
 export const Example: Story = {
   args: {
-    hasDescription: true,
     hasError: false,
     hasLabel: true,
+    hasLabelDescription: true,
+    isAlwaysOpen: false,
     isDisabled: false,
+    isOptional: true,
     isSquished: false,
   },
   parameters: {
diff --git a/packages/ui/tailwind.config.ts b/packages/ui/tailwind.config.ts
index 40f82bb7..d572888c 100644
--- a/packages/ui/tailwind.config.ts
+++ b/packages/ui/tailwind.config.ts
@@ -1,11 +1,13 @@
 import { tailwindConfig as baseTailwindConfig } from "@spear-ai/tailwind-config";
 import type { Config } from "tailwindcss";
 import plugin from "tailwindcss/plugin";
+import reactAriaComponentsPlugin from "tailwindcss-react-aria-components";
 
 const tailwindConfig: Config = {
   ...baseTailwindConfig,
   plugins: [
     ...(baseTailwindConfig.plugins ?? []),
+    reactAriaComponentsPlugin,
     plugin(({ matchVariant }) => {
       matchVariant("theme", (value) => `.theme-${value} &`, {
         values: {
diff --git a/yarn.lock b/yarn.lock
index 643ea627..437040be 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2925,6 +2925,43 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@internationalized/date@npm:^3.5.2":
+  version: 3.5.2
+  resolution: "@internationalized/date@npm:3.5.2"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  checksum: 10/e37cdea4efa6214e72148f55f42782b3e8cd40bdca29705e52e6c490855f9ccbf38d0182632be005d9555463b50e8bf5fdb0d759cadff1baf7bae4fdaa28e96f
+  languageName: node
+  linkType: hard
+
+"@internationalized/message@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "@internationalized/message@npm:3.1.2"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+    intl-messageformat: "npm:^10.1.0"
+  checksum: 10/c6b8f9983f1922f27c45586d82500a8fd4e75cab622c367b70047bb9f45749ab8153c77b02fd3da635e3d6649d8609ae6d1df6da710a166361078e32b4516d2e
+  languageName: node
+  linkType: hard
+
+"@internationalized/number@npm:^3.5.1":
+  version: 3.5.1
+  resolution: "@internationalized/number@npm:3.5.1"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  checksum: 10/4ad68d98285a18a910d19455a0fa9c3960a919a139f0b01d2d589bfda1a2ebb8378b8c912e17c0d82cf756e7b3f48b0bff8a6decef1644c6c2f894da4e1e7c79
+  languageName: node
+  linkType: hard
+
+"@internationalized/string@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "@internationalized/string@npm:3.2.1"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  checksum: 10/69603641a90fee37fc539adc8f3f5cbdd61909da486515bd4580fcce05495a9f0f303e6d8a36a8accb86c95845d84e78b088e4680ca087928b6b588756eb879b
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -3847,6 +3884,755 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-aria/breadcrumbs@npm:^3.5.11":
+  version: 3.5.11
+  resolution: "@react-aria/breadcrumbs@npm:3.5.11"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/link": "npm:^3.6.5"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/breadcrumbs": "npm:^3.7.3"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/baf8ce4c8a5c85dca93463349fb45a151c91ae90475d28cda119083c45588f28a2e043108bc66d8f9d936eb93829743427b026f31f986069e009f0749c70ae10
+  languageName: node
+  linkType: hard
+
+"@react-aria/button@npm:^3.9.3":
+  version: 3.9.3
+  resolution: "@react-aria/button@npm:3.9.3"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/toggle": "npm:^3.7.2"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/e3c535f00109d7409e1b42e4fc02313f28c7236d3689eb6de2861050c193f51a73dc27b512c8c3c733da7ec4329a7c6ace5a5ea8d75629215e63a9bf625c9db7
+  languageName: node
+  linkType: hard
+
+"@react-aria/calendar@npm:^3.5.6":
+  version: 3.5.6
+  resolution: "@react-aria/calendar@npm:3.5.6"
+  dependencies:
+    "@internationalized/date": "npm:^3.5.2"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/live-announcer": "npm:^3.3.2"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/calendar": "npm:^3.4.4"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/calendar": "npm:^3.4.4"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/85612ff6bcc20150ee33a5e690e581c636435cdab1c48a56e867207b24e64df464bbec87287a2c912aeffd9a43f9dbb4049ac211900f9fe98f4b33ea42cf0489
+  languageName: node
+  linkType: hard
+
+"@react-aria/checkbox@npm:^3.14.1":
+  version: 3.14.1
+  resolution: "@react-aria/checkbox@npm:3.14.1"
+  dependencies:
+    "@react-aria/form": "npm:^3.0.3"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/label": "npm:^3.7.6"
+    "@react-aria/toggle": "npm:^3.10.2"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/checkbox": "npm:^3.6.3"
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-stately/toggle": "npm:^3.7.2"
+    "@react-types/checkbox": "npm:^3.7.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/d579d277aff110e5cfecf3f4c25b4f635d227104558af5448d18bce32c5a85663d728ac3814347ca3d5c9088a76f09a04ce858e4c2853d7cc4709e4146ab96f1
+  languageName: node
+  linkType: hard
+
+"@react-aria/combobox@npm:^3.8.4":
+  version: 3.8.4
+  resolution: "@react-aria/combobox@npm:3.8.4"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/listbox": "npm:^3.11.5"
+    "@react-aria/live-announcer": "npm:^3.3.2"
+    "@react-aria/menu": "npm:^3.13.1"
+    "@react-aria/overlays": "npm:^3.21.1"
+    "@react-aria/selection": "npm:^3.17.5"
+    "@react-aria/textfield": "npm:^3.14.3"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/combobox": "npm:^3.8.2"
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/combobox": "npm:^3.10.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/abe760b78d4b7de41131816f7939a2fceed9acb1531a2c3e471230f9d2de01661ae891faf01ffe95b426bbe5f29960d7bd7ce7f54631e3d85e51a27556775aad
+  languageName: node
+  linkType: hard
+
+"@react-aria/datepicker@npm:^3.9.3":
+  version: 3.9.3
+  resolution: "@react-aria/datepicker@npm:3.9.3"
+  dependencies:
+    "@internationalized/date": "npm:^3.5.2"
+    "@internationalized/number": "npm:^3.5.1"
+    "@internationalized/string": "npm:^3.2.1"
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/form": "npm:^3.0.3"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/label": "npm:^3.7.6"
+    "@react-aria/spinbutton": "npm:^3.6.3"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/datepicker": "npm:^3.9.2"
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/calendar": "npm:^3.4.4"
+    "@react-types/datepicker": "npm:^3.7.2"
+    "@react-types/dialog": "npm:^3.5.8"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/c6d27d3dd75e9e9fd958d0b08982e8517a49400c02bd37cb75a2e31839b024388d63cb53200cf4a654c83dd61049d5d687f716789ee6d7d915b1b9c45164e9b8
+  languageName: node
+  linkType: hard
+
+"@react-aria/dialog@npm:^3.5.12":
+  version: 3.5.12
+  resolution: "@react-aria/dialog@npm:3.5.12"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/overlays": "npm:^3.21.1"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/dialog": "npm:^3.5.8"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/3de699980e8582056675fef747746c23f8875940d85bd6dafadacf9e59c0edd0d9b1dc2f011fb1cfbcbdebdf4a2796fa9bc19e953c4c809f671151975031d6bf
+  languageName: node
+  linkType: hard
+
+"@react-aria/dnd@npm:^3.5.3":
+  version: 3.5.3
+  resolution: "@react-aria/dnd@npm:3.5.3"
+  dependencies:
+    "@internationalized/string": "npm:^3.2.1"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/live-announcer": "npm:^3.3.2"
+    "@react-aria/overlays": "npm:^3.21.1"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/dnd": "npm:^3.2.8"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/6fe1cd94956167bfc0f4aeaab6f87edec082a996d8745dde5113ae09c63d5d70e2b0648cb1357d54e0f7a62b34002f2d6a499bf2486f78ba7f7fbfac6db9aa58
+  languageName: node
+  linkType: hard
+
+"@react-aria/focus@npm:^3.16.2":
+  version: 3.16.2
+  resolution: "@react-aria/focus@npm:3.16.2"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+    clsx: "npm:^2.0.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/da25d79534443652ed2ad560ce1e56653a28ac5ccbd5a7be2822c11b748f46e8a544f37bea0bff8ad1a82493c77c6f17c418c86c995abe45df36fbe33bae0156
+  languageName: node
+  linkType: hard
+
+"@react-aria/form@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "@react-aria/form@npm:3.0.3"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/2b4f6f7a33c1cfc1f82f05a2433d5bd9dfda93b2dd365c16631fe63c32d113ca11353ae2151274f6b8e1ad3885aecaf569b357b24cf7464b8436ba6785eca2ee
+  languageName: node
+  linkType: hard
+
+"@react-aria/grid@npm:^3.8.8":
+  version: 3.8.8
+  resolution: "@react-aria/grid@npm:3.8.8"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/live-announcer": "npm:^3.3.2"
+    "@react-aria/selection": "npm:^3.17.5"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/grid": "npm:^3.8.5"
+    "@react-stately/selection": "npm:^3.14.3"
+    "@react-stately/virtualizer": "npm:^3.6.8"
+    "@react-types/checkbox": "npm:^3.7.1"
+    "@react-types/grid": "npm:^3.2.4"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/61e1d82b39c8c7638465060826f6bbf19a971294f6060fcdbc13d3b326c696b8cdc2c88d49d07b66f894cb5aaa76ab324cf8ba8e112e894122d330ab6f4b3a58
+  languageName: node
+  linkType: hard
+
+"@react-aria/gridlist@npm:^3.7.5":
+  version: 3.7.5
+  resolution: "@react-aria/gridlist@npm:3.7.5"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/grid": "npm:^3.8.8"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/selection": "npm:^3.17.5"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/list": "npm:^3.10.3"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/dd540ee75105a40a9a1f23dcdea6e6e54d901e823d43a18bc2c1653791cdbf41a375834e9dce6c279703657239cb9651cc9e6c61449e981c0a2d11e260d7abae
+  languageName: node
+  linkType: hard
+
+"@react-aria/i18n@npm:^3.10.2":
+  version: 3.10.2
+  resolution: "@react-aria/i18n@npm:3.10.2"
+  dependencies:
+    "@internationalized/date": "npm:^3.5.2"
+    "@internationalized/message": "npm:^3.1.2"
+    "@internationalized/number": "npm:^3.5.1"
+    "@internationalized/string": "npm:^3.2.1"
+    "@react-aria/ssr": "npm:^3.9.2"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/e24558e3f659246b59e5a2862a99debec7cd9ec152c74fbfbfc15c0816a77448d455a131790b954697fcc0bf8633bc102c1b27121a8b7043820563c7b5987095
+  languageName: node
+  linkType: hard
+
+"@react-aria/interactions@npm:^3.21.1":
+  version: 3.21.1
+  resolution: "@react-aria/interactions@npm:3.21.1"
+  dependencies:
+    "@react-aria/ssr": "npm:^3.9.2"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/ca0918dca1ee41e7ac9129eeb5a23f02a9043cae55f0ee381dc93bd763ac31928a809e029e8bd144223b0f44275736b29079d99fbd22891c244f09c50d16665b
+  languageName: node
+  linkType: hard
+
+"@react-aria/label@npm:^3.7.6":
+  version: 3.7.6
+  resolution: "@react-aria/label@npm:3.7.6"
+  dependencies:
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/812c2b4268f10c9927a6bfff6ef44c836afac0468c2a1e48c71fd5644792c9ee25f4d4b1c5a784cbbfa8c0369893ce0ca9eab8b63e9baf5bf255b240414a1c81
+  languageName: node
+  linkType: hard
+
+"@react-aria/link@npm:^3.6.5":
+  version: 3.6.5
+  resolution: "@react-aria/link@npm:3.6.5"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/link": "npm:^3.5.3"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/efc425d1991799c8577b2d0166def63b389dc58db7f45204bee4a86c16f127f610bf6d543a57eac7cfad5e85941400ea97bddb8e6b688c1da0c13f8893ca7c0c
+  languageName: node
+  linkType: hard
+
+"@react-aria/listbox@npm:^3.11.5":
+  version: 3.11.5
+  resolution: "@react-aria/listbox@npm:3.11.5"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/label": "npm:^3.7.6"
+    "@react-aria/selection": "npm:^3.17.5"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/list": "npm:^3.10.3"
+    "@react-types/listbox": "npm:^3.4.7"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/f3f9449c8bfae36b631994ea1beea804711ffae90be7a118c51b862c4a1b40011a504b8ffc537025184acce1ba07a20e4d2f57a1e14d3875b9ec305ea0eab257
+  languageName: node
+  linkType: hard
+
+"@react-aria/live-announcer@npm:^3.3.2":
+  version: 3.3.2
+  resolution: "@react-aria/live-announcer@npm:3.3.2"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  checksum: 10/32af58277cf132970f9974bbc2adc69119be98222757a0e0538a7aa42541d28aad6c084f2b0f0d6b5e8b06727a2ffed61413e448433fbe38a5ff2ce59477f75f
+  languageName: node
+  linkType: hard
+
+"@react-aria/menu@npm:^3.13.1":
+  version: 3.13.1
+  resolution: "@react-aria/menu@npm:3.13.1"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/overlays": "npm:^3.21.1"
+    "@react-aria/selection": "npm:^3.17.5"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/menu": "npm:^3.6.1"
+    "@react-stately/tree": "npm:^3.7.6"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/menu": "npm:^3.9.7"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/16ff5650950580688f752487126f6637f9f4fb0c44c753f205e43d676fb87dede868b013135795ca66b1a9c4e4ba70fc3a9dbcdbeb124c9231bacfa4a90d2360
+  languageName: node
+  linkType: hard
+
+"@react-aria/meter@npm:^3.4.11":
+  version: 3.4.11
+  resolution: "@react-aria/meter@npm:3.4.11"
+  dependencies:
+    "@react-aria/progress": "npm:^3.4.11"
+    "@react-types/meter": "npm:^3.3.7"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/026effea67234eb8b2c424625f09af89133947b1cb00a80cddfaa0ad41b14ccb304e707b10162f2e0adfb56b0610b519b0b86ba2d4f640388b1e75db2dda7ea4
+  languageName: node
+  linkType: hard
+
+"@react-aria/numberfield@npm:^3.11.1":
+  version: 3.11.1
+  resolution: "@react-aria/numberfield@npm:3.11.1"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/spinbutton": "npm:^3.6.3"
+    "@react-aria/textfield": "npm:^3.14.3"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-stately/numberfield": "npm:^3.9.1"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/numberfield": "npm:^3.8.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/2eec4cd6e19b720e4a7801a13e0c06febcd4efcf58f3b6e89fc84ffc4e72e38ed23321863caa226c3e3dd88572fec11888a6884b788a4d98c20fdfe6a4fcfa1a
+  languageName: node
+  linkType: hard
+
+"@react-aria/overlays@npm:^3.21.1":
+  version: 3.21.1
+  resolution: "@react-aria/overlays@npm:3.21.1"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/ssr": "npm:^3.9.2"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-aria/visually-hidden": "npm:^3.8.10"
+    "@react-stately/overlays": "npm:^3.6.5"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/overlays": "npm:^3.8.5"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/3143558dfb6e266194c0581475d10827d1296bb517e3cb3b50e4fe09a5e44a5616440a8f857389ab83572bbb507d738976651fcbf8eec9df0730a93aca159eb7
+  languageName: node
+  linkType: hard
+
+"@react-aria/progress@npm:^3.4.11":
+  version: 3.4.11
+  resolution: "@react-aria/progress@npm:3.4.11"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/label": "npm:^3.7.6"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/progress": "npm:^3.5.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/16bc8ce8a33b5bbe0152780f2d1343fb687107323b122e1602e55ac55132d21108be137e7d00f13529356e706e2d24400e78762533c33352b40c6cfc89d7b8d5
+  languageName: node
+  linkType: hard
+
+"@react-aria/radio@npm:^3.10.2":
+  version: 3.10.2
+  resolution: "@react-aria/radio@npm:3.10.2"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/form": "npm:^3.0.3"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/label": "npm:^3.7.6"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/radio": "npm:^3.10.2"
+    "@react-types/radio": "npm:^3.7.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/184287a6d54b9f3a6b7f3f4344fc8eaace617e584a29601fbd87bb96f0d732c660438201c4342900ca6fd05fc3bd29764e26c4346b7dbbd6104cd4ca17cf6150
+  languageName: node
+  linkType: hard
+
+"@react-aria/searchfield@npm:^3.7.3":
+  version: 3.7.3
+  resolution: "@react-aria/searchfield@npm:3.7.3"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/textfield": "npm:^3.14.3"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/searchfield": "npm:^3.5.1"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/searchfield": "npm:^3.5.3"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/5f85c001e2c677d7f48ffa389d054411644e2f4c584eb3a00e8eb1207d02e7d5da85f03da356670a8f335ab40385a3fcf4263dc1768372aaf9a0b8eafebbb6e3
+  languageName: node
+  linkType: hard
+
+"@react-aria/select@npm:^3.14.3":
+  version: 3.14.3
+  resolution: "@react-aria/select@npm:3.14.3"
+  dependencies:
+    "@react-aria/form": "npm:^3.0.3"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/label": "npm:^3.7.6"
+    "@react-aria/listbox": "npm:^3.11.5"
+    "@react-aria/menu": "npm:^3.13.1"
+    "@react-aria/selection": "npm:^3.17.5"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-aria/visually-hidden": "npm:^3.8.10"
+    "@react-stately/select": "npm:^3.6.2"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/select": "npm:^3.9.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/d3ddeb22afed02ad323b94420db3b9f87a3f29f9a97a52984d198c48e2465b352897f21dcf0c29eb4f98d078822e8a3c3815c4044c1a8deed21ef87ab1aba791
+  languageName: node
+  linkType: hard
+
+"@react-aria/selection@npm:^3.17.5":
+  version: 3.17.5
+  resolution: "@react-aria/selection@npm:3.17.5"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/selection": "npm:^3.14.3"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/d6fb38e79a2cac200dc46f22cdf1131188cbbe765a28d815b3503166339987bdebb37ba79b9f4abecdd8b83c2b26669064b8dbfc8913a665105a444d21cab0e5
+  languageName: node
+  linkType: hard
+
+"@react-aria/separator@npm:^3.3.11":
+  version: 3.3.11
+  resolution: "@react-aria/separator@npm:3.3.11"
+  dependencies:
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/e11e5b60a899da3b71c3afb23c666f7ac96090fadcd12b1d03ba278c80b8124023ddcff0d9628a3679db78d315c56d533172c032d87df429e8d8f40bd45991e5
+  languageName: node
+  linkType: hard
+
+"@react-aria/slider@npm:^3.7.6":
+  version: 3.7.6
+  resolution: "@react-aria/slider@npm:3.7.6"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/label": "npm:^3.7.6"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/slider": "npm:^3.5.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@react-types/slider": "npm:^3.7.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/9cbec4465cc099192ff17075c1cf10660b1567dbfe31a674aa76e16658163cc32af0c5009ca54ed728085d277e462d44852821be166e396a9f44a7cf0a5918ad
+  languageName: node
+  linkType: hard
+
+"@react-aria/spinbutton@npm:^3.6.3":
+  version: 3.6.3
+  resolution: "@react-aria/spinbutton@npm:3.6.3"
+  dependencies:
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/live-announcer": "npm:^3.3.2"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/ad39a9408cf1f8cbd7aae64161a3150bea3711b55d78b724c21e17ce46cfe3fb3bcecd31a15d4f380004e5d593c10f91a36ec3be0ff271a049792ef674cf6f0e
+  languageName: node
+  linkType: hard
+
+"@react-aria/ssr@npm:^3.9.2":
+  version: 3.9.2
+  resolution: "@react-aria/ssr@npm:3.9.2"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/fe4ce0ccc647d14f158724c0605433291f1403a73c82cb6654c323b5153fa3afbf0d36618bb3ecac38217b56837c27490c32b7d2082034b1171de6e95a4382a8
+  languageName: node
+  linkType: hard
+
+"@react-aria/switch@npm:^3.6.2":
+  version: 3.6.2
+  resolution: "@react-aria/switch@npm:3.6.2"
+  dependencies:
+    "@react-aria/toggle": "npm:^3.10.2"
+    "@react-stately/toggle": "npm:^3.7.2"
+    "@react-types/switch": "npm:^3.5.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/6eb2268652b92e3d156a1d63e5490ce3527f592b6f310ad725fa06379c5629d4db430b0f7482996ea8b0581db2e6dd083f132c84ae31401d4dcb8393806e61d3
+  languageName: node
+  linkType: hard
+
+"@react-aria/table@npm:^3.13.5":
+  version: 3.13.5
+  resolution: "@react-aria/table@npm:3.13.5"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/grid": "npm:^3.8.8"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/live-announcer": "npm:^3.3.2"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-aria/visually-hidden": "npm:^3.8.10"
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/flags": "npm:^3.0.1"
+    "@react-stately/table": "npm:^3.11.6"
+    "@react-stately/virtualizer": "npm:^3.6.8"
+    "@react-types/checkbox": "npm:^3.7.1"
+    "@react-types/grid": "npm:^3.2.4"
+    "@react-types/shared": "npm:^3.22.1"
+    "@react-types/table": "npm:^3.9.3"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/1b7bd3269f38ea745bc5e7356eb81139d6238e039d7e7fbfc43db5ecfabd27d15c6b1251b44cf1f2921ac4e5c82d0b8767ac839c5f4e724ba326c59bd1ed4c2e
+  languageName: node
+  linkType: hard
+
+"@react-aria/tabs@npm:^3.8.5":
+  version: 3.8.5
+  resolution: "@react-aria/tabs@npm:3.8.5"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/selection": "npm:^3.17.5"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/tabs": "npm:^3.6.4"
+    "@react-types/shared": "npm:^3.22.1"
+    "@react-types/tabs": "npm:^3.3.5"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/9a2c569c167c378cec709d1a38cbf628f14ae152c2cfbb0160c883212dd20c03657b172c880f2db79ae5b88e145210ddd150f4920ce2179702f9ba1ea7f501f8
+  languageName: node
+  linkType: hard
+
+"@react-aria/tag@npm:^3.3.3":
+  version: 3.3.3
+  resolution: "@react-aria/tag@npm:3.3.3"
+  dependencies:
+    "@react-aria/gridlist": "npm:^3.7.5"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/label": "npm:^3.7.6"
+    "@react-aria/selection": "npm:^3.17.5"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/list": "npm:^3.10.3"
+    "@react-types/button": "npm:^3.9.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/10aee2f83c1c5ae0a4954c50b8d3153708944ad391bdcf3f4deb0be87bb229a78834cafa9cd860988f3fc3d7a4757cff161becb7d761b4db98b2e280ba6d9e7c
+  languageName: node
+  linkType: hard
+
+"@react-aria/textfield@npm:^3.14.3":
+  version: 3.14.3
+  resolution: "@react-aria/textfield@npm:3.14.3"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/form": "npm:^3.0.3"
+    "@react-aria/label": "npm:^3.7.6"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@react-types/textfield": "npm:^3.9.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/db3ac87112d4da65762805247c7eace92cede25855d589e61a8e00ae0a7593ca6778ddb5d15f3499ff294153f356de6a12bb679d49f3848592df57fd8b4929d6
+  languageName: node
+  linkType: hard
+
+"@react-aria/toggle@npm:^3.10.2":
+  version: 3.10.2
+  resolution: "@react-aria/toggle@npm:3.10.2"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/toggle": "npm:^3.7.2"
+    "@react-types/checkbox": "npm:^3.7.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/fd402ca7e83674dcecfb95e18075bece6dbf49250610ac8260ee6543f651d8c07042110ec368747cc1bd82a0915f5e900df5c3a5c6fc55dd244f161661eb5c5b
+  languageName: node
+  linkType: hard
+
+"@react-aria/toolbar@npm:3.0.0-beta.3":
+  version: 3.0.0-beta.3
+  resolution: "@react-aria/toolbar@npm:3.0.0-beta.3"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/4d6541aa2ce3126c0705aa9edd44a305c7a37818c915ddd06efd1812f258b1d3a515225b651af4973ed2aa41268607338a9c929128fa9eaeab0510fd7b25717c
+  languageName: node
+  linkType: hard
+
+"@react-aria/tooltip@npm:^3.7.2":
+  version: 3.7.2
+  resolution: "@react-aria/tooltip@npm:3.7.2"
+  dependencies:
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/tooltip": "npm:^3.4.7"
+    "@react-types/shared": "npm:^3.22.1"
+    "@react-types/tooltip": "npm:^3.4.7"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/2f7017b97b01c612ef9e04b10275df0f52df1eaa581910754210f3d250e369596b740befbdac117c4a1ff3df39b4a9cbc9d5c5c5397adc5f261bb4394a3e8f04
+  languageName: node
+  linkType: hard
+
+"@react-aria/utils@npm:^3.23.2":
+  version: 3.23.2
+  resolution: "@react-aria/utils@npm:3.23.2"
+  dependencies:
+    "@react-aria/ssr": "npm:^3.9.2"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+    clsx: "npm:^2.0.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/132ac6e2e6f5eb7469a52ebc5a909ad2bdb8606b835c0cc8e5320447dc3cd34f8d0ed3441a75827ae1cd91bef435c0c6e463fec72fe4fa5fe565c7d87576301d
+  languageName: node
+  linkType: hard
+
+"@react-aria/visually-hidden@npm:^3.8.10":
+  version: 3.8.10
+  resolution: "@react-aria/visually-hidden@npm:3.8.10"
+  dependencies:
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/a7f9d8dccfeefb035d01ad8d9db4576f6acf7f0fcb94aad717cec177f113f6507f0dca0c7ee157abe40b358685b4cb84f9bce0c24dab2af753698ec8c1504264
+  languageName: node
+  linkType: hard
+
 "@react-hookz/deep-equal@npm:^1.0.4":
   version: 1.0.4
   resolution: "@react-hookz/deep-equal@npm:1.0.4"
@@ -3870,6 +4656,667 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@react-stately/calendar@npm:^3.4.4":
+  version: 3.4.4
+  resolution: "@react-stately/calendar@npm:3.4.4"
+  dependencies:
+    "@internationalized/date": "npm:^3.5.2"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/calendar": "npm:^3.4.4"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/c8beae06f86d52a1644eda56cdf5035ebe14c97e515c2932c101649da30e2447ec530e4de5e0ca0c18ef72c39ae6b12c1760b206d64cec27214ab001c23c4afd
+  languageName: node
+  linkType: hard
+
+"@react-stately/checkbox@npm:^3.6.3":
+  version: 3.6.3
+  resolution: "@react-stately/checkbox@npm:3.6.3"
+  dependencies:
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/checkbox": "npm:^3.7.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/ece58d7f0347e2e4df71475edd92fad38edfa247b940bac4ddac17c8baf2e670b2dd57c63201758cd2389f4ac4efcd40645ca2427463bf2ad1899619078ecbb9
+  languageName: node
+  linkType: hard
+
+"@react-stately/collections@npm:^3.10.5":
+  version: 3.10.5
+  resolution: "@react-stately/collections@npm:3.10.5"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/bf447652b19f16831b43c6cc2aa877c638756e08566f574a3b0d7c21cc60c523e90cc0ea7a2c3616dbf1d3b0724c2f354e99ae993c1633ab99b93e4bf35e09eb
+  languageName: node
+  linkType: hard
+
+"@react-stately/combobox@npm:^3.8.2":
+  version: 3.8.2
+  resolution: "@react-stately/combobox@npm:3.8.2"
+  dependencies:
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-stately/list": "npm:^3.10.3"
+    "@react-stately/overlays": "npm:^3.6.5"
+    "@react-stately/select": "npm:^3.6.2"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/combobox": "npm:^3.10.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/e2f5801fe74abe77c72f02768dfc2e79b1c0f253b973a28ed4bf81da8c5880343ca0f8b0fc624ce64f67ba66bd9a8e725476b69c1c1fa000234d14f10204ebca
+  languageName: node
+  linkType: hard
+
+"@react-stately/data@npm:^3.11.2":
+  version: 3.11.2
+  resolution: "@react-stately/data@npm:3.11.2"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/24f912c926d2466fd8493827b15099256d22f3a408054af832cb3b44b51cdfd96cba15e5697ec9b8b97f80e73f73d727a232b7dfe4f403dff52f54dae9b3172c
+  languageName: node
+  linkType: hard
+
+"@react-stately/datepicker@npm:^3.9.2":
+  version: 3.9.2
+  resolution: "@react-stately/datepicker@npm:3.9.2"
+  dependencies:
+    "@internationalized/date": "npm:^3.5.2"
+    "@internationalized/string": "npm:^3.2.1"
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-stately/overlays": "npm:^3.6.5"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/datepicker": "npm:^3.7.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/11392885e5d7dbce2ed6df095529785133429f178d47834445211f18e62afa166be05a1a8eacd62a0fa90a87eac33dd6773e2534716c1203b606d2ada4e5ed30
+  languageName: node
+  linkType: hard
+
+"@react-stately/dnd@npm:^3.2.8":
+  version: 3.2.8
+  resolution: "@react-stately/dnd@npm:3.2.8"
+  dependencies:
+    "@react-stately/selection": "npm:^3.14.3"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/007e479c2991fe7cce41d5fecd7f6b94a003857de1e1f9baa40714607ecd12332ffd8e1ea8567f96a6a00c454256e4e0e99e764c9aa68148a455c28d21465ef1
+  languageName: node
+  linkType: hard
+
+"@react-stately/flags@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "@react-stately/flags@npm:3.0.1"
+  dependencies:
+    "@swc/helpers": "npm:^0.4.14"
+  checksum: 10/9fd6731a3bb74c613d427a5457a8e1dcec1c596352d912e006005ecf9aeefa51f76b553993456dde927cdbb3237cc6d95bcd7dbd60b2917638c9cd05ad019460
+  languageName: node
+  linkType: hard
+
+"@react-stately/form@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "@react-stately/form@npm:3.0.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/a734c9a93320d518480114aeff35540204aaca116e64973d9c817a5a73479c0a40eee882ccc0e22979e0bc1cfbec22ab703fc4b10f5197a92a75b73ea8ea69d0
+  languageName: node
+  linkType: hard
+
+"@react-stately/grid@npm:^3.8.5":
+  version: 3.8.5
+  resolution: "@react-stately/grid@npm:3.8.5"
+  dependencies:
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/selection": "npm:^3.14.3"
+    "@react-types/grid": "npm:^3.2.4"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/5d38d707f090d5a1e84038ce0145ca72d509d12bd825407952767842f4b6db1c995f2bd95bb7206f506d4f67c35bde66b89172aaba7f2f495867d0950aaa96b8
+  languageName: node
+  linkType: hard
+
+"@react-stately/list@npm:^3.10.3":
+  version: 3.10.3
+  resolution: "@react-stately/list@npm:3.10.3"
+  dependencies:
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/selection": "npm:^3.14.3"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/c9009a30df5607ec618632f11b013c13abfbef6e0e54a1a49aeb4385a97a910cece7568aa1055fe0ba6b888d3f24f9fa0cbad963e4a84637cd8cf0339fdd3982
+  languageName: node
+  linkType: hard
+
+"@react-stately/menu@npm:^3.6.1":
+  version: 3.6.1
+  resolution: "@react-stately/menu@npm:3.6.1"
+  dependencies:
+    "@react-stately/overlays": "npm:^3.6.5"
+    "@react-types/menu": "npm:^3.9.7"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/21c7c4c1415ce78573aee4dc8e4c64bd5c500ee0203a819a6da5188e12232776eff25111c6fc76214285dcc3778a174f830606173ad08f97958cf585924f3fcb
+  languageName: node
+  linkType: hard
+
+"@react-stately/numberfield@npm:^3.9.1":
+  version: 3.9.1
+  resolution: "@react-stately/numberfield@npm:3.9.1"
+  dependencies:
+    "@internationalized/number": "npm:^3.5.1"
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/numberfield": "npm:^3.8.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/e8b8833cca6d524f7ea76b7d854d4b1ad5e419355502c220bab5e4bb8e45dbf2094c30c80f68471f814ebeb48bd58fa8050988edd0a48eb62421e299b44eddca
+  languageName: node
+  linkType: hard
+
+"@react-stately/overlays@npm:^3.6.5":
+  version: 3.6.5
+  resolution: "@react-stately/overlays@npm:3.6.5"
+  dependencies:
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/overlays": "npm:^3.8.5"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/83805f078eb42290ddb9f88d8cbd7403a4d5f15177fce4c9f8cec91acf177af1d5a414472c58029fc1f8bf6730d5ca9716a8b3cd750f2afd6b57e592a7f09ef7
+  languageName: node
+  linkType: hard
+
+"@react-stately/radio@npm:^3.10.2":
+  version: 3.10.2
+  resolution: "@react-stately/radio@npm:3.10.2"
+  dependencies:
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/radio": "npm:^3.7.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/1c6d46c6342e6f96ced268bbf397aa10fcc536b22ee593af9031aea3a16be9f4876fb6b45cdb65aacfe665ad5671f3f64cf029b9c4b4698cbf157a363dddafe3
+  languageName: node
+  linkType: hard
+
+"@react-stately/searchfield@npm:^3.5.1":
+  version: 3.5.1
+  resolution: "@react-stately/searchfield@npm:3.5.1"
+  dependencies:
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/searchfield": "npm:^3.5.3"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/dfdc257a7e75e2ba81e1ca578570b14d57200472a85d58dd91cfcfb60d372c81a7f79401802a4f611d35831bbd7a619185b812afdd05e20430feb00afff5fbeb
+  languageName: node
+  linkType: hard
+
+"@react-stately/select@npm:^3.6.2":
+  version: 3.6.2
+  resolution: "@react-stately/select@npm:3.6.2"
+  dependencies:
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-stately/list": "npm:^3.10.3"
+    "@react-stately/overlays": "npm:^3.6.5"
+    "@react-types/select": "npm:^3.9.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/9df52dba77b4bf383ffd9ce8552442de198f6bb8ece78cdc4a9075a4bea334c4dff2d7d115b2a3258f0169c212cc0dbfa1df623207c1917af908b853c9897769
+  languageName: node
+  linkType: hard
+
+"@react-stately/selection@npm:^3.14.3":
+  version: 3.14.3
+  resolution: "@react-stately/selection@npm:3.14.3"
+  dependencies:
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/43bc7c6c21198d93037fdf107e86149ecdbd6f8618d7c0469cfdfc30db450b9b04e9ec9ef238e7e473e04cdfc127af822553eed5d7e2d69921adbb2131bd2cc6
+  languageName: node
+  linkType: hard
+
+"@react-stately/slider@npm:^3.5.2":
+  version: 3.5.2
+  resolution: "@react-stately/slider@npm:3.5.2"
+  dependencies:
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@react-types/slider": "npm:^3.7.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/d1553e12102579972c1b2f07d0dac178af7476f5419117b87dbabb48d631613d9a44ce4528ebb2a459a6d568c7797000dad62a454b1051419ca018fae8f1e101
+  languageName: node
+  linkType: hard
+
+"@react-stately/table@npm:^3.11.6":
+  version: 3.11.6
+  resolution: "@react-stately/table@npm:3.11.6"
+  dependencies:
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/flags": "npm:^3.0.1"
+    "@react-stately/grid": "npm:^3.8.5"
+    "@react-stately/selection": "npm:^3.14.3"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/grid": "npm:^3.2.4"
+    "@react-types/shared": "npm:^3.22.1"
+    "@react-types/table": "npm:^3.9.3"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/4af9888ee1ec0bde3d683aa81a0e768ddca2589323386327bf36328bb47729589b58e81ea504cae69f6193b520cd8fe73e253ea5dbc9f6a9bc7feefc76185550
+  languageName: node
+  linkType: hard
+
+"@react-stately/tabs@npm:^3.6.4":
+  version: 3.6.4
+  resolution: "@react-stately/tabs@npm:3.6.4"
+  dependencies:
+    "@react-stately/list": "npm:^3.10.3"
+    "@react-types/shared": "npm:^3.22.1"
+    "@react-types/tabs": "npm:^3.3.5"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/28dd71e3e5bf5dd31facd394f4cbae1021faa0a16dec382a5a588918708f0e8167b61905665f07653debfef21d17fa0ad949cb7660887c45a05078a8028dc3bc
+  languageName: node
+  linkType: hard
+
+"@react-stately/toggle@npm:^3.7.2":
+  version: 3.7.2
+  resolution: "@react-stately/toggle@npm:3.7.2"
+  dependencies:
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/checkbox": "npm:^3.7.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/6805c874c647fd16331a6ec00cf1a8e5d1c1ca9e91cbda4410e8d5dd17d999810593e24b28e9e34f6a9aa0f5c9828aa5ed392bf99483f6fb133ca3c1743b2883
+  languageName: node
+  linkType: hard
+
+"@react-stately/tooltip@npm:^3.4.7":
+  version: 3.4.7
+  resolution: "@react-stately/tooltip@npm:3.4.7"
+  dependencies:
+    "@react-stately/overlays": "npm:^3.6.5"
+    "@react-types/tooltip": "npm:^3.4.7"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/05487e629daa27c2789498fbf1f37f416e68f2fd1a527d977d07b49ccaec4e82d7482fa343ab4086e7dd0a468b8bdd75a07dddc4c4b002b5998a06a950a641d5
+  languageName: node
+  linkType: hard
+
+"@react-stately/tree@npm:^3.7.6":
+  version: 3.7.6
+  resolution: "@react-stately/tree@npm:3.7.6"
+  dependencies:
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/selection": "npm:^3.14.3"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/e8e2d5f874e50312b06b41702cbd5a301601b72df37b6edeb4199f64069dd2c07de946316e1150a7a167292c133bb95dd6e6d3a086c82bd4c5c44e1862c47a8e
+  languageName: node
+  linkType: hard
+
+"@react-stately/utils@npm:3.9.1, @react-stately/utils@npm:^3.9.1":
+  version: 3.9.1
+  resolution: "@react-stately/utils@npm:3.9.1"
+  dependencies:
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/17ddef6415db0950c474c6ad87a0d7b20a98aac817771887922ea6c6a90b9b91eb49205adf021349034f8da012fc0e3c30f6c9b378265ae6d0df93c3b4104b53
+  languageName: node
+  linkType: hard
+
+"@react-stately/virtualizer@npm:^3.6.8":
+  version: 3.6.8
+  resolution: "@react-stately/virtualizer@npm:3.6.8"
+  dependencies:
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-types/shared": "npm:^3.22.1"
+    "@swc/helpers": "npm:^0.5.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/d0e26d14aa2c3a31efd61e2d037788e80052439fe364c1f61f13c30cfdd5abc670fc980a0b6479d0921aca4ed7a6cfee40b29193042bd5e09162b2a428d91c72
+  languageName: node
+  linkType: hard
+
+"@react-types/breadcrumbs@npm:^3.7.3":
+  version: 3.7.3
+  resolution: "@react-types/breadcrumbs@npm:3.7.3"
+  dependencies:
+    "@react-types/link": "npm:^3.5.3"
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/4ec1f9bfd3ce2980d3691a0a2ca9a436212e38599e3b883241a587ecb6575cc60ba12f9f24288987ec98f3f19ededc9fbf021782724e23b0e8d1e87647f08447
+  languageName: node
+  linkType: hard
+
+"@react-types/button@npm:^3.9.2":
+  version: 3.9.2
+  resolution: "@react-types/button@npm:3.9.2"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/8393ba87dfd6ca73fedf8f7ab3567361f1d6057f640346f2a0cc631e9659ad7c1aa2ddb255e1df6b880d8f6cd209e8c9d1d01c73e2ee2a149f180d8ebaabf1db
+  languageName: node
+  linkType: hard
+
+"@react-types/calendar@npm:^3.4.4":
+  version: 3.4.4
+  resolution: "@react-types/calendar@npm:3.4.4"
+  dependencies:
+    "@internationalized/date": "npm:^3.5.2"
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/def8bdf94b38df3c2c49f63fe505734ad24669d87a5e917c061fd198b759e5561a9f89e4137278740ef6d6b441518f6f2dd51e1916a7ddff7d7d0878bd63a5b6
+  languageName: node
+  linkType: hard
+
+"@react-types/checkbox@npm:^3.7.1":
+  version: 3.7.1
+  resolution: "@react-types/checkbox@npm:3.7.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/d8d1b860225bf29ae335b6e9e5b814e74f75ef498acc93fc08ad411ada078399e407b146e15a3ff2ab6003b44a34cf0c26f327c1a25f43baaf633cb2999a2836
+  languageName: node
+  linkType: hard
+
+"@react-types/combobox@npm:^3.10.1":
+  version: 3.10.1
+  resolution: "@react-types/combobox@npm:3.10.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/5c1fcad50731387da3d77820e55605a0a2e7c6371e2c6b0ef9a567f727cf63856b69aef8d8448765f78c940fd89835391b5afa2fe6a87f2809b6908b615578a7
+  languageName: node
+  linkType: hard
+
+"@react-types/datepicker@npm:^3.7.2":
+  version: 3.7.2
+  resolution: "@react-types/datepicker@npm:3.7.2"
+  dependencies:
+    "@internationalized/date": "npm:^3.5.2"
+    "@react-types/calendar": "npm:^3.4.4"
+    "@react-types/overlays": "npm:^3.8.5"
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/4a8495a9079e88a0847ef67d07423e350161239aae4c17657fee765f9929456ad49f061e1a3b3e1ac4936898ed1cc9ac718cb2c24c4afde8068907bed7c08408
+  languageName: node
+  linkType: hard
+
+"@react-types/dialog@npm:^3.5.8":
+  version: 3.5.8
+  resolution: "@react-types/dialog@npm:3.5.8"
+  dependencies:
+    "@react-types/overlays": "npm:^3.8.5"
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/c0c387367fd697dff96fa7252cdd1d63fe7c871c93f57ed313c890ef1366e0dd85763966e1e9adc16aa9486414075b349757198572c5c5feb010897f6af9d0bf
+  languageName: node
+  linkType: hard
+
+"@react-types/form@npm:^3.7.2":
+  version: 3.7.2
+  resolution: "@react-types/form@npm:3.7.2"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/caead2f12d6c784b12e80be1de5a4521f7229897b8ed762e6af5bd31e3aa2343f8d33183c493e29c82637f40b652ba8bf2c249788b10b42113eb7cb1b3b1f522
+  languageName: node
+  linkType: hard
+
+"@react-types/grid@npm:^3.2.4":
+  version: 3.2.4
+  resolution: "@react-types/grid@npm:3.2.4"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/44246cd315f339ed3d1ea5cecf8b56b6677d6c15c26e6bda77cf256b5f148adcc4bbbbfb3adc949e408a5118039474c69038526cf5ff65ec2ff2fccc75b45666
+  languageName: node
+  linkType: hard
+
+"@react-types/link@npm:^3.5.3":
+  version: 3.5.3
+  resolution: "@react-types/link@npm:3.5.3"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/55e23b17ec5935b8246048b99c719645d65bbf179822f818a66e21097bc49a23f9214b2677f631cec799dbe8aaf25c5fb61f30a5d8a30e2c7fdf14445058cb3b
+  languageName: node
+  linkType: hard
+
+"@react-types/listbox@npm:^3.4.7":
+  version: 3.4.7
+  resolution: "@react-types/listbox@npm:3.4.7"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/3c8e938fb9e0c4761a770711da7d084222b3fedcf094c49dc37a441fb07bfcd2b10dc25460d29565538f6dcb1e200ff05d1c6c2fb16a0e503003e3dfc2a8a09b
+  languageName: node
+  linkType: hard
+
+"@react-types/menu@npm:^3.9.7":
+  version: 3.9.7
+  resolution: "@react-types/menu@npm:3.9.7"
+  dependencies:
+    "@react-types/overlays": "npm:^3.8.5"
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/97cec66432e6c53909dab25d9a7d5c2646d484caeb6c4eff402f152baf667079ef5774c31098f29d66045a1b0f841b0cd579aaa1948353631739ddf61042a0e7
+  languageName: node
+  linkType: hard
+
+"@react-types/meter@npm:^3.3.7":
+  version: 3.3.7
+  resolution: "@react-types/meter@npm:3.3.7"
+  dependencies:
+    "@react-types/progress": "npm:^3.5.2"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/d9e697640efc198f441775b8a007f9653df86451d5dca491db9240cf0437df16c9118014eee4add23bd5015bbf72b63761256b2334597feb1c277fb6573024e5
+  languageName: node
+  linkType: hard
+
+"@react-types/numberfield@npm:^3.8.1":
+  version: 3.8.1
+  resolution: "@react-types/numberfield@npm:3.8.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/aa647a5573ff8ac52a43c5f2a2dc348d3d39d097f976ac44b8fe8e61bd8fc9f8b1c3447ac7b36d2e39df36f45f8776055a3cb9c0f84566e747cf99188e47572c
+  languageName: node
+  linkType: hard
+
+"@react-types/overlays@npm:^3.8.5":
+  version: 3.8.5
+  resolution: "@react-types/overlays@npm:3.8.5"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/6c952fdbe7724b07cade95e8d3fe6bf61cb6e993b730051c1ada33da2afe246e3124a8981127977cc55f6df32124b049504fda7d19593446895559ca00a9f0b9
+  languageName: node
+  linkType: hard
+
+"@react-types/progress@npm:^3.5.2":
+  version: 3.5.2
+  resolution: "@react-types/progress@npm:3.5.2"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/1ddda7a41c51b22dabc1a7b1a6bc7ae10afbd93676a5b288415e600909b6c4ccf762ea4c6c8f7bf04b2ca3216ef389075bf5448400587de675e65840c715bcca
+  languageName: node
+  linkType: hard
+
+"@react-types/radio@npm:^3.7.1":
+  version: 3.7.1
+  resolution: "@react-types/radio@npm:3.7.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/a400034d69f9963664ac608ef35e50f5e3090f095800de0d88d78883bb3465392a8c3f2ff043c84c5c08abb8186b5a544f9897ff80e81fd2a07498be8408b86c
+  languageName: node
+  linkType: hard
+
+"@react-types/searchfield@npm:^3.5.3":
+  version: 3.5.3
+  resolution: "@react-types/searchfield@npm:3.5.3"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+    "@react-types/textfield": "npm:^3.9.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/ee3847b33318cef9ad84ad59c7ae1c326046d24e79a5a94bf1636c9d6d5376bf001454343af797043e2216ecb2573b19877fced24534269b9eb092b410f49869
+  languageName: node
+  linkType: hard
+
+"@react-types/select@npm:^3.9.2":
+  version: 3.9.2
+  resolution: "@react-types/select@npm:3.9.2"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/13ded3c246304acc250bd21a54211b64732eaf8c9e4127c2ba61f440aa7d172f560d5cb64cf5d580cfbaeaadc54946c0b159097f5066cf69789c4ea776c7a116
+  languageName: node
+  linkType: hard
+
+"@react-types/shared@npm:^3.22.1":
+  version: 3.22.1
+  resolution: "@react-types/shared@npm:3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/da5fc6775a79ae8148d80a6cd7025ff0d44462c5b8923cdd072ac34626ac7416049f297ec078ebed29fd49d65fd356f21ede9587517b88f20f9d6236107c1333
+  languageName: node
+  linkType: hard
+
+"@react-types/slider@npm:^3.7.1":
+  version: 3.7.1
+  resolution: "@react-types/slider@npm:3.7.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/36a53097dfa39c10f53d4bd0af62502785bf958623cab23df6cec26842484db76e64c2ce44cbd3202a60eb41f3dc0733b4b7bb71a4eb124bf9996e84eb6f38d5
+  languageName: node
+  linkType: hard
+
+"@react-types/switch@npm:^3.5.1":
+  version: 3.5.1
+  resolution: "@react-types/switch@npm:3.5.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/8798a3c6f88951dc88bfff7059c243fe0247bf352a1954b78ca0c9fb9ed764415b6fe89849a33aab72b4a2e73f3540b7ca28aefd791e34a1a4053ee723e91b16
+  languageName: node
+  linkType: hard
+
+"@react-types/table@npm:^3.9.3":
+  version: 3.9.3
+  resolution: "@react-types/table@npm:3.9.3"
+  dependencies:
+    "@react-types/grid": "npm:^3.2.4"
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/6483078311ad6fe16cbe3ae1896962ff95509b843641dbb2b2cc0c437fe8a4b1493aecb6cff5b5364f76e43b591e13837c14daef12b6dac087d5395e828594e8
+  languageName: node
+  linkType: hard
+
+"@react-types/tabs@npm:^3.3.5":
+  version: 3.3.5
+  resolution: "@react-types/tabs@npm:3.3.5"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/1df4042f8f8eadaa60ab91ffcd5d3c75636c86a6f98660b902e8aeb9c4bcc6ee3581d40bf3c48318dd591690ab8b555b3a0a3ac0d35dea1f3e03a2679008e686
+  languageName: node
+  linkType: hard
+
+"@react-types/textfield@npm:^3.9.1":
+  version: 3.9.1
+  resolution: "@react-types/textfield@npm:3.9.1"
+  dependencies:
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/978c3190c0a0e585d948f137b21dabd3cf2c7cbee63598c5bfd9da94cec890193801a27a4b143771609ac26e99dc47039e55d3d3ec86d7aa5488a59b5afd3c49
+  languageName: node
+  linkType: hard
+
+"@react-types/tooltip@npm:^3.4.7":
+  version: 3.4.7
+  resolution: "@react-types/tooltip@npm:3.4.7"
+  dependencies:
+    "@react-types/overlays": "npm:^3.8.5"
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/cca3b7df6b58514c1f3bb8ef7eb42ae2c8d527472733db80c12f9a898a869a6537022b9a146baf37cca70f6bd88192b26bfb249eb6798e79e66b8c331a75447d
+  languageName: node
+  linkType: hard
+
 "@repeaterjs/repeater@npm:3.0.4":
   version: 3.0.4
   resolution: "@repeaterjs/repeater@npm:3.0.4"
@@ -4360,6 +5807,7 @@ __metadata:
     tailwindcss: "npm:3.4.1"
     tailwindcss-3d: "npm:^1.0.5"
     tailwindcss-animate: "npm:^1.0.7"
+    tailwindcss-react-aria-components: "npm:^1.1.1"
     ts-invariant: "npm:^0.10.3"
     tsup: "npm:8.0.2"
     type-fest: "npm:^4.10.2"
@@ -4408,6 +5856,7 @@ __metadata:
     "@radix-ui/react-select": "npm:2.0.0"
     "@radix-ui/react-tooltip": "npm:1.0.7"
     "@react-hookz/web": "npm:24.0.4"
+    "@react-stately/utils": "npm:3.9.1"
     "@sentry/nextjs": "npm:7.100.1"
     "@spear-ai/eslint-config": "npm:17.1.0"
     "@spear-ai/logo": "npm:2.1.1"
@@ -4437,11 +5886,13 @@ __metadata:
     postcss: "npm:8.4.35"
     prettier: "npm:3.2.5"
     react: "npm:18.2.0"
+    react-aria-components: "npm:1.1.1"
     react-dom: "npm:18.2.0"
     react-hook-form: "npm:7.50.1"
     react-intl: "npm:6.6.2"
     storybook: "npm:8.0.0-beta.0"
     tailwindcss: "npm:3.4.1"
+    tailwindcss-react-aria-components: "npm:1.1.1"
     ts-invariant: "npm:0.10.3"
     turbo: "npm:1.12.3"
     typescript: "npm:5.3.3"
@@ -5472,7 +6923,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/helpers@npm:0.5.6":
+"@swc/helpers@npm:0.5.6, @swc/helpers@npm:^0.5.0":
   version: 0.5.6
   resolution: "@swc/helpers@npm:0.5.6"
   dependencies:
@@ -5481,6 +6932,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/helpers@npm:^0.4.14":
+  version: 0.4.36
+  resolution: "@swc/helpers@npm:0.4.36"
+  dependencies:
+    legacy-swc-helpers: "npm:@swc/helpers@=0.4.14"
+    tslib: "npm:^2.4.0"
+  checksum: 10/fe1e51af79315b58f648d0f377cbd3e8c3cc8c0a6d9b2435a2935c5d1bbb483fb3299e8fcb2f360488b5c4fc4e06494d42c751bf4f853c3582cf467791b2a161
+  languageName: node
+  linkType: hard
+
 "@tailwindcss/container-queries@npm:^0.1.1":
   version: 0.1.1
   resolution: "@tailwindcss/container-queries@npm:0.1.1"
@@ -7979,7 +9440,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"client-only@npm:0.0.1":
+"client-only@npm:0.0.1, client-only@npm:^0.0.1":
   version: 0.0.1
   resolution: "client-only@npm:0.0.1"
   checksum: 10/0c16bf660dadb90610553c1d8946a7fdfb81d624adea073b8440b7d795d5b5b08beb3c950c6a2cf16279365a3265158a236876d92bce16423c485c322d7dfaf8
@@ -8026,6 +9487,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clsx@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "clsx@npm:2.1.0"
+  checksum: 10/2e0ce7c3b6803d74fc8147c408f88e79245583202ac14abd9691e2aebb9f312de44270b79154320d10bb7804a9197869635d1291741084826cff20820f31542b
+  languageName: node
+  linkType: hard
+
 "color-convert@npm:^1.9.0":
   version: 1.9.3
   resolution: "color-convert@npm:1.9.3"
@@ -11685,7 +13153,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"intl-messageformat@npm:10.5.11":
+"intl-messageformat@npm:10.5.11, intl-messageformat@npm:^10.1.0":
   version: 10.5.11
   resolution: "intl-messageformat@npm:10.5.11"
   dependencies:
@@ -12674,6 +14142,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"legacy-swc-helpers@npm:@swc/helpers@=0.4.14":
+  version: 0.4.14
+  resolution: "@swc/helpers@npm:0.4.14"
+  dependencies:
+    tslib: "npm:^2.4.0"
+  checksum: 10/236afd445fb22e3df7aa84336d5c45d29e021ad01917aa7c24267330df8b39ed89c3d8d9836ac2ac7569b46923591d0e49174f72df7fb997aea841d08f374dbd
+  languageName: node
+  linkType: hard
+
 "leven@npm:^3.1.0":
   version: 3.1.0
   resolution: "leven@npm:3.1.0"
@@ -15139,6 +16616,84 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-aria-components@npm:1.1.1":
+  version: 1.1.1
+  resolution: "react-aria-components@npm:1.1.1"
+  dependencies:
+    "@internationalized/date": "npm:^3.5.2"
+    "@internationalized/string": "npm:^3.2.1"
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/menu": "npm:^3.13.1"
+    "@react-aria/toolbar": "npm:3.0.0-beta.3"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-stately/menu": "npm:^3.6.1"
+    "@react-stately/table": "npm:^3.11.6"
+    "@react-stately/utils": "npm:^3.9.1"
+    "@react-types/form": "npm:^3.7.2"
+    "@react-types/grid": "npm:^3.2.4"
+    "@react-types/shared": "npm:^3.22.1"
+    "@react-types/table": "npm:^3.9.3"
+    "@swc/helpers": "npm:^0.5.0"
+    client-only: "npm:^0.0.1"
+    react-aria: "npm:^3.32.1"
+    react-stately: "npm:^3.30.1"
+    use-sync-external-store: "npm:^1.2.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/c3e92afa10df49e66ef9022b397f55780a84ec76b383f64e7aaa7a5a8053330f18c673b2904f5b379f1c2d80369e5eaf9a8c0e68df6d7efd684746300f184e09
+  languageName: node
+  linkType: hard
+
+"react-aria@npm:^3.32.1":
+  version: 3.32.1
+  resolution: "react-aria@npm:3.32.1"
+  dependencies:
+    "@internationalized/string": "npm:^3.2.1"
+    "@react-aria/breadcrumbs": "npm:^3.5.11"
+    "@react-aria/button": "npm:^3.9.3"
+    "@react-aria/calendar": "npm:^3.5.6"
+    "@react-aria/checkbox": "npm:^3.14.1"
+    "@react-aria/combobox": "npm:^3.8.4"
+    "@react-aria/datepicker": "npm:^3.9.3"
+    "@react-aria/dialog": "npm:^3.5.12"
+    "@react-aria/dnd": "npm:^3.5.3"
+    "@react-aria/focus": "npm:^3.16.2"
+    "@react-aria/gridlist": "npm:^3.7.5"
+    "@react-aria/i18n": "npm:^3.10.2"
+    "@react-aria/interactions": "npm:^3.21.1"
+    "@react-aria/label": "npm:^3.7.6"
+    "@react-aria/link": "npm:^3.6.5"
+    "@react-aria/listbox": "npm:^3.11.5"
+    "@react-aria/menu": "npm:^3.13.1"
+    "@react-aria/meter": "npm:^3.4.11"
+    "@react-aria/numberfield": "npm:^3.11.1"
+    "@react-aria/overlays": "npm:^3.21.1"
+    "@react-aria/progress": "npm:^3.4.11"
+    "@react-aria/radio": "npm:^3.10.2"
+    "@react-aria/searchfield": "npm:^3.7.3"
+    "@react-aria/select": "npm:^3.14.3"
+    "@react-aria/selection": "npm:^3.17.5"
+    "@react-aria/separator": "npm:^3.3.11"
+    "@react-aria/slider": "npm:^3.7.6"
+    "@react-aria/ssr": "npm:^3.9.2"
+    "@react-aria/switch": "npm:^3.6.2"
+    "@react-aria/table": "npm:^3.13.5"
+    "@react-aria/tabs": "npm:^3.8.5"
+    "@react-aria/tag": "npm:^3.3.3"
+    "@react-aria/textfield": "npm:^3.14.3"
+    "@react-aria/tooltip": "npm:^3.7.2"
+    "@react-aria/utils": "npm:^3.23.2"
+    "@react-aria/visually-hidden": "npm:^3.8.10"
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+    react-dom: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/8ef6d071ef8de6102a2c7123e4dcde9137f01af40993e9e8e129795d6ffdb94cafaa583d8d309cacb9563c79ee1533fa35fbbd478ba671b49ba41bdba4d47ec4
+  languageName: node
+  linkType: hard
+
 "react-colorful@npm:^5.1.2":
   version: 5.6.1
   resolution: "react-colorful@npm:5.6.1"
@@ -15331,6 +16886,39 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-stately@npm:^3.30.1":
+  version: 3.30.1
+  resolution: "react-stately@npm:3.30.1"
+  dependencies:
+    "@react-stately/calendar": "npm:^3.4.4"
+    "@react-stately/checkbox": "npm:^3.6.3"
+    "@react-stately/collections": "npm:^3.10.5"
+    "@react-stately/combobox": "npm:^3.8.2"
+    "@react-stately/data": "npm:^3.11.2"
+    "@react-stately/datepicker": "npm:^3.9.2"
+    "@react-stately/dnd": "npm:^3.2.8"
+    "@react-stately/form": "npm:^3.0.1"
+    "@react-stately/list": "npm:^3.10.3"
+    "@react-stately/menu": "npm:^3.6.1"
+    "@react-stately/numberfield": "npm:^3.9.1"
+    "@react-stately/overlays": "npm:^3.6.5"
+    "@react-stately/radio": "npm:^3.10.2"
+    "@react-stately/searchfield": "npm:^3.5.1"
+    "@react-stately/select": "npm:^3.6.2"
+    "@react-stately/selection": "npm:^3.14.3"
+    "@react-stately/slider": "npm:^3.5.2"
+    "@react-stately/table": "npm:^3.11.6"
+    "@react-stately/tabs": "npm:^3.6.4"
+    "@react-stately/toggle": "npm:^3.7.2"
+    "@react-stately/tooltip": "npm:^3.4.7"
+    "@react-stately/tree": "npm:^3.7.6"
+    "@react-types/shared": "npm:^3.22.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
+  checksum: 10/347c997a5f33dbaa38ccc59c08d12d2c8912a52a48d7d787b9efeaf0b8a2004f0f20a2ce2f0e892438b184ea5ef4b8771b335a226e2ab601cf84ab532723adf9
+  languageName: node
+  linkType: hard
+
 "react-style-singleton@npm:^2.2.1":
   version: 2.2.1
   resolution: "react-style-singleton@npm:2.2.1"
@@ -16895,6 +18483,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tailwindcss-react-aria-components@npm:1.1.1, tailwindcss-react-aria-components@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "tailwindcss-react-aria-components@npm:1.1.1"
+  peerDependencies:
+    tailwindcss: "*"
+  checksum: 10/b0f62e5f6e2a0a74639b675dbf26389433b4899fc9b2abc4265963ce8598fd13129074ac1aa0487e771824d891e7b77bfae86b6720661cd1646d0838c743d9aa
+  languageName: node
+  linkType: hard
+
 "tailwindcss@npm:3.4.1, tailwindcss@npm:>=3.2.0":
   version: 3.4.1
   resolution: "tailwindcss@npm:3.4.1"
@@ -17936,6 +19533,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"use-sync-external-store@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "use-sync-external-store@npm:1.2.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 10/a676216affc203876bd47981103f201f28c2731361bb186367e12d287a7566763213a8816910c6eb88265eccd4c230426eb783d64c373c4a180905be8820ed8e
+  languageName: node
+  linkType: hard
+
 "util-deprecate@npm:^1.0.1, util-deprecate@npm:^1.0.2, util-deprecate@npm:~1.0.1":
   version: 1.0.2
   resolution: "util-deprecate@npm:1.0.2"

From 8b78238ee8782465137ea81e43c24b79022ce4da Mon Sep 17 00:00:00 2001
From: Dennis Torres <dtorres@spear.ai>
Date: Thu, 22 Feb 2024 10:26:08 -0500
Subject: [PATCH 2/4] Add TextField component (#128)

---
 .changeset/honest-needles-shop.md             |  5 ++
 packages/relay-environment/eslint.config.js   | 12 +++
 packages/ui/src/app/style.css                 | 20 +++++
 .../text-field/text-field.stories.tsx         | 79 +++++++++++++++++++
 4 files changed, 116 insertions(+)
 create mode 100644 .changeset/honest-needles-shop.md
 create mode 100644 packages/ui/src/components/text-field/text-field.stories.tsx

diff --git a/.changeset/honest-needles-shop.md b/.changeset/honest-needles-shop.md
new file mode 100644
index 00000000..dc12f914
--- /dev/null
+++ b/.changeset/honest-needles-shop.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/ui": minor
+---
+
+Added TextField component.
diff --git a/packages/relay-environment/eslint.config.js b/packages/relay-environment/eslint.config.js
index df01f5cb..cbafe4df 100644
--- a/packages/relay-environment/eslint.config.js
+++ b/packages/relay-environment/eslint.config.js
@@ -7,6 +7,18 @@ const eslintConfig = [
   },
   ...baseEslintConfig,
   prettierConfig,
+  {
+    files: [
+      "**/*.md/**/*.cjs",
+      "**/*.md/**/*.js",
+      "**/*.md/**/*.jsx",
+      "**/*.md/**/*.ts",
+      "**/*.md/**/*.tsx",
+    ],
+    rules: {
+      "import/no-unresolved": ["off"],
+    },
+  },
 ];
 
 export default eslintConfig;
diff --git a/packages/ui/src/app/style.css b/packages/ui/src/app/style.css
index 51ff9af4..7d928ad2 100644
--- a/packages/ui/src/app/style.css
+++ b/packages/ui/src/app/style.css
@@ -7,4 +7,24 @@
   * {
     @apply focus-visible:outline outline-1 focus-visible:outline-2 outline-offset-2 focus-visible:outline-primary-7;
   }
+
+  [type="text"]:focus,
+  input:where(:not([type])),
+  [type="email"]:focus,
+  [type="email"]:focus,
+  [type="url"]:focus,
+  [type="password"]:focus,
+  [type="number"]:focus,
+  [type="date"]:focus,
+  [type="datetime-local"]:focus,
+  [type="month"]:focus,
+  [type="search"]:focus,
+  [type="tel"]:focus,
+  [type="time"]:focus,
+  [type="week"]:focus,
+  [multiple]:focus,
+  textarea:focus,
+  select:focus {
+    @apply outline outline-2 outline-offset-0 outline-primary-a-7 border-transparent ring-0 ring-offset-0;
+  }
 }
diff --git a/packages/ui/src/components/text-field/text-field.stories.tsx b/packages/ui/src/components/text-field/text-field.stories.tsx
new file mode 100644
index 00000000..2c6d877b
--- /dev/null
+++ b/packages/ui/src/components/text-field/text-field.stories.tsx
@@ -0,0 +1,79 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { FieldError, Form, Input, Label, TextField } from "react-aria-components";
+import { useIntl } from "react-intl";
+
+const PreviewSelect = (properties: {
+  hasError: boolean;
+  hasLabel: boolean;
+  hasLabelDescription: boolean;
+  isAlwaysOpen: boolean;
+  isDisabled: boolean;
+  isSquished: boolean;
+}) => {
+  const { hasError, hasLabel, hasLabelDescription, isDisabled, isSquished } = properties;
+  const intl = useIntl();
+
+  return (
+    <div className={`w-full ${isSquished ? "max-w-36" : "max-w-xs"}`}>
+      <Form className="relative w-full">
+        <TextField
+          className="group w-full"
+          isDisabled={isDisabled}
+          isInvalid={hasError}
+          isRequired
+          type="email"
+          validationBehavior="aria"
+        >
+          {hasLabel ? (
+            <Label className="block select-none text-base/6 text-neutral-12 group-disabled:text-neutral-11 sm:text-sm/6">
+              {intl.formatMessage({
+                defaultMessage: "Email address",
+                id: "hJZwTS",
+              })}
+            </Label>
+          ) : null}
+          {hasLabel && hasLabelDescription ? (
+            <p className="mt-1 text-base/6 text-neutral-11 group-disabled:text-neutral-9 sm:text-sm/6">
+              {intl.formatMessage({
+                defaultMessage: "A standard email address.",
+                id: "4L7p9M",
+              })}
+            </p>
+          ) : null}
+          <Input
+            className="mt-2 h-9 w-full rounded-lg border-none bg-white-a-3 pe-2 ps-3.5 text-base leading-none text-neutral-12 shadow outline outline-offset-0 outline-neutral-a-7 placeholder:text-neutral-11 invalid:outline-x-negative-a-7 focus-visible:outline-offset-0 focus-visible:outline-primary-a-8 group-disabled:pointer-events-none group-disabled:text-neutral-a-8 invalid:group-disabled:outline-x-negative-a-6 theme-dfs:bg-canvas-1 theme-galapago:bg-white dark:bg-white-a-3 theme-dfs:dark:bg-white-a-3 theme-forerunner:dark:bg-black-a-3 theme-galapago:dark:bg-black-a-3 sm:ps-3 sm:text-sm"
+            placeholder={intl.formatMessage({
+              defaultMessage: "example@email.com",
+              id: "SvELQW",
+            })}
+          />
+          <FieldError className="mt-2 block text-base/6 text-x-negative-11 group-disabled:opacity-50 sm:text-sm/6">
+            {intl.formatMessage({ defaultMessage: "Email address is invalid", id: "sVgB+Q" })}
+          </FieldError>
+        </TextField>
+      </Form>
+    </div>
+  );
+};
+
+const meta = {
+  component: PreviewSelect,
+} satisfies Meta<typeof PreviewSelect>;
+
+type Story = StoryObj<typeof meta>;
+
+export const Example: Story = {
+  args: {
+    hasError: false,
+    hasLabel: true,
+    hasLabelDescription: true,
+    isAlwaysOpen: false,
+    isDisabled: false,
+    isSquished: false,
+  },
+  parameters: {
+    layout: "centered",
+  },
+};
+
+export default meta;

From d1ffffec906859a3bb3ba1d651c267d0102cba04 Mon Sep 17 00:00:00 2001
From: Dennis Torres <dtorres@spear.ai>
Date: Thu, 22 Feb 2024 13:09:38 -0500
Subject: [PATCH 3/4] Add Spinner component (#129)

---
 .changeset/six-roses-buy.md                   |  5 ++++
 .../components/spinner/spinner.stories.tsx    | 26 +++++++++++++++++++
 2 files changed, 31 insertions(+)
 create mode 100644 .changeset/six-roses-buy.md
 create mode 100644 packages/ui/src/components/spinner/spinner.stories.tsx

diff --git a/.changeset/six-roses-buy.md b/.changeset/six-roses-buy.md
new file mode 100644
index 00000000..097f532d
--- /dev/null
+++ b/.changeset/six-roses-buy.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/ui": minor
+---
+
+Added Spinner component.
diff --git a/packages/ui/src/components/spinner/spinner.stories.tsx b/packages/ui/src/components/spinner/spinner.stories.tsx
new file mode 100644
index 00000000..db027767
--- /dev/null
+++ b/packages/ui/src/components/spinner/spinner.stories.tsx
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+const PreviewSelect = () => (
+  <svg className="size-5 animate-spin text-neutral-11" fill="none" viewBox="0 0 24 24">
+    <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
+    <path
+      className="opacity-75"
+      d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+const meta = {
+  component: PreviewSelect,
+} satisfies Meta<typeof PreviewSelect>;
+
+type Story = StoryObj<typeof meta>;
+
+export const Example: Story = {
+  parameters: {
+    layout: "centered",
+  },
+};
+
+export default meta;

From cac89e5cfb0e0525c68055423528640c79212439 Mon Sep 17 00:00:00 2001
From: Dennis Torres <dtorres@spear.ai>
Date: Fri, 23 Feb 2024 19:37:22 -0500
Subject: [PATCH 4/4] Add missing React Aria Components plugin to Tailwind
 Config (#131)

* Add missing React Aria Components plugin to Tailwind Config

* WIP
---
 .changeset/nasty-walls-remain.md                            | 6 ++++++
 packages/tailwind-config/src/index.ts                       | 2 ++
 packages/ui/package.json                                    | 1 -
 packages/ui/src/components/select/select.stories.tsx        | 2 +-
 .../ui/src/components/text-field/text-field.stories.tsx     | 2 +-
 packages/ui/tailwind.config.ts                              | 2 --
 yarn.lock                                                   | 3 +--
 7 files changed, 11 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/nasty-walls-remain.md

diff --git a/.changeset/nasty-walls-remain.md b/.changeset/nasty-walls-remain.md
new file mode 100644
index 00000000..17274c7e
--- /dev/null
+++ b/.changeset/nasty-walls-remain.md
@@ -0,0 +1,6 @@
+---
+"@spear-ai/tailwind-config": patch
+"@spear-ai/ui": patch
+---
+
+Added missing React Aria Components plugin to the Tailwind config.
diff --git a/packages/tailwind-config/src/index.ts b/packages/tailwind-config/src/index.ts
index 5d4af539..2d63fbd9 100644
--- a/packages/tailwind-config/src/index.ts
+++ b/packages/tailwind-config/src/index.ts
@@ -6,6 +6,7 @@ import { Config } from "tailwindcss";
 import defaultTheme from "tailwindcss/defaultTheme";
 import threeDPlugin from "tailwindcss-3d";
 import animatePlugin from "tailwindcss-animate";
+import reactAriaComponentsPlugin from "tailwindcss-react-aria-components";
 import { radixColorThemePlugin } from "./tailwind-radix-color-theme-plugin";
 import { colors } from "./tailwind-radix-colors";
 import { data } from "./tailwind-radix-primitives";
@@ -22,6 +23,7 @@ export const tailwindConfig: Config = {
     containerQueriesPlugin,
     formsPlugin,
     radixColorThemePlugin,
+    reactAriaComponentsPlugin,
     scrollbarPlugin,
     threeDPlugin,
     typographyPlugin,
diff --git a/packages/ui/package.json b/packages/ui/package.json
index ce8f86dd..401c09b3 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -59,7 +59,6 @@
     "prettier": "3.2.5",
     "storybook": "8.0.0-beta.0",
     "tailwindcss": "3.4.1",
-    "tailwindcss-react-aria-components": "1.1.1",
     "typescript": "5.3.3"
   },
   "license": "UNLICENSED",
diff --git a/packages/ui/src/components/select/select.stories.tsx b/packages/ui/src/components/select/select.stories.tsx
index caf238ea..2d333724 100644
--- a/packages/ui/src/components/select/select.stories.tsx
+++ b/packages/ui/src/components/select/select.stories.tsx
@@ -93,7 +93,7 @@ const PreviewSelect = (properties: {
               })}
             </p>
           ) : null}
-          <Button className="group mt-2 inline-flex h-9 w-full cursor-default select-none items-center justify-between gap-1 rounded-lg border border-transparent bg-white-a-3 pe-2 ps-3.5 text-base leading-none shadow outline outline-offset-0 outline-neutral-a-7 entering:outline-2 entering:outline-primary-a-8 group-invalid:outline-x-negative-a-7 focus-visible:outline-primary-a-8 group-disabled:pointer-events-none group-invalid:group-disabled:outline-x-negative-a-6 theme-dfs:bg-canvas-1 theme-galapago:bg-white theme-dfs:dark:bg-white-a-3 theme-forerunner:dark:bg-black-a-3 theme-galapago:dark:bg-black-a-3 sm:ps-3 sm:text-sm">
+          <Button className="group mt-2 inline-flex h-9 w-full cursor-default select-none items-center justify-between gap-1 rounded-lg border border-transparent bg-white-a-3 pe-2 ps-3.5 text-base leading-none shadow outline outline-offset-0 outline-neutral-a-7 entering:outline-2 entering:outline-primary-a-8 group-invalid:outline-x-negative-a-7 group-disabled:pointer-events-none group-invalid:group-disabled:outline-x-negative-a-6 focus-visible:outline-primary-a-8 theme-dfs:bg-canvas-1 theme-galapago:bg-white theme-dfs:dark:bg-white-a-3 theme-forerunner:dark:bg-black-a-3 theme-galapago:dark:bg-black-a-3 sm:ps-3 sm:text-sm">
             <SelectValue className="truncate text-neutral-12 placeholder-shown:text-neutral-11 group-disabled:text-neutral-a-8" />
             <span aria-hidden className="text-neutral-11 group-disabled:text-neutral-8">
               <CaretSortIcon className="size-5" />
diff --git a/packages/ui/src/components/text-field/text-field.stories.tsx b/packages/ui/src/components/text-field/text-field.stories.tsx
index 2c6d877b..d9b3bbf9 100644
--- a/packages/ui/src/components/text-field/text-field.stories.tsx
+++ b/packages/ui/src/components/text-field/text-field.stories.tsx
@@ -41,7 +41,7 @@ const PreviewSelect = (properties: {
             </p>
           ) : null}
           <Input
-            className="mt-2 h-9 w-full rounded-lg border-none bg-white-a-3 pe-2 ps-3.5 text-base leading-none text-neutral-12 shadow outline outline-offset-0 outline-neutral-a-7 placeholder:text-neutral-11 invalid:outline-x-negative-a-7 focus-visible:outline-offset-0 focus-visible:outline-primary-a-8 group-disabled:pointer-events-none group-disabled:text-neutral-a-8 invalid:group-disabled:outline-x-negative-a-6 theme-dfs:bg-canvas-1 theme-galapago:bg-white dark:bg-white-a-3 theme-dfs:dark:bg-white-a-3 theme-forerunner:dark:bg-black-a-3 theme-galapago:dark:bg-black-a-3 sm:ps-3 sm:text-sm"
+            className="mt-2 h-9 w-full rounded-lg border-none bg-white-a-3 pe-2 ps-3.5 text-base leading-none text-neutral-12 shadow outline outline-offset-0 outline-neutral-a-7 placeholder:text-neutral-11 invalid:outline-x-negative-a-7 group-disabled:pointer-events-none group-disabled:text-neutral-a-8 invalid:group-disabled:outline-x-negative-a-6 focus-visible:outline-offset-0 focus-visible:outline-primary-a-8 theme-dfs:bg-canvas-1 theme-galapago:bg-white dark:bg-white-a-3 theme-dfs:dark:bg-white-a-3 theme-forerunner:dark:bg-black-a-3 theme-galapago:dark:bg-black-a-3 sm:ps-3 sm:text-sm"
             placeholder={intl.formatMessage({
               defaultMessage: "example@email.com",
               id: "SvELQW",
diff --git a/packages/ui/tailwind.config.ts b/packages/ui/tailwind.config.ts
index d572888c..40f82bb7 100644
--- a/packages/ui/tailwind.config.ts
+++ b/packages/ui/tailwind.config.ts
@@ -1,13 +1,11 @@
 import { tailwindConfig as baseTailwindConfig } from "@spear-ai/tailwind-config";
 import type { Config } from "tailwindcss";
 import plugin from "tailwindcss/plugin";
-import reactAriaComponentsPlugin from "tailwindcss-react-aria-components";
 
 const tailwindConfig: Config = {
   ...baseTailwindConfig,
   plugins: [
     ...(baseTailwindConfig.plugins ?? []),
-    reactAriaComponentsPlugin,
     plugin(({ matchVariant }) => {
       matchVariant("theme", (value) => `.theme-${value} &`, {
         values: {
diff --git a/yarn.lock b/yarn.lock
index 437040be..8e284aa9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5892,7 +5892,6 @@ __metadata:
     react-intl: "npm:6.6.2"
     storybook: "npm:8.0.0-beta.0"
     tailwindcss: "npm:3.4.1"
-    tailwindcss-react-aria-components: "npm:1.1.1"
     ts-invariant: "npm:0.10.3"
     turbo: "npm:1.12.3"
     typescript: "npm:5.3.3"
@@ -18483,7 +18482,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tailwindcss-react-aria-components@npm:1.1.1, tailwindcss-react-aria-components@npm:^1.1.1":
+"tailwindcss-react-aria-components@npm:^1.1.1":
   version: 1.1.1
   resolution: "tailwindcss-react-aria-components@npm:1.1.1"
   peerDependencies: