From 9407527d58fa31c34b105da185ba64acb5d17093 Mon Sep 17 00:00:00 2001
From: Matt <mnigh@users.noreply.github.com>
Date: Mon, 13 Jan 2025 12:13:21 -0500
Subject: [PATCH] [Debt] Updates `Toast` component and `react-toastify`
 (#12426)

* Update Toast

* Update story

* Remove role attribute
role is on parent

* Add ToastWithLink

* Fix import order
---
 packages/toast/package.json                   |   3 +-
 .../src/components/Toast/Toast.stories.tsx    |  81 +++---
 packages/toast/src/components/Toast/Toast.tsx |   2 +-
 packages/toast/src/components/Toast/toast.css | 192 ++------------
 .../src/components/ToastAlert/ToastAlert.tsx  |  14 ++
 .../components/ToastMessage/ToastMessage.tsx  |  16 --
 packages/toast/src/toast.tsx                  |  28 +--
 pnpm-lock.yaml                                | 236 +++++++++++++++---
 8 files changed, 300 insertions(+), 272 deletions(-)
 create mode 100644 packages/toast/src/components/ToastAlert/ToastAlert.tsx
 delete mode 100644 packages/toast/src/components/ToastMessage/ToastMessage.tsx

diff --git a/packages/toast/package.json b/packages/toast/package.json
index b1c601f0b72..c11017c8ffa 100644
--- a/packages/toast/package.json
+++ b/packages/toast/package.json
@@ -16,12 +16,13 @@
   },
   "dependencies": {
     "@heroicons/react": "^2.2.0",
-    "react-toastify": "^10.0.6"
+    "react-toastify": "^11.0.2"
   },
   "devDependencies": {
     "@faker-js/faker": "^9.3.0",
     "@gc-digital-talent/eslint-config": "workspace:*",
     "@gc-digital-talent/storybook-helpers": "workspace:*",
+    "@gc-digital-talent/ui": "workspace:*",
     "@storybook/react": "^8.4.7",
     "@types/react": "^18.3.13",
     "eslint": "^8.57.0",
diff --git a/packages/toast/src/components/Toast/Toast.stories.tsx b/packages/toast/src/components/Toast/Toast.stories.tsx
index 9cc5baa5114..789ebff51a2 100644
--- a/packages/toast/src/components/Toast/Toast.stories.tsx
+++ b/packages/toast/src/components/Toast/Toast.stories.tsx
@@ -1,43 +1,68 @@
-import type { StoryFn, Meta } from "@storybook/react";
-import { faker } from "@faker-js/faker/locale/en";
+import { useEffect } from "react";
+import type { Meta, StoryObj } from "@storybook/react";
 
-import { OverlayOrDialogDecorator } from "@gc-digital-talent/storybook-helpers";
+import {
+  allModes,
+  OverlayOrDialogDecorator,
+} from "@gc-digital-talent/storybook-helpers";
+import { Link } from "@gc-digital-talent/ui";
 
 import toast from "../../toast";
 import Toast from "./Toast";
 import "./toast.css";
 
-interface StoryArgs {
-  text: string;
-  longText: string;
-}
-
-faker.seed(0);
-
-export default {
+const meta = {
   component: Toast,
+  argTypes: {
+    disableTransition: { control: "boolean" },
+    autoClose: { control: "boolean" },
+  },
   args: {
-    text: "Toast text",
-    longText: faker.lorem.sentences(3),
+    disableTransition: true,
+    autoClose: false,
   },
   decorators: [OverlayOrDialogDecorator],
-} as Meta;
+  parameters: {
+    chromatic: {
+      modes: {
+        light: allModes.light,
+        dark: allModes.dark,
+      },
+      delay: 1500,
+    },
+  },
+} satisfies Meta<typeof Toast>;
+export default meta;
 
-const Template: StoryFn<StoryArgs> = (args) => {
-  const { text, longText } = args;
+type Story = StoryObj<typeof Toast>;
 
-  toast.info(text);
-  toast.info(longText);
-  toast.success(text);
-  toast.warning(text);
-  toast.error(text);
+const ToastWithLink = () => (
+  <>
+    Toast info with{" "}
+    <Link href="https://talent.canada.ca" newTab>
+      link
+    </Link>
+  </>
+);
 
-  // avoid animations with Chromatic snapshots
-  return (
-    <div>
-      <Toast disableTransition autoClose={false} />
-    </div>
-  );
+const Template = () => {
+  useEffect(() => {
+    setTimeout(() => {
+      toast.info("Toast info text", { autoClose: false });
+      toast.info(<ToastWithLink />, {
+        autoClose: false,
+      });
+      toast.info(
+        "Toast info with three sentences. Text sentence two. Toast text sentence three.",
+        { autoClose: false },
+      );
+      toast.success("Toast success text", { autoClose: false });
+      toast.warning("Toast warning text", { autoClose: false });
+    }, 100);
+  }, []);
+  return <Toast />;
 };
 
-export const Default = Template.bind({});
+export const Default: Story = {
+  render: () => <Template />,
+};
diff --git a/packages/toast/src/components/Toast/Toast.tsx b/packages/toast/src/components/Toast/Toast.tsx
index e511d10d389..bfd13a13e54 100644
--- a/packages/toast/src/components/Toast/Toast.tsx
+++ b/packages/toast/src/components/Toast/Toast.tsx
@@ -9,7 +9,6 @@ import XCircleIcon from "@heroicons/react/24/solid/XCircleIcon";
 
 import closeButtonStyles from "./styles";
 
-import "react-toastify/dist/ReactToastify.minimal.css";
 import "./toast.css";
 
 type CloseButtonProps = ComponentPropsWithoutRef<
@@ -52,6 +51,7 @@ const Toast = ({ disableTransition, autoClose = 5000 }: ToastProps) => (
     closeButton={CloseButton}
     icon={false}
     autoClose={autoClose}
+    aria-label={undefined}
   />
 );
 
diff --git a/packages/toast/src/components/Toast/toast.css b/packages/toast/src/components/Toast/toast.css
index ab2835a0b34..153fa14e517 100644
--- a/packages/toast/src/components/Toast/toast.css
+++ b/packages/toast/src/components/Toast/toast.css
@@ -1,191 +1,31 @@
 :root {
   --toast-space: calc(var(--h2-base-whitespace) * 1rem);
+  --toastify-toast-width: calc(100vw - calc(2 * var(--toast-space)));
+  --toastify-toast-offset: 16px;
+  --toastify-toast-padding: 0;
+  --toastify-text-color-light: rgba(var(--h2-color-black), 1);
+  --toastify-font-family: inherit;
 }
 
-/** Used to define container behavior: width, position: fixed etc... **/
-.Toastify__toast-container {
-  position: fixed;
-  width: calc(100vw - calc(2 * var(--toast-space)));
-  z-index: 999999; /* Display over everything else */
-}
-
-@media screen and (min-width: 48rem) {
-  .Toastify__toast-container {
-    width: 40vw;
-  }
-}
-
-/** Used to define the position of the ToastContainer **/
-.Toastify__toast-container--top-left {
-  top: var(--toast-space);
-  left: var(--toast-space);
-}
-
-.Toastify__toast-container--top-center {
-  top: var(--toast-space);
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.Toastify__toast-container--top-right {
-  top: var(--toast-space);
-  right: var(--toast-space);
-}
-
-.Toastify__toast-container--bottom-left {
-  bottom: var(--toast-space);
-  left: var(--toast-space);
-}
-
-.Toastify__toast-container--bottom-center {
-  bottom: var(--toast-space);
-  left: 50%;
-  transform: translateX(-50%);
+.Toastify__toast {
+  display: block;
 }
 
 .Toastify__toast-container--bottom-right {
+  z-index: 999999; /* Display over everything else */
+  left: auto;
   bottom: var(--toast-space);
-  right: var(--toast-space);
-}
-
-/** Classes for the displayed toast **/
-.Toastify__toast {
-  background-color: rgba(var(--h2-color-foreground), 1);
-  box-sizing: border-box;
-  position: relative;
-  margin-bottom: calc((var(--h2-base-whitespace) * 0.5) * 1rem);
-  border: 3px solid;
-  border-radius: var(--h2-radius-rounded);
-  box-shadow: var(--h2-shadow-largest);
-  display: flex;
-  overflow: hidden;
-  justify-content: space-between;
-  z-index: 0;
-}
-
-.Toastify__toast-body {
-  align-items: center;
-  display: flex;
-  margin: auto 0;
-  flex: 1 1 auto;
-}
-
-.Toastify__toast-body > div:nth-child(2) {
-  padding-right: calc((var(--h2-base-whitespace) * 2) * 1rem);
-}
-
-.Toastify__toast--default {
-  border-color: rgba(var(--h2-color-black), 1);
-}
-
-.Toastify__toast--info {
-  border-color: rgba(var(--h2-color-secondary-darker), 1);
-}
-
-.Toastify__toast--success {
-  border-color: rgba(var(--h2-color-success-darker), 1);
-}
-
-.Toastify__toast--warning {
-  border-color: rgba(var(--h2-color-warning-darker), 1);
-}
-
-.Toastify__toast--error {
-  border-color: rgba(var(--h2-color-error-darker), 1);
-}
-
-.Toastify__toast-icon {
-  display: flex;
-  align-items: flex-start;
-  align-self: stretch;
-  padding: calc(var(--h2-base-whitespace) * 0.5rem)
-    calc(var(--h2-base-whitespace) * 1rem);
-  position: relative;
-}
-
-.Toastify__toast--info .Toastify__toast-icon {
-  background-color: rgba(var(--h2-color-secondary-lightest-locked), 1);
-  color: rgba(var(--h2-color-secondary-darker-locked), 1);
-}
-
-.Toastify__toast--success .Toastify__toast-icon {
-  background-color: rgba(var(--h2-color-success-lightest-locked), 1);
-  color: rgba(var(--h2-color-success-darker-locked), 1);
-}
-
-.Toastify__toast--warning .Toastify__toast-icon {
-  background-color: rgba(var(--h2-color-warning-lightest-locked), 1);
-  color: rgba(var(--h2-color-warning-darker-locked), 1);
-}
-
-.Toastify__toast--error .Toastify__toast-icon {
-  background-color: rgba(var(--h2-color-error-lightest-locked), 1);
-  color: rgba(var(--h2-color-error-darker-locked), 1);
+  right: 0.25rem;
 }
 
-.Toastify__toast-icon:after {
-  border-style: solid;
-  border-width: 10px 0 10px 10px;
-  bottom: auto;
-  content: "";
-  height: 0;
-  left: 100%;
-  position: absolute;
-  top: calc((1 * var(--h2-base-whitespace)) * 1.1rem);
-  transform: translate(0);
-  width: 0;
-}
-
-.Toastify__toast--info .Toastify__toast-icon:after {
-  border-color: transparent transparent transparent
-    rgba(var(--h2-color-secondary-lightest-locked), 1);
-}
-.Toastify__toast--success .Toastify__toast-icon:after {
-  border-color: transparent transparent transparent
-    rgba(var(--h2-color-success-lightest-locked), 1);
-}
-.Toastify__toast--warning .Toastify__toast-icon:after {
-  border-color: transparent transparent transparent
-    rgba(var(--h2-color-warning-lightest-locked), 1);
-}
-.Toastify__toast--error .Toastify__toast-icon:after {
-  border-color: transparent transparent transparent
-    rgba(var(--h2-color-error-lightest-locked), 1);
-}
-
-.Toastify--animate {
-  animation-fill-mode: both;
-  animation-duration: 0.7s;
-}
-
-@keyframes Toastify__slideInUp {
-  from {
-    transform: translateY(110%);
-    opacity: 0;
-    visibility: visible;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
+@media screen and (min-width: 48rem) {
+  :root {
+    --toastify-toast-width: 40vw;
   }
 }
 
-@keyframes Toastify__slideOutRight {
-  from {
-    opacity: 1;
-    transform: translateX(0);
+@media only screen and (max-width: 480px) {
+  .Toastify__toast {
+    --toastify-toast-width: calc(100vw - calc(2 * var(--toast-space)));
   }
-  to {
-    visibility: hidden;
-    transform: translateX(200%);
-    opacity: 0;
-  }
-}
-
-.Toastify__slide-enter--bottom-right {
-  animation-name: Toastify__slideInUp;
-}
-
-.Toastify__slide-exit--bottom-right {
-  animation-name: Toastify__slideOutRight;
 }
diff --git a/packages/toast/src/components/ToastAlert/ToastAlert.tsx b/packages/toast/src/components/ToastAlert/ToastAlert.tsx
new file mode 100644
index 00000000000..c8dc0bfe111
--- /dev/null
+++ b/packages/toast/src/components/ToastAlert/ToastAlert.tsx
@@ -0,0 +1,14 @@
+import { Alert, AlertProps } from "@gc-digital-talent/ui";
+
+const ToastAlert = ({ type, children }: AlertProps) => (
+  <Alert.Root live={false} type={type} data-h2-margin="base(0)" tabIndex={0}>
+    <div
+      data-h2-padding-right="p-tablet(x2)"
+      data-h2-line-height="base(var(--h2-base-line-height))"
+    >
+      {children}
+    </div>
+  </Alert.Root>
+);
+
+export default ToastAlert;
diff --git a/packages/toast/src/components/ToastMessage/ToastMessage.tsx b/packages/toast/src/components/ToastMessage/ToastMessage.tsx
deleted file mode 100644
index de621c5aec4..00000000000
--- a/packages/toast/src/components/ToastMessage/ToastMessage.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { ReactNode } from "react";
-
-interface ToastMessageProps {
-  children: ReactNode;
-}
-
-const ToastMessage = ({ children }: ToastMessageProps) => (
-  <div
-    data-h2-padding="base(x1) p-tablet(x1, x1, x1, x1.5)"
-    data-h2-line-height="base(var(--h2-base-line-height))"
-  >
-    {children}
-  </div>
-);
-
-export default ToastMessage;
diff --git a/packages/toast/src/toast.tsx b/packages/toast/src/toast.tsx
index 83cb0718583..798aae8a5e6 100644
--- a/packages/toast/src/toast.tsx
+++ b/packages/toast/src/toast.tsx
@@ -1,37 +1,27 @@
-import CheckCircleIcon from "@heroicons/react/24/outline/CheckCircleIcon";
-import BellAlertIcon from "@heroicons/react/24/outline/BellAlertIcon";
-import ExclamationCircleIcon from "@heroicons/react/24/outline/ExclamationCircleIcon";
-import ExclamationTriangleIcon from "@heroicons/react/24/outline/ExclamationTriangleIcon";
 import { toast as toastify, ToastOptions } from "react-toastify";
 import { ReactNode } from "react";
 
-import ToastMessage from "./components/ToastMessage/ToastMessage";
-
-const iconStyles = {
-  "data-h2-width": "base(x1.5)",
-  "data-h2-stroke-width": "base(2px)",
-  "data-h2-margin": "p-tablet(x.2, 0, 0, 0)",
-};
+import ToastAlert from "./components/ToastAlert/ToastAlert";
 
 const toast = {
   success: (message: ReactNode, options?: ToastOptions) =>
-    toastify.success(<ToastMessage>{message}</ToastMessage>, {
-      icon: <CheckCircleIcon {...iconStyles} />,
+    toastify.success(<ToastAlert type="success">{message}</ToastAlert>, {
+      icon: false,
       ...options,
     }),
   error: (message: ReactNode, options?: ToastOptions) =>
-    toastify.error(<ToastMessage>{message}</ToastMessage>, {
-      icon: <ExclamationTriangleIcon {...iconStyles} />,
+    toastify.error(<ToastAlert type="error">{message}</ToastAlert>, {
+      icon: false,
       ...options,
     }),
   warning: (message: ReactNode, options?: ToastOptions) =>
-    toastify.warning(<ToastMessage>{message}</ToastMessage>, {
-      icon: <ExclamationCircleIcon {...iconStyles} />,
+    toastify.warning(<ToastAlert type="warning">{message}</ToastAlert>, {
+      icon: false,
       ...options,
     }),
   info: (message: ReactNode, options?: ToastOptions) =>
-    toastify.info(<ToastMessage>{message}</ToastMessage>, {
-      icon: <BellAlertIcon {...iconStyles} />,
+    toastify.info(<ToastAlert type="info">{message}</ToastAlert>, {
+      icon: false,
       ...options,
     }),
 };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 65d05b67df8..70349a323c7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -186,16 +186,16 @@ importers:
         version: 8.4.7(storybook@8.4.7(prettier@3.4.2))
       '@storybook/react':
         specifier: ^8.4.7
-        version: 8.4.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
+        version: 8.4.7(@storybook/test@8.4.7(storybook@8.4.7(prettier@3.4.2)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
       '@testing-library/jest-dom':
         specifier: ^6.6.3
         version: 6.6.3
       '@testing-library/react':
         specifier: ^16.1.0
-        version: 16.1.0(@testing-library/dom@10.1.0)(@types/react-dom@18.3.1)(@types/react@18.3.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@18.3.1)(@types/react@18.3.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@testing-library/user-event':
         specifier: ^14.5.2
-        version: 14.5.2(@testing-library/dom@10.1.0)
+        version: 14.5.2(@testing-library/dom@10.4.0)
       '@types/jest':
         specifier: ^29.5.14
         version: 29.5.14
@@ -651,16 +651,16 @@ importers:
         version: 8.4.7(storybook@8.4.7(prettier@3.4.2))
       '@storybook/react':
         specifier: ^8.4.7
-        version: 8.4.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
+        version: 8.4.7(@storybook/test@8.4.7(storybook@8.4.7(prettier@3.4.2)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
       '@testing-library/jest-dom':
         specifier: ^6.6.3
         version: 6.6.3
       '@testing-library/react':
         specifier: ^16.1.0
-        version: 16.1.0(@testing-library/dom@10.1.0)(@types/react-dom@18.3.1)(@types/react@18.3.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@18.3.1)(@types/react@18.3.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@testing-library/user-event':
         specifier: ^14.5.2
-        version: 14.5.2(@testing-library/dom@10.1.0)
+        version: 14.5.2(@testing-library/dom@10.4.0)
       '@types/jest':
         specifier: ^29.5.14
         version: 29.5.14
@@ -846,10 +846,10 @@ importers:
         version: link:../jest-presets
       '@testing-library/react':
         specifier: ^16.1.0
-        version: 16.1.0(@testing-library/dom@10.1.0)(@types/react-dom@18.3.1)(@types/react@18.3.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@18.3.1)(@types/react@18.3.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@testing-library/user-event':
         specifier: ^14.5.2
-        version: 14.5.2(@testing-library/dom@10.1.0)
+        version: 14.5.2(@testing-library/dom@10.4.0)
       '@types/jest-axe':
         specifier: ^3.5.9
         version: 3.5.9
@@ -938,7 +938,7 @@ importers:
         version: link:../theme
       '@storybook/react':
         specifier: ^8.4.7
-        version: 8.4.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
+        version: 8.4.7(@storybook/test@8.4.7(storybook@8.4.7(prettier@3.4.2)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
       '@urql/core':
         specifier: ^5.1.0
         version: 5.1.0(graphql@16.10.0)
@@ -990,7 +990,7 @@ importers:
         version: 8.4.7(storybook@8.4.7(prettier@3.4.2))
       '@storybook/react-vite':
         specifier: ^8.4.7
-        version: 8.4.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.27.4)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)(vite@6.0.7(@types/node@22.10.5)(jiti@2.3.3)(lightningcss@1.25.1)(terser@5.31.1)(tsx@4.19.2)(yaml@2.4.5))
+        version: 8.4.7(@storybook/test@8.4.7(storybook@8.4.7(prettier@3.4.2)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.27.4)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)(vite@6.0.7(@types/node@22.10.5)(jiti@2.3.3)(lightningcss@1.25.1)(terser@5.31.1)(tsx@4.19.2)(yaml@2.4.5))
       '@storybook/types':
         specifier: ^8.4.7
         version: 8.4.7(storybook@8.4.7(prettier@3.4.2))
@@ -1053,8 +1053,8 @@ importers:
         specifier: ^2.2.0
         version: 2.2.0(react@18.3.1)
       react-toastify:
-        specifier: ^10.0.6
-        version: 10.0.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^11.0.2
+        version: 11.0.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     devDependencies:
       '@faker-js/faker':
         specifier: ^9.3.0
@@ -1065,9 +1065,12 @@ importers:
       '@gc-digital-talent/storybook-helpers':
         specifier: workspace:*
         version: link:../storybook-helpers
+      '@gc-digital-talent/ui':
+        specifier: workspace:*
+        version: link:../ui
       '@storybook/react':
         specifier: ^8.4.7
-        version: 8.4.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
+        version: 8.4.7(@storybook/test@8.4.7(storybook@8.4.7(prettier@3.4.2)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
       '@types/react':
         specifier: ^18.3.13
         version: 18.3.13
@@ -1187,16 +1190,16 @@ importers:
         version: 8.4.7(storybook@8.4.7(prettier@3.4.2))
       '@storybook/react':
         specifier: ^8.4.7
-        version: 8.4.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
+        version: 8.4.7(@storybook/test@8.4.7(storybook@8.4.7(prettier@3.4.2)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
       '@testing-library/jest-dom':
         specifier: ^6.6.3
         version: 6.6.3
       '@testing-library/react':
         specifier: ^16.1.0
-        version: 16.1.0(@testing-library/dom@10.1.0)(@types/react-dom@18.3.1)(@types/react@18.3.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@18.3.1)(@types/react@18.3.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@testing-library/user-event':
         specifier: ^14.5.2
-        version: 14.5.2(@testing-library/dom@10.1.0)
+        version: 14.5.2(@testing-library/dom@10.4.0)
       '@types/jest':
         specifier: ^29.5.14
         version: 29.5.14
@@ -3298,6 +3301,11 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
 
+  '@storybook/instrumenter@8.4.7':
+    resolution: {integrity: sha512-k6NSD3jaRCCHAFtqXZ7tw8jAzD/yTEWXGya+REgZqq5RCkmJ+9S4Ytp/6OhQMPtPFX23gAuJJzTQVLcCr+gjRg==}
+    peerDependencies:
+      storybook: ^8.4.7
+
   '@storybook/manager-api@8.4.7':
     resolution: {integrity: sha512-ELqemTviCxAsZ5tqUz39sDmQkvhVAvAgiplYy9Uf15kO0SP2+HKsCMzlrm2ue2FfkUNyqbDayCPPCB0Cdn/mpQ==}
     peerDependencies:
@@ -3339,6 +3347,11 @@ packages:
       typescript:
         optional: true
 
+  '@storybook/test@8.4.7':
+    resolution: {integrity: sha512-AhvJsu5zl3uG40itSQVuSy5WByp3UVhS6xAnme4FWRwgSxhvZjATJ3AZkkHWOYjnnk+P2/sbz/XuPli1FVCWoQ==}
+    peerDependencies:
+      storybook: ^8.4.7
+
   '@storybook/theming@8.4.7':
     resolution: {integrity: sha512-99rgLEjf7iwfSEmdqlHkSG3AyLcK0sfExcr0jnc6rLiAkBhzuIsvcHjjUwkR210SOCgXqBPW0ZA6uhnuyppHLw==}
     peerDependencies:
@@ -3360,10 +3373,14 @@ packages:
     resolution: {integrity: sha512-P9dF7XbibHph2PFRz8gfBKEXEY/HJPOhym8CHmjF8y3q5mWpKx9xtZapXQUWCgkqvsK0R46Azuz+VaxD4Xl+Tg==}
     engines: {node: '>=12'}
 
-  '@testing-library/dom@10.1.0':
-    resolution: {integrity: sha512-wdsYKy5zupPyLCW2Je5DLHSxSfbIp6h80WoHOQc+RPtmPGA52O9x5MJEkv92Sjonpq+poOAtUKhh1kBGAXBrNA==}
+  '@testing-library/dom@10.4.0':
+    resolution: {integrity: sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==}
     engines: {node: '>=18'}
 
+  '@testing-library/jest-dom@6.5.0':
+    resolution: {integrity: sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
   '@testing-library/jest-dom@6.6.3':
     resolution: {integrity: sha512-IteBhl4XqYNkM54f4ejhLRJiZNqcSCoXUOG2CPK7qbD322KjQozM4kHQOfkG2oln9b9HTYqs+Sae8vBATubxxA==}
     engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
@@ -3784,6 +3801,24 @@ packages:
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0 || ^6.0.0
 
+  '@vitest/expect@2.0.5':
+    resolution: {integrity: sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==}
+
+  '@vitest/pretty-format@2.0.5':
+    resolution: {integrity: sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==}
+
+  '@vitest/pretty-format@2.1.8':
+    resolution: {integrity: sha512-9HiSZ9zpqNLKlbIDRWOnAWqgcA7xu+8YxXSekhr0Ykab7PAYFkhkwoqVArPOtJhPmYeE2YHgKZlj3CP36z2AJQ==}
+
+  '@vitest/spy@2.0.5':
+    resolution: {integrity: sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==}
+
+  '@vitest/utils@2.0.5':
+    resolution: {integrity: sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==}
+
+  '@vitest/utils@2.1.8':
+    resolution: {integrity: sha512-dwSoui6djdwbfFmIgbIjX2ZhIoG7Ex/+xpxyiEgIGzjliY8xGkcpITKTlp6B4MgtGkF2ilvm97cPM96XZaAgcA==}
+
   '@webref/css@6.13.0':
     resolution: {integrity: sha512-H8jR30FwjBjPLJfs3nT9Bl0CgZVv6HGyKr3ABTozIOXwAB1iU/f2KU3xhU2WSxufAU4zLKwqgL04RxsCayKSSA==}
     peerDependencies:
@@ -3935,6 +3970,10 @@ packages:
   asap@2.0.6:
     resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
 
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
   ast-types-flow@0.0.8:
     resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
 
@@ -4124,6 +4163,10 @@ packages:
   capital-case@1.0.4:
     resolution: {integrity: sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==}
 
+  chai@5.1.2:
+    resolution: {integrity: sha512-aGtmf24DW6MLHHG5gCx4zaI3uBq3KRtxeVs0DjFH6Z0rDNbsvTxFASFvdj79pxjxZ8/5u3PIiN3IwEIQkiiuPw==}
+    engines: {node: '>=12'}
+
   chalk@3.0.0:
     resolution: {integrity: sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==}
     engines: {node: '>=8'}
@@ -4145,6 +4188,10 @@ packages:
   chardet@0.7.0:
     resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
 
+  check-error@2.1.1:
+    resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
+    engines: {node: '>= 16'}
+
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -4483,6 +4530,10 @@ packages:
       babel-plugin-macros:
         optional: true
 
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
@@ -4919,6 +4970,9 @@ packages:
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
   esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
@@ -6020,6 +6074,9 @@ packages:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
+  loupe@3.1.2:
+    resolution: {integrity: sha512-23I4pFZHmAemUnz8WZXbYRSKYj801VDaNv9ETuMh7IrMc7VuVVSo+Z9iLE3ni30+U48iDWfi30d3twAXBYmnCg==}
+
   lower-case-first@2.0.2:
     resolution: {integrity: sha512-EVm/rR94FJTZi3zefZ82fLWab+GX14LJN4HrWBcuo6Evmsl9hEfnqxgcHCKb9q+mNf6EVdsjx/qucYFIIB84pg==}
 
@@ -6394,6 +6451,10 @@ packages:
   pathe@0.2.0:
     resolution: {integrity: sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==}
 
+  pathval@2.0.0:
+    resolution: {integrity: sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==}
+    engines: {node: '>= 14.16'}
+
   picocolors@1.0.1:
     resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
 
@@ -6852,11 +6913,11 @@ packages:
       react: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
       react-dom: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
 
-  react-toastify@10.0.6:
-    resolution: {integrity: sha512-yYjp+omCDf9lhZcrZHKbSq7YMuK0zcYkDFTzfRFgTXkTFHZ1ToxwAonzA4JI5CxA91JpjFLmwEsZEgfYfOqI1A==}
+  react-toastify@11.0.2:
+    resolution: {integrity: sha512-GjHuGaiXMvbls3ywqv8XdWONwrcO4DXCJIY1zVLkHU73gEElKvTTXNI5Vom3s/k/M8hnkrfsqgBSX3OwmlonbA==}
     peerDependencies:
-      react: '>=18'
-      react-dom: '>=18'
+      react: ^18 || ^19
+      react-dom: ^18 || ^19
 
   react@18.3.1:
     resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
@@ -7343,6 +7404,14 @@ packages:
   tiny-invariant@1.3.3:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
+  tinyrainbow@1.2.0:
+    resolution: {integrity: sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@3.0.2:
+    resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
+    engines: {node: '>=14.0.0'}
+
   tippy.js@6.3.7:
     resolution: {integrity: sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==}
 
@@ -10241,6 +10310,13 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
+  '@storybook/instrumenter@8.4.7(storybook@8.4.7(prettier@3.4.2))':
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@vitest/utils': 2.1.8
+      storybook: 8.4.7(prettier@3.4.2)
+    optional: true
+
   '@storybook/manager-api@8.4.7(storybook@8.4.7(prettier@3.4.2))':
     dependencies:
       storybook: 8.4.7(prettier@3.4.2)
@@ -10255,12 +10331,12 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       storybook: 8.4.7(prettier@3.4.2)
 
-  '@storybook/react-vite@8.4.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.27.4)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)(vite@6.0.7(@types/node@22.10.5)(jiti@2.3.3)(lightningcss@1.25.1)(terser@5.31.1)(tsx@4.19.2)(yaml@2.4.5))':
+  '@storybook/react-vite@8.4.7(@storybook/test@8.4.7(storybook@8.4.7(prettier@3.4.2)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.27.4)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)(vite@6.0.7(@types/node@22.10.5)(jiti@2.3.3)(lightningcss@1.25.1)(terser@5.31.1)(tsx@4.19.2)(yaml@2.4.5))':
     dependencies:
       '@joshwooding/vite-plugin-react-docgen-typescript': 0.4.2(typescript@5.7.2)(vite@6.0.7(@types/node@22.10.5)(jiti@2.3.3)(lightningcss@1.25.1)(terser@5.31.1)(tsx@4.19.2)(yaml@2.4.5))
       '@rollup/pluginutils': 5.1.0(rollup@4.27.4)
       '@storybook/builder-vite': 8.4.7(storybook@8.4.7(prettier@3.4.2))(vite@6.0.7(@types/node@22.10.5)(jiti@2.3.3)(lightningcss@1.25.1)(terser@5.31.1)(tsx@4.19.2)(yaml@2.4.5))
-      '@storybook/react': 8.4.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
+      '@storybook/react': 8.4.7(@storybook/test@8.4.7(storybook@8.4.7(prettier@3.4.2)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)
       find-up: 5.0.0
       magic-string: 0.30.10
       react: 18.3.1
@@ -10276,7 +10352,7 @@ snapshots:
       - supports-color
       - typescript
 
-  '@storybook/react@8.4.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)':
+  '@storybook/react@8.4.7(@storybook/test@8.4.7(storybook@8.4.7(prettier@3.4.2)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.4.7(prettier@3.4.2))(typescript@5.7.2)':
     dependencies:
       '@storybook/components': 8.4.7(storybook@8.4.7(prettier@3.4.2))
       '@storybook/global': 5.0.0
@@ -10288,8 +10364,22 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       storybook: 8.4.7(prettier@3.4.2)
     optionalDependencies:
+      '@storybook/test': 8.4.7(storybook@8.4.7(prettier@3.4.2))
       typescript: 5.7.2
 
+  '@storybook/test@8.4.7(storybook@8.4.7(prettier@3.4.2))':
+    dependencies:
+      '@storybook/csf': 0.1.11
+      '@storybook/global': 5.0.0
+      '@storybook/instrumenter': 8.4.7(storybook@8.4.7(prettier@3.4.2))
+      '@testing-library/dom': 10.4.0
+      '@testing-library/jest-dom': 6.5.0
+      '@testing-library/user-event': 14.5.2(@testing-library/dom@10.4.0)
+      '@vitest/expect': 2.0.5
+      '@vitest/spy': 2.0.5
+      storybook: 8.4.7(prettier@3.4.2)
+    optional: true
+
   '@storybook/theming@8.4.7(storybook@8.4.7(prettier@3.4.2))':
     dependencies:
       storybook: 8.4.7(prettier@3.4.2)
@@ -10306,7 +10396,7 @@ snapshots:
 
   '@tanstack/table-core@8.20.5': {}
 
-  '@testing-library/dom@10.1.0':
+  '@testing-library/dom@10.4.0':
     dependencies:
       '@babel/code-frame': 7.26.2
       '@babel/runtime': 7.26.0
@@ -10317,6 +10407,17 @@ snapshots:
       lz-string: 1.5.0
       pretty-format: 27.5.1
 
+  '@testing-library/jest-dom@6.5.0':
+    dependencies:
+      '@adobe/css-tools': 4.4.0
+      aria-query: 5.3.2
+      chalk: 3.0.0
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      lodash: 4.17.21
+      redent: 3.0.0
+    optional: true
+
   '@testing-library/jest-dom@6.6.3':
     dependencies:
       '@adobe/css-tools': 4.4.0
@@ -10327,19 +10428,19 @@ snapshots:
       lodash: 4.17.21
       redent: 3.0.0
 
-  '@testing-library/react@16.1.0(@testing-library/dom@10.1.0)(@types/react-dom@18.3.1)(@types/react@18.3.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@testing-library/react@16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@18.3.1)(@types/react@18.3.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.26.0
-      '@testing-library/dom': 10.1.0
+      '@testing-library/dom': 10.4.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
       '@types/react': 18.3.13
       '@types/react-dom': 18.3.1
 
-  '@testing-library/user-event@14.5.2(@testing-library/dom@10.1.0)':
+  '@testing-library/user-event@14.5.2(@testing-library/dom@10.4.0)':
     dependencies:
-      '@testing-library/dom': 10.1.0
+      '@testing-library/dom': 10.4.0
 
   '@tiptap/core@2.11.0(@tiptap/pm@2.11.0)':
     dependencies:
@@ -10799,6 +10900,44 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@vitest/expect@2.0.5':
+    dependencies:
+      '@vitest/spy': 2.0.5
+      '@vitest/utils': 2.0.5
+      chai: 5.1.2
+      tinyrainbow: 1.2.0
+    optional: true
+
+  '@vitest/pretty-format@2.0.5':
+    dependencies:
+      tinyrainbow: 1.2.0
+    optional: true
+
+  '@vitest/pretty-format@2.1.8':
+    dependencies:
+      tinyrainbow: 1.2.0
+    optional: true
+
+  '@vitest/spy@2.0.5':
+    dependencies:
+      tinyspy: 3.0.2
+    optional: true
+
+  '@vitest/utils@2.0.5':
+    dependencies:
+      '@vitest/pretty-format': 2.0.5
+      estree-walker: 3.0.3
+      loupe: 3.1.2
+      tinyrainbow: 1.2.0
+    optional: true
+
+  '@vitest/utils@2.1.8':
+    dependencies:
+      '@vitest/pretty-format': 2.1.8
+      loupe: 3.1.2
+      tinyrainbow: 1.2.0
+    optional: true
+
   '@webref/css@6.13.0(css-tree@2.3.1)':
     dependencies:
       css-tree: 2.3.1
@@ -10993,6 +11132,9 @@ snapshots:
 
   asap@2.0.6: {}
 
+  assertion-error@2.0.1:
+    optional: true
+
   ast-types-flow@0.0.8: {}
 
   ast-types@0.16.1:
@@ -11235,6 +11377,15 @@ snapshots:
       tslib: 2.8.0
       upper-case-first: 2.0.2
 
+  chai@5.1.2:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.1
+      deep-eql: 5.0.2
+      loupe: 3.1.2
+      pathval: 2.0.0
+    optional: true
+
   chalk@3.0.0:
     dependencies:
       ansi-styles: 4.3.0
@@ -11277,6 +11428,9 @@ snapshots:
 
   chardet@0.7.0: {}
 
+  check-error@2.1.1:
+    optional: true
+
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -11609,6 +11763,9 @@ snapshots:
 
   dedent@1.5.3: {}
 
+  deep-eql@5.0.2:
+    optional: true
+
   deep-is@0.1.4: {}
 
   deepmerge@4.3.1: {}
@@ -12243,6 +12400,11 @@ snapshots:
 
   estree-walker@2.0.2: {}
 
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.6
+    optional: true
+
   esutils@2.0.3: {}
 
   execa@5.1.1:
@@ -13594,6 +13756,9 @@ snapshots:
     dependencies:
       js-tokens: 4.0.0
 
+  loupe@3.1.2:
+    optional: true
+
   lower-case-first@2.0.2:
     dependencies:
       tslib: 2.8.0
@@ -13948,6 +14113,9 @@ snapshots:
 
   pathe@0.2.0: {}
 
+  pathval@2.0.0:
+    optional: true
+
   picocolors@1.0.1: {}
 
   picocolors@1.1.1: {}
@@ -14436,7 +14604,7 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  react-toastify@10.0.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  react-toastify@11.0.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       clsx: 2.1.1
       react: 18.3.1
@@ -15037,6 +15205,12 @@ snapshots:
 
   tiny-invariant@1.3.3: {}
 
+  tinyrainbow@1.2.0:
+    optional: true
+
+  tinyspy@3.0.2:
+    optional: true
+
   tippy.js@6.3.7:
     dependencies:
       '@popperjs/core': 2.11.8