From 72c40f43e6cc5be28c86bf1306bad1db832997e1 Mon Sep 17 00:00:00 2001
From: Matthew Warman <warmanmr@gmail.com>
Date: Thu, 6 Feb 2025 13:38:19 -0500
Subject: [PATCH 1/6] #15 use clsx and tailwind-merge

---
 package-lock.json                             | 19 ++++++++++++-------
 package.json                                  |  3 ++-
 src/common/components/Alert/Alert.tsx         |  4 ++--
 src/common/components/Backdrop/Backdrop.tsx   |  7 ++-----
 src/common/components/Badge/Badge.tsx         |  4 ++--
 src/common/components/Button/Button.tsx       |  4 ++--
 src/common/components/Button/ThemeToggle.tsx  |  7 +++----
 src/common/components/Card/Card.tsx           |  4 ++--
 src/common/components/Card/MessageCard.tsx    |  5 ++---
 src/common/components/Dialog/Dialog.tsx       |  4 ++--
 src/common/components/Dialog/DialogButton.tsx |  5 ++---
 .../components/Dialog/DialogButtons.tsx       |  7 ++-----
 .../components/Dialog/DialogContent.tsx       |  4 ++--
 .../components/Dialog/DialogHeading.tsx       |  4 ++--
 src/common/components/Divider/Divider.tsx     |  5 ++---
 src/common/components/Dropdown/Dropdown.tsx   |  6 +++---
 .../components/Dropdown/DropdownContent.tsx   |  4 ++--
 .../components/Dropdown/DropdownItem.tsx      |  4 ++--
 src/common/components/Footer/Footer.tsx       |  4 ++--
 src/common/components/Form/Input.tsx          |  6 +++---
 src/common/components/Form/SearchInput.tsx    | 18 +++++-------------
 src/common/components/Form/SearchResult.tsx   |  4 ++--
 src/common/components/Form/Select.tsx         |  4 ++--
 src/common/components/Icon/Avatar.tsx         |  7 +++----
 src/common/components/Icon/FAIcon.tsx         |  4 ++--
 src/common/components/Link/Link.tsx           |  7 ++-----
 .../components/Loader/LoaderSkeleton.tsx      |  8 ++------
 .../components/Loader/LoaderSpinner.tsx       |  7 +++----
 src/common/components/Menu/MenuButton.tsx     |  4 ++--
 .../components/Menu/MenuCloseButton.tsx       |  5 ++---
 src/common/components/Menu/MenuNavLink.tsx    |  8 ++++----
 src/common/components/Menu/MenuSeparator.tsx  | 10 ++--------
 .../components/Menu/SideMenu/SideMenu.tsx     |  6 +++---
 .../Menu/SideMenu/SideMenuHeader.tsx          |  4 ++--
 src/common/components/Page/Page.tsx           |  4 ++--
 src/common/components/Table/Table.tsx         |  4 ++--
 src/common/components/Tabs/Tab.tsx            |  5 ++---
 src/common/components/Tabs/Tabs.tsx           |  4 ++--
 src/common/components/Text/Text.tsx           |  4 ++--
 src/common/components/Theme/Theme.tsx         |  4 ++--
 src/common/components/Toast/Toast.tsx         |  4 ++--
 src/common/utils/css.ts                       | 12 ++++++++++++
 .../Auth/Signin/components/SigninForm.tsx     |  4 ++--
 .../components/AppearanceSettings.tsx         |  7 +++----
 .../components/Chart/TaskStatusDonutChart.tsx |  4 ++--
 .../components/Edit/TaskCompleteToggle.tsx    |  6 +++---
 .../Tasks/components/List/TaskListItem.tsx    |  7 +++----
 src/pages/Tasks/components/View/TaskView.tsx  |  4 ++--
 48 files changed, 130 insertions(+), 149 deletions(-)
 create mode 100644 src/common/utils/css.ts

diff --git a/package-lock.json b/package-lock.json
index 4c521b4..2751951 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,7 +20,7 @@
         "@tanstack/react-query-devtools": "5.66.0",
         "@tanstack/react-table": "8.20.6",
         "axios": "1.7.9",
-        "classnames": "2.5.1",
+        "clsx": "2.1.1",
         "dayjs": "1.11.13",
         "i18next": "24.2.2",
         "i18next-browser-languagedetector": "8.0.2",
@@ -32,6 +32,7 @@
         "react-i18next": "15.4.0",
         "react-router-dom": "7.1.5",
         "recharts": "2.15.1",
+        "tailwind-merge": "3.0.1",
         "tailwindcss": "3.4.17",
         "uuid": "11.0.5",
         "yup": "1.6.1"
@@ -4484,12 +4485,6 @@
         }
       }
     },
-    "node_modules/classnames": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
-      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
-      "license": "MIT"
-    },
     "node_modules/clean-set": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/clean-set/-/clean-set-1.1.2.tgz",
@@ -8710,6 +8705,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/tailwind-merge": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.0.1.tgz",
+      "integrity": "sha512-AvzE8FmSoXC7nC+oU5GlQJbip2UO7tmOhOfQyOmPhrStOGXHU08j8mZEHZ4BmCqY5dWTCo4ClWkNyRNx1wpT0g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
     "node_modules/tailwindcss": {
       "version": "3.4.17",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
diff --git a/package.json b/package.json
index 65b0795..d3596c9 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "@tanstack/react-query-devtools": "5.66.0",
     "@tanstack/react-table": "8.20.6",
     "axios": "1.7.9",
-    "classnames": "2.5.1",
+    "clsx": "2.1.1",
     "dayjs": "1.11.13",
     "i18next": "24.2.2",
     "i18next-browser-languagedetector": "8.0.2",
@@ -48,6 +48,7 @@
     "react-i18next": "15.4.0",
     "react-router-dom": "7.1.5",
     "recharts": "2.15.1",
+    "tailwind-merge": "3.0.1",
     "tailwindcss": "3.4.17",
     "uuid": "11.0.5",
     "yup": "1.6.1"
diff --git a/src/common/components/Alert/Alert.tsx b/src/common/components/Alert/Alert.tsx
index cca58d9..723d93e 100644
--- a/src/common/components/Alert/Alert.tsx
+++ b/src/common/components/Alert/Alert.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * The variations of `Alert` components.
@@ -32,7 +32,7 @@ const Alert = ({
 }: AlertProps): JSX.Element => {
   return (
     <div
-      className={classNames(
+      className={cn(
         'flex items-center gap-2 rounded-lg p-3',
         {
           'bg-red-800/90 text-white/80': variant === 'error',
diff --git a/src/common/components/Backdrop/Backdrop.tsx b/src/common/components/Backdrop/Backdrop.tsx
index 498bd3b..5b41e4a 100644
--- a/src/common/components/Backdrop/Backdrop.tsx
+++ b/src/common/components/Backdrop/Backdrop.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * Properties for the `Backdrop` component.
@@ -32,10 +32,7 @@ const Backdrop = ({
 
   return (
     <div
-      className={classNames(
-        'fixed right-0 top-0 z-[1000] h-screen w-screen bg-neutral-500/50',
-        className,
-      )}
+      className={cn('fixed right-0 top-0 z-[1000] h-screen w-screen bg-neutral-500/50', className)}
       onClick={handleClick}
       data-testid={testId}
     >
diff --git a/src/common/components/Badge/Badge.tsx b/src/common/components/Badge/Badge.tsx
index 4265e04..c133977 100644
--- a/src/common/components/Badge/Badge.tsx
+++ b/src/common/components/Badge/Badge.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * Properties for the `Badge` React component.
@@ -19,7 +19,7 @@ export interface BadgeProps extends BaseComponentProps, PropsWithChildren {}
 const Badge = ({ children, className, testId = 'badge' }: BadgeProps): JSX.Element => {
   return (
     <div
-      className={classNames(
+      className={cn(
         'rounded-full bg-red-600 px-1 py-0.5 text-[10px] font-bold leading-none text-white dark:bg-red-700 dark:opacity-75',
         className,
       )}
diff --git a/src/common/components/Button/Button.tsx b/src/common/components/Button/Button.tsx
index 4861295..8ce8a75 100644
--- a/src/common/components/Button/Button.tsx
+++ b/src/common/components/Button/Button.tsx
@@ -1,7 +1,7 @@
 import { ButtonHTMLAttributes } from 'react';
-import classNames from 'classnames';
 
 import { PropsWithTestId } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * The variations of `Button` components.
@@ -34,7 +34,7 @@ const Button = ({
 }: ButtonProps): JSX.Element => {
   return (
     <button
-      className={classNames(
+      className={cn(
         'flex items-center justify-center gap-2 rounded-md border px-2 py-1 enabled:hover:opacity-80 disabled:opacity-50',
         {
           'border-neutral-700 bg-neutral-700 text-white dark:border-neutral-300 dark:bg-neutral-300 dark:text-neutral-900':
diff --git a/src/common/components/Button/ThemeToggle.tsx b/src/common/components/Button/ThemeToggle.tsx
index 5eaa024..178bfd2 100644
--- a/src/common/components/Button/ThemeToggle.tsx
+++ b/src/common/components/Button/ThemeToggle.tsx
@@ -1,8 +1,7 @@
-import classNames from 'classnames';
-
 import { PropsWithClassName } from 'common/utils/types';
 import { useSetSettings } from 'common/api/useSetSettings';
 import { useSettings } from 'common/hooks/useSettings';
+import { cn } from 'common/utils/css';
 import Button from './Button';
 import FAIcon from 'common/components/Icon/FAIcon';
 
@@ -27,7 +26,7 @@ const ThemeToggle = ({ className }: ThemeToggleProps): JSX.Element => {
       {settings?.theme === 'light' ? (
         <Button
           variant="text"
-          className={classNames('text-light-text', className)}
+          className={cn('text-light-text', className)}
           title="Dark Mode"
           onClick={() => setSettings({ theme: 'dark' })}
           testId="button-theme-dark"
@@ -37,7 +36,7 @@ const ThemeToggle = ({ className }: ThemeToggleProps): JSX.Element => {
       ) : (
         <Button
           variant="text"
-          className={classNames('text-dark-text', className)}
+          className={cn('text-dark-text', className)}
           title="Light Mode"
           onClick={() => setSettings({ theme: 'light' })}
           testId="button-theme-light"
diff --git a/src/common/components/Card/Card.tsx b/src/common/components/Card/Card.tsx
index af8ce69..c9fc105 100644
--- a/src/common/components/Card/Card.tsx
+++ b/src/common/components/Card/Card.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * Properties for the `Card` React component.
@@ -17,7 +17,7 @@ export interface CardProps extends BaseComponentProps, PropsWithChildren {}
  */
 const Card = ({ children, className, testId = 'card' }: CardProps): JSX.Element => {
   return (
-    <div className={classNames('rounded-lg bg-neutral-500/10 p-4', className)} data-testid={testId}>
+    <div className={cn('rounded-lg bg-neutral-500/10 p-4', className)} data-testid={testId}>
       {children}
     </div>
   );
diff --git a/src/common/components/Card/MessageCard.tsx b/src/common/components/Card/MessageCard.tsx
index bea31fd..25b331c 100644
--- a/src/common/components/Card/MessageCard.tsx
+++ b/src/common/components/Card/MessageCard.tsx
@@ -1,5 +1,4 @@
-import classNames from 'classnames';
-
+import { cn } from 'common/utils/css';
 import Card, { CardProps } from './Card';
 import FAIcon, { FAIconProps } from 'common/components/Icon/FAIcon';
 
@@ -30,7 +29,7 @@ const MessageCard = ({
   title,
 }: MessageCardProps): JSX.Element => {
   return (
-    <Card className={classNames('w-80', className)} testId={testId}>
+    <Card className={cn('w-80', className)} testId={testId}>
       <div className="flex flex-col items-center gap-2 text-center">
         {iconProps && <FAIcon {...iconProps} testId={`${testId}-icon`} />}
         {title && (
diff --git a/src/common/components/Dialog/Dialog.tsx b/src/common/components/Dialog/Dialog.tsx
index 13f29dd..a1e7b7c 100644
--- a/src/common/components/Dialog/Dialog.tsx
+++ b/src/common/components/Dialog/Dialog.tsx
@@ -1,6 +1,6 @@
 import { PropsWithChildren, useEffect, useState } from 'react';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import Backdrop from '../Backdrop/Backdrop';
 
@@ -49,7 +49,7 @@ const Dialog = ({
   };
 
   return (
-    <div className={classNames({ hidden: !isDialogOpen }, className)} data-testid={testId}>
+    <div className={cn({ hidden: !isDialogOpen }, className)} data-testid={testId}>
       <Backdrop
         className="flex items-center justify-center"
         onClick={handleBackdropClick}
diff --git a/src/common/components/Dialog/DialogButton.tsx b/src/common/components/Dialog/DialogButton.tsx
index ba24058..0400bed 100644
--- a/src/common/components/Dialog/DialogButton.tsx
+++ b/src/common/components/Dialog/DialogButton.tsx
@@ -1,5 +1,4 @@
-import classNames from 'classnames';
-
+import { cn } from 'common/utils/css';
 import Button, { ButtonProps } from '../Button/Button';
 
 /**
@@ -31,7 +30,7 @@ const DialogButton = ({
   return (
     <Button
       variant="text"
-      className={classNames(
+      className={cn(
         'text-sm',
         { 'font-bold text-blue-600 dark:text-blue-400': variant === 'primary' },
         { 'font-bold text-red-600': variant === 'danger' },
diff --git a/src/common/components/Dialog/DialogButtons.tsx b/src/common/components/Dialog/DialogButtons.tsx
index f9656d2..dc724bd 100644
--- a/src/common/components/Dialog/DialogButtons.tsx
+++ b/src/common/components/Dialog/DialogButtons.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * Properties for the `DialogButtons` component.
@@ -23,10 +23,7 @@ const DialogButtons = ({
   testId = 'dialog-buttons',
 }: DialogButtonsProps): JSX.Element => {
   return (
-    <div
-      className={classNames('mt-6 flex items-center justify-end gap-4', className)}
-      data-testid={testId}
-    >
+    <div className={cn('mt-6 flex items-center justify-end gap-4', className)} data-testid={testId}>
       {children}
     </div>
   );
diff --git a/src/common/components/Dialog/DialogContent.tsx b/src/common/components/Dialog/DialogContent.tsx
index ea83fa8..2e80259 100644
--- a/src/common/components/Dialog/DialogContent.tsx
+++ b/src/common/components/Dialog/DialogContent.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * Properties for the `DialogContent` component.
@@ -22,7 +22,7 @@ const DialogContent = ({
   testId = 'dialog-content',
 }: DialogContentProps): JSX.Element => {
   return (
-    <div className={classNames('mb-6 mt-4 text-sm', className)} data-testid={testId}>
+    <div className={cn('mb-6 mt-4 text-sm', className)} data-testid={testId}>
       {children}
     </div>
   );
diff --git a/src/common/components/Dialog/DialogHeading.tsx b/src/common/components/Dialog/DialogHeading.tsx
index 6c08550..df95f67 100644
--- a/src/common/components/Dialog/DialogHeading.tsx
+++ b/src/common/components/Dialog/DialogHeading.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * Properties for the `DialogHeading` component.
@@ -22,7 +22,7 @@ const DialogHeading = ({
   testId = 'dialog-heading',
 }: DialogHeadingProps): JSX.Element => {
   return (
-    <div className={classNames('mb-4 line-clamp-2 text-2xl', className)} data-testid={testId}>
+    <div className={cn('mb-4 line-clamp-2 text-2xl', className)} data-testid={testId}>
       {children}
     </div>
   );
diff --git a/src/common/components/Divider/Divider.tsx b/src/common/components/Divider/Divider.tsx
index 71a37d8..27bfc59 100644
--- a/src/common/components/Divider/Divider.tsx
+++ b/src/common/components/Divider/Divider.tsx
@@ -1,5 +1,4 @@
-import classNames from 'classnames';
-
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 
 /**
@@ -17,7 +16,7 @@ export interface DividerProps extends BaseComponentProps {}
 const Divider = ({ className, testId = 'divider' }: DividerProps): JSX.Element => {
   return (
     <div
-      className={classNames('h-0 w-full border-t border-neutral-500/50', className)}
+      className={cn('h-0 w-full border-t border-neutral-500/50', className)}
       data-testid={testId}
     ></div>
   );
diff --git a/src/common/components/Dropdown/Dropdown.tsx b/src/common/components/Dropdown/Dropdown.tsx
index 3b14ab4..297de93 100644
--- a/src/common/components/Dropdown/Dropdown.tsx
+++ b/src/common/components/Dropdown/Dropdown.tsx
@@ -1,7 +1,7 @@
 import { ReactNode, useState } from 'react';
-import classNames from 'classnames';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * Properties for the `Dropdown` component.
@@ -57,7 +57,7 @@ const Dropdown = ({
   return (
     <div className={className} data-testid={testId}>
       <div
-        className={classNames('absolute left-0 top-0 z-[1000] h-screen w-screen', {
+        className={cn('absolute left-0 top-0 z-[1000] h-screen w-screen', {
           hidden: hidden,
         })}
         onClick={() => setHidden(true)}
@@ -72,7 +72,7 @@ const Dropdown = ({
           {toggle}
         </div>
         <div
-          className={classNames('absolute right-0 z-[1001]', {
+          className={cn('absolute right-0 z-[1001]', {
             hidden: hidden,
           })}
           onClick={() => setHidden(true)}
diff --git a/src/common/components/Dropdown/DropdownContent.tsx b/src/common/components/Dropdown/DropdownContent.tsx
index f47d7e0..737dbb2 100644
--- a/src/common/components/Dropdown/DropdownContent.tsx
+++ b/src/common/components/Dropdown/DropdownContent.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * Properties for the `DropdownContent` component.
@@ -26,7 +26,7 @@ const DropdownContent = ({
 }: DropdownContentProps): JSX.Element => {
   return (
     <div
-      className={classNames(
+      className={cn(
         'rounded-lg border border-neutral-500 bg-white py-2 dark:bg-neutral-800',
         className,
       )}
diff --git a/src/common/components/Dropdown/DropdownItem.tsx b/src/common/components/Dropdown/DropdownItem.tsx
index 854ee5f..08b807d 100644
--- a/src/common/components/Dropdown/DropdownItem.tsx
+++ b/src/common/components/Dropdown/DropdownItem.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * Properties for the `DropdownItem` component.
@@ -30,7 +30,7 @@ const DropdownItem = ({
 }: DropdownItemProps): JSX.Element => {
   return (
     <div
-      className={classNames(
+      className={cn(
         'mb-2 flex cursor-pointer items-center gap-2 px-3 py-1 last:mb-0 hover:bg-neutral-500/25',
         className,
       )}
diff --git a/src/common/components/Footer/Footer.tsx b/src/common/components/Footer/Footer.tsx
index 349bf86..1cc7c21 100644
--- a/src/common/components/Footer/Footer.tsx
+++ b/src/common/components/Footer/Footer.tsx
@@ -1,7 +1,7 @@
-import classNames from 'classnames';
 import dayjs from 'dayjs';
 import { useTranslation } from 'react-i18next';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import Link from 'common/components/Link/Link';
 
@@ -23,7 +23,7 @@ const Footer = ({ className, testId = 'footer' }: FooterProps): JSX.Element => {
   const year = dayjs().format('YYYY');
 
   return (
-    <footer className={classNames('px-4 pb-8 pt-16', className)} data-testid={testId}>
+    <footer className={cn('px-4 pb-8 pt-16', className)} data-testid={testId}>
       <div className="flex flex-wrap items-center justify-center text-xs">
         <div className="mx-2">&copy; {year} LeanStacks</div>
         <div className="mx-2">
diff --git a/src/common/components/Form/Input.tsx b/src/common/components/Form/Input.tsx
index dc6ef43..ea3ad90 100644
--- a/src/common/components/Form/Input.tsx
+++ b/src/common/components/Form/Input.tsx
@@ -1,7 +1,7 @@
 import { InputHTMLAttributes } from 'react';
 import { useFormContext } from 'react-hook-form';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { PropsWithTestId } from 'common/utils/types';
 
 /**
@@ -42,7 +42,7 @@ const Input = ({
   const isDisabled = props.disabled || props.readOnly;
 
   return (
-    <div className={classNames(className)} data-testid={testId}>
+    <div className={cn(className)} data-testid={testId}>
       {!!label && (
         <label
           htmlFor={name}
@@ -56,7 +56,7 @@ const Input = ({
         id={props.id || name}
         {...props}
         {...register(name)}
-        className={classNames(
+        className={cn(
           'mb-1 block w-full border-b border-neutral-500/50 bg-transparent py-0.5 focus:border-blue-600 focus-visible:outline-none',
           {
             '!border-red-600': hasError,
diff --git a/src/common/components/Form/SearchInput.tsx b/src/common/components/Form/SearchInput.tsx
index c1fabb5..1324855 100644
--- a/src/common/components/Form/SearchInput.tsx
+++ b/src/common/components/Form/SearchInput.tsx
@@ -1,6 +1,6 @@
 import { ChangeEvent, useEffect, useRef } from 'react';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import FAIcon from 'common/components/Icon/FAIcon';
 
@@ -77,25 +77,19 @@ const SearchInput = ({
 
   return (
     <div className={className} onClick={doFocus} data-testid={testId}>
-      <div
-        className={classNames(
-          'mb-1 flex items-center gap-2 border-b border-neutral-500/50 px-1 py-0.5 has-[:focus]:border-blue-600',
-        )}
-      >
+      <div className="mb-1 flex items-center gap-2 border-b border-neutral-500/50 px-1 py-0.5 has-[:focus]:border-blue-600">
         <FAIcon icon="magnifyingGlass" data-testid={`${testId}-icon-leading`} />
         <input
           name={`${testId}-input`}
           onChange={doOnChange}
-          className={classNames(
-            'flex-grow appearance-none bg-transparent focus-visible:outline-none',
-          )}
+          className="flex-grow appearance-none bg-transparent focus-visible:outline-none"
           autoComplete="off"
           ref={inputRef}
           data-testid={`${testId}-input`}
         />
         <FAIcon
           icon="circleNotch"
-          className={classNames({
+          className={cn({
             invisible: !isLoading,
           })}
           spin
@@ -116,9 +110,7 @@ const SearchInput = ({
         )}
       </div>
 
-      <div className={classNames('max-h-64 overflow-y-auto rounded-lg bg-neutral-500/10')}>
-        {searchResults}
-      </div>
+      <div className="max-h-64 overflow-y-auto rounded-lg bg-neutral-500/10">{searchResults}</div>
     </div>
   );
 };
diff --git a/src/common/components/Form/SearchResult.tsx b/src/common/components/Form/SearchResult.tsx
index 866aeb2..b9a2889 100644
--- a/src/common/components/Form/SearchResult.tsx
+++ b/src/common/components/Form/SearchResult.tsx
@@ -1,7 +1,7 @@
-import classNames from 'classnames';
 import { PropsWithChildren } from 'react';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * Properties for the `SearchResult` React component.
@@ -29,7 +29,7 @@ const SearchResult = ({
 }: SearchResultProps): JSX.Element => {
   return (
     <div
-      className={classNames(
+      className={cn(
         'flex cursor-pointer items-center px-2 py-1 hover:bg-neutral-500/25',
         className,
       )}
diff --git a/src/common/components/Form/Select.tsx b/src/common/components/Form/Select.tsx
index 7a91939..de54bc2 100644
--- a/src/common/components/Form/Select.tsx
+++ b/src/common/components/Form/Select.tsx
@@ -1,7 +1,7 @@
 import { InputHTMLAttributes, PropsWithChildren } from 'react';
 import { useFormContext } from 'react-hook-form';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { PropsWithTestId } from 'common/utils/types';
 
 /**
@@ -63,7 +63,7 @@ const Select = ({
         id={props.id || name}
         {...props}
         {...register(name)}
-        className={classNames(
+        className={cn(
           'mb-1 block w-full border-b border-neutral-500/50 bg-transparent py-0.5 focus:border-blue-600',
           {
             '!border-red-600': hasError,
diff --git a/src/common/components/Icon/Avatar.tsx b/src/common/components/Icon/Avatar.tsx
index f7eff93..389d17b 100644
--- a/src/common/components/Icon/Avatar.tsx
+++ b/src/common/components/Icon/Avatar.tsx
@@ -1,5 +1,4 @@
-import classNames from 'classnames';
-
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 
 /**
@@ -71,7 +70,7 @@ const Avatar = ({
         alt={value}
         title={value}
         referrerPolicy="no-referrer"
-        className={classNames('size-8', className)}
+        className={cn('size-8', className)}
         data-testid={testId}
       />
     );
@@ -83,7 +82,7 @@ const Avatar = ({
   const backgroundColor = BACKGROUND_COLORS[trimmedValue.length % BACKGROUND_COLORS.length];
   return (
     <div
-      className={classNames(
+      className={cn(
         'flex size-8 items-center justify-center font-bold text-neutral-100',
         backgroundColor,
         className,
diff --git a/src/common/components/Icon/FAIcon.tsx b/src/common/components/Icon/FAIcon.tsx
index 6767bf2..dda08b5 100644
--- a/src/common/components/Icon/FAIcon.tsx
+++ b/src/common/components/Icon/FAIcon.tsx
@@ -1,5 +1,4 @@
 import { ComponentPropsWithoutRef } from 'react';
-import classNames from 'classnames';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 import { faCircle as faCircleRegular } from '@fortawesome/free-regular-svg-icons';
@@ -35,6 +34,7 @@ import {
 } from '@fortawesome/free-solid-svg-icons';
 
 import { BaseComponentProps } from 'common/utils/types';
+import { cn } from 'common/utils/css';
 
 /**
  * A union type of all Font Awesome icon names (without the `fa-` prefix)
@@ -135,7 +135,7 @@ const FAIcon = ({
 
   return (
     <FontAwesomeIcon
-      className={classNames('fa-icon', className)}
+      className={cn('fa-icon', className)}
       icon={faIcon}
       {...iconProps}
       data-testid={testId}
diff --git a/src/common/components/Link/Link.tsx b/src/common/components/Link/Link.tsx
index ae36d15..7d8c672 100644
--- a/src/common/components/Link/Link.tsx
+++ b/src/common/components/Link/Link.tsx
@@ -1,6 +1,6 @@
 import { Link as RouterLink, LinkProps as RouterLinkProps } from 'react-router-dom';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { PropsWithTestId } from 'common/utils/types';
 
 /**
@@ -21,10 +21,7 @@ export interface LinkProps extends RouterLinkProps, PropsWithTestId {}
 const Link = ({ children, className, testId = 'link', ...props }: LinkProps): JSX.Element => {
   return (
     <RouterLink
-      className={classNames(
-        'text-blue-600 hover:underline hover:opacity-75 dark:text-blue-400',
-        className,
-      )}
+      className={cn('text-blue-600 hover:underline hover:opacity-75 dark:text-blue-400', className)}
       data-testid={testId}
       {...props}
     >
diff --git a/src/common/components/Loader/LoaderSkeleton.tsx b/src/common/components/Loader/LoaderSkeleton.tsx
index 2384a6d..4303da1 100644
--- a/src/common/components/Loader/LoaderSkeleton.tsx
+++ b/src/common/components/Loader/LoaderSkeleton.tsx
@@ -1,5 +1,4 @@
-import classNames from 'classnames';
-
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 
 /**
@@ -20,10 +19,7 @@ const LoaderSkeleton = ({
 }: LoaderSkeletonProps): JSX.Element => {
   return (
     <div
-      className={classNames(
-        'animate-pulse rounded-md bg-neutral-200 dark:bg-neutral-700',
-        className,
-      )}
+      className={cn('animate-pulse rounded-md bg-neutral-200 dark:bg-neutral-700', className)}
       data-testid={testId}
     />
   );
diff --git a/src/common/components/Loader/LoaderSpinner.tsx b/src/common/components/Loader/LoaderSpinner.tsx
index a5fd09f..c344c3f 100644
--- a/src/common/components/Loader/LoaderSpinner.tsx
+++ b/src/common/components/Loader/LoaderSpinner.tsx
@@ -1,5 +1,4 @@
-import classNames from 'classnames';
-
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import FAIcon, { FAIconProps } from 'common/components/Icon/FAIcon';
 
@@ -33,9 +32,9 @@ const LoaderSpinner = ({
   textClassName,
 }: LoaderSpinnerProps): JSX.Element => {
   return (
-    <div className={classNames('flex items-center', className)} data-testid={testId}>
+    <div className={cn('flex items-center', className)} data-testid={testId}>
       <FAIcon icon={icon} spin className={iconClassName} testId={`${testId}-icon`} />
-      {!!text && <div className={classNames('ms-2', textClassName)}>{text}</div>}
+      {!!text && <div className={cn('ms-2', textClassName)}>{text}</div>}
     </div>
   );
 };
diff --git a/src/common/components/Menu/MenuButton.tsx b/src/common/components/Menu/MenuButton.tsx
index fbafad1..d2ba253 100644
--- a/src/common/components/Menu/MenuButton.tsx
+++ b/src/common/components/Menu/MenuButton.tsx
@@ -1,6 +1,6 @@
 import { ComponentType, useState } from 'react';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import { MenuProps } from './Menu';
 import Button from 'common/components/Button/Button';
@@ -36,7 +36,7 @@ const MenuButton = ({
     <>
       <Button
         variant="text"
-        className={classNames('text-light-text dark:text-dark-text', className)}
+        className={cn('text-light-text dark:text-dark-text', className)}
         onClick={() => setIsMenuOpen(true)}
         title={title}
         testId={testId}
diff --git a/src/common/components/Menu/MenuCloseButton.tsx b/src/common/components/Menu/MenuCloseButton.tsx
index 50943b4..17c9e7c 100644
--- a/src/common/components/Menu/MenuCloseButton.tsx
+++ b/src/common/components/Menu/MenuCloseButton.tsx
@@ -1,5 +1,4 @@
-import classNames from 'classnames';
-
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import Button from 'common/components/Button/Button';
 import FAIcon from 'common/components/Icon/FAIcon';
@@ -28,7 +27,7 @@ const MenuCloseButton = ({
   return (
     <Button
       variant="text"
-      className={classNames('pe-1 ps-1 hover:bg-neutral-200 dark:hover:bg-opacity-25', className)}
+      className={cn('pe-1 ps-1 hover:bg-neutral-200 dark:hover:bg-opacity-25', className)}
       onClick={() => close?.()}
       title="Close"
       testId={testId}
diff --git a/src/common/components/Menu/MenuNavLink.tsx b/src/common/components/Menu/MenuNavLink.tsx
index e8913a3..5acbb67 100644
--- a/src/common/components/Menu/MenuNavLink.tsx
+++ b/src/common/components/Menu/MenuNavLink.tsx
@@ -1,9 +1,9 @@
+import { PropsWithChildren } from 'react';
 import { NavLink, NavLinkProps } from 'react-router-dom';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { PropsWithTestId } from 'common/utils/types';
 import FAIcon, { FAIconProps } from 'common/components/Icon/FAIcon';
-import { PropsWithChildren } from 'react';
 
 /**
  * Properties for the `MenuNavLink` component.
@@ -56,7 +56,7 @@ const MenuNavLink = ({
   const getClassName = (props: NavLinkRenderProps): string => {
     const classNameFromProps = typeof className === 'function' ? className(props) : className;
 
-    return classNames(
+    return cn(
       'flex items-center rounded-md px-2 py-1.5 text-sm hover:bg-neutral-500/25',
       { 'bg-neutral-500/10 hover:!bg-neutral-500/10': styleActive && props.isActive },
       classNameFromProps,
@@ -70,7 +70,7 @@ const MenuNavLink = ({
           <FAIcon
             icon={icon}
             size="lg"
-            className={classNames('me-2', iconClassName)}
+            className={cn('me-2', iconClassName)}
             testId={`${testId}-icon`}
           />
         )}
diff --git a/src/common/components/Menu/MenuSeparator.tsx b/src/common/components/Menu/MenuSeparator.tsx
index 9064d72..9648495 100644
--- a/src/common/components/Menu/MenuSeparator.tsx
+++ b/src/common/components/Menu/MenuSeparator.tsx
@@ -1,5 +1,4 @@
-import classNames from 'classnames';
-
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 
 /**
@@ -18,12 +17,7 @@ const MenuSeparator = ({
   className,
   testId = 'menu-separator',
 }: MenuSeparatorProps): JSX.Element => {
-  return (
-    <div
-      className={classNames('my-2 border-t border-neutral-500', className)}
-      data-testid={testId}
-    />
-  );
+  return <div className={cn('my-2 border-t border-neutral-500', className)} data-testid={testId} />;
 };
 
 export default MenuSeparator;
diff --git a/src/common/components/Menu/SideMenu/SideMenu.tsx b/src/common/components/Menu/SideMenu/SideMenu.tsx
index af530ae..ee3458f 100644
--- a/src/common/components/Menu/SideMenu/SideMenu.tsx
+++ b/src/common/components/Menu/SideMenu/SideMenu.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import classNames from 'classnames';
 import { animated, useSpring } from '@react-spring/web';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import { MenuProps } from '../Menu';
 import SideMenuHeader from './SideMenuHeader';
@@ -47,7 +47,7 @@ const SideMenu = ({
 
   return (
     <div
-      className={classNames(
+      className={cn(
         'fixed right-0 top-0 z-[1000] flex h-screen w-screen bg-neutral-500/50',
         { 'flex-row-reverse justify-start': isLeft },
         { 'justify-end': isRight },
@@ -58,7 +58,7 @@ const SideMenu = ({
       <div className="grow" onClick={() => close?.()} data-testid={`${testId}-backdrop`}></div>
       <animated.div
         style={{ ...springs }}
-        className={classNames(
+        className={cn(
           'z-[1001] h-screen w-80 min-w-48 border-neutral-500 bg-neutral-100 dark:bg-neutral-800',
           { 'rounded-r-lg border-r': isLeft },
           { 'rounded-l-lg border-l': isRight },
diff --git a/src/common/components/Menu/SideMenu/SideMenuHeader.tsx b/src/common/components/Menu/SideMenu/SideMenuHeader.tsx
index 1f83bf0..93e540d 100644
--- a/src/common/components/Menu/SideMenu/SideMenuHeader.tsx
+++ b/src/common/components/Menu/SideMenu/SideMenuHeader.tsx
@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import MenuCloseButton from '../MenuCloseButton';
 
@@ -32,7 +32,7 @@ const SideMenuHeader = ({
 }: SideMenuHeaderProps): JSX.Element => {
   return (
     <div
-      className={classNames('flex h-14 items-center justify-between px-2 pt-2', className)}
+      className={cn('flex h-14 items-center justify-between px-2 pt-2', className)}
       data-testid={testId}
     >
       <div className="mx-2">{children}</div>
diff --git a/src/common/components/Page/Page.tsx b/src/common/components/Page/Page.tsx
index 291dc8b..564a01b 100644
--- a/src/common/components/Page/Page.tsx
+++ b/src/common/components/Page/Page.tsx
@@ -1,6 +1,6 @@
-import classNames from 'classnames';
 import { PropsWithChildren } from 'react';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 
 /**
@@ -17,7 +17,7 @@ export interface PageProps extends BaseComponentProps, PropsWithChildren {}
  */
 const Page = ({ children, className, testId = 'page' }: PageProps): JSX.Element => {
   return (
-    <div className={classNames('px-2 sm:px-8', className)} data-testid={testId}>
+    <div className={cn('px-2 sm:px-8', className)} data-testid={testId}>
       {children}
     </div>
   );
diff --git a/src/common/components/Table/Table.tsx b/src/common/components/Table/Table.tsx
index 10f144c..2c65a18 100644
--- a/src/common/components/Table/Table.tsx
+++ b/src/common/components/Table/Table.tsx
@@ -1,6 +1,6 @@
 import { ColumnDef, flexRender, getCoreRowModel, useReactTable } from '@tanstack/react-table';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 
 /**
@@ -36,7 +36,7 @@ const Table = <TData, TValue>({
 
   return (
     <table
-      className={classNames('w-full border-collapse text-left text-sm', className)}
+      className={cn('w-full border-collapse text-left text-sm', className)}
       data-testid={testId}
     >
       <thead>
diff --git a/src/common/components/Tabs/Tab.tsx b/src/common/components/Tabs/Tab.tsx
index 7bf7f35..88362a3 100644
--- a/src/common/components/Tabs/Tab.tsx
+++ b/src/common/components/Tabs/Tab.tsx
@@ -1,5 +1,4 @@
-import classNames from 'classnames';
-
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 
 /**
@@ -43,7 +42,7 @@ const Tab = ({
 
   return (
     <div
-      className={classNames(
+      className={cn(
         'flex cursor-pointer items-center justify-center px-2 py-1 text-sm font-bold uppercase',
         {
           'border-b-2 border-b-blue-300 dark:border-b-blue-600': isActive,
diff --git a/src/common/components/Tabs/Tabs.tsx b/src/common/components/Tabs/Tabs.tsx
index 69fa1f3..a1a70fc 100644
--- a/src/common/components/Tabs/Tabs.tsx
+++ b/src/common/components/Tabs/Tabs.tsx
@@ -1,6 +1,6 @@
 import { useSearchParams } from 'react-router-dom';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { PropsWithTestId } from 'common/utils/types';
 import { toNumberBetween } from 'common/utils/numbers';
 import { SearchParam } from 'common/utils/constants';
@@ -79,7 +79,7 @@ const Tabs = ({
         {tabs.map(({ className, ...tabProps }, index) => (
           <Tab
             {...tabProps}
-            className={classNames({ className, 'flex-grow': variant === 'fullWidth' })}
+            className={cn({ className, 'flex-grow': variant === 'fullWidth' })}
             isActive={activeTabIndex === index}
             onClick={() => setTab(index)}
             key={index}
diff --git a/src/common/components/Text/Text.tsx b/src/common/components/Text/Text.tsx
index 7a0d266..11cb007 100644
--- a/src/common/components/Text/Text.tsx
+++ b/src/common/components/Text/Text.tsx
@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 
 /**
@@ -27,7 +27,7 @@ export interface TextProps extends BaseComponentProps, PropsWithChildren {
 const Text = ({ children, className, testId = 'text', variant }: TextProps): JSX.Element => {
   return (
     <div
-      className={classNames(
+      className={cn(
         {
           'text-4xl': variant === 'heading1',
           'text-2xl': variant === 'heading2',
diff --git a/src/common/components/Theme/Theme.tsx b/src/common/components/Theme/Theme.tsx
index 6d093d6..8f63df1 100644
--- a/src/common/components/Theme/Theme.tsx
+++ b/src/common/components/Theme/Theme.tsx
@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
-import classNames from 'classnames';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import { useSettings } from 'common/hooks/useSettings';
 
@@ -23,7 +23,7 @@ const Theme = ({ className, children, testId = 'theme' }: ThemeProps): JSX.Eleme
   return (
     <div className={settings.theme} data-testid={testId}>
       <div
-        className={classNames(
+        className={cn(
           'min-h-screen bg-light-bg text-light-text dark:bg-dark-bg dark:text-dark-text',
           className,
         )}
diff --git a/src/common/components/Toast/Toast.tsx b/src/common/components/Toast/Toast.tsx
index b5b7f19..efcbc46 100644
--- a/src/common/components/Toast/Toast.tsx
+++ b/src/common/components/Toast/Toast.tsx
@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
-import classNames from 'classnames';
 import dayjs from 'dayjs';
 import { animated, useSpring } from '@react-spring/web';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import { ToastDetail } from 'common/providers/ToastsContext';
 import { useConfig } from 'common/hooks/useConfig';
@@ -63,7 +63,7 @@ const Toast = ({ className, dismiss, testId = 'toast', toast }: ToastProps): JSX
 
   return (
     <animated.div
-      className={classNames('max-w-sm rounded bg-neutral-200 dark:bg-neutral-600', className)}
+      className={cn('max-w-sm rounded bg-neutral-200 dark:bg-neutral-600', className)}
       data-testid={testId}
       style={{ ...springs }}
     >
diff --git a/src/common/utils/css.ts b/src/common/utils/css.ts
new file mode 100644
index 0000000..1b53b9f
--- /dev/null
+++ b/src/common/utils/css.ts
@@ -0,0 +1,12 @@
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+/**
+ * Conditionally construct `className` strings. Merge Tailwind CSS classes
+ * without conflicts.
+ * @param inputs - Class values used to calculate the `className` value.
+ * @returns {string} - A consolidated string containing CSS class names.
+ */
+export const cn = (...inputs: ClassValue[]): string => {
+  return twMerge(clsx(inputs));
+};
diff --git a/src/pages/Auth/Signin/components/SigninForm.tsx b/src/pages/Auth/Signin/components/SigninForm.tsx
index 21e734a..131cb22 100644
--- a/src/pages/Auth/Signin/components/SigninForm.tsx
+++ b/src/pages/Auth/Signin/components/SigninForm.tsx
@@ -1,11 +1,11 @@
 import { useState } from 'react';
-import classNames from 'classnames';
 import { object, string } from 'yup';
 import { useNavigate } from 'react-router-dom';
 import { FormProvider, useForm } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { useTranslation } from 'react-i18next';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import { useSignin } from '../api/useSignin';
 import Input from 'common/components/Form/Input';
@@ -72,7 +72,7 @@ const SigninForm = ({ className, testId = 'form-signin' }: BaseComponentProps):
   });
 
   return (
-    <div className={classNames('lg:w-2/3 xl:w-1/2', className)} data-testid={testId}>
+    <div className={cn('lg:w-2/3 xl:w-1/2', className)} data-testid={testId}>
       {error && (
         <Alert variant="error" className="mb-4 rounded-none" testId={`${testId}-alert`}>
           <FAIcon icon="circleExclamation" size="lg" />
diff --git a/src/pages/Settings/components/AppearanceSettings.tsx b/src/pages/Settings/components/AppearanceSettings.tsx
index 791cbb4..c0d9dd1 100644
--- a/src/pages/Settings/components/AppearanceSettings.tsx
+++ b/src/pages/Settings/components/AppearanceSettings.tsx
@@ -1,5 +1,4 @@
-import classNames from 'classnames';
-
+import { cn } from 'common/utils/css';
 import { PropsWithTestId } from 'common/utils/types';
 import { useSettings } from 'common/hooks/useSettings';
 import { useSetSettings } from 'common/api/useSetSettings';
@@ -32,7 +31,7 @@ const AppearanceSettings = ({
 
       <div className="flex flex-wrap gap-8">
         <div
-          className={classNames(
+          className={cn(
             'flex w-48 flex-col overflow-clip rounded-lg border',
             { 'border-slate-500/25': settings.theme !== 'light' },
             { 'border-blue-600': settings.theme === 'light' },
@@ -55,7 +54,7 @@ const AppearanceSettings = ({
         </div>
 
         <div
-          className={classNames(
+          className={cn(
             'flex w-48 flex-col overflow-clip rounded-lg border',
             { 'border-slate-500/25': settings.theme !== 'dark' },
             { 'border-blue-600': settings.theme === 'dark' },
diff --git a/src/pages/Tasks/components/Chart/TaskStatusDonutChart.tsx b/src/pages/Tasks/components/Chart/TaskStatusDonutChart.tsx
index 42c734a..9248794 100644
--- a/src/pages/Tasks/components/Chart/TaskStatusDonutChart.tsx
+++ b/src/pages/Tasks/components/Chart/TaskStatusDonutChart.tsx
@@ -1,9 +1,9 @@
 import { useMemo } from 'react';
-import classNames from 'classnames';
 import { filter, reject } from 'lodash';
 import colors from 'tailwindcss/colors';
 import { useTranslation } from 'react-i18next';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import { Task } from 'pages/Tasks/api/useGetUserTasks';
 import DonutChart, { DonutChartData, DonutChartProps } from 'common/components/Chart/DonutChart';
@@ -59,7 +59,7 @@ const TaskStatusDonutChart = ({
     // render the chart
     return (
       <DonutChart
-        className={classNames('text-xs', className)}
+        className={cn('text-xs', className)}
         data={chartData}
         height={height}
         width={width}
diff --git a/src/pages/Tasks/components/Edit/TaskCompleteToggle.tsx b/src/pages/Tasks/components/Edit/TaskCompleteToggle.tsx
index 06c8f18..3b6e02a 100644
--- a/src/pages/Tasks/components/Edit/TaskCompleteToggle.tsx
+++ b/src/pages/Tasks/components/Edit/TaskCompleteToggle.tsx
@@ -1,7 +1,7 @@
-import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
 import { useState } from 'react';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import { Task } from 'pages/Tasks/api/useGetUserTasks';
 import { useUpdateTask } from 'pages/Tasks/api/useUpdateTask';
@@ -66,7 +66,7 @@ const TaskCompleteToggle = ({
 
   return (
     <Button
-      className={classNames('!m-0 contents !border-none !p-0', className)}
+      className={cn('!m-0 contents !border-none !p-0', className)}
       variant="text"
       title={buttonTitle}
       onClick={handleButtonClick}
@@ -77,7 +77,7 @@ const TaskCompleteToggle = ({
     >
       <FAIcon
         icon={showCompleted ? 'circleCheck' : 'circleRegular'}
-        className={classNames({ 'text-green-600': showCompleted })}
+        className={cn({ 'text-green-600': showCompleted })}
         testId={`${testId}-icon`}
       />
     </Button>
diff --git a/src/pages/Tasks/components/List/TaskListItem.tsx b/src/pages/Tasks/components/List/TaskListItem.tsx
index 797792d..bd86bda 100644
--- a/src/pages/Tasks/components/List/TaskListItem.tsx
+++ b/src/pages/Tasks/components/List/TaskListItem.tsx
@@ -1,9 +1,8 @@
-import classNames from 'classnames';
-import Link from 'common/components/Link/Link';
-
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import { Task } from 'pages/Tasks/api/useGetUserTasks';
 import TaskCompleteToggle from 'pages/Tasks/components/Edit/TaskCompleteToggle';
+import Link from 'common/components/Link/Link';
 
 /**
  * Properties for the `TaskListItem` component.
@@ -25,7 +24,7 @@ const TaskListItem = ({
   testId = 'list-task-item',
 }: TaskListItemProps): JSX.Element => {
   return (
-    <div className={classNames('flex items-center gap-4 py-0.5', className)} data-testid={testId}>
+    <div className={cn('flex items-center gap-4 py-0.5', className)} data-testid={testId}>
       <TaskCompleteToggle task={task} testId={`${testId}-complete-toggle`} />
       <Link to={`${task.id}`}>{task.title}</Link>
     </div>
diff --git a/src/pages/Tasks/components/View/TaskView.tsx b/src/pages/Tasks/components/View/TaskView.tsx
index 744bf40..ea77e7a 100644
--- a/src/pages/Tasks/components/View/TaskView.tsx
+++ b/src/pages/Tasks/components/View/TaskView.tsx
@@ -1,6 +1,6 @@
-import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
 
+import { cn } from 'common/utils/css';
 import { BaseComponentProps } from 'common/utils/types';
 import { Task } from 'pages/Tasks/api/useGetUserTasks';
 import { useGetUser } from 'common/api/useGetUser';
@@ -55,7 +55,7 @@ const TaskView = ({ className, task, testId = 'task-view' }: TaskViewProps): JSX
       <div className="mt-4">
         <div className="text-xs font-bold uppercase">Status</div>
         <Badge
-          className={classNames('inline', { '!bg-blue-600': task.completed })}
+          className={cn('inline', { '!bg-blue-600': task.completed })}
           testId={`${testId}-status`}
         >
           {task.completed ? 'COMPLETE' : 'INCOMPLETE'}

From cda550c1390b46433d51f5cac446202dda89b2b3 Mon Sep 17 00:00:00 2001
From: Matthew Warman <warmanmr@gmail.com>
Date: Thu, 6 Feb 2025 13:58:17 -0500
Subject: [PATCH 2/6] #16 pr template

---
 .github/pull_request_template.md | 36 ++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 .github/pull_request_template.md

diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
new file mode 100644
index 0000000..22ca9c3
--- /dev/null
+++ b/.github/pull_request_template.md
@@ -0,0 +1,36 @@
+:loudspeaker: **Instructions**
+
+- Begin with a **DRAFT** pull request.
+- Follow _italicized instructions_ to add detail to assist the reviewers.
+- After completing all checklist items, change the pull request to **READY**.
+
+---
+
+## :wrench: Change Summary
+
+_List the changes included in this pull request._
+
+- Issue: [ISSUE-123](https://example.com/ISSUE-123)
+- ...
+
+## :memo: Checklist
+
+_Pull request authors must complete the following tasks before marking the PR as ready to review._
+
+- [ ] Complete a self-review of changes
+- [ ] Unit tests have been created or updated
+- [ ] The code is free of [new] lint errors and warnings
+- [ ] Update storybook stories as needed
+- [ ] Update project documentation as needed, README, JSDoc, etc.
+
+## :test_tube: Steps to Test
+
+_Describe the process to test the changes in this pull request._
+
+1. ...
+
+## :link: Additional Information
+
+_Optionally, provide additional details, screenshots, or URLs that may assist the reviewer._
+
+- ...

From de4f1088679a4d3e9cc11498b17ea309994aa436 Mon Sep 17 00:00:00 2001
From: Matthew Warman <warmanmr@gmail.com>
Date: Thu, 6 Feb 2025 13:58:27 -0500
Subject: [PATCH 3/6] #16 readme

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index d8509b3..959022b 100644
--- a/README.md
+++ b/README.md
@@ -33,7 +33,7 @@ The production technology stack includes:
 - Yup - schema based validation
 - Lodash - utility functions
 - DayJS - date and time utility functions
-- TanStack React Table - advanced tables and datagrids
+- TanStack Table - advanced tables and datagrids
 - Recharts - composable charting library for React
 
 The development technology stack includes:

From 3758f88533c2e6a5294de3761ed40425ab064d9b Mon Sep 17 00:00:00 2001
From: Matthew Warman <warmanmr@gmail.com>
Date: Thu, 6 Feb 2025 14:14:53 -0500
Subject: [PATCH 4/6] #16 upgrade deps

---
 package-lock.json | 881 +++++++++++++++++++++++-----------------------
 package.json      |  26 +-
 2 files changed, 446 insertions(+), 461 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2751951..3c14caa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -40,14 +40,14 @@
       "devDependencies": {
         "@chromatic-com/storybook": "3.2.4",
         "@eslint/js": "9.19.0",
-        "@storybook/addon-essentials": "8.5.2",
-        "@storybook/addon-interactions": "8.5.2",
-        "@storybook/addon-onboarding": "8.5.2",
-        "@storybook/addon-themes": "8.5.2",
-        "@storybook/blocks": "8.5.2",
-        "@storybook/react": "8.5.2",
-        "@storybook/react-vite": "8.5.2",
-        "@storybook/test": "8.5.2",
+        "@storybook/addon-essentials": "8.5.3",
+        "@storybook/addon-interactions": "8.5.3",
+        "@storybook/addon-onboarding": "8.5.3",
+        "@storybook/addon-themes": "8.5.3",
+        "@storybook/blocks": "8.5.3",
+        "@storybook/react": "8.5.3",
+        "@storybook/react-vite": "8.5.3",
+        "@storybook/test": "8.5.3",
         "@testing-library/jest-dom": "6.6.3",
         "@testing-library/react": "16.2.0",
         "@testing-library/user-event": "14.6.1",
@@ -58,7 +58,7 @@
         "@types/react-dom": "18.3.1",
         "@types/uuid": "10.0.0",
         "@vitejs/plugin-react": "4.3.4",
-        "@vitest/coverage-v8": "3.0.4",
+        "@vitest/coverage-v8": "3.0.5",
         "autoprefixer": "10.4.20",
         "eslint": "9.19.0",
         "eslint-plugin-react-hooks": "5.1.0",
@@ -71,11 +71,11 @@
         "prettier": "3.4.2",
         "prettier-plugin-tailwindcss": "0.6.11",
         "rimraf": "6.0.1",
-        "storybook": "8.5.2",
+        "storybook": "8.5.3",
         "typescript": "5.7.3",
-        "typescript-eslint": "8.22.0",
-        "vite": "6.0.11",
-        "vitest": "3.0.4"
+        "typescript-eslint": "8.23.0",
+        "vite": "6.1.0",
+        "vitest": "3.0.5"
       }
     },
     "node_modules/@adobe/css-tools": {
@@ -609,9 +609,9 @@
       }
     },
     "node_modules/@codemirror/state": {
-      "version": "6.5.1",
-      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.1.tgz",
-      "integrity": "sha512-3rA9lcwciEB47ZevqvD8qgbzhM9qMb8vCcQCNmDfVRPQG4JT9mSb0Jg8H7YjKGGQcFnLN323fj9jdnG59Kx6bg==",
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.2.tgz",
+      "integrity": "sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==",
       "license": "MIT",
       "dependencies": {
         "@marijn/find-cluster-break": "^1.0.0"
@@ -1266,13 +1266,13 @@
       }
     },
     "node_modules/@eslint/config-array": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.19.1.tgz",
-      "integrity": "sha512-fo6Mtm5mWyKjA/Chy1BYTdn5mGJoDNjC7C64ug20ADsRDGrA85bN3uK3MaKbeRkRuuIEAR5N33Jr1pbm411/PA==",
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.19.2.tgz",
+      "integrity": "sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/object-schema": "^2.1.5",
+        "@eslint/object-schema": "^2.1.6",
         "debug": "^4.3.1",
         "minimatch": "^3.1.2"
       },
@@ -1341,9 +1341,9 @@
       }
     },
     "node_modules/@eslint/object-schema": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.5.tgz",
-      "integrity": "sha512-o0bhxnL89h5Bae5T318nFoFzGy+YE5i/gGkoPAgkmTVdRKTiv3p8JHevPiPaMwoloKfEiiaHlawCqaZMqRm+XQ==",
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
+      "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -1498,60 +1498,59 @@
       }
     },
     "node_modules/@inquirer/confirm": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-5.1.3.tgz",
-      "integrity": "sha512-fuF9laMmHoOgWapF9h9hv6opA5WvmGFHsTYGCmuFxcghIhEhb3dN0CdQR4BUMqa2H506NCj8cGX4jwMsE4t6dA==",
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-5.1.5.tgz",
+      "integrity": "sha512-ZB2Cz8KeMINUvoeDi7IrvghaVkYT2RB0Zb31EaLWOE87u276w4wnApv0SH2qWaJ3r0VSUa3BIuz7qAV2ZvsZlg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/core": "^10.1.4",
-        "@inquirer/type": "^3.0.2"
+        "@inquirer/core": "^10.1.6",
+        "@inquirer/type": "^3.0.4"
       },
       "engines": {
         "node": ">=18"
       },
       "peerDependencies": {
         "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/core": {
-      "version": "10.1.4",
-      "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.1.4.tgz",
-      "integrity": "sha512-5y4/PUJVnRb4bwWY67KLdebWOhOc7xj5IP2J80oWXa64mVag24rwQ1VAdnj7/eDY/odhguW0zQ1Mp1pj6fO/2w==",
+      "version": "10.1.6",
+      "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-10.1.6.tgz",
+      "integrity": "sha512-Bwh/Zk6URrHwZnSSzAZAKH7YgGYi0xICIBDFOqBQoXNNAzBHw/bgXgLmChfp+GyR3PnChcTbiCTZGC6YJNJkMA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@inquirer/figures": "^1.0.9",
-        "@inquirer/type": "^3.0.2",
+        "@inquirer/figures": "^1.0.10",
+        "@inquirer/type": "^3.0.4",
         "ansi-escapes": "^4.3.2",
         "cli-width": "^4.1.0",
         "mute-stream": "^2.0.0",
         "signal-exit": "^4.1.0",
-        "strip-ansi": "^6.0.1",
         "wrap-ansi": "^6.2.0",
         "yoctocolors-cjs": "^2.1.2"
       },
       "engines": {
         "node": ">=18"
-      }
-    },
-    "node_modules/@inquirer/core/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
       },
-      "engines": {
-        "node": ">=8"
+      "peerDependencies": {
+        "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@inquirer/figures": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.9.tgz",
-      "integrity": "sha512-BXvGj0ehzrngHTPTDqUoDT3NXL8U0RxUk2zJm2A66RhCEIWdtU1v6GuUqNAgArW4PQ9CinqIWyHdQgdwOj06zQ==",
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-1.0.10.tgz",
+      "integrity": "sha512-Ey6176gZmeqZuY/W/nZiUyvmb1/qInjcpiZjXWi6nON+nxJpD1bxtSoBxNliGISae32n6OwbY+TSXPZ1CfS4bw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1559,9 +1558,9 @@
       }
     },
     "node_modules/@inquirer/type": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-3.0.2.tgz",
-      "integrity": "sha512-ZhQ4TvhwHZF+lGhQ2O/rsjo80XoZR5/5qhOY3t6FJuX5XBg5Be8YzYTvaUGJnc12AUGI2nr4QSUE4PhKSigx7g==",
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-3.0.4.tgz",
+      "integrity": "sha512-2MNFrDY8jkFYc9Il9DgLsHhMzuHnOYM1+CUYVWbzu9oT0hC7V7EcYvdCKeoll/Fcci04A+ERZ9wcc7cQ8lTkIA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1569,6 +1568,11 @@
       },
       "peerDependencies": {
         "@types/node": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
       }
     },
     "node_modules/@isaacs/cliui": {
@@ -1790,9 +1794,9 @@
       }
     },
     "node_modules/@mswjs/interceptors": {
-      "version": "0.37.5",
-      "resolved": "https://registry.npmjs.org/@mswjs/interceptors/-/interceptors-0.37.5.tgz",
-      "integrity": "sha512-AAwRb5vXFcY4L+FvZ7LZusDuZ0vEe0Zm8ohn1FM6/X7A3bj4mqmkAcGRWuvC2JwSygNwHAAmMnAI73vPHeqsHA==",
+      "version": "0.37.6",
+      "resolved": "https://registry.npmjs.org/@mswjs/interceptors/-/interceptors-0.37.6.tgz",
+      "integrity": "sha512-wK+5pLK5XFmgtH3aQ2YVvA3HohS3xqV/OxuVOdNx9Wpnz7VE/fnC+e1A7ln6LFYeck7gOJ/dsZV6OLplOtAJ2w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2008,9 +2012,9 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.32.1.tgz",
-      "integrity": "sha512-/pqA4DmqyCm8u5YIDzIdlLcEmuvxb0v8fZdFhVMszSpDTgbQKdw3/mB3eMUHIbubtJ6F9j+LtmyCnHTEqIHyzA==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.34.4.tgz",
+      "integrity": "sha512-gGi5adZWvjtJU7Axs//CWaQbQd/vGy8KGcnEaCWiyCqxWYDxwIlAHFuSe6Guoxtd0SRvSfVTDMPd5H+4KE2kKA==",
       "cpu": [
         "arm"
       ],
@@ -2022,9 +2026,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.32.1.tgz",
-      "integrity": "sha512-If3PDskT77q7zgqVqYuj7WG3WC08G1kwXGVFi9Jr8nY6eHucREHkfpX79c0ACAjLj3QIWKPJR7w4i+f5EdLH5Q==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.34.4.tgz",
+      "integrity": "sha512-1aRlh1gqtF7vNPMnlf1vJKk72Yshw5zknR/ZAVh7zycRAGF2XBMVDAHmFQz/Zws5k++nux3LOq/Ejj1WrDR6xg==",
       "cpu": [
         "arm64"
       ],
@@ -2036,9 +2040,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.32.1.tgz",
-      "integrity": "sha512-zCpKHioQ9KgZToFp5Wvz6zaWbMzYQ2LJHQ+QixDKq52KKrF65ueu6Af4hLlLWHjX1Wf/0G5kSJM9PySW9IrvHA==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.34.4.tgz",
+      "integrity": "sha512-drHl+4qhFj+PV/jrQ78p9ch6A0MfNVZScl/nBps5a7u01aGf/GuBRrHnRegA9bP222CBDfjYbFdjkIJ/FurvSQ==",
       "cpu": [
         "arm64"
       ],
@@ -2050,9 +2054,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.32.1.tgz",
-      "integrity": "sha512-sFvF+t2+TyUo/ZQqUcifrJIgznx58oFZbdHS9TvHq3xhPVL9nOp+yZ6LKrO9GWTP+6DbFtoyLDbjTpR62Mbr3Q==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.34.4.tgz",
+      "integrity": "sha512-hQqq/8QALU6t1+fbNmm6dwYsa0PDD4L5r3TpHx9dNl+aSEMnIksHZkSO3AVH+hBMvZhpumIGrTFj8XCOGuIXjw==",
       "cpu": [
         "x64"
       ],
@@ -2064,9 +2068,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.32.1.tgz",
-      "integrity": "sha512-NbOa+7InvMWRcY9RG+B6kKIMD/FsnQPH0MWUvDlQB1iXnF/UcKSudCXZtv4lW+C276g3w5AxPbfry5rSYvyeYA==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.34.4.tgz",
+      "integrity": "sha512-/L0LixBmbefkec1JTeAQJP0ETzGjFtNml2gpQXA8rpLo7Md+iXQzo9kwEgzyat5Q+OG/C//2B9Fx52UxsOXbzw==",
       "cpu": [
         "arm64"
       ],
@@ -2078,9 +2082,9 @@
       ]
     },
     "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.32.1.tgz",
-      "integrity": "sha512-JRBRmwvHPXR881j2xjry8HZ86wIPK2CcDw0EXchE1UgU0ubWp9nvlT7cZYKc6bkypBt745b4bglf3+xJ7hXWWw==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.34.4.tgz",
+      "integrity": "sha512-6Rk3PLRK+b8L/M6m/x6Mfj60LhAUcLJ34oPaxufA+CfqkUrDoUPQYFdRrhqyOvtOKXLJZJwxlOLbQjNYQcRQfw==",
       "cpu": [
         "x64"
       ],
@@ -2092,9 +2096,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.32.1.tgz",
-      "integrity": "sha512-PKvszb+9o/vVdUzCCjL0sKHukEQV39tD3fepXxYrHE3sTKrRdCydI7uldRLbjLmDA3TFDmh418XH19NOsDRH8g==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.34.4.tgz",
+      "integrity": "sha512-kmT3x0IPRuXY/tNoABp2nDvI9EvdiS2JZsd4I9yOcLCCViKsP0gB38mVHOhluzx+SSVnM1KNn9k6osyXZhLoCA==",
       "cpu": [
         "arm"
       ],
@@ -2106,9 +2110,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.32.1.tgz",
-      "integrity": "sha512-9WHEMV6Y89eL606ReYowXuGF1Yb2vwfKWKdD1A5h+OYnPZSJvxbEjxTRKPgi7tkP2DSnW0YLab1ooy+i/FQp/Q==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.34.4.tgz",
+      "integrity": "sha512-3iSA9tx+4PZcJH/Wnwsvx/BY4qHpit/u2YoZoXugWVfc36/4mRkgGEoRbRV7nzNBSCOgbWMeuQ27IQWgJ7tRzw==",
       "cpu": [
         "arm"
       ],
@@ -2120,9 +2124,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.32.1.tgz",
-      "integrity": "sha512-tZWc9iEt5fGJ1CL2LRPw8OttkCBDs+D8D3oEM8mH8S1ICZCtFJhD7DZ3XMGM8kpqHvhGUTvNUYVDnmkj4BDXnw==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.34.4.tgz",
+      "integrity": "sha512-7CwSJW+sEhM9sESEk+pEREF2JL0BmyCro8UyTq0Kyh0nu1v0QPNY3yfLPFKChzVoUmaKj8zbdgBxUhBRR+xGxg==",
       "cpu": [
         "arm64"
       ],
@@ -2134,9 +2138,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.32.1.tgz",
-      "integrity": "sha512-FTYc2YoTWUsBz5GTTgGkRYYJ5NGJIi/rCY4oK/I8aKowx1ToXeoVVbIE4LGAjsauvlhjfl0MYacxClLld1VrOw==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.34.4.tgz",
+      "integrity": "sha512-GZdafB41/4s12j8Ss2izofjeFXRAAM7sHCb+S4JsI9vaONX/zQ8cXd87B9MRU/igGAJkKvmFmJJBeeT9jJ5Cbw==",
       "cpu": [
         "arm64"
       ],
@@ -2148,9 +2152,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.32.1.tgz",
-      "integrity": "sha512-F51qLdOtpS6P1zJVRzYM0v6MrBNypyPEN1GfMiz0gPu9jN8ScGaEFIZQwteSsGKg799oR5EaP7+B2jHgL+d+Kw==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.34.4.tgz",
+      "integrity": "sha512-uuphLuw1X6ur11675c2twC6YxbzyLSpWggvdawTUamlsoUv81aAXRMPBC1uvQllnBGls0Qt5Siw8reSIBnbdqQ==",
       "cpu": [
         "loong64"
       ],
@@ -2162,9 +2166,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.32.1.tgz",
-      "integrity": "sha512-wO0WkfSppfX4YFm5KhdCCpnpGbtgQNj/tgvYzrVYFKDpven8w2N6Gg5nB6w+wAMO3AIfSTWeTjfVe+uZ23zAlg==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.34.4.tgz",
+      "integrity": "sha512-KvLEw1os2gSmD6k6QPCQMm2T9P2GYvsMZMRpMz78QpSoEevHbV/KOUbI/46/JRalhtSAYZBYLAnT9YE4i/l4vg==",
       "cpu": [
         "ppc64"
       ],
@@ -2176,9 +2180,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.32.1.tgz",
-      "integrity": "sha512-iWswS9cIXfJO1MFYtI/4jjlrGb/V58oMu4dYJIKnR5UIwbkzR0PJ09O0PDZT0oJ3LYWXBSWahNf/Mjo6i1E5/g==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.34.4.tgz",
+      "integrity": "sha512-wcpCLHGM9yv+3Dql/CI4zrY2mpQ4WFergD3c9cpRowltEh5I84pRT/EuHZsG0In4eBPPYthXnuR++HrFkeqwkA==",
       "cpu": [
         "riscv64"
       ],
@@ -2190,9 +2194,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.32.1.tgz",
-      "integrity": "sha512-RKt8NI9tebzmEthMnfVgG3i/XeECkMPS+ibVZjZ6mNekpbbUmkNWuIN2yHsb/mBPyZke4nlI4YqIdFPgKuoyQQ==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.34.4.tgz",
+      "integrity": "sha512-nLbfQp2lbJYU8obhRQusXKbuiqm4jSJteLwfjnunDT5ugBKdxqw1X9KWwk8xp1OMC6P5d0WbzxzhWoznuVK6XA==",
       "cpu": [
         "s390x"
       ],
@@ -2204,9 +2208,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.32.1.tgz",
-      "integrity": "sha512-WQFLZ9c42ECqEjwg/GHHsouij3pzLXkFdz0UxHa/0OM12LzvX7DzedlY0SIEly2v18YZLRhCRoHZDxbBSWoGYg==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.34.4.tgz",
+      "integrity": "sha512-JGejzEfVzqc/XNiCKZj14eb6s5w8DdWlnQ5tWUbs99kkdvfq9btxxVX97AaxiUX7xJTKFA0LwoS0KU8C2faZRg==",
       "cpu": [
         "x64"
       ],
@@ -2218,9 +2222,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.32.1.tgz",
-      "integrity": "sha512-BLoiyHDOWoS3uccNSADMza6V6vCNiphi94tQlVIL5de+r6r/CCQuNnerf+1g2mnk2b6edp5dk0nhdZ7aEjOBsA==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.34.4.tgz",
+      "integrity": "sha512-/iFIbhzeyZZy49ozAWJ1ZR2KW6ZdYUbQXLT4O5n1cRZRoTpwExnHLjlurDXXPKEGxiAg0ujaR9JDYKljpr2fDg==",
       "cpu": [
         "x64"
       ],
@@ -2232,9 +2236,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.32.1.tgz",
-      "integrity": "sha512-w2l3UnlgYTNNU+Z6wOR8YdaioqfEnwPjIsJ66KxKAf0p+AuL2FHeTX6qvM+p/Ue3XPBVNyVSfCrfZiQh7vZHLQ==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.34.4.tgz",
+      "integrity": "sha512-qORc3UzoD5UUTneiP2Afg5n5Ti1GAW9Gp5vHPxzvAFFA3FBaum9WqGvYXGf+c7beFdOKNos31/41PRMUwh1tpA==",
       "cpu": [
         "arm64"
       ],
@@ -2246,9 +2250,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.32.1.tgz",
-      "integrity": "sha512-Am9H+TGLomPGkBnaPWie4F3x+yQ2rr4Bk2jpwy+iV+Gel9jLAu/KqT8k3X4jxFPW6Zf8OMnehyutsd+eHoq1WQ==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.34.4.tgz",
+      "integrity": "sha512-5g7E2PHNK2uvoD5bASBD9aelm44nf1w4I5FEI7MPHLWcCSrR8JragXZWgKPXk5i2FU3JFfa6CGZLw2RrGBHs2Q==",
       "cpu": [
         "ia32"
       ],
@@ -2260,9 +2264,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.32.1.tgz",
-      "integrity": "sha512-ar80GhdZb4DgmW3myIS9nRFYcpJRSME8iqWgzH2i44u+IdrzmiXVxeFnExQ5v4JYUSpg94bWjevMG8JHf1Da5Q==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.34.4.tgz",
+      "integrity": "sha512-p0scwGkR4kZ242xLPBuhSckrJ734frz6v9xZzD+kHVYRAkSUmdSLCIJRfql6H5//aF8Q10K+i7q8DiPfZp0b7A==",
       "cpu": [
         "x64"
       ],
@@ -2280,9 +2284,9 @@
       "license": "MIT"
     },
     "node_modules/@storybook/addon-actions": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.5.2.tgz",
-      "integrity": "sha512-g0gLesVSFgstUq5QphsLeC1vEdwNHgqo2TE0m+STM47832xbxBwmK6uvBeqi416xZvnt1TTKaaBr4uCRRQ64Ww==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.5.3.tgz",
+      "integrity": "sha512-7a+SD4EZdZocm+NG1Kx4yV6Aw7+YUlRIyGvKcxsGtYMOLaqrUewApqveXF83+FbYWMoezXcoZCLQFROtS/Z6Fw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2297,7 +2301,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-actions/node_modules/@types/uuid": {
@@ -2322,9 +2326,9 @@
       }
     },
     "node_modules/@storybook/addon-backgrounds": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.5.2.tgz",
-      "integrity": "sha512-l9WkI4QHfINeFQkW9K0joaM7WweKktwIIyUPEvyoupHT4n9ccJHAlWjH4SBmzwI1j1Zt0G3t+bq8mVk/YK6Fsg==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.5.3.tgz",
+      "integrity": "sha512-sZcw8/C/HIIgbRBY+0ZYTBc5Py8xvw3bt6lzSVQEXA2aygfJpO/jiQJlmOXTmK3g5F5pjFKaaCodfXT7V/9mzw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2337,13 +2341,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-controls": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.5.2.tgz",
-      "integrity": "sha512-wkzw2vRff4zkzdvC/GOlB2PlV0i973u8igSLeg34TWNEAa4bipwVHnFfIojRuP9eN1bZL/0tjuU5pKnbTqH7aQ==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.5.3.tgz",
+      "integrity": "sha512-A4UVQhPyC7FvV+fM50xvEZO26/2uE41Ns0TN0qq7U5EH0Dlj43Salgay6qT8fve6XAI4SgVjkujPVCSbLg/yVQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2356,20 +2360,20 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-docs": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.5.2.tgz",
-      "integrity": "sha512-pRLJ/Qb/3XHpjS7ZAMaOZYtqxOuI8wPxVKYQ6n5rfMSj2jFwt5tdDsEJdhj2t5lsY8HrzEZi8ExuW5I5RoUoIQ==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.5.3.tgz",
+      "integrity": "sha512-XVcQlHX963nuoeRkb7qQg89t/9CThdT46UV7jX3FFn08NEMhmDEa+4iVA4l+4xNgJ+Av6uX+u6yRGnM/910mLg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@mdx-js/react": "^3.0.0",
-        "@storybook/blocks": "8.5.2",
-        "@storybook/csf-plugin": "8.5.2",
-        "@storybook/react-dom-shim": "8.5.2",
+        "@storybook/blocks": "8.5.3",
+        "@storybook/csf-plugin": "8.5.3",
+        "@storybook/react-dom-shim": "8.5.3",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
         "ts-dedent": "^2.0.0"
@@ -2379,25 +2383,25 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-essentials": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.5.2.tgz",
-      "integrity": "sha512-MfojJKxDg0bnjOE0MfLSaPweAud1Esjaf1D9M8EYnpeFnKGZApcGJNRpHCDiHrS5BMr8hHa58RDVc7ObFTI4Dw==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.5.3.tgz",
+      "integrity": "sha512-0zbEWQQZCiYRUxMo6FrfwQER/vi+B8mCLLivdjbSVSvZsjmlpcaBA5uBjbsXfIRcedHlou4QiJXn+nR8thDlKA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/addon-actions": "8.5.2",
-        "@storybook/addon-backgrounds": "8.5.2",
-        "@storybook/addon-controls": "8.5.2",
-        "@storybook/addon-docs": "8.5.2",
-        "@storybook/addon-highlight": "8.5.2",
-        "@storybook/addon-measure": "8.5.2",
-        "@storybook/addon-outline": "8.5.2",
-        "@storybook/addon-toolbars": "8.5.2",
-        "@storybook/addon-viewport": "8.5.2",
+        "@storybook/addon-actions": "8.5.3",
+        "@storybook/addon-backgrounds": "8.5.3",
+        "@storybook/addon-controls": "8.5.3",
+        "@storybook/addon-docs": "8.5.3",
+        "@storybook/addon-highlight": "8.5.3",
+        "@storybook/addon-measure": "8.5.3",
+        "@storybook/addon-outline": "8.5.3",
+        "@storybook/addon-toolbars": "8.5.3",
+        "@storybook/addon-viewport": "8.5.3",
         "ts-dedent": "^2.0.0"
       },
       "funding": {
@@ -2405,13 +2409,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-highlight": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.5.2.tgz",
-      "integrity": "sha512-QjJfY+8e1bi6FeGfVlgxzv/I8DUyC83lZq8zfTY7nDUCVdmKi8VzmW0KgDo5PaEOFKs8x6LKJa+s5O0gFQaJMw==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.5.3.tgz",
+      "integrity": "sha512-xhsr3W6KTvlOIIe+8JE9/sEOAgkW0yjMZzs47A+bWcxKwcFhAUgVLbAgEzjJ0u248rjGKlCJ2pswWefO+ZKJeg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2422,19 +2426,19 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-interactions": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.5.2.tgz",
-      "integrity": "sha512-Gn9Egk2OS0BkkHd671Y0pIqBr4noAOLUfnpxhHE8r0Tt7FmJFeVSN+dqK7hQeUmKL5jdSY25FTYROg65JmtGOA==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.5.3.tgz",
+      "integrity": "sha512-nQuP65iFGgqfVp/O8NxNDUwLTWmQBW4bofUFaT4wzYn7Jk9zobOZYtgQvdqBZtNzBDYmLrfrCutEBj5jVPRyuQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@storybook/global": "^5.0.0",
-        "@storybook/instrumenter": "8.5.2",
-        "@storybook/test": "8.5.2",
+        "@storybook/instrumenter": "8.5.3",
+        "@storybook/test": "8.5.3",
         "polished": "^4.2.2",
         "ts-dedent": "^2.2.0"
       },
@@ -2443,13 +2447,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-measure": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.5.2.tgz",
-      "integrity": "sha512-g7Kvrx8dqzeYWetpWYVVu4HaRzLAZVlOAlZYNfCH/aJHcFKp/p5zhPXnZh8aorxeCLHW1QSKcliaA4BNPEvTeg==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.5.3.tgz",
+      "integrity": "sha512-unb0bRsnISXWiCBBECxNUUdM12hHpV+1uJUu5OJHtKb26YpiQvewDFLTLjuZJ3NIAfw+F5232Q7K88AWJV6weg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2461,13 +2465,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-onboarding": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-onboarding/-/addon-onboarding-8.5.2.tgz",
-      "integrity": "sha512-IViKQdBTuF2KSOrhyyq2soT0Je90AZbAAM5SLrVF7Q4H/Pc2lbf1JX8WwAOW2RKH2o7/U2Mvl0SXqNNcwLZC1A==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-onboarding/-/addon-onboarding-8.5.3.tgz",
+      "integrity": "sha512-NZhYj3UZK65reO7mXcK7FPPu7QkLCRyIa6TpfQ3mRAocfjqg401mcBsRO37JNywYfHCZrU4w1l7pwpqjvcYceg==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -2475,13 +2479,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-outline": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.5.2.tgz",
-      "integrity": "sha512-laMVLT1xluSqMa2mMzmS1kdKcjX0HI9Fw+7pM3r4drtGWtxpyBT32YFqKfWFIBhcd364ti2tDUz9FlygGQ1rKw==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.5.3.tgz",
+      "integrity": "sha512-e1MkGN6XVdeRh2oUKGdqEDyAo2TD/47ashAAxw8DEiLRWgBMbQ+KBVH4EOG+dn5395jxh7YgRLJn/miqNnfN5g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2493,13 +2497,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-themes": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-8.5.2.tgz",
-      "integrity": "sha512-MTJkPwXqLK2Co186EUw2wr+1CpVRMbuWsOmQvhMHeU704kQtSYKkhu/xmaExuDYMupn5xiKG0p8Pt5Ck3fEObQ==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-8.5.3.tgz",
+      "integrity": "sha512-wGlrAxU/9WF/CA4EV9VDzWbi4fPKdUweHmAPcnuiU0xG/zEIIL4o2fDr0+9tTctjJfVHgkrsHk74BpP14j+p9g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2510,13 +2514,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-toolbars": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.5.2.tgz",
-      "integrity": "sha512-gHQtVCiq7HRqdYQLOmX8nhtV1Lqz4tOCj4BVodwwf8fUcHyNor+2FvGlQjngV2pIeCtxiM/qmG63UpTBp57ZMA==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.5.3.tgz",
+      "integrity": "sha512-AWr9Per9WDrbFtNlbVlj6CiEwKOvOyoBt3bCuMHuRfTdqKwkwInEtyUi4//T8U+c1qs7KJBpsWV2vhIuc5sODg==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -2524,13 +2528,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/addon-viewport": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.5.2.tgz",
-      "integrity": "sha512-W+7nrMQmxHcUNGsXjmb/fak1mD0a5vf4y1hBhSM7/131t8KBsvEu4ral8LTUhc4ZzuU1eIUM0Qth7SjqHqm5bA==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.5.3.tgz",
+      "integrity": "sha512-OkLJ2B8+PiOEAd2HtRG6XewVjtw6AkBMgoSbfKCMr6TWSbuKrOeiwIMqqieAAPVNfsOQ8hTK6JGhr/KPRCKgRA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2541,13 +2545,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/blocks": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.5.2.tgz",
-      "integrity": "sha512-C6Bz/YTG5ZuyAzglqgqozYUWaS39j1PnkVuMNots6S3Fp8ZJ6iZOlQ+rpumiuvnbfD5rkEZG+614RWNyNlFy7g==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.5.3.tgz",
+      "integrity": "sha512-a/PpHFmeBtVB9Q/6cNAnqfeCqMowsrI8nGka0Nl7BB3x1eJnS3I1Qo3Skht0LBEsmXOgXk4dwWxpeQL3qHMRkw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2562,7 +2566,7 @@
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       },
       "peerDependenciesMeta": {
         "react": {
@@ -2574,13 +2578,13 @@
       }
     },
     "node_modules/@storybook/builder-vite": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-8.5.2.tgz",
-      "integrity": "sha512-5YWCHmWtZ6oBEqpcGvAmBXVfeX+zssIGWE/UUUnjkmlXO7tHvFccikOLV7/p5VCHH21AbXN8F6mnptEsMPbqqg==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-8.5.3.tgz",
+      "integrity": "sha512-MxriwzZSVidaXj3kpH/jCOJZUdF7ofcvxmvrMrNehH9UvXIGM6b73CBC5ucnptbnQ7qxYKdAZiMhQbPHZ9cqOQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/csf-plugin": "8.5.2",
+        "@storybook/csf-plugin": "8.5.3",
         "browser-assert": "^1.2.1",
         "ts-dedent": "^2.0.0"
       },
@@ -2589,14 +2593,14 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2",
+        "storybook": "^8.5.3",
         "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
       }
     },
     "node_modules/@storybook/components": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.5.2.tgz",
-      "integrity": "sha512-o5vNN30sGLTJBeGk5SKyekR4RfTpBTGs2LDjXGAmpl2MRhzd62ix8g+KIXSR0rQ55TCvKUl5VR2i99ttlRcEKw==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.5.3.tgz",
+      "integrity": "sha512-iC9VbpM8Equ8wXI2syBzov+8wys4sGYW7Xfz67LdSVbCMhsH9FRtvgbDppJQC/ZDCofg4sTAHhWpDV/KAQ385A==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -2608,9 +2612,9 @@
       }
     },
     "node_modules/@storybook/core": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.5.2.tgz",
-      "integrity": "sha512-rCOpXZo2XbdKVnZiv8oC9FId/gLkStpKGGL7hhdg/RyjcyUyTfhsvaf7LXKZH2A0n/UpwFxhF3idRfhgc1XiSg==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.5.3.tgz",
+      "integrity": "sha512-ZLlr2pltbj/hmC54lggJTnh09FCAJR62lIdiXNwa+V+/eJz0CfD8tfGmZGKPSmaQeZBpMwAOeRM97k2oLPF+0w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2640,9 +2644,9 @@
       }
     },
     "node_modules/@storybook/core/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -2663,9 +2667,9 @@
       }
     },
     "node_modules/@storybook/csf-plugin": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.5.2.tgz",
-      "integrity": "sha512-EEQ3Vc9qIUbLH8tunzN/GSoyP3zPpNPKegZooYQbgVqA582Pel4Jnpn4uxGaOWtFCLhXMETV05X/7chGZtEujA==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.5.3.tgz",
+      "integrity": "sha512-u5oyXTFg3KIy4h9qoNyiCG2mJF3OpkLO/AcM4lMAwQVnBvz8pwITvr4jDZByVjGmcIbgKJQnWX+BwdK2NI4yAw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2676,7 +2680,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/global": {
@@ -2701,9 +2705,9 @@
       }
     },
     "node_modules/@storybook/instrumenter": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.5.2.tgz",
-      "integrity": "sha512-BbaUw9GXVzRg3Km95t2mRu4W6C1n1erjzll5maBaVe2+lV9MbCvBcdYwGUgjFNlQ/ETgq6vLfLOEtziycq/B6g==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.5.3.tgz",
+      "integrity": "sha512-pxaTbGeju8MkwouIiaWX5DMWtpRruxqig8W3nZPOvzoSCCbQY+sLMQoyXxFlpGxLBjcvXivkL7AMVBKps5sFEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2715,13 +2719,13 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/manager-api": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.5.2.tgz",
-      "integrity": "sha512-Cn+oINA6BOO2GmGHinGsOWnEpoBnurlZ9ekMq7H/c1SYMvQWNg5RlELyrhsnyhNd83fqFZy9Asb0RXI8oqz7DQ==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.5.3.tgz",
+      "integrity": "sha512-JtfuMgQpKIPU0ARn1jNPce8FmknpM0Ap0mppWl+KGAWWGadJPDaX/nrY/19dT1kRgIhyOnbX6tgJxII4E9dE5w==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -2733,9 +2737,9 @@
       }
     },
     "node_modules/@storybook/preview-api": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.5.2.tgz",
-      "integrity": "sha512-AOOaBjwnkFU40Fi68fvAnK0gMWPz6o/AmH44yDGsHgbI07UgqxLBKCTpjCGPlyQd5ezEjmGwwFTmcmq5dG8DKA==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.5.3.tgz",
+      "integrity": "sha512-dUsuXW+KgDg4tWXOB6dk5j5gwwRUzbPvicHAY9mzbpSVScbWXuE5T/S/9hHlbtfkhFroWQgPx2eB8z3rai+7RQ==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -2747,18 +2751,18 @@
       }
     },
     "node_modules/@storybook/react": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.5.2.tgz",
-      "integrity": "sha512-hWzw9ZllfzsaBJdAoEqPQ2GdVNV4c7PkvIWM6z67epaOHqsdsKScbTMe+YAvFMPtLtOO8KblIrtU5PeD4KyMgw==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.5.3.tgz",
+      "integrity": "sha512-QIdBSjsnwV/J919i4Fi7DlwxDKHU815t0c4B/w2KTMtKKBkk+Bge+vgVi0/lNqD3eF4w3yjVWGbkzUQZ63yiPg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/components": "8.5.2",
+        "@storybook/components": "8.5.3",
         "@storybook/global": "^5.0.0",
-        "@storybook/manager-api": "8.5.2",
-        "@storybook/preview-api": "8.5.2",
-        "@storybook/react-dom-shim": "8.5.2",
-        "@storybook/theming": "8.5.2"
+        "@storybook/manager-api": "8.5.3",
+        "@storybook/preview-api": "8.5.3",
+        "@storybook/react-dom-shim": "8.5.3",
+        "@storybook/theming": "8.5.3"
       },
       "engines": {
         "node": ">=18.0.0"
@@ -2768,10 +2772,10 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "@storybook/test": "8.5.2",
+        "@storybook/test": "8.5.3",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-        "storybook": "^8.5.2",
+        "storybook": "^8.5.3",
         "typescript": ">= 4.2.x"
       },
       "peerDependenciesMeta": {
@@ -2784,9 +2788,9 @@
       }
     },
     "node_modules/@storybook/react-dom-shim": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.5.2.tgz",
-      "integrity": "sha512-lt7XoaeWI8iPlWnWzIm/Wam9TpRFhlqP0KZJoKwDyHiCByqkeMrw5MJREyWq626nf34bOW8D6vkuyTzCHGTxKg==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.5.3.tgz",
+      "integrity": "sha512-kNIGk6mpXW3Wy+uS9pH9b9w/54EPJnH+QXA6MX4EQgmxhMQlGlS/l/YZp+3jsVQW4YgTmqe740qB+ccJAKZxBQ==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -2796,20 +2800,20 @@
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/react-vite": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-8.5.2.tgz",
-      "integrity": "sha512-MHsBuW23Qx6Kc55vwZ3zg6a5rkzReIcEPm38gm3vuf9vuvUsnXgvYRcu8xg3z8GakpsQNSZZJ/1sH48l0XvsSQ==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/react-vite/-/react-vite-8.5.3.tgz",
+      "integrity": "sha512-F30u2Xf+X774wrfQzWgg7vRVJmmJFbBVGdULsAGonkdy1FUeYo7puPiD2Qg6hBYNDyIyxDXVOukkOvTlG7IBRg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@joshwooding/vite-plugin-react-docgen-typescript": "0.4.2",
         "@rollup/pluginutils": "^5.0.2",
-        "@storybook/builder-vite": "8.5.2",
-        "@storybook/react": "8.5.2",
+        "@storybook/builder-vite": "8.5.3",
+        "@storybook/react": "8.5.3",
         "find-up": "^5.0.0",
         "magic-string": "^0.30.0",
         "react-docgen": "^7.0.0",
@@ -2824,10 +2828,10 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "@storybook/test": "8.5.2",
+        "@storybook/test": "8.5.3",
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
-        "storybook": "^8.5.2",
+        "storybook": "^8.5.3",
         "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
       },
       "peerDependenciesMeta": {
@@ -2837,15 +2841,15 @@
       }
     },
     "node_modules/@storybook/test": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.5.2.tgz",
-      "integrity": "sha512-F5WfD75m25ZRS19cSxCzHWJ/rH8jWwIjhBlhU+UW+5xjnTS1cJuC1yPT/5Jw0/0Aj9zG1atyfBUYnNHYtsBDYQ==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.5.3.tgz",
+      "integrity": "sha512-2smoDbtU6Qh4yk0uD18qGfW6ll7lZBzKlF58Ha1CgWR4o+jpeeTQcfDLH9gG6sNrpojF7AVzMh/aN9BDHD+Chg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@storybook/csf": "0.1.12",
         "@storybook/global": "^5.0.0",
-        "@storybook/instrumenter": "8.5.2",
+        "@storybook/instrumenter": "8.5.3",
         "@testing-library/dom": "10.4.0",
         "@testing-library/jest-dom": "6.5.0",
         "@testing-library/user-event": "14.5.2",
@@ -2857,7 +2861,7 @@
         "url": "https://opencollective.com/storybook"
       },
       "peerDependencies": {
-        "storybook": "^8.5.2"
+        "storybook": "^8.5.3"
       }
     },
     "node_modules/@storybook/test/node_modules/@testing-library/jest-dom": {
@@ -2917,9 +2921,9 @@
       "license": "MIT"
     },
     "node_modules/@storybook/theming": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.5.2.tgz",
-      "integrity": "sha512-vro8vJx16rIE0UehawEZbxFFA4/VGYS20PMKP6Y6Fpsce0t2/cF/U9qg3jOzVb/XDwfx+ne3/V+8rjfWx8wwJw==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.5.3.tgz",
+      "integrity": "sha512-Jvzw+gT1HNarkJo21WZBq5pU89qDN8u/pD3woSh/1c2h5RS6UylWjQHotPFpcBIQiUSrDFtvCU9xugJm4MD0+w==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -3206,15 +3210,15 @@
       }
     },
     "node_modules/@types/d3-path": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.0.tgz",
-      "integrity": "sha512-P2dlU/q51fkOc/Gfl3Ul9kicV7l+ra934qBFXCFhrZMOL6du1TM0pm1ThYvENukyOn5h9v+yMJ9Fn5JK4QozrQ==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
       "license": "MIT"
     },
     "node_modules/@types/d3-scale": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.8.tgz",
-      "integrity": "sha512-gkK1VVTr5iNiYJ7vWDI+yUFFlszhNMtVeneJ6lUTKPjprsvLLI9/tgEGiXJOnlINJA8FyA88gfnQsHbybVZrYQ==",
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
       "license": "MIT",
       "dependencies": {
         "@types/d3-time": "*"
@@ -3297,17 +3301,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/@types/node": {
-      "version": "22.12.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.12.0.tgz",
-      "integrity": "sha512-Fll2FZ1riMjNmlmJOdAyY5pUbkftXslB5DgEzlIuNaiWhXd00FhWxVC/r4yV/4wBb9JfImTu+jiSvXTkJ7F/gA==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "undici-types": "~6.20.0"
-      }
-    },
     "node_modules/@types/prop-types": {
       "version": "15.7.14",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.14.tgz",
@@ -3372,21 +3365,21 @@
       "license": "MIT"
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.22.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.22.0.tgz",
-      "integrity": "sha512-4Uta6REnz/xEJMvwf72wdUnC3rr4jAQf5jnTkeRQ9b6soxLxhDEbS/pfMPoJLDfFPNVRdryqWUIV/2GZzDJFZw==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.23.0.tgz",
+      "integrity": "sha512-vBz65tJgRrA1Q5gWlRfvoH+w943dq9K1p1yDBY2pc+a1nbBLZp7fB9+Hk8DaALUbzjqlMfgaqlVPT1REJdkt/w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.22.0",
-        "@typescript-eslint/type-utils": "8.22.0",
-        "@typescript-eslint/utils": "8.22.0",
-        "@typescript-eslint/visitor-keys": "8.22.0",
+        "@typescript-eslint/scope-manager": "8.23.0",
+        "@typescript-eslint/type-utils": "8.23.0",
+        "@typescript-eslint/utils": "8.23.0",
+        "@typescript-eslint/visitor-keys": "8.23.0",
         "graphemer": "^1.4.0",
         "ignore": "^5.3.1",
         "natural-compare": "^1.4.0",
-        "ts-api-utils": "^2.0.0"
+        "ts-api-utils": "^2.0.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -3402,16 +3395,16 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.22.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.22.0.tgz",
-      "integrity": "sha512-MqtmbdNEdoNxTPzpWiWnqNac54h8JDAmkWtJExBVVnSrSmi9z+sZUt0LfKqk9rjqmKOIeRhO4fHHJ1nQIjduIQ==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.23.0.tgz",
+      "integrity": "sha512-h2lUByouOXFAlMec2mILeELUbME5SZRN/7R9Cw2RD2lRQQY08MWMM+PmVVKKJNK1aIwqTo9t/0CvOxwPbRIE2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.22.0",
-        "@typescript-eslint/types": "8.22.0",
-        "@typescript-eslint/typescript-estree": "8.22.0",
-        "@typescript-eslint/visitor-keys": "8.22.0",
+        "@typescript-eslint/scope-manager": "8.23.0",
+        "@typescript-eslint/types": "8.23.0",
+        "@typescript-eslint/typescript-estree": "8.23.0",
+        "@typescript-eslint/visitor-keys": "8.23.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -3427,14 +3420,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.22.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.22.0.tgz",
-      "integrity": "sha512-/lwVV0UYgkj7wPSw0o8URy6YI64QmcOdwHuGuxWIYznO6d45ER0wXUbksr9pYdViAofpUCNJx/tAzNukgvaaiQ==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.23.0.tgz",
+      "integrity": "sha512-OGqo7+dXHqI7Hfm+WqkZjKjsiRtFUQHPdGMXzk5mYXhJUedO7e/Y7i8AK3MyLMgZR93TX4bIzYrfyVjLC+0VSw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.22.0",
-        "@typescript-eslint/visitor-keys": "8.22.0"
+        "@typescript-eslint/types": "8.23.0",
+        "@typescript-eslint/visitor-keys": "8.23.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -3445,16 +3438,16 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.22.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.22.0.tgz",
-      "integrity": "sha512-NzE3aB62fDEaGjaAYZE4LH7I1MUwHooQ98Byq0G0y3kkibPJQIXVUspzlFOmOfHhiDLwKzMlWxaNv+/qcZurJA==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.23.0.tgz",
+      "integrity": "sha512-iIuLdYpQWZKbiH+RkCGc6iu+VwscP5rCtQ1lyQ7TYuKLrcZoeJVpcLiG8DliXVkUxirW/PWlmS+d6yD51L9jvA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "8.22.0",
-        "@typescript-eslint/utils": "8.22.0",
+        "@typescript-eslint/typescript-estree": "8.23.0",
+        "@typescript-eslint/utils": "8.23.0",
         "debug": "^4.3.4",
-        "ts-api-utils": "^2.0.0"
+        "ts-api-utils": "^2.0.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -3469,9 +3462,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.22.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.22.0.tgz",
-      "integrity": "sha512-0S4M4baNzp612zwpD4YOieP3VowOARgK2EkN/GBn95hpyF8E2fbMT55sRHWBq+Huaqk3b3XK+rxxlM8sPgGM6A==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.23.0.tgz",
+      "integrity": "sha512-1sK4ILJbCmZOTt9k4vkoulT6/y5CHJ1qUYxqpF1K/DBAd8+ZUL4LlSCxOssuH5m4rUaaN0uS0HlVPvd45zjduQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3483,20 +3476,20 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.22.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.22.0.tgz",
-      "integrity": "sha512-SJX99NAS2ugGOzpyhMza/tX+zDwjvwAtQFLsBo3GQxiGcvaKlqGBkmZ+Y1IdiSi9h4Q0Lr5ey+Cp9CGWNY/F/w==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.23.0.tgz",
+      "integrity": "sha512-LcqzfipsB8RTvH8FX24W4UUFk1bl+0yTOf9ZA08XngFwMg4Kj8A+9hwz8Cr/ZS4KwHrmo9PJiLZkOt49vPnuvQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.22.0",
-        "@typescript-eslint/visitor-keys": "8.22.0",
+        "@typescript-eslint/types": "8.23.0",
+        "@typescript-eslint/visitor-keys": "8.23.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
         "minimatch": "^9.0.4",
         "semver": "^7.6.0",
-        "ts-api-utils": "^2.0.0"
+        "ts-api-utils": "^2.0.1"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -3536,9 +3529,9 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -3549,16 +3542,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.22.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.22.0.tgz",
-      "integrity": "sha512-T8oc1MbF8L+Bk2msAvCUzjxVB2Z2f+vXYfcucE2wOmYs7ZUwco5Ep0fYZw8quNwOiw9K8GYVL+Kgc2pETNTLOg==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.23.0.tgz",
+      "integrity": "sha512-uB/+PSo6Exu02b5ZEiVtmY6RVYO7YU5xqgzTIVZwTHvvK3HsL8tZZHFaTLFtRG3CsV4A5mhOv+NZx5BlhXPyIA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
-        "@typescript-eslint/scope-manager": "8.22.0",
-        "@typescript-eslint/types": "8.22.0",
-        "@typescript-eslint/typescript-estree": "8.22.0"
+        "@typescript-eslint/scope-manager": "8.23.0",
+        "@typescript-eslint/types": "8.23.0",
+        "@typescript-eslint/typescript-estree": "8.23.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -3573,13 +3566,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.22.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.22.0.tgz",
-      "integrity": "sha512-AWpYAXnUgvLNabGTy3uBylkgZoosva/miNd1I8Bz3SjotmQPbVqhO4Cczo8AsZ44XVErEBPr/CRSgaj8sG7g0w==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.23.0.tgz",
+      "integrity": "sha512-oWWhcWDLwDfu++BGTZcmXWqpwtkwb5o7fxUIGksMQQDSdPW9prsSnfIOZMlsj4vBOSrcnjIUZMiIjODgGosFhQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.22.0",
+        "@typescript-eslint/types": "8.23.0",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -3611,9 +3604,9 @@
       }
     },
     "node_modules/@vitest/coverage-v8": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-3.0.4.tgz",
-      "integrity": "sha512-f0twgRCHgbs24Dp8cLWagzcObXMcuKtAwgxjJV/nnysPAJJk1JiKu/W0gIehZLmkljhJXU/E0/dmuQzsA/4jhA==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-3.0.5.tgz",
+      "integrity": "sha512-zOOWIsj5fHh3jjGwQg+P+J1FW3s4jBu1Zqga0qW60yutsBtqEqNEJKWYh7cYn1yGD+1bdPsPdC/eL4eVK56xMg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3634,8 +3627,8 @@
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
-        "@vitest/browser": "3.0.4",
-        "vitest": "3.0.4"
+        "@vitest/browser": "3.0.5",
+        "vitest": "3.0.5"
       },
       "peerDependenciesMeta": {
         "@vitest/browser": {
@@ -3709,13 +3702,13 @@
       }
     },
     "node_modules/@vitest/mocker": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.0.4.tgz",
-      "integrity": "sha512-gEef35vKafJlfQbnyOXZ0Gcr9IBUsMTyTLXsEQwuyYAerpHqvXhzdBnDFuHLpFqth3F7b6BaFr4qV/Cs1ULx5A==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-3.0.5.tgz",
+      "integrity": "sha512-CLPNBFBIE7x6aEGbIjaQAX03ZZlBMaWwAjBdMkIf/cAn6xzLTiM3zYqO/WAbieEjsAZir6tO71mzeHZoodThvw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/spy": "3.0.4",
+        "@vitest/spy": "3.0.5",
         "estree-walker": "^3.0.3",
         "magic-string": "^0.30.17"
       },
@@ -3736,9 +3729,9 @@
       }
     },
     "node_modules/@vitest/mocker/node_modules/@vitest/spy": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.0.4.tgz",
-      "integrity": "sha512-sXIMF0oauYyUy2hN49VFTYodzEAu744MmGcPR3ZBsPM20G+1/cSW/n1U+3Yu/zHxX2bIDe1oJASOkml+osTU6Q==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.0.5.tgz",
+      "integrity": "sha512-5fOzHj0WbUNqPK6blI/8VzZdkBlQLnT25knX0r4dbZI9qoZDf3qAdjoMmDcLG5A83W6oUUFJgUd0EYBc2P5xqg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3759,9 +3752,9 @@
       }
     },
     "node_modules/@vitest/pretty-format": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.8.tgz",
-      "integrity": "sha512-9HiSZ9zpqNLKlbIDRWOnAWqgcA7xu+8YxXSekhr0Ykab7PAYFkhkwoqVArPOtJhPmYeE2YHgKZlj3CP36z2AJQ==",
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.9.tgz",
+      "integrity": "sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3782,13 +3775,13 @@
       }
     },
     "node_modules/@vitest/runner": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.0.4.tgz",
-      "integrity": "sha512-dKHzTQ7n9sExAcWH/0sh1elVgwc7OJ2lMOBrAm73J7AH6Pf9T12Zh3lNE1TETZaqrWFXtLlx3NVrLRb5hCK+iw==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-3.0.5.tgz",
+      "integrity": "sha512-BAiZFityFexZQi2yN4OX3OkJC6scwRo8EhRB0Z5HIGGgd2q+Nq29LgHU/+ovCtd0fOfXj5ZI6pwdlUmC5bpi8A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/utils": "3.0.4",
+        "@vitest/utils": "3.0.5",
         "pathe": "^2.0.2"
       },
       "funding": {
@@ -3796,9 +3789,9 @@
       }
     },
     "node_modules/@vitest/runner/node_modules/@vitest/pretty-format": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.4.tgz",
-      "integrity": "sha512-ts0fba+dEhK2aC9PFuZ9LTpULHpY/nd6jhAQ5IMU7Gaj7crPCTdCFfgvXxruRBLFS+MLraicCuFXxISEq8C93g==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.5.tgz",
+      "integrity": "sha512-CjUtdmpOcm4RVtB+up8r2vVDLR16Mgm/bYdkGFe3Yj/scRfCpbSi2W/BDSDcFK7ohw8UXvjMbOp9H4fByd/cOA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3809,13 +3802,13 @@
       }
     },
     "node_modules/@vitest/runner/node_modules/@vitest/utils": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.0.4.tgz",
-      "integrity": "sha512-8BqC1ksYsHtbWH+DfpOAKrFw3jl3Uf9J7yeFh85Pz52IWuh1hBBtyfEbRNNZNjl8H8A5yMLH9/t+k7HIKzQcZQ==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.0.5.tgz",
+      "integrity": "sha512-N9AX0NUoUtVwKwy21JtwzaqR5L5R5A99GAbrHfCCXK1lp593i/3AZAXhSP43wRQuxYsflrdzEfXZFo1reR1Nkg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "3.0.4",
+        "@vitest/pretty-format": "3.0.5",
         "loupe": "^3.1.2",
         "tinyrainbow": "^2.0.0"
       },
@@ -3824,13 +3817,13 @@
       }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.0.4.tgz",
-      "integrity": "sha512-+p5knMLwIk7lTQkM3NonZ9zBewzVp9EVkVpvNta0/PlFWpiqLaRcF4+33L1it3uRUCh0BGLOaXPPGEjNKfWb4w==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-3.0.5.tgz",
+      "integrity": "sha512-GJPZYcd7v8QNUJ7vRvLDmRwl+a1fGg4T/54lZXe+UOGy47F9yUfE18hRCtXL5aHN/AONu29NGzIXSVFh9K0feA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "3.0.4",
+        "@vitest/pretty-format": "3.0.5",
         "magic-string": "^0.30.17",
         "pathe": "^2.0.2"
       },
@@ -3839,9 +3832,9 @@
       }
     },
     "node_modules/@vitest/snapshot/node_modules/@vitest/pretty-format": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.4.tgz",
-      "integrity": "sha512-ts0fba+dEhK2aC9PFuZ9LTpULHpY/nd6jhAQ5IMU7Gaj7crPCTdCFfgvXxruRBLFS+MLraicCuFXxISEq8C93g==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.5.tgz",
+      "integrity": "sha512-CjUtdmpOcm4RVtB+up8r2vVDLR16Mgm/bYdkGFe3Yj/scRfCpbSi2W/BDSDcFK7ohw8UXvjMbOp9H4fByd/cOA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3865,13 +3858,13 @@
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.8.tgz",
-      "integrity": "sha512-dwSoui6djdwbfFmIgbIjX2ZhIoG7Ex/+xpxyiEgIGzjliY8xGkcpITKTlp6B4MgtGkF2ilvm97cPM96XZaAgcA==",
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.9.tgz",
+      "integrity": "sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "2.1.8",
+        "@vitest/pretty-format": "2.1.9",
         "loupe": "^3.1.2",
         "tinyrainbow": "^1.2.0"
       },
@@ -4361,9 +4354,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001695",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001695.tgz",
-      "integrity": "sha512-vHyLade6wTgI2u1ec3WQBxv+2BrTERV28UXQu9LO6lZ9pYeMk34vjXFLOxo1A4UBA8XTL4njRQZdno/yYaSmWw==",
+      "version": "1.0.30001697",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001697.tgz",
+      "integrity": "sha512-GwNPlWJin8E+d7Gxq96jxM6w0w+VFeyyXRsjU58emtkYqnbwHqXm5uT2uCmO0RQE9htWknOP4xtBlLmM/gWxvQ==",
       "dev": true,
       "funding": [
         {
@@ -4462,9 +4455,9 @@
       }
     },
     "node_modules/chromatic": {
-      "version": "11.25.1",
-      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.25.1.tgz",
-      "integrity": "sha512-D0NdcGOSy84hqgNnSY7FM4TzB77RymRTowjm4hb1CV4wbk1djKTV4SJbbYVCzHFD+n/NOg/wtZ9Y7sjiRdy8dA==",
+      "version": "11.25.2",
+      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.25.2.tgz",
+      "integrity": "sha512-/9eQWn6BU1iFsop86t8Au21IksTRxwXAl7if8YHD05L2AbuMjClLWZo5cZojqrJHGKDhTqfrC2X2xE4uSm0iKw==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -5023,9 +5016,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.88",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.88.tgz",
-      "integrity": "sha512-K3C2qf1o+bGzbilTDCTBhTQcMS9KW60yTAaTeeXsfvQuTDDwlokLam/AdqlqcSy9u4UainDgsHV23ksXAOgamw==",
+      "version": "1.5.93",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.93.tgz",
+      "integrity": "sha512-M+29jTcfNNoR9NV7la4SwUqzWAxEwnc7ThA5e1m6LRSotmpfpCpLcIfgtSCVL+MllNLgAyM/5ru86iMRemPzDQ==",
       "dev": true,
       "license": "ISC"
     },
@@ -5533,9 +5526,9 @@
       "license": "MIT"
     },
     "node_modules/fastq": {
-      "version": "1.18.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.18.0.tgz",
-      "integrity": "sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==",
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.0.tgz",
+      "integrity": "sha512-7SFSRCNjBQIZH/xZR3iy5iQYR8aGBE0h3VG6/cwlbrpdciNYBMotQav8c1XI3HjHH+NikUpP53nPdlZSdWmFzA==",
       "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
@@ -6097,9 +6090,9 @@
       }
     },
     "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6711,9 +6704,9 @@
       }
     },
     "node_modules/make-dir/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -7038,9 +7031,9 @@
       }
     },
     "node_modules/object-inspect": {
-      "version": "1.13.3",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
-      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -8086,9 +8079,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.32.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.32.1.tgz",
-      "integrity": "sha512-z+aeEsOeEa3mEbS1Tjl6sAZ8NE3+AalQz1RJGj81M+fizusbdDMoEJwdJNHfaB40Scr4qNu+welOfes7maKonA==",
+      "version": "4.34.4",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.34.4.tgz",
+      "integrity": "sha512-spF66xoyD7rz3o08sHP7wogp1gZ6itSq22SGa/IZTcUDXDlOyrShwMwkVSB+BUxFRZZCUYqdb3KWDEOMVQZxuw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -8102,25 +8095,25 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.32.1",
-        "@rollup/rollup-android-arm64": "4.32.1",
-        "@rollup/rollup-darwin-arm64": "4.32.1",
-        "@rollup/rollup-darwin-x64": "4.32.1",
-        "@rollup/rollup-freebsd-arm64": "4.32.1",
-        "@rollup/rollup-freebsd-x64": "4.32.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.32.1",
-        "@rollup/rollup-linux-arm-musleabihf": "4.32.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.32.1",
-        "@rollup/rollup-linux-arm64-musl": "4.32.1",
-        "@rollup/rollup-linux-loongarch64-gnu": "4.32.1",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.32.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.32.1",
-        "@rollup/rollup-linux-s390x-gnu": "4.32.1",
-        "@rollup/rollup-linux-x64-gnu": "4.32.1",
-        "@rollup/rollup-linux-x64-musl": "4.32.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.32.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.32.1",
-        "@rollup/rollup-win32-x64-msvc": "4.32.1",
+        "@rollup/rollup-android-arm-eabi": "4.34.4",
+        "@rollup/rollup-android-arm64": "4.34.4",
+        "@rollup/rollup-darwin-arm64": "4.34.4",
+        "@rollup/rollup-darwin-x64": "4.34.4",
+        "@rollup/rollup-freebsd-arm64": "4.34.4",
+        "@rollup/rollup-freebsd-x64": "4.34.4",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.34.4",
+        "@rollup/rollup-linux-arm-musleabihf": "4.34.4",
+        "@rollup/rollup-linux-arm64-gnu": "4.34.4",
+        "@rollup/rollup-linux-arm64-musl": "4.34.4",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.34.4",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.34.4",
+        "@rollup/rollup-linux-riscv64-gnu": "4.34.4",
+        "@rollup/rollup-linux-s390x-gnu": "4.34.4",
+        "@rollup/rollup-linux-x64-gnu": "4.34.4",
+        "@rollup/rollup-linux-x64-musl": "4.34.4",
+        "@rollup/rollup-win32-arm64-msvc": "4.34.4",
+        "@rollup/rollup-win32-ia32-msvc": "4.34.4",
+        "@rollup/rollup-win32-x64-msvc": "4.34.4",
         "fsevents": "~2.3.2"
       }
     },
@@ -8403,13 +8396,13 @@
       "license": "MIT"
     },
     "node_modules/storybook": {
-      "version": "8.5.2",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.5.2.tgz",
-      "integrity": "sha512-pf84emQ7Pd5jBdT2gzlNs4kRaSI3pq0Lh8lSfV+YqIVXztXIHU+Lqyhek2Lhjb7btzA1tExrhJrgQUsIji7i7A==",
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.5.3.tgz",
+      "integrity": "sha512-2WtNBZ45u1AhviRU+U+ld588tH8gDa702dNSq5C8UBaE9PlOsazGsyp90dw1s9YRvi+ejrjKAupQAU0GwwUiVg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@storybook/core": "8.5.2"
+        "@storybook/core": "8.5.3"
       },
       "bin": {
         "getstorybook": "bin/index.cjs",
@@ -8932,22 +8925,22 @@
       }
     },
     "node_modules/tldts": {
-      "version": "6.1.75",
-      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.75.tgz",
-      "integrity": "sha512-+lFzEXhpl7JXgWYaXcB6DqTYXbUArvrWAE/5ioq/X3CdWLbDjpPP4XTrQBmEJ91y3xbe4Fkw7Lxv4P3GWeJaNg==",
+      "version": "6.1.76",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.76.tgz",
+      "integrity": "sha512-6U2ti64/nppsDxQs9hw8ephA3nO6nSQvVVfxwRw8wLQPFtLI1cFI1a1eP22g+LUP+1TA2pKKjUTwWB+K2coqmQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "tldts-core": "^6.1.75"
+        "tldts-core": "^6.1.76"
       },
       "bin": {
         "tldts": "bin/cli.js"
       }
     },
     "node_modules/tldts-core": {
-      "version": "6.1.75",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.75.tgz",
-      "integrity": "sha512-AOvV5YYIAFFBfransBzSTyztkc3IMfz5Eq3YluaRiEu55nn43Fzaufx70UqEKYr8BoLCach4q8g/bg6e5+/aFw==",
+      "version": "6.1.76",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.76.tgz",
+      "integrity": "sha512-uzhJ02RaMzgQR3yPoeE65DrcHI6LoM4saUqXOt/b5hmb3+mc4YWpdSeAQqVqRUlQ14q8ZuLRWyBR1ictK1dzzg==",
       "dev": true,
       "license": "MIT"
     },
@@ -8996,9 +8989,9 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.0.tgz",
-      "integrity": "sha512-xCt/TOAc+EOHS1XPnijD3/yzpH6qg2xppZO1YDqGoVsNXfQfzHpOdNuXwrwOU8u4ITXJyDCTyt8w5g1sZv9ynQ==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.1.tgz",
+      "integrity": "sha512-dnlgjFSVetynI8nzgJ+qF62efpglpWRk8isUEWZGWlJYySCTD6aKvbUDu+zbPeDakk3bg5H4XpitHukgfL1m9w==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -9105,15 +9098,15 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.22.0",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.22.0.tgz",
-      "integrity": "sha512-Y2rj210FW1Wb6TWXzQc5+P+EWI9/zdS57hLEc0gnyuvdzWo8+Y8brKlbj0muejonhMI/xAZCnZZwjbIfv1CkOw==",
+      "version": "8.23.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.23.0.tgz",
+      "integrity": "sha512-/LBRo3HrXr5LxmrdYSOCvoAMm7p2jNizNfbIpCgvG4HMsnoprRUOce/+8VJ9BDYWW68rqIENE/haVLWPeFZBVQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.22.0",
-        "@typescript-eslint/parser": "8.22.0",
-        "@typescript-eslint/utils": "8.22.0"
+        "@typescript-eslint/eslint-plugin": "8.23.0",
+        "@typescript-eslint/parser": "8.23.0",
+        "@typescript-eslint/utils": "8.23.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -9127,14 +9120,6 @@
         "typescript": ">=4.8.4 <5.8.0"
       }
     },
-    "node_modules/undici-types": {
-      "version": "6.20.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
-      "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
-      "dev": true,
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/universalify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
@@ -9267,15 +9252,15 @@
       }
     },
     "node_modules/vite": {
-      "version": "6.0.11",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-6.0.11.tgz",
-      "integrity": "sha512-4VL9mQPKoHy4+FE0NnRE/kbY51TOfaknxAjt3fJbGJxhIpBZiqVzlZDEesWWsuREXHwNdAoOFZ9MkPEVXczHwg==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.1.0.tgz",
+      "integrity": "sha512-RjjMipCKVoR4hVfPY6GQTgveinjNuyLw+qruksLDvA5ktI1150VmcMBKmQaEWJhg/j6Uaf6dNCNA0AfdzUb/hQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "esbuild": "^0.24.2",
-        "postcss": "^8.4.49",
-        "rollup": "^4.23.0"
+        "postcss": "^8.5.1",
+        "rollup": "^4.30.1"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -9339,9 +9324,9 @@
       }
     },
     "node_modules/vite-node": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.0.4.tgz",
-      "integrity": "sha512-7JZKEzcYV2Nx3u6rlvN8qdo3QV7Fxyt6hx+CCKz9fbWxdX5IvUOmTWEAxMrWxaiSf7CKGLJQ5rFu8prb/jBjOA==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-3.0.5.tgz",
+      "integrity": "sha512-02JEJl7SbtwSDJdYS537nU6l+ktdvcREfLksk/NDAqtdKWGqHl+joXzEubHROmS3E6pip+Xgu2tFezMu75jH7A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9362,19 +9347,19 @@
       }
     },
     "node_modules/vitest": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.0.4.tgz",
-      "integrity": "sha512-6XG8oTKy2gnJIFTHP6LD7ExFeNLxiTkK3CfMvT7IfR8IN+BYICCf0lXUQmX7i7JoxUP8QmeP4mTnWXgflu4yjw==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-3.0.5.tgz",
+      "integrity": "sha512-4dof+HvqONw9bvsYxtkfUp2uHsTN9bV2CZIi1pWgoFpL1Lld8LA1ka9q/ONSsoScAKG7NVGf2stJTI7XRkXb2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/expect": "3.0.4",
-        "@vitest/mocker": "3.0.4",
-        "@vitest/pretty-format": "^3.0.4",
-        "@vitest/runner": "3.0.4",
-        "@vitest/snapshot": "3.0.4",
-        "@vitest/spy": "3.0.4",
-        "@vitest/utils": "3.0.4",
+        "@vitest/expect": "3.0.5",
+        "@vitest/mocker": "3.0.5",
+        "@vitest/pretty-format": "^3.0.5",
+        "@vitest/runner": "3.0.5",
+        "@vitest/snapshot": "3.0.5",
+        "@vitest/spy": "3.0.5",
+        "@vitest/utils": "3.0.5",
         "chai": "^5.1.2",
         "debug": "^4.4.0",
         "expect-type": "^1.1.0",
@@ -9386,7 +9371,7 @@
         "tinypool": "^1.0.2",
         "tinyrainbow": "^2.0.0",
         "vite": "^5.0.0 || ^6.0.0",
-        "vite-node": "3.0.4",
+        "vite-node": "3.0.5",
         "why-is-node-running": "^2.3.0"
       },
       "bin": {
@@ -9402,8 +9387,8 @@
         "@edge-runtime/vm": "*",
         "@types/debug": "^4.1.12",
         "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
-        "@vitest/browser": "3.0.4",
-        "@vitest/ui": "3.0.4",
+        "@vitest/browser": "3.0.5",
+        "@vitest/ui": "3.0.5",
         "happy-dom": "*",
         "jsdom": "*"
       },
@@ -9432,14 +9417,14 @@
       }
     },
     "node_modules/vitest/node_modules/@vitest/expect": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.0.4.tgz",
-      "integrity": "sha512-Nm5kJmYw6P2BxhJPkO3eKKhGYKRsnqJqf+r0yOGRKpEP+bSCBDsjXgiu1/5QFrnPMEgzfC38ZEjvCFgaNBC0Eg==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.0.5.tgz",
+      "integrity": "sha512-nNIOqupgZ4v5jWuQx2DSlHLEs7Q4Oh/7AYwNyE+k0UQzG7tSmjPXShUikn1mpNGzYEN2jJbTvLejwShMitovBA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/spy": "3.0.4",
-        "@vitest/utils": "3.0.4",
+        "@vitest/spy": "3.0.5",
+        "@vitest/utils": "3.0.5",
         "chai": "^5.1.2",
         "tinyrainbow": "^2.0.0"
       },
@@ -9448,9 +9433,9 @@
       }
     },
     "node_modules/vitest/node_modules/@vitest/pretty-format": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.4.tgz",
-      "integrity": "sha512-ts0fba+dEhK2aC9PFuZ9LTpULHpY/nd6jhAQ5IMU7Gaj7crPCTdCFfgvXxruRBLFS+MLraicCuFXxISEq8C93g==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.5.tgz",
+      "integrity": "sha512-CjUtdmpOcm4RVtB+up8r2vVDLR16Mgm/bYdkGFe3Yj/scRfCpbSi2W/BDSDcFK7ohw8UXvjMbOp9H4fByd/cOA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9461,9 +9446,9 @@
       }
     },
     "node_modules/vitest/node_modules/@vitest/spy": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.0.4.tgz",
-      "integrity": "sha512-sXIMF0oauYyUy2hN49VFTYodzEAu744MmGcPR3ZBsPM20G+1/cSW/n1U+3Yu/zHxX2bIDe1oJASOkml+osTU6Q==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.0.5.tgz",
+      "integrity": "sha512-5fOzHj0WbUNqPK6blI/8VzZdkBlQLnT25knX0r4dbZI9qoZDf3qAdjoMmDcLG5A83W6oUUFJgUd0EYBc2P5xqg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -9474,13 +9459,13 @@
       }
     },
     "node_modules/vitest/node_modules/@vitest/utils": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.0.4.tgz",
-      "integrity": "sha512-8BqC1ksYsHtbWH+DfpOAKrFw3jl3Uf9J7yeFh85Pz52IWuh1hBBtyfEbRNNZNjl8H8A5yMLH9/t+k7HIKzQcZQ==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.0.5.tgz",
+      "integrity": "sha512-N9AX0NUoUtVwKwy21JtwzaqR5L5R5A99GAbrHfCCXK1lp593i/3AZAXhSP43wRQuxYsflrdzEfXZFo1reR1Nkg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "3.0.4",
+        "@vitest/pretty-format": "3.0.5",
         "loupe": "^3.1.2",
         "tinyrainbow": "^2.0.0"
       },
diff --git a/package.json b/package.json
index d3596c9..ff9f656 100644
--- a/package.json
+++ b/package.json
@@ -56,14 +56,14 @@
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.4",
     "@eslint/js": "9.19.0",
-    "@storybook/addon-essentials": "8.5.2",
-    "@storybook/addon-interactions": "8.5.2",
-    "@storybook/addon-onboarding": "8.5.2",
-    "@storybook/addon-themes": "8.5.2",
-    "@storybook/blocks": "8.5.2",
-    "@storybook/react": "8.5.2",
-    "@storybook/react-vite": "8.5.2",
-    "@storybook/test": "8.5.2",
+    "@storybook/addon-essentials": "8.5.3",
+    "@storybook/addon-interactions": "8.5.3",
+    "@storybook/addon-onboarding": "8.5.3",
+    "@storybook/addon-themes": "8.5.3",
+    "@storybook/blocks": "8.5.3",
+    "@storybook/react": "8.5.3",
+    "@storybook/react-vite": "8.5.3",
+    "@storybook/test": "8.5.3",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
     "@testing-library/user-event": "14.6.1",
@@ -74,7 +74,7 @@
     "@types/react-dom": "18.3.1",
     "@types/uuid": "10.0.0",
     "@vitejs/plugin-react": "4.3.4",
-    "@vitest/coverage-v8": "3.0.4",
+    "@vitest/coverage-v8": "3.0.5",
     "autoprefixer": "10.4.20",
     "eslint": "9.19.0",
     "eslint-plugin-react-hooks": "5.1.0",
@@ -87,10 +87,10 @@
     "prettier": "3.4.2",
     "prettier-plugin-tailwindcss": "0.6.11",
     "rimraf": "6.0.1",
-    "storybook": "8.5.2",
+    "storybook": "8.5.3",
     "typescript": "5.7.3",
-    "typescript-eslint": "8.22.0",
-    "vite": "6.0.11",
-    "vitest": "3.0.4"
+    "typescript-eslint": "8.23.0",
+    "vite": "6.1.0",
+    "vitest": "3.0.5"
   }
 }

From 4d8b732d98a2cca7e807a518cecbb569d0253a6c Mon Sep 17 00:00:00 2001
From: Matthew Warman <warmanmr@gmail.com>
Date: Thu, 6 Feb 2025 14:32:02 -0500
Subject: [PATCH 5/6] #16 remove skipped test

---
 .../__tests__/ConfigProvider.test.tsx         | 28 +------------------
 1 file changed, 1 insertion(+), 27 deletions(-)

diff --git a/src/common/providers/__tests__/ConfigProvider.test.tsx b/src/common/providers/__tests__/ConfigProvider.test.tsx
index d07e30b..57f4b2e 100644
--- a/src/common/providers/__tests__/ConfigProvider.test.tsx
+++ b/src/common/providers/__tests__/ConfigProvider.test.tsx
@@ -1,4 +1,4 @@
-import { afterAll, beforeAll, describe, expect, it } from 'vitest';
+import { describe, expect, it } from 'vitest';
 
 import { render, screen } from 'test/test-utils';
 
@@ -18,29 +18,3 @@ describe('ConfigProvider', () => {
     expect(screen.getByTestId('provider-config')).toBeDefined();
   });
 });
-
-describe.skip('ConfigProvider error', () => {
-  const originalEnv = process.env;
-
-  beforeAll(() => {
-    process.env = { NODE_ENV: 'test', PUBLIC_URL: 'localhost' };
-  });
-
-  afterAll(() => {
-    process.env = originalEnv;
-  });
-
-  it('should throw configuration validation error', () => {
-    // ARRANGE
-    function renderContextProvider() {
-      render(
-        <ConfigContextProvider>
-          <div data-testid="provider-config"></div>
-        </ConfigContextProvider>,
-      );
-    }
-
-    // ASSERT
-    expect(renderContextProvider).toThrow(/is a required field/);
-  });
-});

From b23e7e0e4ce6630e82c1689b65070498dd4d5213 Mon Sep 17 00:00:00 2001
From: Matthew Warman <warmanmr@gmail.com>
Date: Fri, 7 Feb 2025 07:11:09 -0500
Subject: [PATCH 6/6] #16 tests

---
 package-lock.json                      |  8 ++++----
 package.json                           |  2 +-
 src/common/utils/__tests__/css.test.ts | 23 +++++++++++++++++++++++
 3 files changed, 28 insertions(+), 5 deletions(-)
 create mode 100644 src/common/utils/__tests__/css.test.ts

diff --git a/package-lock.json b/package-lock.json
index 3c14caa..9b08228 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32,7 +32,7 @@
         "react-i18next": "15.4.0",
         "react-router-dom": "7.1.5",
         "recharts": "2.15.1",
-        "tailwind-merge": "3.0.1",
+        "tailwind-merge": "2.6.0",
         "tailwindcss": "3.4.17",
         "uuid": "11.0.5",
         "yup": "1.6.1"
@@ -8699,9 +8699,9 @@
       "license": "MIT"
     },
     "node_modules/tailwind-merge": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.0.1.tgz",
-      "integrity": "sha512-AvzE8FmSoXC7nC+oU5GlQJbip2UO7tmOhOfQyOmPhrStOGXHU08j8mZEHZ4BmCqY5dWTCo4ClWkNyRNx1wpT0g==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.6.0.tgz",
+      "integrity": "sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==",
       "license": "MIT",
       "funding": {
         "type": "github",
diff --git a/package.json b/package.json
index ff9f656..4be967d 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     "react-i18next": "15.4.0",
     "react-router-dom": "7.1.5",
     "recharts": "2.15.1",
-    "tailwind-merge": "3.0.1",
+    "tailwind-merge": "2.6.0",
     "tailwindcss": "3.4.17",
     "uuid": "11.0.5",
     "yup": "1.6.1"
diff --git a/src/common/utils/__tests__/css.test.ts b/src/common/utils/__tests__/css.test.ts
new file mode 100644
index 0000000..bb4a24e
--- /dev/null
+++ b/src/common/utils/__tests__/css.test.ts
@@ -0,0 +1,23 @@
+import { describe, expect, it } from 'vitest';
+import { cn } from '../css';
+
+describe('css', () => {
+  it('should return class names', () => {
+    // ARRANGE
+    const classes = 'font-mono font-bold text-xl';
+    const result = cn(classes);
+
+    // ASSERT
+    expect(result).toBe(classes);
+  });
+
+  it('should deduplicate class names', () => {
+    // ARRANGE
+    const classes = 'font-mono font-bold text-xl text-xl';
+    const result = cn(classes);
+
+    // ASSERT
+    const expected = 'font-mono font-bold text-xl';
+    expect(result).toBe(expected);
+  });
+});