From 7b65daa2e43843381522b754b07997aedb7a9cf1 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Fri, 22 Nov 2024 23:54:51 -0500
Subject: [PATCH 01/54] Start calendar

---
 package-lock.json                           | 213 +++++++++++++++++++-
 package.json                                |   2 +
 src/app/chat/[id]/page.tsx                  |  20 +-
 src/app/globals.css                         |   1 -
 src/app/layout.tsx                          |   1 +
 src/app/page.tsx                            |  21 +-
 src/components/Calendar/CalendarGrid.tsx    | 120 ++++++-----
 src/components/Calendar/class-calendar.tsx  |  32 +++
 src/components/ChatInterface.tsx            |  16 +-
 src/components/Navigation/Nav.tsx           |  23 ++-
 src/components/Navigation/NavComponents.tsx |  18 +-
 src/components/ui/badge.tsx                 |  36 ++++
 src/lib/utils.ts                            |  10 +
 src/stores/useCalendarStore.ts              |  11 +
 14 files changed, 453 insertions(+), 71 deletions(-)
 create mode 100644 src/components/Calendar/class-calendar.tsx
 create mode 100644 src/components/ui/badge.tsx
 create mode 100644 src/stores/useCalendarStore.ts

diff --git a/package-lock.json b/package-lock.json
index d669b70..7b931c2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -33,6 +33,7 @@
         "next": "14.2.13",
         "next-themes": "^0.3.0",
         "react": "^18",
+        "react-big-calendar": "^1.16.0",
         "react-dom": "^18",
         "react-hook-form": "^7.53.1",
         "sonner": "^1.7.0",
@@ -48,6 +49,7 @@
         "@types/dompurify": "^3.0.5",
         "@types/node": "^20",
         "@types/react": "^18",
+        "@types/react-big-calendar": "^1.16.0",
         "@types/react-dom": "^18",
         "@types/uuid": "^10.0.0",
         "eslint": "^8",
@@ -68,6 +70,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
+      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -652,6 +665,15 @@
         "node": ">=14"
       }
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@radix-ui/primitive": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz",
@@ -1798,6 +1820,17 @@
       "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz",
       "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg=="
     },
+    "node_modules/@restart/hooks": {
+      "version": "0.4.16",
+      "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.16.tgz",
+      "integrity": "sha512-f7aCv7c+nU/3mF7NWLtVVr0Ra80RqsO89hO72r+Y/nvQr5+q0UFGkocElTH6MJApvReVh6JHUFYn2cw1WdHF3w==",
+      "dependencies": {
+        "dequal": "^2.0.3"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
     "node_modules/@rtsao/scc": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
@@ -1824,6 +1857,12 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@types/date-arithmetic": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@types/date-arithmetic/-/date-arithmetic-4.1.4.tgz",
+      "integrity": "sha512-p9eZ2X9B80iKiTW4ukVj8B4K6q9/+xFtQ5MGYA5HWToY9nL4EkhV9+6ftT2VHpVMEZb5Tv00Iel516bVdO+yRw==",
+      "dev": true
+    },
     "node_modules/@types/dom-speech-recognition": {
       "version": "0.0.4",
       "resolved": "https://registry.npmjs.org/@types/dom-speech-recognition/-/dom-speech-recognition-0.0.4.tgz",
@@ -1857,19 +1896,28 @@
     "node_modules/@types/prop-types": {
       "version": "15.7.13",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz",
-      "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==",
-      "devOptional": true
+      "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA=="
     },
     "node_modules/@types/react": {
       "version": "18.3.10",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.10.tgz",
       "integrity": "sha512-02sAAlBnP39JgXwkAq3PeU9DVaaGpZyF3MGcC0MKgQVkZor5IiiDAipVaxQHtDJAmO4GIy/rVBy/LzVj76Cyqg==",
-      "devOptional": true,
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.0.2"
       }
     },
+    "node_modules/@types/react-big-calendar": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/@types/react-big-calendar/-/react-big-calendar-1.16.0.tgz",
+      "integrity": "sha512-1w2GXAJWlGmaPZOd9J9cyWA/XBNOGRZ4MmRNypEQhwEMIIL9cfd1UdcvzSrQsnBm0qYF/scqmsISNbUzPBE1vg==",
+      "dev": true,
+      "dependencies": {
+        "@types/date-arithmetic": "*",
+        "@types/prop-types": "*",
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/react-dom": {
       "version": "18.3.0",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
@@ -1891,6 +1939,11 @@
       "integrity": "sha512-7gqG38EyHgyP1S+7+xomFtL+ZNHcKv6DwNaCZmJmo1vgMugyF3TCnXVg4t1uk89mLNwnLtnY3TpOpCOyp1/xHQ==",
       "dev": true
     },
+    "node_modules/@types/warning": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.3.tgz",
+      "integrity": "sha512-D1XC7WK8K+zZEveUPY+cf4+kgauk8N4eHr/XIHXGlGYkHLud6hK9lYfZk1ry1TNh798cZUCgb6MqGEG8DkJt6Q=="
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "8.7.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.7.0.tgz",
@@ -2714,8 +2767,7 @@
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "devOptional": true
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
@@ -2774,6 +2826,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/date-arithmetic": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/date-arithmetic/-/date-arithmetic-4.1.0.tgz",
+      "integrity": "sha512-QWxYLR5P/6GStZcdem+V1xoto6DMadYWpMXU82ES3/RfR3Wdwr3D0+be7mgOJ+Ov0G9D5Dmb9T17sNLQYj9XOg=="
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
+    },
     "node_modules/debug": {
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
@@ -2863,6 +2925,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
@@ -2890,6 +2960,15 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
     "node_modules/dompurify": {
       "version": "3.1.7",
       "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.1.7.tgz",
@@ -3837,6 +3916,11 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/globalize": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/globalize/-/globalize-0.1.1.tgz",
+      "integrity": "sha512-5e01v8eLGfuQSOvx2MsDMOWS0GFtCx1wPzQSmcHw4hkxFzrQDBO3Xwg/m8Hr/7qXMrHeOIE29qWVzyv06u1TZA=="
+    },
     "node_modules/globals": {
       "version": "13.24.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
@@ -4617,6 +4701,11 @@
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
       "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -4652,6 +4741,14 @@
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc"
       }
     },
+    "node_modules/luxon": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.5.0.tgz",
+      "integrity": "sha512-rh+Zjr6DNfUYR3bPwJEnuwDdqMbxZW7LOQfUN4B54+Cl+0o5zaU9RJ6bcidfDtC1cWCZXQ+nvX8bf6bAji37QQ==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/marked": {
       "version": "14.1.2",
       "resolved": "https://registry.npmjs.org/marked/-/marked-14.1.2.tgz",
@@ -4674,6 +4771,11 @@
         "marked": ">=13 <15"
       }
     },
+    "node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -4732,6 +4834,17 @@
         "node": "*"
       }
     },
+    "node_modules/moment-timezone": {
+      "version": "0.5.46",
+      "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.46.tgz",
+      "integrity": "sha512-ZXm9b36esbe7OmdABqIWJuBBiLLwAjrN7CE+7sYdCCx82Nabt1wHDj8TVseS59QIlfFPbOoiBPm6ca9BioG4hw==",
+      "dependencies": {
+        "moment": "^2.29.4"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -5313,7 +5426,6 @@
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
       "dependencies": {
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
@@ -5359,6 +5471,41 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-big-calendar": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/react-big-calendar/-/react-big-calendar-1.16.0.tgz",
+      "integrity": "sha512-SlFIWXlD05jcFFyxjtUG5UjdcbF7j5seCTXGzfhDlVJ2Jc7HU+VYIzAY7Md65o3W6kvCokhHUSWHsQqoQDlg7Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "clsx": "^1.2.1",
+        "date-arithmetic": "^4.1.0",
+        "dayjs": "^1.11.7",
+        "dom-helpers": "^5.2.1",
+        "globalize": "^0.1.1",
+        "invariant": "^2.2.4",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "luxon": "^3.2.1",
+        "memoize-one": "^6.0.0",
+        "moment": "^2.29.4",
+        "moment-timezone": "^0.5.40",
+        "prop-types": "^15.8.1",
+        "react-overlays": "^5.2.1",
+        "uncontrollable": "^7.2.1"
+      },
+      "peerDependencies": {
+        "react": "^16.14.0 || ^17 || ^18",
+        "react-dom": "^16.14.0 || ^17 || ^18"
+      }
+    },
+    "node_modules/react-big-calendar/node_modules/clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/react-dom": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
@@ -5389,8 +5536,31 @@
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "node_modules/react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
+    "node_modules/react-overlays": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/react-overlays/-/react-overlays-5.2.1.tgz",
+      "integrity": "sha512-GLLSOLWr21CqtJn8geSwQfoJufdt3mfdsnIiQswouuQ2MMPns+ihZklxvsTDKD3cR2tF8ELbi5xUsvqVhR6WvA==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.8",
+        "@popperjs/core": "^2.11.6",
+        "@restart/hooks": "^0.4.7",
+        "@types/warning": "^3.0.0",
+        "dom-helpers": "^5.2.0",
+        "prop-types": "^15.7.2",
+        "uncontrollable": "^7.2.1",
+        "warning": "^4.0.3"
+      },
+      "peerDependencies": {
+        "react": ">=16.3.0",
+        "react-dom": ">=16.3.0"
+      }
     },
     "node_modules/react-remove-scroll": {
       "version": "2.5.7",
@@ -5499,6 +5669,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+    },
     "node_modules/regexp.prototype.flags": {
       "version": "1.5.2",
       "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
@@ -6323,6 +6498,20 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/uncontrollable": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
+      "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.6.3",
+        "@types/react": ">=16.9.11",
+        "invariant": "^2.2.4",
+        "react-lifecycles-compat": "^3.0.4"
+      },
+      "peerDependencies": {
+        "react": ">=15.0.0"
+      }
+    },
     "node_modules/undici-types": {
       "version": "6.19.8",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
@@ -6396,6 +6585,14 @@
         "uuid": "dist/bin/uuid"
       }
     },
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/package.json b/package.json
index f96f4de..4e4e77e 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "next": "14.2.13",
     "next-themes": "^0.3.0",
     "react": "^18",
+    "react-big-calendar": "^1.16.0",
     "react-dom": "^18",
     "react-hook-form": "^7.53.1",
     "sonner": "^1.7.0",
@@ -49,6 +50,7 @@
     "@types/dompurify": "^3.0.5",
     "@types/node": "^20",
     "@types/react": "^18",
+    "@types/react-big-calendar": "^1.16.0",
     "@types/react-dom": "^18",
     "@types/uuid": "^10.0.0",
     "eslint": "^8",
diff --git a/src/app/chat/[id]/page.tsx b/src/app/chat/[id]/page.tsx
index 599a418..bc1dbaf 100644
--- a/src/app/chat/[id]/page.tsx
+++ b/src/app/chat/[id]/page.tsx
@@ -6,6 +6,9 @@ import InfoToolTip from "@/components/InfoTooltip";
 import ChatInterface from "@/components/ChatInterface";
 import { useEffect } from "react";
 import { useConversationStore } from "@/stores/useConversationStore";
+import CalendarGrid from "@/components/Calendar/CalendarGrid";
+import { useCalendarStore } from "@/stores/useCalendarStore";
+import { cn } from "@/lib/utils";
 
 // export async function generateMetadata({ params }: { params: { id: string }}) {
 // 	const conversations = await fetchConversations();
@@ -29,6 +32,8 @@ export default function ChatPage({ params }: { params: { id: string } }) {
 		setActiveConversation
 	} = useConversationStore();
 
+	const { calendarOpen } = useCalendarStore();
+
 	const router = useRouter();
 
 	useEffect(() => {
@@ -53,13 +58,22 @@ export default function ChatPage({ params }: { params: { id: string } }) {
 	return (
 		<div className="m-4 flex">
 			<Nav />
-			<div className="sm:py-4 xl:px-24 lg:px-18 md:px-14 sm:px-3 w-full">
+			<div className={cn(
+				"w-full",
+				!calendarOpen && "sm:py-4 xl:px-24 lg:px-18 md:px-14 sm:px-3 "
+			)}>
 				<div className="flex flex-col">
 					<div className="flex flex-row pb-4 mb-4 md:relative md:left-[-50px] md:top-[20px] justify-center md:justify-normal">
-						<h1 className="fixed md:relative text-4xl px-4 font-semibold">DragonGPT</h1>
+						<h1 className={cn(
+							"fixed md:relative text-4xl px-4 font-semibold",
+							calendarOpen && "ml-8"
+							)}>DragonGPT</h1>
 						<InfoToolTip />
 					</div>
-					<ChatInterface />
+					<div className="flex flex-row">
+						<ChatInterface />
+						{calendarOpen && <CalendarGrid />}
+					</div>
 				</div>
 			</div>
 		</div>
diff --git a/src/app/globals.css b/src/app/globals.css
index 816a28b..d457967 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,7 +1,6 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
 body {
 	font-family: Arial, Helvetica, sans-serif;
 	height: 98dvh;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3ecbd5d..560aef7 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,3 +1,4 @@
+import "react-big-calendar/lib/css/react-big-calendar.css";
 import type { Metadata } from "next";
 import localFont from "next/font/local";
 import "./globals.css";
diff --git a/src/app/page.tsx b/src/app/page.tsx
index fcad3e7..e4c9037 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,6 +6,10 @@ import InfoToolTip from "@/components/InfoTooltip";
 import { usePathname } from "next/navigation";
 import { useEffect } from "react";
 import { useConversationStore } from "@/stores/useConversationStore";
+import CalendarGrid from "@/components/Calendar/CalendarGrid";
+import { useCalendarStore } from "@/stores/useCalendarStore";
+import ClassCalendar from "@/components/Calendar/class-calendar";
+import { cn } from "@/lib/utils";
 
 export default function Home() {
 	const {
@@ -13,6 +17,8 @@ export default function Home() {
 		setActiveConversation,
 	} = useConversationStore();
 
+	const { calendarOpen } = useCalendarStore();
+
 	const pathname = usePathname();
 
 	useEffect(() => {
@@ -42,13 +48,22 @@ export default function Home() {
 	return (
 		<div className="m-4 flex">
 			<Nav />
-			<div className="sm:py-4 xl:px-24 lg:px-18 md:px-14 sm:px-3 w-full">
+			<div className={cn(
+				"w-full",
+				!calendarOpen && "sm:py-4 xl:px-24 lg:px-18 md:px-14 sm:px-3 "
+			)}>
 				<div className="flex flex-col gap-8">
 					<div className="flex flex-row pb-4 md:relative md:left-[-50px] md:top-[20px] justify-center md:justify-normal">
-						<h1 className="fixed md:relative text-4xl px-4 font-semibold">DragonGPT</h1>
+						<h1 className={cn(
+							"fixed md:relative text-4xl px-4 font-semibold",
+							calendarOpen && "ml-8"
+						)}>DragonGPT</h1>
 						<InfoToolTip />
 					</div>
-					<ChatInterface />
+					<div className="flex flex-row">
+						<ChatInterface />
+						{calendarOpen && <CalendarGrid />}
+					</div>
 				</div>
 			</div>
 		</div>
diff --git a/src/components/Calendar/CalendarGrid.tsx b/src/components/Calendar/CalendarGrid.tsx
index 53e0afa..a7a3ecf 100644
--- a/src/components/Calendar/CalendarGrid.tsx
+++ b/src/components/Calendar/CalendarGrid.tsx
@@ -1,64 +1,90 @@
 "use client";
-import React, { useState } from 'react';
-import moment from 'moment';
+import React, { useState } from "react";
+import moment from "moment";
+import { Button } from "../ui/button";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { formatHourIntl } from "@/lib/utils";
 
-const CalendarGrid: React.FC = () => {
-	const [currentDate, setCurrentDate] = useState(moment()); // Set initial date to today
+const WeeklyCalendar: React.FC = () => {
+	const [currentDate, setCurrentDate] = useState(moment());
 
-	const goToPreviousMonth = () => {
-		setCurrentDate(currentDate.clone().subtract(1, 'month'));
+	const goToPreviousWeek = () => {
+		setCurrentDate(currentDate.clone().subtract(1, "week"));
 	};
 
-	const goToNextMonth = () => {
-		setCurrentDate(currentDate.clone().add(1, 'month'));
+	const goToNextWeek = () => {
+		setCurrentDate(currentDate.clone().add(1, "week"));
 	};
 
 	const goToToday = () => {
 		setCurrentDate(moment());
 	};
 
-	const startOfMonth = currentDate.clone().startOf('month');
-	const endOfMonth = currentDate.clone().endOf('month');
-	const startDate = startOfMonth.clone().startOf('week'); // Start on Sunday
-	const endDate = endOfMonth.clone().endOf('week'); // End on Saturday
+	const startOfWeek = currentDate.clone().startOf("week");
+	const daysOfWeek = Array.from({ length: 7 }, (_, i) =>
+		startOfWeek.clone().add(i, "days")
+	);
+	const hours = Array.from({ length: 24 }, (_, index) => formatHourIntl(index));
 
-	const dates = [];
-	const day = startDate.clone();
-	while (day.isBefore(endDate, 'day')) {
-		dates.push(day.clone());
-		day.add(1, 'day');
-	}
 
 	return (
-		<div className="w-full max-w-4xl mx-auto">
-			<header className="flex justify-between items-center mb-4">
-				<button className="p-2 bg-gray-200 rounded hover:bg-gray-300" onClick={goToPreviousMonth}>
-					Prev
-				</button>
-				<button className="p-2 bg-gray-200 rounded hover:bg-gray-300" onClick={goToToday}>
-					Today
-				</button>
-				<button className="p-2 bg-gray-200 rounded hover:bg-gray-300" onClick={goToNextMonth}>
-					Next
-				</button>
-				<h2 className="text-xl font-bold">{currentDate.format('MMMM YYYY')}</h2>
-			</header>
-			<div className="grid grid-cols-7">
-				{['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map((dayName) => (
-					<div key={dayName} className="text-center font-semibold py-2">
-						{dayName}
-					</div>
-				))}
-			</div>
-			<div className="grid grid-cols-7 gap-1">
-				{dates.map((date) => (
-					<div
-						key={date.toString()}
-						className={`p-4 border rounded ${date.isSame(currentDate, 'month') ? 'bg-white' : 'bg-gray-100 text-gray-400'
-							} ${date.isSame(moment(), 'day') ? 'border-blue-500 bg-blue-100' : ''}`}
+		<div className="max-h-screen overflow-scroll w-full max-w-5xl mx-auto">
+			<header className="flex flex-1 items-center mb-4">
+				<div className="inline-flex ml-24 -space-x-px rounded-lg shadow-sm shadow-black/5 rtl:space-x-reverse">
+					<Button
+						className="rounded-none shadow-none first:rounded-s-lg last:rounded-e-lg focus-visible:z-10"
+						variant="secondary"
+						size="icon"
+						aria-label="Previous week"
+						onClick={goToPreviousWeek}
+					>
+						<ChevronLeftIcon size={16} strokeWidth={2} aria-hidden="true" />
+					</Button>
+					<Button
+						variant="secondary"
+						className="p-2 rounded-none border-r-1 boreder-l-1 border-r-gray-50"
+						onClick={goToToday}
 					>
-						<span className="block text-sm">{date.date()}</span>
-						{/* Render events/tasks here if needed */}
+						Today
+					</Button>
+					<Button
+						className="rounded-none shadow-none first:rounded-s-lg last:rounded-e-lg focus-visible:z-10"
+						variant="secondary"
+						size="icon"
+						aria-label="Next week"
+						onClick={goToNextWeek}
+					>
+						<ChevronRightIcon size={16} strokeWidth={2} aria-hidden="true" />
+					</Button>
+				</div>
+				<h2 className="ml-auto text-xl font-bold">{`Week of ${startOfWeek.format(
+					"MMM D, YYYY"
+				)}`}</h2>
+			</header>
+			<div className="grid" style={{ gridTemplateColumns: "1fr repeat(7, 1fr)" }}>
+				<div className="grid grid-rows-24 gap-0.5">
+					{hours.map((hour, index) => (
+						<div
+							key={index}
+							className="mr-2 text-xs text-center flex items-end justify-end"
+						>
+							{hour}
+						</div>
+					))}
+				</div>
+				{daysOfWeek.map((day) => (
+					<div key={day.toString()} className="grid grid-rows-24 gap-0.5">
+						<div className="text-center font-semibold py-2 h-16 flex flex-col items-start justify-center border-b">
+							<span className="text-sm font-light">{day.format("ddd").toUpperCase()}</span>
+							<span className="text-xl font-bold">{day.format("D")}</span>
+						</div>
+						{hours.map((hour) => (
+							<div
+								key={`${day}-${hour}`}
+								className="h-16 border-b border-l border-gray-300/40 hover:bg-neutral-300/70 transition-all"
+							>
+							</div>
+						))}
 					</div>
 				))}
 			</div>
@@ -66,4 +92,4 @@ const CalendarGrid: React.FC = () => {
 	);
 };
 
-export default CalendarGrid;
+export default WeeklyCalendar;
diff --git a/src/components/Calendar/class-calendar.tsx b/src/components/Calendar/class-calendar.tsx
new file mode 100644
index 0000000..4fc99af
--- /dev/null
+++ b/src/components/Calendar/class-calendar.tsx
@@ -0,0 +1,32 @@
+
+import { Calendar, momentLocalizer } from 'react-big-calendar'
+import moment from 'moment'
+
+const localizer = momentLocalizer(moment)
+
+const events = [
+	{
+		title: 'My event',
+		start: new Date(),
+		end: new Date(moment().add(1, 'days').toDate()),
+	},
+]
+let formats = {
+	timeGutterFormat: 'HH:mm',
+  }
+  
+const ClassCalendar = (props) => (
+	<div>
+		<Calendar
+			localizer={localizer}
+			events={events}
+			startAccessor="start"
+			endAccessor="end"
+			style={{ height: 500 }}
+			formats={formats}
+
+		/>
+	</div>
+)
+
+export default ClassCalendar;
diff --git a/src/components/ChatInterface.tsx b/src/components/ChatInterface.tsx
index eeb414f..3bc7411 100644
--- a/src/components/ChatInterface.tsx
+++ b/src/components/ChatInterface.tsx
@@ -8,9 +8,10 @@ import { v4 } from "uuid";
 import { Button } from "./ui/button";
 import { Spinner } from "./ui/spinner";
 import { useConversationStore } from "@/stores/useConversationStore";
-import { samples } from "@/lib/utils";
+import { cn, samples } from "@/lib/utils";
 import logo from "../public/mario.png";
 import Image from "next/image";
+import { useCalendarStore } from "@/stores/useCalendarStore";
 
 export default function ChatInterface() {
 	const {
@@ -20,6 +21,8 @@ export default function ChatInterface() {
 		activeConversation
 	} = useConversationStore();
 
+	const { calendarOpen } = useCalendarStore();
+
 	const [messages, setMessages] = useState<
 		{ text: string; isUser: boolean }[] | null
 	>(null);
@@ -220,9 +223,12 @@ export default function ChatInterface() {
 	};
 
 	return (
-		<div className="flex flex-col h-[calc(100dvh-5rem)] sm:h-[calc(100vh-10rem)] supports-[dvh]:h-[calc(100dvh-10rem)] w-full items-center">
+		<div className="flex flex-col h-[calc(100dvh-5rem)] sm:h-[calc(100vh-10rem)] supports-[dvh]:h-[calc(100dvh-10rem)] w-full min-w-64 flex-1 items-center">
 			{messages && messages.length > 0 && (
-				<div className="xl:px-20 mt-4 flex-grow overflow-auto w-full">
+				<div className={cn(
+					"mt-4 flex-grow overflow-auto w-full",
+					!calendarOpen && "xl:px-20"
+					)}>
 					<ChatMessages messages={messages} isStreaming={isStreaming} />
 				</div>
 			)}
@@ -291,7 +297,9 @@ export default function ChatInterface() {
 					width={150}
 					className="mt-10 w-24 lg:w-40 pointer-events-none select-none"
 					/>
-					<div className="overflow-auto flex justify-end lg:items-center flex-col h-full w-full">
+					<div className={cn("overflow-auto flex justify-end flex-col h-full w-full",
+						calendarOpen ? "items-start" : "lg:items-center"
+					)}>
 						<div className="flex flex-col md:items-center overflow-auto no-scrollbar mb-2">
 							{samples.know.map((arr, index) => (
 								<div key={index} className="flex flex-row">
diff --git a/src/components/Navigation/Nav.tsx b/src/components/Navigation/Nav.tsx
index f0fd344..92ed46b 100644
--- a/src/components/Navigation/Nav.tsx
+++ b/src/components/Navigation/Nav.tsx
@@ -17,8 +17,11 @@ import NewChatButton from "./NewChatButton";
 import { useEffect, useState } from "react";
 import NavComponents from "./NavComponents";
 import * as SheetPrimitive from "@radix-ui/react-dialog"
+import { cn } from "@/lib/utils";
+import { useCalendarStore } from "@/stores/useCalendarStore";
 
 export default function Nav() {
+	const { calendarOpen } = useCalendarStore();
 	const [open, setOpen] = useState(true);
 
 	useEffect(() => {
@@ -26,7 +29,7 @@ export default function Nav() {
 			if (window.innerWidth < 1024) {
 				setOpen(false);
 			} else {
-				setOpen(true);
+				if(!calendarOpen) setOpen(true);
 			}
 		};
 
@@ -36,7 +39,13 @@ export default function Nav() {
 		return () => {
 			window.removeEventListener("resize", handleResize);
 		};
-	}, []);
+	}, [calendarOpen]);
+
+	useEffect(() => {
+		if (calendarOpen) {
+			setOpen(false);
+		}
+	}, [calendarOpen]);
 
 	return (
 		<nav
@@ -73,15 +82,21 @@ export default function Nav() {
 					id="navbar"
 				>
 					<div className="flex flex-col justify-center items-center transition-all ease-in-out duration-200 gap-2">
+						{/* If device is size is less than  medium --> render SheetTrigger, if greater than medium render Button */}
 						<Button
 							variant="ghost"
-							className="hover:bg-gray-300/40 md:hidden lg:block"
+							className={cn(
+								"hover:bg-gray-300/40",
+								calendarOpen ? "hidden" : "md:hidden lg:block"
+							)}
 							onClick={() => setOpen(true)}
 						>
 							<Menu />
 						</Button>
 						<Sheet onOpenChange={() => setTimeout(() => document.body.style.pointerEvents = "", 500)}>
-							<SheetTrigger className="lg:hidden" asChild>
+							<SheetTrigger className={cn(
+								calendarOpen ? "block" : "lg:hidden"
+							)} asChild>
 								<Button variant="ghost">
 									<Menu />
 								</Button>
diff --git a/src/components/Navigation/NavComponents.tsx b/src/components/Navigation/NavComponents.tsx
index b5ef26a..791300e 100644
--- a/src/components/Navigation/NavComponents.tsx
+++ b/src/components/Navigation/NavComponents.tsx
@@ -1,17 +1,33 @@
 import Link from "next/link";
 import ClearAllChatsButton from "./ClearAllChatsButton";
 import { Button, buttonVariants } from "../ui/button";
-import { SquareArrowOutUpRight } from "lucide-react";
+import { CalendarDaysIcon, SquareArrowOutUpRight } from "lucide-react";
 import { ModeToggle } from "../ModeToggle";
+import { Badge } from "../ui/badge";
+import { useCalendarStore } from "@/stores/useCalendarStore";
 
 export default function NavComponents({
 	variant,
 }: {
 	variant: "open" | "closed" | "mobile";
 }) {
+	const { setCalendarOpen } = useCalendarStore();
+	const handleCalendarClick = () => {
+		setCalendarOpen();
+	}
+
 	return (
 		<>
 			<ClearAllChatsButton iconOnly={variant === "closed"} />
+			<Button variant="ghost" className="hover:bg-gray-300/40" onClick={setCalendarOpen}>
+				<CalendarDaysIcon className="h-[1.2rem] w-[1.2rem] mr-2" />
+				{variant !== "closed" && (
+					<>
+						<p>Calendar</p>
+						<Badge className="ml-2 font-normal">New</Badge>
+					</>
+				)}
+			</Button>
 			<Button
 				variant={"ghost"}
 				className="hover:bg-gray-300/40 py-4"
diff --git a/src/components/ui/badge.tsx b/src/components/ui/badge.tsx
new file mode 100644
index 0000000..e87d62b
--- /dev/null
+++ b/src/components/ui/badge.tsx
@@ -0,0 +1,36 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const badgeVariants = cva(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary:
+          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive:
+          "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  )
+}
+
+export { Badge, badgeVariants }
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 4dd40a2..8cc4546 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -26,3 +26,13 @@ export const samples = {
 		["Academic Advising", "Class Registration", "Work Study Opportunities"],
 	],
 };
+
+const formatter = new Intl.DateTimeFormat("en-US", {
+	hour: "numeric",
+	hour12: true,
+  });
+
+export const formatHourIntl = (hour: number) => {
+	const date = new Date(0, 0, 0, hour);
+	return formatter.format(date);
+  }
diff --git a/src/stores/useCalendarStore.ts b/src/stores/useCalendarStore.ts
new file mode 100644
index 0000000..6747125
--- /dev/null
+++ b/src/stores/useCalendarStore.ts
@@ -0,0 +1,11 @@
+import { create } from 'zustand';
+
+interface CalendarStore {
+	calendarOpen: boolean;
+	setCalendarOpen: () => void;
+}
+
+export const useCalendarStore = create<CalendarStore>((set) => ({
+	calendarOpen: false,
+	setCalendarOpen: () => set((state) => ({ calendarOpen: !state.calendarOpen })),
+}));

From dbe67c93b42ffaff20ac7db8e3cb7fa0a57ae614 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Mon, 9 Dec 2024 22:27:27 -0500
Subject: [PATCH 02/54] more work and empty chat placeholder

---
 src/components/Calendar/CalendarGrid.tsx      | 88 +++++++++++++++----
 src/components/ChatMessages.tsx               | 35 +-------
 .../Navigation/RecentConversations.tsx        | 10 ++-
 src/components/ui/zz-icon.tsx                 | 33 +++++++
 src/hooks/useMaskImage.ts                     | 30 +++++++
 5 files changed, 146 insertions(+), 50 deletions(-)
 create mode 100644 src/components/ui/zz-icon.tsx
 create mode 100644 src/hooks/useMaskImage.ts

diff --git a/src/components/Calendar/CalendarGrid.tsx b/src/components/Calendar/CalendarGrid.tsx
index a7a3ecf..fce4a9d 100644
--- a/src/components/Calendar/CalendarGrid.tsx
+++ b/src/components/Calendar/CalendarGrid.tsx
@@ -1,12 +1,29 @@
 "use client";
-import React, { useState } from "react";
+import React, { useRef, useState } from "react";
 import moment from "moment";
 import { Button } from "../ui/button";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { formatHourIntl } from "@/lib/utils";
+import { useMaskImage } from "@/hooks/useMaskImage";
+
+const events = [
+	{
+		title: "Morning Meeting",
+		start: new Date(moment().hours(10).minutes(0).toDate()),
+		end: new Date(moment().hours(11).minutes(20).toDate()),
+	},
+	{
+		title: "Afternoon Work Session",
+		start: new Date(moment().add(1, "days").hours(13).minutes(15).toDate()),
+		end: new Date(moment().add(1, "days").hours(15).minutes(45).toDate()),
+	},
+];
 
 const WeeklyCalendar: React.FC = () => {
 	const [currentDate, setCurrentDate] = useState(moment());
+	const ref = useRef<HTMLDivElement>(null);
+
+	useMaskImage(ref);
 
 	const goToPreviousWeek = () => {
 		setCurrentDate(currentDate.clone().subtract(1, "week"));
@@ -26,9 +43,23 @@ const WeeklyCalendar: React.FC = () => {
 	);
 	const hours = Array.from({ length: 24 }, (_, index) => formatHourIntl(index));
 
+	const getEventPosition = (event: typeof events[number]) => {
+		const start = moment(event.start);
+		const end = moment(event.end);
+
+		const dayIndex = start.diff(startOfWeek, "days");
+		const startMinutes = start.hours() * 60 + start.minutes();
+		const endMinutes = end.hours() * 60 + end.minutes();
+		const durationMinutes = endMinutes - startMinutes;
+
+		const startTop = (startMinutes / 60) * 4.5;
+		const height = (durationMinutes / 60) * 4;
+
+		return { dayIndex, startTop, height };
+	};
 
 	return (
-		<div className="max-h-screen overflow-scroll w-full max-w-5xl mx-auto">
+		<div className="w-full max-w-5xl mx-auto">
 			<header className="flex flex-1 items-center mb-4">
 				<div className="inline-flex ml-24 -space-x-px rounded-lg shadow-sm shadow-black/5 rtl:space-x-reverse">
 					<Button
@@ -61,30 +92,57 @@ const WeeklyCalendar: React.FC = () => {
 					"MMM D, YYYY"
 				)}`}</h2>
 			</header>
-			<div className="grid" style={{ gridTemplateColumns: "1fr repeat(7, 1fr)" }}>
+			<div className="grid max-h-[45rem] overflow-scroll" style={{ gridTemplateColumns: "1fr repeat(7, 1fr)" }} ref={ref}>
 				<div className="grid grid-rows-24 gap-0.5">
 					{hours.map((hour, index) => (
 						<div
 							key={index}
-							className="mr-2 text-xs text-center flex items-end justify-end"
+							className="mr-4 text-xs text-muted-foreground font-medium text-center flex items-end justify-end"
 						>
 							{hour}
 						</div>
 					))}
 				</div>
 				{daysOfWeek.map((day) => (
-					<div key={day.toString()} className="grid grid-rows-24 gap-0.5">
-						<div className="text-center font-semibold py-2 h-16 flex flex-col items-start justify-center border-b">
-							<span className="text-sm font-light">{day.format("ddd").toUpperCase()}</span>
-							<span className="text-xl font-bold">{day.format("D")}</span>
-						</div>
-						{hours.map((hour) => (
-							<div
-								key={`${day}-${hour}`}
-								className="h-16 border-b border-l border-gray-300/40 hover:bg-neutral-300/70 transition-all"
-							>
+					<div key={day.toString()} className="relative">
+						<div className="grid grid-rows-24 gap-0.5 max-h-scren">
+							<div className="text-center font-semibold py-2 h-16 flex flex-col items-start justify-center border-b bg-background w-full fixed z-10">
+								<span className="text-sm font-semibold text-neutral-500">
+									{day.format("ddd").toUpperCase()}
+								</span>
+								<span className="text-xl font-medium">{day.format("D")}</span>
 							</div>
-						))}
+							{hours.map((hour) => (
+								<div
+									key={`${day}-${hour}`}
+									className="h-16 border-b border-l border-neutral-300/40 dark:border-neutral-500/40 hover:bg-neutral-100 dark:hover:bg-neutral-500/40 transition-all"
+								/>
+							))}
+							{events.map((event, index) => {
+								const { dayIndex, startTop, height } = getEventPosition(event);
+								if (dayIndex !== daysOfWeek.indexOf(day)) return null;
+
+								return (
+									<div
+										key={index}
+										className="absolute flex flex-col bg-blue-200 border-l-4 border-l-blue-500 text-blue-500 font-bold text-xs p-2 rounded-md shadow-md"
+										style={{
+											top: `${startTop}rem`,
+											height: `${height}rem`,
+											width: "calc(100% - 1rem)",
+											left: "0.5rem",
+										}}
+									>
+										<span className="" >
+											{moment(event.start).format('h:mm A')}
+										</span>
+										<span className="">
+											{event.title}
+										</span>
+									</div>
+								);
+							})}
+						</div>
 					</div>
 				))}
 			</div>
diff --git a/src/components/ChatMessages.tsx b/src/components/ChatMessages.tsx
index 18bfcfd..eebe342 100644
--- a/src/components/ChatMessages.tsx
+++ b/src/components/ChatMessages.tsx
@@ -6,6 +6,7 @@ import { gfmHeadingId } from "marked-gfm-heading-id";
 import DOMPurify from "dompurify";
 import { useConversationStore } from "@/stores/useConversationStore";
 import logo from "../public/mario.png";
+import { useMaskImage } from "@/hooks/useMaskImage";
 
 const options = {
 	prefix: "chat-header-",
@@ -47,39 +48,7 @@ export default function ChatMessages({
 		}, 500);
 	}, [messages]);
 
-	const handleScroll = () => {
-		const scrollElement = scrollRef.current;
-		if (!scrollElement) return;
-		const { scrollTop, scrollHeight, clientHeight } = scrollElement;
-		//console.log({ scrollTop, scrollHeight, clientHeight });
-
-		if (scrollTop === 0) {
-			// at the top - fade only at the bottom
-			setMaskStyle(
-				"linear-gradient(to bottom, white, white 5	%, white 90%, transparent)"
-			);
-		} else if (scrollTop + clientHeight >= scrollHeight) {
-			// at the bottom - fade only at the top
-			setMaskStyle(
-				"linear-gradient(to bottom, transparent, white 5%, white 90%, white)"
-			);
-		} else {
-			// middle - fade both top and bottom
-			setMaskStyle(
-				"linear-gradient(to bottom, transparent, white 5%, white 90%, transparent)"
-			);
-		}
-	};
-
-	useEffect(() => {
-		const scrollElement = scrollRef.current;
-		if (scrollElement) scrollElement.addEventListener("scroll", handleScroll);
-
-		return () => {
-			if (scrollElement)
-				scrollElement.removeEventListener("scroll", handleScroll);
-		};
-	}, []);
+	useMaskImage(scrollRef);
 
 	return (
 		<div
diff --git a/src/components/Navigation/RecentConversations.tsx b/src/components/Navigation/RecentConversations.tsx
index 353cb6a..dde4c7a 100644
--- a/src/components/Navigation/RecentConversations.tsx
+++ b/src/components/Navigation/RecentConversations.tsx
@@ -2,6 +2,7 @@
 
 import { useConversationStore } from "@/stores/useConversationStore";
 import RecentConversationItem from "./RecentConversationItem";
+import ZzIcon from "../ui/zz-icon";
 
 const RecentConversations = ({
 	small
@@ -20,9 +21,14 @@ const RecentConversations = ({
 				</h2>
 			)}
 			<div className={`${small ? 'items-center' : 'items-start'} flex flex-col items-start max-h-96`}>
-				{[...conversations].reverse().map((convo, index) => (
+				{conversations.length > 0 ? [...conversations].reverse().map((convo, index) => (
 					<RecentConversationItem conversation={convo} index={index} small={small} key={index} />
-				))}
+				)) : (
+					<div className="flex flex-col gap-4 justify-center items-center w-full h-96">
+						<ZzIcon className="text-muted-foreground" />
+						{!small && <p className="text-muted-foreground text-center text-sm">When you create a new chat, it'll show up here</p>}
+					</div>
+				)}
 
 			</div>
 		</div>
diff --git a/src/components/ui/zz-icon.tsx b/src/components/ui/zz-icon.tsx
new file mode 100644
index 0000000..482d8a3
--- /dev/null
+++ b/src/components/ui/zz-icon.tsx
@@ -0,0 +1,33 @@
+import * as React from "react";
+
+// By: tabler
+// See: https://v0.app/icon/tabler/zzz
+// Example: <IconTablerZzz width="24px" height="24px" style={{color: "#000000"}} />
+
+const ZzIcon = ({
+	height = "1em",
+	strokeWidth = "2",
+	fill = "none",
+	focusable = "false",
+	...props
+}: Omit<React.SVGProps<SVGSVGElement>, "children">) => (
+	<svg
+		role="img"
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 24 24"
+		height={height}
+		focusable={focusable}
+		{...props}
+	>
+		<path
+			fill={fill}
+			stroke="currentColor"
+			strokeLinecap="round"
+			strokeLinejoin="round"
+			strokeWidth={strokeWidth}
+			d="M4 12h6l-6 8h6m4-16h6l-6 8h6"
+		/>
+	</svg>
+);
+
+export default ZzIcon;
diff --git a/src/hooks/useMaskImage.ts b/src/hooks/useMaskImage.ts
new file mode 100644
index 0000000..c39f09d
--- /dev/null
+++ b/src/hooks/useMaskImage.ts
@@ -0,0 +1,30 @@
+import { RefObject, useEffect } from "react";
+
+export const useMaskImage = (ref: RefObject<HTMLElement>) => {
+	const handleScroll = () => {
+		const element = ref.current;
+		if (!element) return;
+		const { scrollTop, scrollHeight, clientHeight } = element;
+		//console.log({ scrollTop, scrollHeight, clientHeight });
+
+		if (scrollTop === 0) {
+			// at the top - fade only at the bottom
+			element.style.maskImage = "linear-gradient(to bottom, white, white 5%, white 90%, transparent)";
+		} else if (Math.floor(scrollTop + clientHeight) >= scrollHeight) {
+			// at the bottom - fade only at the top
+			element.style.maskImage = "linear-gradient(to bottom, transparent, white 5%, white 90%, white)";
+		} else {
+			// middle - fade both top and bottom
+			element.style.maskImage = "linear-gradient(to bottom, transparent, white 5%, white 90%, transparent)";
+		}
+	};
+
+	useEffect(() => {
+		const element = ref.current;
+		if (element) element.addEventListener("scroll", handleScroll);
+
+		return () => {
+			if (element) element.removeEventListener("scroll", handleScroll);
+		};
+	}, []);
+}

From 25e100996aa1d9969117887e73dea4a913da1a2b Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Tue, 10 Dec 2024 21:05:26 -0500
Subject: [PATCH 03/54] Use different approach and make different layers on a
 calendar

---
 src/app/cal/page.tsx                        |   7 --
 src/app/chat/[id]/page.tsx                  |   3 +-
 src/app/page.tsx                            |   3 +-
 src/components/Calendar/CalendarGrid.tsx    |   2 +-
 src/components/Calendar/class-calendar.tsx  |  32 -----
 src/components/Calendar/event-layer.tsx     |  56 +++++++++
 src/components/Calendar/time-grid.tsx       |  39 ++++++
 src/components/Calendar/week-calendar.tsx   | 127 ++++++++++++++++++++
 src/components/Calendar/week-header.tsx     |  30 +++++
 src/components/Navigation/NavComponents.tsx |   3 -
 src/types/index.ts                          |   7 ++
 11 files changed, 264 insertions(+), 45 deletions(-)
 delete mode 100644 src/app/cal/page.tsx
 delete mode 100644 src/components/Calendar/class-calendar.tsx
 create mode 100644 src/components/Calendar/event-layer.tsx
 create mode 100644 src/components/Calendar/time-grid.tsx
 create mode 100644 src/components/Calendar/week-calendar.tsx
 create mode 100644 src/components/Calendar/week-header.tsx
 create mode 100644 src/types/index.ts

diff --git a/src/app/cal/page.tsx b/src/app/cal/page.tsx
deleted file mode 100644
index 0ea0945..0000000
--- a/src/app/cal/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import CalendarGrid from "@/components/Calendar/CalendarGrid";
-
-export default function TestCal() {
-	return (
-		<CalendarGrid />
-	)
-}
diff --git a/src/app/chat/[id]/page.tsx b/src/app/chat/[id]/page.tsx
index bc1dbaf..3488fda 100644
--- a/src/app/chat/[id]/page.tsx
+++ b/src/app/chat/[id]/page.tsx
@@ -6,7 +6,8 @@ import InfoToolTip from "@/components/InfoTooltip";
 import ChatInterface from "@/components/ChatInterface";
 import { useEffect } from "react";
 import { useConversationStore } from "@/stores/useConversationStore";
-import CalendarGrid from "@/components/Calendar/CalendarGrid";
+// import CalendarGrid from "@/components/Calendar/CalendarGrid";
+import CalendarGrid from "@/components/Calendar/newcal";
 import { useCalendarStore } from "@/stores/useCalendarStore";
 import { cn } from "@/lib/utils";
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e4c9037..a65f8da 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,8 @@ import InfoToolTip from "@/components/InfoTooltip";
 import { usePathname } from "next/navigation";
 import { useEffect } from "react";
 import { useConversationStore } from "@/stores/useConversationStore";
-import CalendarGrid from "@/components/Calendar/CalendarGrid";
+// import CalendarGrid from "@/components/Calendar/CalendarGrid";
+import CalendarGrid from "@/components/Calendar/week-calendar";
 import { useCalendarStore } from "@/stores/useCalendarStore";
 import ClassCalendar from "@/components/Calendar/class-calendar";
 import { cn } from "@/lib/utils";
diff --git a/src/components/Calendar/CalendarGrid.tsx b/src/components/Calendar/CalendarGrid.tsx
index fce4a9d..c9071e1 100644
--- a/src/components/Calendar/CalendarGrid.tsx
+++ b/src/components/Calendar/CalendarGrid.tsx
@@ -92,7 +92,7 @@ const WeeklyCalendar: React.FC = () => {
 					"MMM D, YYYY"
 				)}`}</h2>
 			</header>
-			<div className="grid max-h-[45rem] overflow-scroll" style={{ gridTemplateColumns: "1fr repeat(7, 1fr)" }} ref={ref}>
+			<div className="grid max-h-[45rem] overflow-scroll " style={{ gridTemplateColumns: "1fr repeat(7, 1fr)" }} ref={ref}>
 				<div className="grid grid-rows-24 gap-0.5">
 					{hours.map((hour, index) => (
 						<div
diff --git a/src/components/Calendar/class-calendar.tsx b/src/components/Calendar/class-calendar.tsx
deleted file mode 100644
index 4fc99af..0000000
--- a/src/components/Calendar/class-calendar.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-
-import { Calendar, momentLocalizer } from 'react-big-calendar'
-import moment from 'moment'
-
-const localizer = momentLocalizer(moment)
-
-const events = [
-	{
-		title: 'My event',
-		start: new Date(),
-		end: new Date(moment().add(1, 'days').toDate()),
-	},
-]
-let formats = {
-	timeGutterFormat: 'HH:mm',
-  }
-  
-const ClassCalendar = (props) => (
-	<div>
-		<Calendar
-			localizer={localizer}
-			events={events}
-			startAccessor="start"
-			endAccessor="end"
-			style={{ height: 500 }}
-			formats={formats}
-
-		/>
-	</div>
-)
-
-export default ClassCalendar;
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
new file mode 100644
index 0000000..a867fcf
--- /dev/null
+++ b/src/components/Calendar/event-layer.tsx
@@ -0,0 +1,56 @@
+import moment from 'moment';
+import { cn } from '@/lib/utils';
+import type { CalendarEvent } from '@/types';
+
+interface EventLayerProps {
+	events: CalendarEvent[];
+	weekDays: moment.Moment[];
+}
+
+export function EventLayer({ events, weekDays }: EventLayerProps) {
+	const calculateEventPosition = (event: CalendarEvent) => {
+		const dayIndex = weekDays.findIndex(day => day.isSame(event.start, 'day'));
+		if (dayIndex === -1) return null;
+
+		const startHour = moment(event.start).hour();
+		const startMinute = moment(event.start).minute();
+		const duration = moment(event.end).diff(moment(event.start), 'minutes');
+
+		return {
+			gridColumn: dayIndex + 2, // +2 because first column is time
+			top: `${startHour * 60 + startMinute}px`,
+			height: `${duration}px`,
+		};
+	};
+
+	return (
+		<div className="absolute inset-0 grid grid-cols-8 pointer-events-none">
+			{events.map((event) => {
+				const position = calculateEventPosition(event);
+				if (!position) return null;
+
+				return (
+					<div
+						key={event.id}
+						className={cn(
+							"absolute mx-1 rounded-md p-2 overflow-hidden",
+							"hover:z-10 transition-all duration-200 max-w-[7rem] shrink",
+							event.color,
+							"border-l-4 border-current border-opacity-10"
+						)}
+						style={{
+							gridColumn: position.gridColumn,
+							top: position.top,
+							height: position.height,
+						}}
+					>
+						<p className="font-medium text-xs truncate">{event.title}</p>
+						<p className="text-xs opacity-75">
+							{moment(event.start).format('HH:mm')}
+						</p>
+					</div>
+				);
+			})}
+		</div>
+	);
+}
diff --git a/src/components/Calendar/time-grid.tsx b/src/components/Calendar/time-grid.tsx
new file mode 100644
index 0000000..eb6a9fd
--- /dev/null
+++ b/src/components/Calendar/time-grid.tsx
@@ -0,0 +1,39 @@
+import moment from 'moment';
+import { cn } from '@/lib/utils';
+
+export function TimeGrid() {
+	const hours = Array.from({ length: 24 }, (_, i) => i);
+
+	return (
+		<div className="grid grid-cols-8 h-[1440px]">
+			{/* Time column */}
+			<div className="border-r">
+				{hours.map((hour) => (
+					<div
+						key={hour}
+						className="h-[60px] relative border-b border-border/50"
+					>
+						<span className="absolute -translate-y-1/2 text-xs text-muted-foreground px-2">
+							{moment().hour(hour).format('ha')}
+						</span>
+					</div>
+				))}
+			</div>
+
+			{/* Day columns */}
+			{Array.from({ length: 7 }).map((_, dayIndex) => (
+				<div
+					key={dayIndex}
+					className={cn("border-r", dayIndex === 6 && "border-r-0")}
+				>
+					{hours.map((hour) => (
+						<div
+							key={hour}
+							className="h-[60px] border-b border-border/50"
+						/>
+					))}
+				</div>
+			))}
+		</div>
+	);
+}
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
new file mode 100644
index 0000000..06ee312
--- /dev/null
+++ b/src/components/Calendar/week-calendar.tsx
@@ -0,0 +1,127 @@
+import { useState } from 'react';
+import moment from 'moment';
+import { CalendarDays, ChevronLeft, ChevronRight } from 'lucide-react';
+import { WeekHeader } from './week-header';
+import { TimeGrid } from './time-grid';
+import { EventLayer } from './event-layer';
+import { cn } from '@/lib/utils';
+import type { CalendarEvent } from '@/types';
+import { Button } from '../ui/button';
+
+const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
+	const today = moment(baseDate).startOf('week').add(1, 'day'); // Start from Monday
+
+	return [
+		{
+			id: '1',
+			title: 'Early Morning Workout',
+			start: moment(today).add(1, 'day').hour(6).minute(0).toDate(),
+			end: moment(today).add(1, 'day').hour(7).minute(0).toDate(),
+			color: 'bg-blue-50 text-blue-700 border-blue-200',
+		},
+		{
+			id: '2',
+			title: 'Team Standup',
+			start: moment(today).add(1, 'day').hour(9).minute(30).toDate(),
+			end: moment(today).add(1, 'day').hour(10).minute(0).toDate(),
+			color: 'bg-purple-50 text-purple-700 border-purple-200',
+		},
+		{
+			id: '3',
+			title: 'Project Review',
+			start: moment(today).add(2, 'day').hour(10).minute(0).toDate(),
+			end: moment(today).add(2, 'day').hour(12).minute(0).toDate(),
+			color: 'bg-green-50 text-green-700 border-green-200',
+		},
+		{
+			id: '4',
+			title: 'Lunch with Clients',
+			start: moment(today).add(3, 'day').hour(12).minute(0).toDate(),
+			end: moment(today).add(3, 'day').hour(14).minute(0).toDate(),
+			color: 'bg-yellow-50 text-yellow-700 border-yellow-200',
+		},
+		{
+			id: '5',
+			title: 'Design Workshop',
+			start: moment(today).add(4, 'day').hour(14).minute(0).toDate(),
+			end: moment(today).add(4, 'day').hour(16).minute(0).toDate(),
+			color: 'bg-pink-50 text-pink-700 border-pink-200',
+		},
+		{
+			id: '6',
+			title: 'Evening Yoga',
+			start: moment(today).add(5, 'day').hour(17).minute(0).toDate(),
+			end: moment(today).add(5, 'day').hour(18).minute(0).toDate(),
+			color: 'bg-indigo-50 text-indigo-700 border-indigo-200',
+		},
+	];
+};
+
+export default function WeekCalendar() {
+	const [currentDate, setCurrentDate] = useState(moment());
+	const [events] = useState<CalendarEvent[]>(() => generateMockEvents(currentDate));
+
+	const weekDays = Array.from({ length: 7 }, (_, i) =>
+		moment(currentDate).startOf('week').add(i + 1, 'days')
+	);
+
+	const goToPreviousWeek = () => {
+		setCurrentDate(currentDate.clone().subtract(1, "week"));
+	};
+
+	const goToNextWeek = () => {
+		setCurrentDate(currentDate.clone().add(1, "week"));
+	};
+
+	const goToToday = () => {
+		setCurrentDate(moment());
+	};
+
+	return (
+		<div className="w-full max-w-4xl flex flex-col h-[800px] bg-background rounded-lg shadow-lg">
+			<div className="flex items-center justify-between p-4 border-b">
+			<div className="inline-flex ml-24 -space-x-px rounded-lg shadow-sm shadow-black/5 rtl:space-x-reverse">
+					<Button
+						className="rounded-none shadow-none first:rounded-s-lg last:rounded-e-lg focus-visible:z-10"
+						variant="secondary"
+						size="icon"
+						aria-label="Previous week"
+						onClick={goToPreviousWeek}
+					>
+						<ChevronLeft size={16} strokeWidth={2} aria-hidden="true" />
+					</Button>
+					<Button
+						variant="secondary"
+						className="p-2 rounded-none border-r-1 boreder-l-1 border-r-gray-50"
+						onClick={goToToday}
+					>
+						Today
+					</Button>
+					<Button
+						className="rounded-none shadow-none first:rounded-s-lg last:rounded-e-lg focus-visible:z-10"
+						variant="secondary"
+						size="icon"
+						aria-label="Next week"
+						onClick={goToNextWeek}
+					>
+						<ChevronRight size={16} strokeWidth={2} aria-hidden="true" />
+					</Button>
+				</div>
+				<div className="flex items-center gap-2">
+					<CalendarDays className="w-6 h-6 text-primary" />
+					<h2 className="text-xl font-semibold text-primary">
+						{currentDate.format('MMMM YYYY')}
+					</h2>
+				</div>
+			</div>
+
+			<div className="flex-1 overflow-scroll">
+				<WeekHeader days={weekDays} />
+				<div className="relative flex-1 overflow-y-auto">
+					<TimeGrid />
+					<EventLayer events={events} weekDays={weekDays} />
+				</div>
+			</div>
+		</div>
+	);
+}
diff --git a/src/components/Calendar/week-header.tsx b/src/components/Calendar/week-header.tsx
new file mode 100644
index 0000000..87fc8b8
--- /dev/null
+++ b/src/components/Calendar/week-header.tsx
@@ -0,0 +1,30 @@
+import moment from 'moment';
+import { cn } from '@/lib/utils';
+
+interface WeekHeaderProps {
+	days: moment.Moment[];
+}
+
+export function WeekHeader({ days }: WeekHeaderProps) {
+	return (
+		<div className="grid grid-cols-8 border-b">
+			<div className="p-2 border-r" /> {/* Time column */}
+			{days.map((day, index) => (
+				<div
+					key={day.format()}
+					className={cn(
+						"p-2 text-center border-r",
+						index === 6 && "border-r-0"
+					)}
+				>
+					<div className="text-sm font-medium text-muted-foreground">
+						{day.format('ddd')}
+					</div>
+					<div className="text-lg font-semibold">
+						{day.format('D')}
+					</div>
+				</div>
+			))}
+		</div>
+	);
+}
diff --git a/src/components/Navigation/NavComponents.tsx b/src/components/Navigation/NavComponents.tsx
index 791300e..b30fccf 100644
--- a/src/components/Navigation/NavComponents.tsx
+++ b/src/components/Navigation/NavComponents.tsx
@@ -12,9 +12,6 @@ export default function NavComponents({
 	variant: "open" | "closed" | "mobile";
 }) {
 	const { setCalendarOpen } = useCalendarStore();
-	const handleCalendarClick = () => {
-		setCalendarOpen();
-	}
 
 	return (
 		<>
diff --git a/src/types/index.ts b/src/types/index.ts
new file mode 100644
index 0000000..6f5558e
--- /dev/null
+++ b/src/types/index.ts
@@ -0,0 +1,7 @@
+export interface CalendarEvent {
+	id: string;
+	title: string;
+	start: Date;
+	end: Date;
+	color: string;
+}

From d5730223be32e2a5f168d7335cdcfa5a60ca5ad5 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Tue, 10 Dec 2024 22:26:12 -0500
Subject: [PATCH 04/54] More calendar work and beginning mobile view

---
 src/app/page.tsx                          | 25 ++++++++-
 src/components/Calendar/event-layer.tsx   | 19 +++++--
 src/components/Calendar/time-grid.tsx     | 28 +++++++---
 src/components/Calendar/week-calendar.tsx |  9 ++--
 src/components/Calendar/week-header.tsx   | 15 +++---
 src/hooks/index.ts                        |  2 +
 src/hooks/useWindowSize.ts                | 64 +++++++++++++++++++++++
 src/types/index.ts                        |  7 +++
 8 files changed, 142 insertions(+), 27 deletions(-)
 create mode 100644 src/hooks/index.ts
 create mode 100644 src/hooks/useWindowSize.ts

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a65f8da..4c45756 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,10 @@ import CalendarGrid from "@/components/Calendar/week-calendar";
 import { useCalendarStore } from "@/stores/useCalendarStore";
 import ClassCalendar from "@/components/Calendar/class-calendar";
 import { cn } from "@/lib/utils";
+import { useWindowSize } from "@/hooks";
+import { MinimumWidth } from "@/types";
+import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
+import { ArrowLeft } from "lucide-react";
 
 export default function Home() {
 	const {
@@ -18,6 +22,9 @@ export default function Home() {
 		setActiveConversation,
 	} = useConversationStore();
 
+	const windowSize = useWindowSize();
+	const isDesktop = windowSize.width > MinimumWidth.Large;
+
 	const { calendarOpen } = useCalendarStore();
 
 	const pathname = usePathname();
@@ -63,7 +70,23 @@ export default function Home() {
 					</div>
 					<div className="flex flex-row">
 						<ChatInterface />
-						{calendarOpen && <CalendarGrid />}
+						{calendarOpen && (
+							isDesktop
+								? <CalendarGrid />
+								: <Sheet open={true}>
+
+									<SheetContent className="!max-w-full w-full">
+										<div className="flex flex-row gap-6">
+											<SheetTrigger className=" hover:bg-gray-300/40 -top-4 sm:top-0 rounded-sm">
+												<ArrowLeft />
+												<span className="sr-only">Exit calendar</span>
+											</SheetTrigger>
+											<span className="text-xl font-bold">Dragon Scheduler</span>
+										</div>
+										<CalendarGrid />
+									</SheetContent>
+								</Sheet>
+						)}
 					</div>
 				</div>
 			</div>
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index a867fcf..730595a 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -24,7 +24,16 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 	};
 
 	return (
-		<div className="absolute inset-0 grid grid-cols-8 pointer-events-none">
+		<div
+		className={cn(
+			"ml-20", // Time column width
+			"absolute inset-0 grid h-[1440px]"
+		)}
+			style={{
+				gridTemplateColumns: 'auto repeat(7, 1fr)',
+				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
+			}}
+		>
 			{events.map((event) => {
 				const position = calculateEventPosition(event);
 				if (!position) return null;
@@ -34,7 +43,7 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 						key={event.id}
 						className={cn(
 							"absolute mx-1 rounded-md p-2 overflow-hidden",
-							"hover:z-10 transition-all duration-200 max-w-[7rem] shrink",
+							"hover:z-10 transition-all duration-200 min-w-[7rem] max-w-[7rem] shrink",
 							event.color,
 							"border-l-4 border-current border-opacity-10"
 						)}
@@ -44,10 +53,10 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 							height: position.height,
 						}}
 					>
-						<p className="font-medium text-xs truncate">{event.title}</p>
-						<p className="text-xs opacity-75">
-							{moment(event.start).format('HH:mm')}
+						<p className="text-xs opacity-75 font-semibold">
+							{moment(event.start).format('HH:mm A')}
 						</p>
+						<p className="text-xs truncate">{event.title}</p>
 					</div>
 				);
 			})}
diff --git a/src/components/Calendar/time-grid.tsx b/src/components/Calendar/time-grid.tsx
index eb6a9fd..6a80941 100644
--- a/src/components/Calendar/time-grid.tsx
+++ b/src/components/Calendar/time-grid.tsx
@@ -1,20 +1,29 @@
 import moment from 'moment';
-import { cn } from '@/lib/utils';
+import { cn, formatHourIntl } from '@/lib/utils';
 
 export function TimeGrid() {
 	const hours = Array.from({ length: 24 }, (_, i) => i);
 
 	return (
-		<div className="grid grid-cols-8 h-[1440px]">
+		<div
+			className="ml-20 grid h-[1440px]"
+			style={{
+				gridTemplateColumns: 'auto repeat(7, 1fr)',
+				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
+			}}
+		>
 			{/* Time column */}
-			<div className="border-r">
+			<div className="relative right-14">
 				{hours.map((hour) => (
 					<div
 						key={hour}
-						className="h-[60px] relative border-b border-border/50"
+						className="h-[60px] relative border-b border-border/50 w-max"
+						style={{
+							gridRow: `span 12`, // 12 5-minute slots per hour
+						}}
 					>
-						<span className="absolute -translate-y-1/2 text-xs text-muted-foreground px-2">
-							{moment().hour(hour).format('ha')}
+						<span className="absolute -translate-y-1/2 text-xs text-muted-foreground px-2 w-max">
+							{formatHourIntl(hour)}
 						</span>
 					</div>
 				))}
@@ -24,12 +33,15 @@ export function TimeGrid() {
 			{Array.from({ length: 7 }).map((_, dayIndex) => (
 				<div
 					key={dayIndex}
-					className={cn("border-r", dayIndex === 6 && "border-r-0")}
+					className={cn("border-r relative", dayIndex === 6 && "border-r-0")}
 				>
 					{hours.map((hour) => (
 						<div
 							key={hour}
-							className="h-[60px] border-b border-border/50"
+							className="h-[60px] border-r border-t border-border/50 dark:border-neutral-200/10"
+							style={{
+								gridRow: `span 12`, // 12 5-minute slots per hour
+							}}
 						/>
 					))}
 				</div>
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 06ee312..50ade2c 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -78,9 +78,9 @@ export default function WeekCalendar() {
 	};
 
 	return (
-		<div className="w-full max-w-4xl flex flex-col h-[800px] bg-background rounded-lg shadow-lg">
-			<div className="flex items-center justify-between p-4 border-b">
-			<div className="inline-flex ml-24 -space-x-px rounded-lg shadow-sm shadow-black/5 rtl:space-x-reverse">
+		<div className="w-full max-w-4xl flex flex-col h-[800px] bg-background rounded-lg">
+			<div className="flex items-center justify-between p-4">
+			<div className="inline-flex ml-24 -space-x-px rounded-lg rtl:space-x-reverse">
 					<Button
 						className="rounded-none shadow-none first:rounded-s-lg last:rounded-e-lg focus-visible:z-10"
 						variant="secondary"
@@ -92,7 +92,7 @@ export default function WeekCalendar() {
 					</Button>
 					<Button
 						variant="secondary"
-						className="p-2 rounded-none border-r-1 boreder-l-1 border-r-gray-50"
+						className="p-2 rounded-none border-r-1 border-l-1 border-r-gray-50"
 						onClick={goToToday}
 					>
 						Today
@@ -118,6 +118,7 @@ export default function WeekCalendar() {
 			<div className="flex-1 overflow-scroll">
 				<WeekHeader days={weekDays} />
 				<div className="relative flex-1 overflow-y-auto">
+
 					<TimeGrid />
 					<EventLayer events={events} weekDays={weekDays} />
 				</div>
diff --git a/src/components/Calendar/week-header.tsx b/src/components/Calendar/week-header.tsx
index 87fc8b8..a0cf813 100644
--- a/src/components/Calendar/week-header.tsx
+++ b/src/components/Calendar/week-header.tsx
@@ -7,22 +7,19 @@ interface WeekHeaderProps {
 
 export function WeekHeader({ days }: WeekHeaderProps) {
 	return (
-		<div className="grid grid-cols-8 border-b">
-			<div className="p-2 border-r" /> {/* Time column */}
+		<div className="ml-20 grid grid-cols-7">
 			{days.map((day, index) => (
 				<div
 					key={day.format()}
 					className={cn(
-						"p-2 text-center border-r",
+						"p-2 text-center border-r dark:border-neutral-200/10 font-semibold py-2 h-16 flex flex-col items-start justify-center",
 						index === 6 && "border-r-0"
 					)}
 				>
-					<div className="text-sm font-medium text-muted-foreground">
-						{day.format('ddd')}
-					</div>
-					<div className="text-lg font-semibold">
-						{day.format('D')}
-					</div>
+					<span className="text-sm font-semibold text-neutral-500">
+						{day.format("ddd").toUpperCase()}
+					</span>
+					<span className="text-xl font-medium">{day.format("D")}</span>
 				</div>
 			))}
 		</div>
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
new file mode 100644
index 0000000..268c33b
--- /dev/null
+++ b/src/hooks/index.ts
@@ -0,0 +1,2 @@
+export * from './useMaskImage';
+export * from './useWindowSize';
diff --git a/src/hooks/useWindowSize.ts b/src/hooks/useWindowSize.ts
new file mode 100644
index 0000000..63f87ad
--- /dev/null
+++ b/src/hooks/useWindowSize.ts
@@ -0,0 +1,64 @@
+/**
+ * Author: Hamish Williams
+ * https://github.com/HamishMW/portfolio
+ */
+import { useCallback, useEffect, useRef, useState } from 'react';
+
+export function useWindowSize() {
+	const dimensions = useRef({ width: 1280, height: 800 });
+
+
+	const createRuler = useCallback(() => {
+		const ruler = document.createElement('div');
+
+		ruler.style.position = 'fixed';
+		ruler.style.height = '100vh';
+		ruler.style.width = '0px';
+		ruler.style.top = '0px';
+
+		document.documentElement.appendChild(ruler);
+
+		// Set cache conscientious of device orientation
+		dimensions.current.width = window.innerWidth;
+		dimensions.current.height = ruler.offsetHeight;
+
+		// Clean up after ourselves
+		document.documentElement.removeChild(ruler);
+	}, []);
+
+	// Get the actual height on iOS Safari
+	const getHeight = useCallback(() => {
+		const isIOS = navigator?.userAgent.match(/iphone|ipod|ipad/i);
+
+		if (isIOS) {
+			createRuler();
+			return dimensions.current.height;
+		}
+
+		return window.innerHeight;
+	}, [createRuler]);
+
+	const getSize = useCallback(() => {
+		return {
+			width: window.innerWidth,
+			height: getHeight(),
+		};
+	}, [getHeight]);
+
+	const [windowSize, setWindowSize] = useState(dimensions.current);
+
+	useEffect(() => {
+		const handleResize = () => {
+			setWindowSize(getSize());
+		};
+
+		window.addEventListener('resize', handleResize);
+		handleResize();
+
+		return () => {
+			window.removeEventListener('resize', handleResize);
+		};
+	}, [getSize]);
+
+	return windowSize;
+}
diff --git a/src/types/index.ts b/src/types/index.ts
index 6f5558e..0f71be0 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -5,3 +5,10 @@ export interface CalendarEvent {
 	end: Date;
 	color: string;
 }
+
+export enum MinimumWidth {
+	Small = 640,
+	Medium = 768,
+	Large = 1024,
+	ExtraLarge = 1280,
+}

From 428eff5d5cb47ef102de48172a31bd94a2dc365e Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 11 Dec 2024 00:00:37 -0500
Subject: [PATCH 05/54] more ux work on the calendar

---
 src/components/Calendar/event-layer.tsx   | 26 ++++++---
 src/components/Calendar/time-grid.tsx     | 12 +++--
 src/components/Calendar/week-calendar.tsx | 65 +++++++++++++++++++----
 src/components/Calendar/week-header.tsx   |  7 +--
 src/components/ChatMessages.tsx           |  6 +--
 5 files changed, 85 insertions(+), 31 deletions(-)

diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 730595a..8245c2b 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -25,12 +25,12 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 
 	return (
 		<div
-		className={cn(
-			"ml-20", // Time column width
-			"absolute inset-0 grid h-[1440px]"
-		)}
+			className={cn(
+				"ml-8 lg:ml-[4.5rem]", // Time column width
+				"absolute inset-0 grid h-[1440px]",
+				"grid-cols-[auto_repeat(5,_1fr)] lg:grid-cols-[auto_repeat(7,_1fr)]",
+			)}
 			style={{
-				gridTemplateColumns: 'auto repeat(7, 1fr)',
 				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
 			}}
 		>
@@ -43,7 +43,8 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 						key={event.id}
 						className={cn(
 							"absolute mx-1 rounded-md p-2 overflow-hidden",
-							"hover:z-10 transition-all duration-200 min-w-[7rem] max-w-[7rem] shrink",
+							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
+							"min-w-[4.3rem] max-w-[4.3rem] sm:min-w-[7rem] sm:max-w-[7rem]",
 							event.color,
 							"border-l-4 border-current border-opacity-10"
 						)}
@@ -52,9 +53,20 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 							top: position.top,
 							height: position.height,
 						}}
+						onMouseEnter={(e) => {
+							const currentTarget = e.currentTarget;
+							const computedStyle = window.getComputedStyle(currentTarget);
+							const currentHeight = parseFloat(computedStyle.height);
+							const contentHeight = currentTarget.scrollHeight;
+
+							currentTarget.style.height = `${Math.max(currentHeight, contentHeight)}px`;
+						}}
+						onMouseLeave={(e) => {
+							e.currentTarget.style.height = position.height;
+						}}
 					>
 						<p className="text-xs opacity-75 font-semibold">
-							{moment(event.start).format('HH:mm A')}
+							{moment(event.start, ["HH:mm"]).format('h:mm a')}
 						</p>
 						<p className="text-xs truncate">{event.title}</p>
 					</div>
diff --git a/src/components/Calendar/time-grid.tsx b/src/components/Calendar/time-grid.tsx
index 6a80941..508e9fe 100644
--- a/src/components/Calendar/time-grid.tsx
+++ b/src/components/Calendar/time-grid.tsx
@@ -1,19 +1,21 @@
-import moment from 'moment';
 import { cn, formatHourIntl } from '@/lib/utils';
+import { useWindowSize } from '@/hooks';
+import { MinimumWidth } from '@/types';
 
 export function TimeGrid() {
 	const hours = Array.from({ length: 24 }, (_, i) => i);
+	const windowSize = useWindowSize();
+	const isDesktop = windowSize.width > MinimumWidth.Large;
 
 	return (
 		<div
-			className="ml-20 grid h-[1440px]"
+			className="ml-10 lg:ml-20 grid h-[1440px] lg:grid-cols-[auto_repeat(7,_1fr)] grid-cols-[auto_repeat(5,_1fr)]"
 			style={{
-				gridTemplateColumns: 'auto repeat(7, 1fr)',
 				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
 			}}
 		>
 			{/* Time column */}
-			<div className="relative right-14">
+			<div className="relative right-12">
 				{hours.map((hour) => (
 					<div
 						key={hour}
@@ -30,7 +32,7 @@ export function TimeGrid() {
 			</div>
 
 			{/* Day columns */}
-			{Array.from({ length: 7 }).map((_, dayIndex) => (
+			{Array.from({ length: isDesktop ? 7 : 5 }).map((_, dayIndex) => (
 				<div
 					key={dayIndex}
 					className={cn("border-r relative", dayIndex === 6 && "border-r-0")}
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 50ade2c..b50c9f1 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -1,12 +1,12 @@
-import { useState } from 'react';
+import { useRef, useState } from 'react';
 import moment from 'moment';
 import { CalendarDays, ChevronLeft, ChevronRight } from 'lucide-react';
 import { WeekHeader } from './week-header';
 import { TimeGrid } from './time-grid';
 import { EventLayer } from './event-layer';
-import { cn } from '@/lib/utils';
-import type { CalendarEvent } from '@/types';
+import { MinimumWidth, type CalendarEvent } from '@/types';
 import { Button } from '../ui/button';
+import { useMaskImage } from '@/hooks';
 
 const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 	const today = moment(baseDate).startOf('week').add(1, 'day'); // Start from Monday
@@ -60,27 +60,71 @@ const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 export default function WeekCalendar() {
 	const [currentDate, setCurrentDate] = useState(moment());
 	const [events] = useState<CalendarEvent[]>(() => generateMockEvents(currentDate));
+	const isDesktop = window.innerWidth > MinimumWidth.Large;
+	const scrollRef = useRef<HTMLDivElement>(null);
 
-	const weekDays = Array.from({ length: 7 }, (_, i) =>
-		moment(currentDate).startOf('week').add(i + 1, 'days')
+	useMaskImage(scrollRef);
+
+	const [weekDays, setWeekDays] = useState(
+		Array.from({ length: isDesktop ? 7 : 5 }, (_, i) =>
+			moment(currentDate).startOf(isDesktop ? 'week' : 'day').add(i, 'days')
+		)
 	);
 
 	const goToPreviousWeek = () => {
-		setCurrentDate(currentDate.clone().subtract(1, "week"));
+		if(isDesktop) {
+			const newDate = currentDate.clone().subtract(1, "week");
+			setCurrentDate(newDate);
+			setWeekDays(
+				Array.from({ length: 7 }, (_, i) =>
+					moment(newDate).startOf('week').add(i, 'days')
+				)
+			);
+		} else {
+			const newDate = currentDate.clone().subtract(1, "days")
+			setCurrentDate(newDate);
+			setWeekDays(
+				Array.from({ length: 5 }, (_, i) =>
+					moment(newDate).add(i, 'days')
+				)
+			);
+		}
 	};
 
 	const goToNextWeek = () => {
-		setCurrentDate(currentDate.clone().add(1, "week"));
+		if(isDesktop) {
+			const newDate = currentDate.clone().add(1, "week");
+			setCurrentDate(newDate);
+			setWeekDays(
+				Array.from({ length: 7 }, (_, i) =>
+					moment(newDate).startOf('week').add(i, 'days')
+				)
+			);
+		} else {
+			const newDate = currentDate.clone().add(1, "days");
+			setCurrentDate(newDate);
+			setWeekDays(
+				Array.from({ length: 5 }, (_, i) =>
+					moment(newDate).add(i, 'days')
+				)
+			);
+		}
 	};
 
 	const goToToday = () => {
+		const newDate = moment();
 		setCurrentDate(moment());
+		setWeekDays(
+			Array.from({ length: isDesktop ? 7 : 5 }, (_, i) =>
+				moment(newDate).startOf(isDesktop ? 'week' : 'day').add(i, 'days')
+			)
+		);
 	};
 
 	return (
 		<div className="w-full max-w-4xl flex flex-col h-[800px] bg-background rounded-lg">
 			<div className="flex items-center justify-between p-4">
-			<div className="inline-flex ml-24 -space-x-px rounded-lg rtl:space-x-reverse">
+			<div className="inline-flex -space-x-px rounded-lg rtl:space-x-reverse">
 					<Button
 						className="rounded-none shadow-none first:rounded-s-lg last:rounded-e-lg focus-visible:z-10"
 						variant="secondary"
@@ -109,16 +153,15 @@ export default function WeekCalendar() {
 				</div>
 				<div className="flex items-center gap-2">
 					<CalendarDays className="w-6 h-6 text-primary" />
-					<h2 className="text-xl font-semibold text-primary">
+					<h2 className="text-md lg:text-xl text-primary">
 						{currentDate.format('MMMM YYYY')}
 					</h2>
 				</div>
 			</div>
 
-			<div className="flex-1 overflow-scroll">
+			<div className="flex-1 overflow-scroll" ref={scrollRef}>
 				<WeekHeader days={weekDays} />
 				<div className="relative flex-1 overflow-y-auto">
-
 					<TimeGrid />
 					<EventLayer events={events} weekDays={weekDays} />
 				</div>
diff --git a/src/components/Calendar/week-header.tsx b/src/components/Calendar/week-header.tsx
index a0cf813..7a84b87 100644
--- a/src/components/Calendar/week-header.tsx
+++ b/src/components/Calendar/week-header.tsx
@@ -7,16 +7,17 @@ interface WeekHeaderProps {
 
 export function WeekHeader({ days }: WeekHeaderProps) {
 	return (
-		<div className="ml-20 grid grid-cols-7">
+		<div className="ml-10 lg:ml-20 grid grid-cols-5 lg:grid-cols-7">
 			{days.map((day, index) => (
 				<div
 					key={day.format()}
 					className={cn(
 						"p-2 text-center border-r dark:border-neutral-200/10 font-semibold py-2 h-16 flex flex-col items-start justify-center",
-						index === 6 && "border-r-0"
+						index === 6 && "border-r-0",
+						day.isSame(moment(), "day") && "bg-blue-50"
 					)}
 				>
-					<span className="text-sm font-semibold text-neutral-500">
+					<span className="text-sm font-medium text-neutral-500">
 						{day.format("ddd").toUpperCase()}
 					</span>
 					<span className="text-xl font-medium">{day.format("D")}</span>
diff --git a/src/components/ChatMessages.tsx b/src/components/ChatMessages.tsx
index eebe342..f01b4dd 100644
--- a/src/components/ChatMessages.tsx
+++ b/src/components/ChatMessages.tsx
@@ -6,7 +6,7 @@ import { gfmHeadingId } from "marked-gfm-heading-id";
 import DOMPurify from "dompurify";
 import { useConversationStore } from "@/stores/useConversationStore";
 import logo from "../public/mario.png";
-import { useMaskImage } from "@/hooks/useMaskImage";
+import { useMaskImage } from "@/hooks";
 
 const options = {
 	prefix: "chat-header-",
@@ -28,7 +28,6 @@ export default function ChatMessages({
 	const { activeConversation } = useConversationStore();
 	const messagesEndRef = useRef<HTMLDivElement>(null);
 	const scrollRef = useRef<HTMLDivElement>(null);
-	const [maskStyle, setMaskStyle] = useState("");
 
 	const scrollToBottom = () => {
 		messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
@@ -55,9 +54,6 @@ export default function ChatMessages({
 			className="overflow-y-auto h-full w-full flex flex-col margin-top: auto"
 			id="chat-messages"
 			ref={scrollRef}
-			style={{
-				maskImage: maskStyle,
-			}}
 		>
 			{" "}
 			{/* Add id for links effect */}

From aca4f1ee119c8ee5a66ac5a87e11683468233bf3 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 11 Dec 2024 00:05:56 -0500
Subject: [PATCH 06/54] better darkmode viewing

---
 src/components/Calendar/event-layer.tsx | 1 +
 src/components/Calendar/week-header.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 8245c2b..e0da22c 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -46,6 +46,7 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
 							"min-w-[4.3rem] max-w-[4.3rem] sm:min-w-[7rem] sm:max-w-[7rem]",
 							event.color,
+							"dark:invert dark:bg-opacity-50",
 							"border-l-4 border-current border-opacity-10"
 						)}
 						style={{
diff --git a/src/components/Calendar/week-header.tsx b/src/components/Calendar/week-header.tsx
index 7a84b87..16e98bc 100644
--- a/src/components/Calendar/week-header.tsx
+++ b/src/components/Calendar/week-header.tsx
@@ -14,7 +14,7 @@ export function WeekHeader({ days }: WeekHeaderProps) {
 					className={cn(
 						"p-2 text-center border-r dark:border-neutral-200/10 font-semibold py-2 h-16 flex flex-col items-start justify-center",
 						index === 6 && "border-r-0",
-						day.isSame(moment(), "day") && "bg-blue-50"
+						day.isSame(moment(), "day") && "bg-blue-300/10"
 					)}
 				>
 					<span className="text-sm font-medium text-neutral-500">

From 641f9a31e0789c0a225635e3245dd7292cb0d4aa Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 11 Dec 2024 12:57:57 -0500
Subject: [PATCH 07/54] fix sheet animation and other changes

---
 src/app/chat/[id]/page.tsx              | 28 ++++++++++++++++++++-----
 src/app/page.tsx                        | 10 +++------
 src/components/Calendar/event-layer.tsx |  4 ++--
 src/components/Calendar/week-header.tsx |  2 +-
 4 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/src/app/chat/[id]/page.tsx b/src/app/chat/[id]/page.tsx
index 3488fda..74b7a06 100644
--- a/src/app/chat/[id]/page.tsx
+++ b/src/app/chat/[id]/page.tsx
@@ -6,10 +6,12 @@ import InfoToolTip from "@/components/InfoTooltip";
 import ChatInterface from "@/components/ChatInterface";
 import { useEffect } from "react";
 import { useConversationStore } from "@/stores/useConversationStore";
-// import CalendarGrid from "@/components/Calendar/CalendarGrid";
-import CalendarGrid from "@/components/Calendar/newcal";
+import Calendar from "@/components/Calendar/week-calendar";
 import { useCalendarStore } from "@/stores/useCalendarStore";
 import { cn } from "@/lib/utils";
+import { MinimumWidth } from "@/types";
+import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
+import { ArrowLeft } from "lucide-react";
 
 // export async function generateMetadata({ params }: { params: { id: string }}) {
 // 	const conversations = await fetchConversations();
@@ -28,12 +30,13 @@ import { cn } from "@/lib/utils";
 // }
 
 export default function ChatPage({ params }: { params: { id: string } }) {
+	const isDesktop = window.innerWidth > MinimumWidth.Large;
 	const {
 		setConversations,
 		setActiveConversation
 	} = useConversationStore();
 
-	const { calendarOpen } = useCalendarStore();
+	const { calendarOpen, setCalendarOpen } = useCalendarStore();
 
 	const router = useRouter();
 
@@ -68,12 +71,27 @@ export default function ChatPage({ params }: { params: { id: string } }) {
 						<h1 className={cn(
 							"fixed md:relative text-4xl px-4 font-semibold",
 							calendarOpen && "ml-8"
-							)}>DragonGPT</h1>
+						)}>DragonGPT</h1>
 						<InfoToolTip />
 					</div>
 					<div className="flex flex-row">
 						<ChatInterface />
-						{calendarOpen && <CalendarGrid />}
+						{isDesktop
+							? calendarOpen && (<Calendar />)
+							: <Sheet open={calendarOpen} onOpenChange={() => setCalendarOpen()} >
+
+								<SheetContent className="!max-w-full w-full">
+									<div className="flex flex-row gap-6">
+										<SheetTrigger className=" hover:bg-gray-300/40 -top-4 sm:top-0 rounded-sm"
+										>
+											<ArrowLeft />
+											<span className="sr-only">Exit calendar</span>
+										</SheetTrigger>
+										<span className="text-xl font-bold">Dragon Scheduler</span>
+									</div>
+									<Calendar />
+								</SheetContent>
+							</Sheet>}
 					</div>
 				</div>
 			</div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4c45756..63c466c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,12 +6,9 @@ import InfoToolTip from "@/components/InfoTooltip";
 import { usePathname } from "next/navigation";
 import { useEffect } from "react";
 import { useConversationStore } from "@/stores/useConversationStore";
-// import CalendarGrid from "@/components/Calendar/CalendarGrid";
-import CalendarGrid from "@/components/Calendar/week-calendar";
+import Calendar from "@/components/Calendar/week-calendar";
 import { useCalendarStore } from "@/stores/useCalendarStore";
-import ClassCalendar from "@/components/Calendar/class-calendar";
 import { cn } from "@/lib/utils";
-import { useWindowSize } from "@/hooks";
 import { MinimumWidth } from "@/types";
 import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
 import { ArrowLeft } from "lucide-react";
@@ -22,8 +19,7 @@ export default function Home() {
 		setActiveConversation,
 	} = useConversationStore();
 
-	const windowSize = useWindowSize();
-	const isDesktop = windowSize.width > MinimumWidth.Large;
+	const isDesktop = window.innerWidth > MinimumWidth.Large;
 
 	const { calendarOpen } = useCalendarStore();
 
@@ -72,7 +68,7 @@ export default function Home() {
 						<ChatInterface />
 						{calendarOpen && (
 							isDesktop
-								? <CalendarGrid />
+								? <Calendar />
 								: <Sheet open={true}>
 
 									<SheetContent className="!max-w-full w-full">
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index e0da22c..13781ee 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -43,10 +43,10 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 						key={event.id}
 						className={cn(
 							"absolute mx-1 rounded-md p-2 overflow-hidden",
-							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
+							"hover:z-10 hover:max-w-full hover:shadow-sm transition-all duration-200 shrink",
 							"min-w-[4.3rem] max-w-[4.3rem] sm:min-w-[7rem] sm:max-w-[7rem]",
 							event.color,
-							"dark:invert dark:bg-opacity-50",
+							"dark:invert dark:bg-neutral-300 dark:shadow-white",
 							"border-l-4 border-current border-opacity-10"
 						)}
 						style={{
diff --git a/src/components/Calendar/week-header.tsx b/src/components/Calendar/week-header.tsx
index 16e98bc..2121c06 100644
--- a/src/components/Calendar/week-header.tsx
+++ b/src/components/Calendar/week-header.tsx
@@ -17,7 +17,7 @@ export function WeekHeader({ days }: WeekHeaderProps) {
 						day.isSame(moment(), "day") && "bg-blue-300/10"
 					)}
 				>
-					<span className="text-sm font-medium text-neutral-500">
+					<span className="text-sm font-medium text-neutral-500 dark:text-neutral-400">
 						{day.format("ddd").toUpperCase()}
 					</span>
 					<span className="text-xl font-medium">{day.format("D")}</span>

From 064162d79646ccffd5c5397e0767bda8b0d28c7e Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 25 Dec 2024 19:06:46 -0500
Subject: [PATCH 08/54] more calendar work

---
 package-lock.json                         | 2352 +++++++++++++++++++--
 package.json                              |    4 +
 src/app/chat/[id]/page.tsx                |    5 +-
 src/app/page.tsx                          |   39 +-
 src/components/Calendar/new-event.tsx     |  177 ++
 src/components/Calendar/week-calendar.tsx |   27 +-
 src/components/ui/alert-dialog.tsx        |    2 +-
 src/components/ui/calendar.tsx            |   72 +
 src/components/ui/datepicker.tsx          |   43 +
 src/components/ui/datetimepicker.tsx      |  832 ++++++++
 src/components/ui/dialog.tsx              |    2 +-
 src/components/ui/select.tsx              |  158 ++
 12 files changed, 3502 insertions(+), 211 deletions(-)
 create mode 100644 src/components/Calendar/new-event.tsx
 create mode 100644 src/components/ui/calendar.tsx
 create mode 100644 src/components/ui/datepicker.tsx
 create mode 100644 src/components/ui/datetimepicker.tsx
 create mode 100644 src/components/ui/select.tsx

diff --git a/package-lock.json b/package-lock.json
index 7b931c2..bfee6cc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,7 @@
         "@radix-ui/react-icons": "^1.3.0",
         "@radix-ui/react-label": "^2.1.0",
         "@radix-ui/react-popover": "^1.1.2",
+        "@radix-ui/react-select": "^2.1.2",
         "@radix-ui/react-separator": "^1.1.0",
         "@radix-ui/react-slot": "^1.1.0",
         "@radix-ui/react-tooltip": "^1.1.2",
@@ -24,6 +25,7 @@
         "@vercel/speed-insights": "^1.1.0",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.1",
+        "date-fns": "^3.6.0",
         "dompurify": "^3.1.7",
         "lucide": "^0.446.0",
         "lucide-react": "^0.446.0",
@@ -33,7 +35,9 @@
         "next": "14.2.13",
         "next-themes": "^0.3.0",
         "react": "^18",
+        "react-aria-components": "^1.5.0",
         "react-big-calendar": "^1.16.0",
+        "react-day-picker": "^8.10.1",
         "react-dom": "^18",
         "react-hook-form": "^7.53.1",
         "sonner": "^1.7.0",
@@ -171,6 +175,52 @@
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
       "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
     },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.1.tgz",
+      "integrity": "sha512-Ip9uV+/MpLXWRk03U/GzeJMuPeOXpJBSB5V1tjA6kJhvqssye5J5LoYLc7Z5IAHb7nR62sRoguzrFiVCP/hnzw==",
+      "dependencies": {
+        "@formatjs/fast-memoize": "2.2.5",
+        "@formatjs/intl-localematcher": "0.5.9",
+        "decimal.js": "10",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.5.tgz",
+      "integrity": "sha512-6PoewUMrrcqxSoBXAOJDiW1m+AmkrAj0RiXnOMD59GRaswjXhm3MDhgepXPBgonc09oSirAJTsAggzAGQf6A6g==",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.9.7",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.9.7.tgz",
+      "integrity": "sha512-cuEHyRM5VqLQobANOjtjlgU7+qmk9Q3fDQuBiRRJ3+Wp3ZoZhpUPtUfuimZXsir6SaI2TaAJ+SLo9vLnV5QcbA==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.1",
+        "@formatjs/icu-skeleton-parser": "1.8.11",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.8.11",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.11.tgz",
+      "integrity": "sha512-8LlHHE/yL/zVJZHAX3pbKaCjZKmBIO6aJY1mkVh4RMSEu/2WRZ4Ysvv3kKXJ9M8RJLBHdnk1/dUQFdod1Dt7Dw==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.1",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.5.9",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.9.tgz",
+      "integrity": "sha512-8zkGu/sv5euxbjfZ/xmklqLyDGQSxsLqg8XOq88JW3cmJtzhCP8EtSJXlaKZnVO4beEaoiT9wj4eIoCQ9smwxA==",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
     "node_modules/@hookform/resolvers": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.9.0.tgz",
@@ -214,6 +264,39 @@
       "deprecated": "Use @eslint/object-schema instead",
       "dev": true
     },
+    "node_modules/@internationalized/date": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.6.0.tgz",
+      "integrity": "sha512-+z6ti+CcJnRlLHok/emGEsWQhe7kfSmEW+/6qCzvKY67YPh7YOBfvc7+/+NXq+zJlbArg30tYpqLjNgcAYv2YQ==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@internationalized/message": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/@internationalized/message/-/message-3.1.6.tgz",
+      "integrity": "sha512-JxbK3iAcTIeNr1p0WIFg/wQJjIzJt9l/2KNY/48vXV7GRGZSv3zMxJsce008fZclk2cDC8y0Ig3odceHO7EfNQ==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0",
+        "intl-messageformat": "^10.1.0"
+      }
+    },
+    "node_modules/@internationalized/number": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.0.tgz",
+      "integrity": "sha512-PtrRcJVy7nw++wn4W2OuePQQfTqDzfusSuY1QTtui4wa7r+rGVtR75pO8CyKvHvzyQYi3Q1uO5sY0AsB4e65Bw==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@internationalized/string": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/@internationalized/string/-/string-3.2.5.tgz",
+      "integrity": "sha512-rKs71Zvl2OKOHM+mzAFMIyqR5hI1d1O6BBkMK2/lkfg3fkmVh9Eeg0awcA8W2WqYqDOv6a86DIOlFpggwLtbuw==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -674,6 +757,11 @@
         "url": "https://opencollective.com/popperjs"
       }
     },
+    "node_modules/@radix-ui/number": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.0.tgz",
+      "integrity": "sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ=="
+    },
     "node_modules/@radix-ui/primitive": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz",
@@ -1573,252 +1661,1978 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
-      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
+      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz",
+      "integrity": "sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.0",
+        "@radix-ui/react-collection": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.1.2.tgz",
+      "integrity": "sha512-rZJtWmorC7dFRi0owDmoijm6nSJH1tVw64QGiNIZ9PNLyBDtG+iAq+XGsya052At4BfarzY/Dhv9wrrUr6IMZA==",
+      "dependencies": {
+        "@radix-ui/number": "1.1.0",
+        "@radix-ui/primitive": "1.1.0",
+        "@radix-ui/react-collection": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.1",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.0",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.0",
+        "@radix-ui/react-portal": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-visually-hidden": "1.1.0",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "2.6.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.1.tgz",
+      "integrity": "sha512-QSxg29lfr/xcev6kSz7MAlmDnzbP1eI/Dwn3Tp1ip0KT5CUELsxkekFEMVBEoykI3oV39hKT4TKZzBNMbcTZYQ==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-escape-keydown": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
+      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-portal": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.2.tgz",
+      "integrity": "sha512-WeDYLGPxJb/5EGBoedyJbT0MpoULmwnIPMJMSldkuiMsBAv7N1cRdsTWZWht9vpPOiN3qyiGAtbK2is47/uMFg==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select/node_modules/react-remove-scroll": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.0.tgz",
+      "integrity": "sha512-I2U4JVEsQenxDAKaVa3VZ/JeJZe0/2DxPWL8Tj8yLKctQJQiZM52pn/GWFpSp8dftjM3pSAHVJZscAnC/y+ySQ==",
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.6",
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-separator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.0.tgz",
+      "integrity": "sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.2.tgz",
+      "integrity": "sha512-9XRsLwe6Yb9B/tlnYCPVUd/TFS4J7HuOZW345DCeC6vKIxQGMZdx21RK4VoZauPD5frgkXTYVS5y90L+3YBn4w==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.0",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.0",
+        "@radix-ui/react-portal": "1.1.1",
+        "@radix-ui/react-presence": "1.1.0",
+        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-visually-hidden": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
+      "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz",
+      "integrity": "sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==",
+      "dependencies": {
+        "@radix-ui/react-use-callback-ref": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz",
+      "integrity": "sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==",
+      "dependencies": {
+        "@radix-ui/react-use-callback-ref": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz",
+      "integrity": "sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-previous": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.0.tgz",
+      "integrity": "sha512-Z/e78qg2YFnnXcW88A4JmTtm4ADckLno6F7OXotmkQfeuCVaKuYzqAATPhVzl3delXE7CxIV8shofPn3jPc5Og==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.0.tgz",
+      "integrity": "sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==",
+      "dependencies": {
+        "@radix-ui/rect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.0.tgz",
+      "integrity": "sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.0.tgz",
+      "integrity": "sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/rect": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz",
+      "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg=="
+    },
+    "node_modules/@react-aria/breadcrumbs": {
+      "version": "3.5.19",
+      "resolved": "https://registry.npmjs.org/@react-aria/breadcrumbs/-/breadcrumbs-3.5.19.tgz",
+      "integrity": "sha512-mVngOPFYVVhec89rf/CiYQGTfaLRfHFtX+JQwY7sNYNqSA+gO8p4lNARe3Be6bJPgH+LUQuruIY9/ZDL6LT3HA==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/link": "^3.7.7",
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/breadcrumbs": "^3.7.9",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/button": {
+      "version": "3.11.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/button/-/button-3.11.0.tgz",
+      "integrity": "sha512-b37eIV6IW11KmNIAm65F3SEl2/mgj5BrHIysW6smZX3KoKWTGYsYfcQkmtNgY0GOSFfDxMCoolsZ6mxC00nSDA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/toolbar": "3.0.0-beta.11",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/toggle": "^3.8.0",
+        "@react-types/button": "^3.10.1",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/calendar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/calendar/-/calendar-3.6.0.tgz",
+      "integrity": "sha512-tZ3nd5DP8uxckbj83Pt+4RqgcTWDlGi7njzc7QqFOG2ApfnYDUXbIpb/Q4KY6JNlJskG8q33wo0XfOwNy8J+eg==",
+      "dependencies": {
+        "@internationalized/date": "^3.6.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/live-announcer": "^3.4.1",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/calendar": "^3.6.0",
+        "@react-types/button": "^3.10.1",
+        "@react-types/calendar": "^3.5.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/checkbox": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/checkbox/-/checkbox-3.15.0.tgz",
+      "integrity": "sha512-z/8xd4em7o0MroBXwkkwv7QRwiJaA1FwqMhRUb7iqtBGP2oSytBEDf0N7L09oci32a1P4ZPz2rMK5GlLh/PD6g==",
+      "dependencies": {
+        "@react-aria/form": "^3.0.11",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/label": "^3.7.13",
+        "@react-aria/toggle": "^3.10.10",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/checkbox": "^3.6.10",
+        "@react-stately/form": "^3.1.0",
+        "@react-stately/toggle": "^3.8.0",
+        "@react-types/checkbox": "^3.9.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/collections": {
+      "version": "3.0.0-alpha.6",
+      "resolved": "https://registry.npmjs.org/@react-aria/collections/-/collections-3.0.0-alpha.6.tgz",
+      "integrity": "sha512-A+7Eap/zvsghMb5/C3EAPn41axSzRhtX2glQRXSBj1mK31CTPCZ9BhrMIMC5DL7ZnfA7C+Ysilo9nI2YQh5PMg==",
+      "dependencies": {
+        "@react-aria/ssr": "^3.9.7",
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0",
+        "use-sync-external-store": "^1.2.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/color": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/color/-/color-3.0.2.tgz",
+      "integrity": "sha512-dSM5qQRcR1gRGYCBw0IGRmc29gjfoht3cQleKb8MMNcgHYa2oi5VdCs2yKXmYFwwVC6uPtnlNy9S6e0spqdr+w==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/numberfield": "^3.11.9",
+        "@react-aria/slider": "^3.7.14",
+        "@react-aria/spinbutton": "^3.6.10",
+        "@react-aria/textfield": "^3.15.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-aria/visually-hidden": "^3.8.18",
+        "@react-stately/color": "^3.8.1",
+        "@react-stately/form": "^3.1.0",
+        "@react-types/color": "^3.0.1",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/combobox": {
+      "version": "3.11.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/combobox/-/combobox-3.11.0.tgz",
+      "integrity": "sha512-s88YMmPkMO1WSoiH1KIyZDLJqUwvM2wHXXakj3cYw1tBHGo4rOUFq+JWQIbM5EDO4HOR4AUUqzIUd0NO7t3zyg==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/listbox": "^3.13.6",
+        "@react-aria/live-announcer": "^3.4.1",
+        "@react-aria/menu": "^3.16.0",
+        "@react-aria/overlays": "^3.24.0",
+        "@react-aria/selection": "^3.21.0",
+        "@react-aria/textfield": "^3.15.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/combobox": "^3.10.1",
+        "@react-stately/form": "^3.1.0",
+        "@react-types/button": "^3.10.1",
+        "@react-types/combobox": "^3.13.1",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/datepicker": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/datepicker/-/datepicker-3.12.0.tgz",
+      "integrity": "sha512-VYNXioLfddIHpwQx211+rTYuunDmI7VHWBRetCpH3loIsVFuhFSRchTQpclAzxolO3g0vO7pMVj9VYt7Swp6kg==",
+      "dependencies": {
+        "@internationalized/date": "^3.6.0",
+        "@internationalized/number": "^3.6.0",
+        "@internationalized/string": "^3.2.5",
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/form": "^3.0.11",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/label": "^3.7.13",
+        "@react-aria/spinbutton": "^3.6.10",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/datepicker": "^3.11.0",
+        "@react-stately/form": "^3.1.0",
+        "@react-types/button": "^3.10.1",
+        "@react-types/calendar": "^3.5.0",
+        "@react-types/datepicker": "^3.9.0",
+        "@react-types/dialog": "^3.5.14",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/dialog": {
+      "version": "3.5.20",
+      "resolved": "https://registry.npmjs.org/@react-aria/dialog/-/dialog-3.5.20.tgz",
+      "integrity": "sha512-l0GZVLgeOd3kL3Yj8xQW7wN3gn9WW3RLd/SGI9t7ciTq+I/FhftjXCWzXLlOCCTLMf+gv7eazecECtmoWUaZWQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/overlays": "^3.24.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/dialog": "^3.5.14",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/disclosure": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/disclosure/-/disclosure-3.0.0.tgz",
+      "integrity": "sha512-xO9QTQSvymujTjCs1iCQ4+dKZvtF/rVVaFZBKlUtqIqwTHMdqeZu4fh5miLEnTyVLNHMGzLrFggsd8Q+niC9Og==",
+      "dependencies": {
+        "@react-aria/ssr": "^3.9.7",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/disclosure": "^3.0.0",
+        "@react-types/button": "^3.10.1",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/dnd": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/dnd/-/dnd-3.8.0.tgz",
+      "integrity": "sha512-JiqHY3E9fDU5Kb4gN22cuK6QNlpMCGe6ngR/BV+Q8mLEsdoWcoUAYOtYXVNNTRvCdVbEWI87FUU+ThyPpoDhNQ==",
+      "dependencies": {
+        "@internationalized/string": "^3.2.5",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/live-announcer": "^3.4.1",
+        "@react-aria/overlays": "^3.24.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/dnd": "^3.5.0",
+        "@react-types/button": "^3.10.1",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/focus": {
+      "version": "3.19.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.19.0.tgz",
+      "integrity": "sha512-hPF9EXoUQeQl1Y21/rbV2H4FdUR2v+4/I0/vB+8U3bT1CJ+1AFj1hc/rqx2DqEwDlEwOHN+E4+mRahQmlybq0A==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0",
+        "clsx": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/form": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/@react-aria/form/-/form-3.0.11.tgz",
+      "integrity": "sha512-oXzjTiwVuuWjZ8muU0hp3BrDH5qjVctLOF50mjPvqUbvXQTHhoDxWweyIXPQjGshaqBd2w4pWaE4A2rG2O/apw==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/form": "^3.1.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/grid": {
+      "version": "3.11.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/grid/-/grid-3.11.0.tgz",
+      "integrity": "sha512-lN5FpQgu2Rq0CzTPWmzRpq6QHcMmzsXYeClsgO3108uVp1/genBNAObYVTxGOKe/jb9q99trz8EtIn05O6KN1g==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/live-announcer": "^3.4.1",
+        "@react-aria/selection": "^3.21.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/grid": "^3.10.0",
+        "@react-stately/selection": "^3.18.0",
+        "@react-types/checkbox": "^3.9.0",
+        "@react-types/grid": "^3.2.10",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/gridlist": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/gridlist/-/gridlist-3.10.0.tgz",
+      "integrity": "sha512-UcblfSZ7kJBrjg9mQ5VbnRevN81UiYB4NuL5PwIpBpridO7tnl4ew6+96PYU7Wj1chHhPS3x0b0zmuSVN7A0LA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/grid": "^3.11.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/selection": "^3.21.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/list": "^3.11.1",
+        "@react-stately/tree": "^3.8.6",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/i18n": {
+      "version": "3.12.4",
+      "resolved": "https://registry.npmjs.org/@react-aria/i18n/-/i18n-3.12.4.tgz",
+      "integrity": "sha512-j9+UL3q0Ls8MhXV9gtnKlyozq4aM95YywXqnmJtzT1rYeBx7w28hooqrWkCYLfqr4OIryv1KUnPiCSLwC2OC7w==",
+      "dependencies": {
+        "@internationalized/date": "^3.6.0",
+        "@internationalized/message": "^3.1.6",
+        "@internationalized/number": "^3.6.0",
+        "@internationalized/string": "^3.2.5",
+        "@react-aria/ssr": "^3.9.7",
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/interactions": {
+      "version": "3.22.5",
+      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.22.5.tgz",
+      "integrity": "sha512-kMwiAD9E0TQp+XNnOs13yVJghiy8ET8L0cbkeuTgNI96sOAp/63EJ1FSrDf17iD8sdjt41LafwX/dKXW9nCcLQ==",
+      "dependencies": {
+        "@react-aria/ssr": "^3.9.7",
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/label": {
+      "version": "3.7.13",
+      "resolved": "https://registry.npmjs.org/@react-aria/label/-/label-3.7.13.tgz",
+      "integrity": "sha512-brSAXZVTey5RG/Ex6mTrV/9IhGSQFU4Al34qmjEDho+Z2qT4oPwf8k7TRXWWqzOU0ugYxekYbsLd2zlN3XvWcg==",
+      "dependencies": {
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/link": {
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@react-aria/link/-/link-3.7.7.tgz",
+      "integrity": "sha512-eVBRcHKhNSsATYWv5wRnZXRqPVcKAWWakyvfrYePIKpC3s4BaHZyTGYdefk8ZwZdEOuQZBqLMnjW80q1uhtkuA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/link": "^3.5.9",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/listbox": {
+      "version": "3.13.6",
+      "resolved": "https://registry.npmjs.org/@react-aria/listbox/-/listbox-3.13.6.tgz",
+      "integrity": "sha512-6hEXEXIZVau9lgBZ4VVjFR3JnGU+fJaPmV3HP0UZ2ucUptfG0MZo24cn+ZQJsWiuaCfNFv5b8qribiv+BcO+Kg==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/label": "^3.7.13",
+        "@react-aria/selection": "^3.21.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/list": "^3.11.1",
+        "@react-types/listbox": "^3.5.3",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/live-announcer": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/live-announcer/-/live-announcer-3.4.1.tgz",
+      "integrity": "sha512-4X2mcxgqLvvkqxv2l1n00jTzUxxe0kkLiapBGH1LHX/CxA1oQcHDqv8etJ2ZOwmS/MSBBiWnv3DwYHDOF6ubig==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@react-aria/menu": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/menu/-/menu-3.16.0.tgz",
+      "integrity": "sha512-TNk+Vd3TbpBPUxEloAdHRTaRxf9JBK7YmkHYiq0Yj5Lc22KS0E2eTyhpPM9xJvEWN2TlC5TEvNfdyui2kYWFFQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/overlays": "^3.24.0",
+        "@react-aria/selection": "^3.21.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/menu": "^3.9.0",
+        "@react-stately/selection": "^3.18.0",
+        "@react-stately/tree": "^3.8.6",
+        "@react-types/button": "^3.10.1",
+        "@react-types/menu": "^3.9.13",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/meter": {
+      "version": "3.4.18",
+      "resolved": "https://registry.npmjs.org/@react-aria/meter/-/meter-3.4.18.tgz",
+      "integrity": "sha512-tTX3LLlmDIHqrC42dkdf+upb1c4UbhlpZ52gqB64lZD4OD4HE+vMTwNSe+7MRKMLvcdKPWCRC35PnxIHZ15kfQ==",
+      "dependencies": {
+        "@react-aria/progress": "^3.4.18",
+        "@react-types/meter": "^3.4.5",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/numberfield": {
+      "version": "3.11.9",
+      "resolved": "https://registry.npmjs.org/@react-aria/numberfield/-/numberfield-3.11.9.tgz",
+      "integrity": "sha512-3tiGPx2y4zyOV7PmdBASes99ZZsFTZAJTnU45Z+p1CW4131lw7y2ZhbojBl7U6DaXAJvi1z6zY6cq2UE9w5a0Q==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/spinbutton": "^3.6.10",
+        "@react-aria/textfield": "^3.15.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/form": "^3.1.0",
+        "@react-stately/numberfield": "^3.9.8",
+        "@react-types/button": "^3.10.1",
+        "@react-types/numberfield": "^3.8.7",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/overlays": {
+      "version": "3.24.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.24.0.tgz",
+      "integrity": "sha512-0kAXBsMNTc/a3M07tK9Cdt/ea8CxTAEJ223g8YgqImlmoBBYAL7dl5G01IOj67TM64uWPTmZrOklBchHWgEm3A==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/ssr": "^3.9.7",
+        "@react-aria/utils": "^3.26.0",
+        "@react-aria/visually-hidden": "^3.8.18",
+        "@react-stately/overlays": "^3.6.12",
+        "@react-types/button": "^3.10.1",
+        "@react-types/overlays": "^3.8.11",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/progress": {
+      "version": "3.4.18",
+      "resolved": "https://registry.npmjs.org/@react-aria/progress/-/progress-3.4.18.tgz",
+      "integrity": "sha512-FOLgJ9t9i1u3oAAimybJG6r7/soNPBnJfWo4Yr6MmaUv90qVGa1h6kiuM5m9H/bm5JobAebhdfHit9lFlgsCmg==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/label": "^3.7.13",
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/progress": "^3.5.8",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/radio": {
+      "version": "3.10.10",
+      "resolved": "https://registry.npmjs.org/@react-aria/radio/-/radio-3.10.10.tgz",
+      "integrity": "sha512-NVdeOVrsrHgSfwL2jWCCXFsWZb+RMRZErj5vthHQW4nkHECGOzeX56VaLWTSvdoCPqi9wdIX8A6K9peeAIgxzA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/form": "^3.0.11",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/label": "^3.7.13",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/radio": "^3.10.9",
+        "@react-types/radio": "^3.8.5",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/searchfield": {
+      "version": "3.7.11",
+      "resolved": "https://registry.npmjs.org/@react-aria/searchfield/-/searchfield-3.7.11.tgz",
+      "integrity": "sha512-wFf6QxtBFfoxy0ANxI0+ftFEBGynVCY0+ce4H4Y9LpUTQsIKMp3sdc7LoUFORWw5Yee6Eid5cFPQX0Ymnk+ZJg==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/textfield": "^3.15.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/searchfield": "^3.5.8",
+        "@react-types/button": "^3.10.1",
+        "@react-types/searchfield": "^3.5.10",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/select": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/select/-/select-3.15.0.tgz",
+      "integrity": "sha512-zgBOUNy81aJplfc3NKDJMv8HkXjBGzaFF3XDzNfW8vJ7nD9rcTRUN5SQ1XCEnKMv12B/Euk9zt6kd+tX0wk1vQ==",
+      "dependencies": {
+        "@react-aria/form": "^3.0.11",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/label": "^3.7.13",
+        "@react-aria/listbox": "^3.13.6",
+        "@react-aria/menu": "^3.16.0",
+        "@react-aria/selection": "^3.21.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-aria/visually-hidden": "^3.8.18",
+        "@react-stately/select": "^3.6.9",
+        "@react-types/button": "^3.10.1",
+        "@react-types/select": "^3.9.8",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/selection": {
+      "version": "3.21.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.21.0.tgz",
+      "integrity": "sha512-52JJ6hlPcM+gt0VV3DBmz6Kj1YAJr13TfutrKfGWcK36LvNCBm1j0N+TDqbdnlp8Nue6w0+5FIwZq44XPYiBGg==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/selection": "^3.18.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/separator": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/@react-aria/separator/-/separator-3.4.4.tgz",
+      "integrity": "sha512-dH+qt0Mdh0nhKXCHW6AR4DF8DKLUBP26QYWaoThPdBwIpypH/JVKowpPtWms1P4b36U6XzHXHnTTEn/ZVoCqNA==",
+      "dependencies": {
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/slider": {
+      "version": "3.7.14",
+      "resolved": "https://registry.npmjs.org/@react-aria/slider/-/slider-3.7.14.tgz",
+      "integrity": "sha512-7rOiKjLkEZ0j7mPMlwrqivc+K4OSfL14slaQp06GHRiJkhiWXh2/drPe15hgNq55HmBQBpA0umKMkJcqVgmXPA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/label": "^3.7.13",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/slider": "^3.6.0",
+        "@react-types/shared": "^3.26.0",
+        "@react-types/slider": "^3.7.7",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/spinbutton": {
+      "version": "3.6.10",
+      "resolved": "https://registry.npmjs.org/@react-aria/spinbutton/-/spinbutton-3.6.10.tgz",
+      "integrity": "sha512-nhYEYk7xUNOZDaqiQ5w/nHH9ouqjJbabTWXH+KK7UR1oVGfo4z1wG94l8KWF3Z6SGGnBxzLJyTBguZ4g9aYTSg==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/live-announcer": "^3.4.1",
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/button": "^3.10.1",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/ssr": {
+      "version": "3.9.7",
+      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.7.tgz",
+      "integrity": "sha512-GQygZaGlmYjmYM+tiNBA5C6acmiDWF52Nqd40bBp0Znk4M4hP+LTmI0lpI1BuKMw45T8RIhrAsICIfKwZvi2Gg==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      },
+      "engines": {
+        "node": ">= 12"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/switch": {
+      "version": "3.6.10",
+      "resolved": "https://registry.npmjs.org/@react-aria/switch/-/switch-3.6.10.tgz",
+      "integrity": "sha512-FtaI9WaEP1tAmra1sYlAkYXg9x75P5UtgY8pSbe9+1WRyWbuE1QZT+RNCTi3IU4fZ7iJQmXH6+VaMyzPlSUagw==",
+      "dependencies": {
+        "@react-aria/toggle": "^3.10.10",
+        "@react-stately/toggle": "^3.8.0",
+        "@react-types/shared": "^3.26.0",
+        "@react-types/switch": "^3.5.7",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/table": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/table/-/table-3.16.0.tgz",
+      "integrity": "sha512-9xF9S3CJ7XRiiK92hsIKxPedD0kgcQWwqTMtj3IBynpQ4vsnRiW3YNIzrn9C3apjknRZDTSta8O2QPYCUMmw2A==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/grid": "^3.11.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/live-announcer": "^3.4.1",
+        "@react-aria/utils": "^3.26.0",
+        "@react-aria/visually-hidden": "^3.8.18",
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/flags": "^3.0.5",
+        "@react-stately/table": "^3.13.0",
+        "@react-types/checkbox": "^3.9.0",
+        "@react-types/grid": "^3.2.10",
+        "@react-types/shared": "^3.26.0",
+        "@react-types/table": "^3.10.3",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/tabs": {
+      "version": "3.9.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/tabs/-/tabs-3.9.8.tgz",
+      "integrity": "sha512-Nur/qRFBe+Zrt4xcCJV/ULXCS3Mlae+B89bp1Gl20vSDqk6uaPtGk+cS5k03eugOvas7AQapqNJsJgKd66TChw==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/selection": "^3.21.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/tabs": "^3.7.0",
+        "@react-types/shared": "^3.26.0",
+        "@react-types/tabs": "^3.3.11",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/tag": {
+      "version": "3.4.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/tag/-/tag-3.4.8.tgz",
+      "integrity": "sha512-exWl52bsFtJuzaqMYvSnLteUoPqb3Wf+uICru/yRtREJsWVqjJF38NCVlU73Yqd9qMPTctDrboSZFAWAWKDxoA==",
+      "dependencies": {
+        "@react-aria/gridlist": "^3.10.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/label": "^3.7.13",
+        "@react-aria/selection": "^3.21.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/list": "^3.11.1",
+        "@react-types/button": "^3.10.1",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/textfield": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.15.0.tgz",
+      "integrity": "sha512-V5mg7y1OR6WXYHdhhm4FC7QyGc9TideVRDFij1SdOJrIo5IFB7lvwpOS0GmgwkVbtr71PTRMjZnNbrJUFU6VNA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/form": "^3.0.11",
+        "@react-aria/label": "^3.7.13",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/form": "^3.1.0",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/shared": "^3.26.0",
+        "@react-types/textfield": "^3.10.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/toggle": {
+      "version": "3.10.10",
+      "resolved": "https://registry.npmjs.org/@react-aria/toggle/-/toggle-3.10.10.tgz",
+      "integrity": "sha512-QwMT/vTNrbrILxWVHfd9zVQ3mV2NdBwyRu+DphVQiFAXcmc808LEaIX2n0lI6FCsUDC9ZejCyvzd91/YemdZ1Q==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/toggle": "^3.8.0",
+        "@react-types/checkbox": "^3.9.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/toolbar": {
+      "version": "3.0.0-beta.11",
+      "resolved": "https://registry.npmjs.org/@react-aria/toolbar/-/toolbar-3.0.0-beta.11.tgz",
+      "integrity": "sha512-LM3jTRFNDgoEpoL568WaiuqiVM7eynSQLJis1hV0vlVnhTd7M7kzt7zoOjzxVb5Uapz02uCp1Fsm4wQMz09qwQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/tooltip": {
+      "version": "3.7.10",
+      "resolved": "https://registry.npmjs.org/@react-aria/tooltip/-/tooltip-3.7.10.tgz",
+      "integrity": "sha512-Udi3XOnrF/SYIz72jw9bgB74MG/yCOzF5pozHj2FH2HiJlchYv/b6rHByV/77IZemdlkmL/uugrv/7raPLSlnw==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/tooltip": "^3.5.0",
+        "@react-types/shared": "^3.26.0",
+        "@react-types/tooltip": "^3.4.13",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/tree": {
+      "version": "3.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/@react-aria/tree/-/tree-3.0.0-beta.2.tgz",
+      "integrity": "sha512-lH3hVl2VgG3YLN+ee1zQzm+2F+BGLd/HBhfMYPuI3IjHvDb+m+jCJXHdBOGrfG2Qydk2LYheqX8QXCluulu0qQ==",
+      "dependencies": {
+        "@react-aria/gridlist": "^3.10.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/selection": "^3.21.0",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/tree": "^3.8.6",
+        "@react-types/button": "^3.10.1",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/utils": {
+      "version": "3.26.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.26.0.tgz",
+      "integrity": "sha512-LkZouGSjjQ0rEqo4XJosS4L3YC/zzQkfRM3KoqK6fUOmUJ9t0jQ09WjiF+uOoG9u+p30AVg3TrZRUWmoTS+koQ==",
+      "dependencies": {
+        "@react-aria/ssr": "^3.9.7",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0",
+        "clsx": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/virtualizer": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/virtualizer/-/virtualizer-4.1.0.tgz",
+      "integrity": "sha512-ziSq3Y7iuaAMJWGZU1RRs/TykuPapQfx8dyH2eyKPLgEjBUoXRGWE7n6jklBwal14b0lPK0wkCzRoQbkUvX3cg==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/utils": "^3.26.0",
+        "@react-stately/virtualizer": "^4.2.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-aria/visually-hidden": {
+      "version": "3.8.18",
+      "resolved": "https://registry.npmjs.org/@react-aria/visually-hidden/-/visually-hidden-3.8.18.tgz",
+      "integrity": "sha512-l/0igp+uub/salP35SsNWq5mGmg3G5F5QMS1gDZ8p28n7CgjvzyiGhJbbca7Oxvaw1HRFzVl9ev+89I7moNnFQ==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/calendar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/calendar/-/calendar-3.6.0.tgz",
+      "integrity": "sha512-GqUtOtGnwWjtNrJud8nY/ywI4VBP5byToNVRTnxbMl+gYO1Qe/uc5NG7zjwMxhb2kqSBHZFdkF0DXVqG2Ul+BA==",
+      "dependencies": {
+        "@internationalized/date": "^3.6.0",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/calendar": "^3.5.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/checkbox": {
+      "version": "3.6.10",
+      "resolved": "https://registry.npmjs.org/@react-stately/checkbox/-/checkbox-3.6.10.tgz",
+      "integrity": "sha512-LHm7i4YI8A/RdgWAuADrnSAYIaYYpQeZqsp1a03Og0pJHAlZL0ymN3y2IFwbZueY0rnfM+yF+kWNXjJqbKrFEQ==",
+      "dependencies": {
+        "@react-stately/form": "^3.1.0",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/checkbox": "^3.9.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/collections": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.12.0.tgz",
+      "integrity": "sha512-MfR9hwCxe5oXv4qrLUnjidwM50U35EFmInUeFf8i9mskYwWlRYS0O1/9PZ0oF1M0cKambaRHKEy98jczgb9ycA==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/color": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/color/-/color-3.8.1.tgz",
+      "integrity": "sha512-7eN7K+KJRu+rxK351eGrzoq2cG+yipr90i5b1cUu4lioYmcH4WdsfjmM5Ku6gypbafH+kTDfflvO6hiY1NZH+A==",
+      "dependencies": {
+        "@internationalized/number": "^3.6.0",
+        "@internationalized/string": "^3.2.5",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-stately/form": "^3.1.0",
+        "@react-stately/numberfield": "^3.9.8",
+        "@react-stately/slider": "^3.6.0",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/color": "^3.0.1",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/combobox": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/combobox/-/combobox-3.10.1.tgz",
+      "integrity": "sha512-Rso+H+ZEDGFAhpKWbnRxRR/r7YNmYVtt+Rn0eNDNIUp3bYaxIBCdCySyAtALs4I8RZXZQ9zoUznP7YeVwG3cLg==",
+      "dependencies": {
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/form": "^3.1.0",
+        "@react-stately/list": "^3.11.1",
+        "@react-stately/overlays": "^3.6.12",
+        "@react-stately/select": "^3.6.9",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/combobox": "^3.13.1",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/data": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/data/-/data-3.12.0.tgz",
+      "integrity": "sha512-6PiW2oA56lcH1CVjDcajutzsv91w/PER8K61/OGxtNFFUWaIZH80RWmK4kjU/Lf0vygzXCxout3kEb388lUk0w==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/datepicker": {
+      "version": "3.11.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/datepicker/-/datepicker-3.11.0.tgz",
+      "integrity": "sha512-d9MJF34A0VrhL5y5S8mAISA8uwfNCQKmR2k4KoQJm3De1J8SQeNzSjLviAwh1faDow6FXGlA6tVbTrHyDcBgBg==",
+      "dependencies": {
+        "@internationalized/date": "^3.6.0",
+        "@internationalized/string": "^3.2.5",
+        "@react-stately/form": "^3.1.0",
+        "@react-stately/overlays": "^3.6.12",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/datepicker": "^3.9.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/disclosure": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/disclosure/-/disclosure-3.0.0.tgz",
+      "integrity": "sha512-Z9+fi0/41ZXHjGopORQza7mk4lFEFslKhy65ehEo6O6j2GuIV0659ExIVDsmJoJSFjXCfGh0sX8oTSOlXi9gqg==",
+      "dependencies": {
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/dnd": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/dnd/-/dnd-3.5.0.tgz",
+      "integrity": "sha512-ZcWFw1npEDnATiy3TEdzA1skQ3UEIyfbNA6VhPNO8yiSVLxoxBOaEaq8VVS72fRGAtxud6dgOy8BnsP9JwDClQ==",
+      "dependencies": {
+        "@react-stately/selection": "^3.18.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/flags": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@react-stately/flags/-/flags-3.0.5.tgz",
+      "integrity": "sha512-6wks4csxUwPCp23LgJSnkBRhrWpd9jGd64DjcCTNB2AHIFu7Ab1W59pJpUL6TW7uAxVxdNKjgn6D1hlBy8qWsA==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@react-stately/form": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.1.0.tgz",
+      "integrity": "sha512-E2wxNQ0QaTyDHD0nJFtTSnEH9A3bpJurwxhS4vgcUmESHgjFEMLlC9irUSZKgvOgb42GAq+fHoWBsgKeTp9Big==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/grid": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/grid/-/grid-3.10.0.tgz",
+      "integrity": "sha512-ii+DdsOBvCnHMgL0JvUfFwO1kiAPP19Bpdpl6zn/oOltk6F5TmnoyNrzyz+2///1hCiySI3FE1O7ujsAQs7a6Q==",
+      "dependencies": {
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/selection": "^3.18.0",
+        "@react-types/grid": "^3.2.10",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/layout": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/layout/-/layout-4.1.0.tgz",
+      "integrity": "sha512-pSBqn+4EeOaf2QMK+w2SHgsWKYHdgMZWY3qgJijdzWGZ4JpYmHuiD0yOq80qFdUwxcexPW3vFg3hqIQlMpXeCw==",
+      "dependencies": {
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/table": "^3.13.0",
+        "@react-stately/virtualizer": "^4.2.0",
+        "@react-types/grid": "^3.2.10",
+        "@react-types/shared": "^3.26.0",
+        "@react-types/table": "^3.10.3",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/list": {
+      "version": "3.11.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/list/-/list-3.11.1.tgz",
+      "integrity": "sha512-UCOpIvqBOjwLtk7zVTYWuKU1m1Oe61Q5lNar/GwHaV1nAiSQ8/yYlhr40NkBEs9X3plEfsV28UIpzOrYnu1tPg==",
+      "dependencies": {
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/selection": "^3.18.0",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/menu": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/menu/-/menu-3.9.0.tgz",
+      "integrity": "sha512-++sm0fzZeUs9GvtRbj5RwrP+KL9KPANp9f4SvtI3s+MP+Y/X3X7LNNePeeccGeyikB5fzMsuyvd82bRRW9IhDQ==",
+      "dependencies": {
+        "@react-stately/overlays": "^3.6.12",
+        "@react-types/menu": "^3.9.13",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/numberfield": {
+      "version": "3.9.8",
+      "resolved": "https://registry.npmjs.org/@react-stately/numberfield/-/numberfield-3.9.8.tgz",
+      "integrity": "sha512-J6qGILxDNEtu7yvd3/y+FpbrxEaAeIODwlrFo6z1kvuDlLAm/KszXAc75yoDi0OtakFTCMP6/HR5VnHaQdMJ3w==",
+      "dependencies": {
+        "@internationalized/number": "^3.6.0",
+        "@react-stately/form": "^3.1.0",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/numberfield": "^3.8.7",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/overlays": {
+      "version": "3.6.12",
+      "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.12.tgz",
+      "integrity": "sha512-QinvZhwZgj8obUyPIcyURSCjTZlqZYRRCS60TF8jH8ZpT0tEAuDb3wvhhSXuYA3Xo9EHLwvLjEf3tQKKdAQArw==",
+      "dependencies": {
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/overlays": "^3.8.11",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/radio": {
+      "version": "3.10.9",
+      "resolved": "https://registry.npmjs.org/@react-stately/radio/-/radio-3.10.9.tgz",
+      "integrity": "sha512-kUQ7VdqFke8SDRCatw2jW3rgzMWbvw+n2imN2THETynI47NmNLzNP11dlGO2OllRtTrsLhmBNlYHa3W62pFpAw==",
+      "dependencies": {
+        "@react-stately/form": "^3.1.0",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/radio": "^3.8.5",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/searchfield": {
+      "version": "3.5.8",
+      "resolved": "https://registry.npmjs.org/@react-stately/searchfield/-/searchfield-3.5.8.tgz",
+      "integrity": "sha512-jtquvGadx1DmtQqPKaVO6Qg/xpBjNxsOd59ciig9xRxpxV+90i996EX1E2R6R+tGJdSM1pD++7PVOO4yE++HOg==",
+      "dependencies": {
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/searchfield": "^3.5.10",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/select": {
+      "version": "3.6.9",
+      "resolved": "https://registry.npmjs.org/@react-stately/select/-/select-3.6.9.tgz",
+      "integrity": "sha512-vASUDv7FhEYQURzM+JIwcusPv7/x/l3zHc/oKJPvoCl3aa9pwS8hZwS82SC00o2iFnrDscfDJju4IE/cd4hucg==",
+      "dependencies": {
+        "@react-stately/form": "^3.1.0",
+        "@react-stately/list": "^3.11.1",
+        "@react-stately/overlays": "^3.6.12",
+        "@react-types/select": "^3.9.8",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/selection": {
+      "version": "3.18.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.18.0.tgz",
+      "integrity": "sha512-6EaNNP3exxBhW2LkcRR4a3pg+3oDguZlBSqIVVR7lyahv/D8xXHRC4dX+m0mgGHJpsgjs7664Xx6c8v193TFxg==",
+      "dependencies": {
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/slider": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/slider/-/slider-3.6.0.tgz",
+      "integrity": "sha512-w5vJxVh267pmD1X+Ppd9S3ZzV1hcg0cV8q5P4Egr160b9WMcWlUspZPtsthwUlN7qQe/C8y5IAhtde4s29eNag==",
+      "dependencies": {
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/shared": "^3.26.0",
+        "@react-types/slider": "^3.7.7",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/table": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/table/-/table-3.13.0.tgz",
+      "integrity": "sha512-mRbNYrwQIE7xzVs09Lk3kPteEVFVyOc20vA8ph6EP54PiUf/RllJpxZe/WUYLf4eom9lUkRYej5sffuUBpxjCA==",
+      "dependencies": {
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/flags": "^3.0.5",
+        "@react-stately/grid": "^3.10.0",
+        "@react-stately/selection": "^3.18.0",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/grid": "^3.2.10",
+        "@react-types/shared": "^3.26.0",
+        "@react-types/table": "^3.10.3",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/tabs": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/tabs/-/tabs-3.7.0.tgz",
+      "integrity": "sha512-ox4hTkfZCoR4Oyr3Op3rBlWNq2Wxie04vhEYpTZQ2hobR3l4fYaOkd7CPClILktJ3TC104j8wcb0knWxIBRx9w==",
+      "dependencies": {
+        "@react-stately/list": "^3.11.1",
+        "@react-types/shared": "^3.26.0",
+        "@react-types/tabs": "^3.3.11",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/toggle": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.8.0.tgz",
+      "integrity": "sha512-pyt/k/J8BwE/2g6LL6Z6sMSWRx9HEJB83Sm/MtovXnI66sxJ2EfQ1OaXB7Su5PEL9OMdoQF6Mb+N1RcW3zAoPw==",
+      "dependencies": {
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/checkbox": "^3.9.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/tooltip": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/tooltip/-/tooltip-3.5.0.tgz",
+      "integrity": "sha512-+xzPNztJDd2XJD0X3DgWKlrgOhMqZpSzsIssXeJgO7uCnP8/Z513ESaipJhJCFC8fxj5caO/DK4Uu8hEtlB8cQ==",
+      "dependencies": {
+        "@react-stately/overlays": "^3.6.12",
+        "@react-types/tooltip": "^3.4.13",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/tree": {
+      "version": "3.8.6",
+      "resolved": "https://registry.npmjs.org/@react-stately/tree/-/tree-3.8.6.tgz",
+      "integrity": "sha512-lblUaxf1uAuIz5jm6PYtcJ+rXNNVkqyFWTIMx6g6gW/mYvm8GNx1G/0MLZE7E6CuDGaO9dkLSY2bB1uqyKHidA==",
+      "dependencies": {
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/selection": "^3.18.0",
+        "@react-stately/utils": "^3.10.5",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/utils": {
+      "version": "3.10.5",
+      "resolved": "https://registry.npmjs.org/@react-stately/utils/-/utils-3.10.5.tgz",
+      "integrity": "sha512-iMQSGcpaecghDIh3mZEpZfoFH3ExBwTtuBEcvZ2XnGzCgQjeYXcMdIUwAfVQLXFTdHUHGF6Gu6/dFrYsCzySBQ==",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/virtualizer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/virtualizer/-/virtualizer-4.2.0.tgz",
+      "integrity": "sha512-aTMpa9AQoz/xLqn8AI1BR/caUUY7/OUo9GbuF434w2u5eGCL7+SAn3Fmq7WSCwqYyDsO+jEIERek4JTX7pEW0A==",
+      "dependencies": {
+        "@react-aria/utils": "^3.26.0",
+        "@react-types/shared": "^3.26.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/breadcrumbs": {
+      "version": "3.7.9",
+      "resolved": "https://registry.npmjs.org/@react-types/breadcrumbs/-/breadcrumbs-3.7.9.tgz",
+      "integrity": "sha512-eARYJo8J+VfNV8vP4uw3L2Qliba9wLV2bx9YQCYf5Lc/OE5B/y4gaTLz+Y2P3Rtn6gBPLXY447zCs5i7gf+ICg==",
+      "dependencies": {
+        "@react-types/link": "^3.5.9",
+        "@react-types/shared": "^3.26.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/button": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.10.1.tgz",
+      "integrity": "sha512-XTtap8o04+4QjPNAshFWOOAusUTxQlBjU2ai0BTVLShQEjHhRVDBIWsI2B2FKJ4KXT6AZ25llaxhNrreWGonmA==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/calendar": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@react-types/calendar/-/calendar-3.5.0.tgz",
+      "integrity": "sha512-O3IRE7AGwAWYnvJIJ80cOy7WwoJ0m8GtX/qSmvXQAjC4qx00n+b5aFNBYAQtcyc3RM5QpW6obs9BfwGetFiI8w==",
+      "dependencies": {
+        "@internationalized/date": "^3.6.0",
+        "@react-types/shared": "^3.26.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/checkbox": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.9.0.tgz",
+      "integrity": "sha512-9hbHx0Oo2Hp5a8nV8Q75LQR0DHtvOIJbFaeqESSopqmV9EZoYjtY/h0NS7cZetgahQgnqYWQi44XGooMDCsmxA==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/color": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@react-types/color/-/color-3.0.1.tgz",
+      "integrity": "sha512-KemFziO3GbmT3HEKrgOGdqNA6Gsmy9xrwFO3f8qXSG7gVz6M27Ic4R9HVQv4iAjap5uti6W13/pk2bc/jLVcEA==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0",
+        "@react-types/slider": "^3.7.7"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/combobox": {
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/@react-types/combobox/-/combobox-3.13.1.tgz",
+      "integrity": "sha512-7xr+HknfhReN4QPqKff5tbKTe2kGZvH+DGzPYskAtb51FAAiZsKo+WvnNAvLwg3kRoC9Rkn4TAiVBp/HgymRDw==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/datepicker": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/@react-types/datepicker/-/datepicker-3.9.0.tgz",
+      "integrity": "sha512-dbKL5Qsm2MQwOTtVQdOcKrrphcXAqDD80WLlSQrBLg+waDuuQ7H+TrvOT0thLKloNBlFUGnZZfXGRHINpih/0g==",
       "dependencies": {
-        "@radix-ui/react-slot": "1.1.0"
+        "@internationalized/date": "^3.6.0",
+        "@react-types/calendar": "^3.5.0",
+        "@react-types/overlays": "^3.8.11",
+        "@react-types/shared": "^3.26.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz",
-      "integrity": "sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==",
+    "node_modules/@react-types/dialog": {
+      "version": "3.5.14",
+      "resolved": "https://registry.npmjs.org/@react-types/dialog/-/dialog-3.5.14.tgz",
+      "integrity": "sha512-OXWMjrALwrlgw8aHD8SeRm/s3tbAssdaEh2h73KUSeFau3fU3n5mfKv+WnFqsEaOtN261o48l7hTlS6615H9AA==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
+        "@react-types/overlays": "^3.8.11",
+        "@react-types/shared": "^3.26.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/react-separator": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.0.tgz",
-      "integrity": "sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==",
+    "node_modules/@react-types/form": {
+      "version": "3.7.8",
+      "resolved": "https://registry.npmjs.org/@react-types/form/-/form-3.7.8.tgz",
+      "integrity": "sha512-0wOS97/X0ijTVuIqik1lHYTZnk13QkvMTKvIEhM7c6YMU3vPiirBwLbT2kJiAdwLiymwcCkrBdDF1NTRG6kPFA==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@react-types/shared": "^3.26.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/grid": {
+      "version": "3.2.10",
+      "resolved": "https://registry.npmjs.org/@react-types/grid/-/grid-3.2.10.tgz",
+      "integrity": "sha512-Z5cG0ITwqjUE4kWyU5/7VqiPl4wqMJ7kG/ZP7poAnLmwRsR8Ai0ceVn+qzp5nTA19cgURi8t3LsXn3Ar1FBoog==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+    "node_modules/@react-types/link": {
+      "version": "3.5.9",
+      "resolved": "https://registry.npmjs.org/@react-types/link/-/link-3.5.9.tgz",
+      "integrity": "sha512-JcKDiDMqrq/5Vpn+BdWQEuXit4KN4HR/EgIi3yKnNbYkLzxBoeQZpQgvTaC7NEQeZnSqkyXQo3/vMUeX/ZNIKw==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
+        "@react-types/shared": "^3.26.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/listbox": {
+      "version": "3.5.3",
+      "resolved": "https://registry.npmjs.org/@react-types/listbox/-/listbox-3.5.3.tgz",
+      "integrity": "sha512-v1QXd9/XU3CCKr2Vgs7WLcTr6VMBur7CrxHhWZQQFExsf9bgJ/3wbUdjy4aThY/GsYHiaS38EKucCZFr1QAfqA==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/react-tooltip": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.2.tgz",
-      "integrity": "sha512-9XRsLwe6Yb9B/tlnYCPVUd/TFS4J7HuOZW345DCeC6vKIxQGMZdx21RK4VoZauPD5frgkXTYVS5y90L+3YBn4w==",
+    "node_modules/@react-types/menu": {
+      "version": "3.9.13",
+      "resolved": "https://registry.npmjs.org/@react-types/menu/-/menu-3.9.13.tgz",
+      "integrity": "sha512-7SuX6E2tDsqQ+HQdSvIda1ji/+ujmR86dtS9CUu5yWX91P25ufRjZ72EvLRqClWNQsj1Xl4+2zBDLWlceznAjw==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.0"
+        "@react-types/overlays": "^3.8.11",
+        "@react-types/shared": "^3.26.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/meter": {
+      "version": "3.4.5",
+      "resolved": "https://registry.npmjs.org/@react-types/meter/-/meter-3.4.5.tgz",
+      "integrity": "sha512-04w1lEtvP/c3Ep8ND8hhH2rwjz2MtQ8o8SNLhahen3u0rX3jKOgD4BvHujsyvXXTMjj1Djp74sGzNawb4Ppi9w==",
+      "dependencies": {
+        "@react-types/progress": "^3.5.8"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
-      "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==",
+    "node_modules/@react-types/numberfield": {
+      "version": "3.8.7",
+      "resolved": "https://registry.npmjs.org/@react-types/numberfield/-/numberfield-3.8.7.tgz",
+      "integrity": "sha512-KccMPi39cLoVkB2T0V7HW6nsxQVAwt89WWCltPZJVGzsebv/k0xTQlPVAgrUake4kDLoE687e3Fr/Oe3+1bDhw==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0"
+      },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/overlays": {
+      "version": "3.8.11",
+      "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.11.tgz",
+      "integrity": "sha512-aw7T0rwVI3EuyG5AOaEIk8j7dZJQ9m34XAztXJVZ/W2+4pDDkLDbJ/EAPnuo2xGYRGhowuNDn4tDju01eHYi+w==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/react-use-controllable-state": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz",
-      "integrity": "sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==",
+    "node_modules/@react-types/progress": {
+      "version": "3.5.8",
+      "resolved": "https://registry.npmjs.org/@react-types/progress/-/progress-3.5.8.tgz",
+      "integrity": "sha512-PR0rN5mWevfblR/zs30NdZr+82Gka/ba7UHmYOW9/lkKlWeD7PHgl1iacpd/3zl/jUF22evAQbBHmk1mS6Mpqw==",
       "dependencies": {
-        "@radix-ui/react-use-callback-ref": "1.1.0"
+        "@react-types/shared": "^3.26.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/radio": {
+      "version": "3.8.5",
+      "resolved": "https://registry.npmjs.org/@react-types/radio/-/radio-3.8.5.tgz",
+      "integrity": "sha512-gSImTPid6rsbJmwCkTliBIU/npYgJHOFaI3PNJo7Y0QTAnFelCtYeFtBiWrFodSArSv7ASqpLLUEj9hZu/rxIg==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/react-use-escape-keydown": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz",
-      "integrity": "sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==",
+    "node_modules/@react-types/searchfield": {
+      "version": "3.5.10",
+      "resolved": "https://registry.npmjs.org/@react-types/searchfield/-/searchfield-3.5.10.tgz",
+      "integrity": "sha512-7wW4pJzbReawoGPu8a4l+CODTCDN088EN/ysUzl622ewim57PjArjix+lpO4+aEtJqS9HKpq8UEbjwo9axpcUA==",
       "dependencies": {
-        "@radix-ui/react-use-callback-ref": "1.1.0"
+        "@react-types/shared": "^3.26.0",
+        "@react-types/textfield": "^3.10.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/select": {
+      "version": "3.9.8",
+      "resolved": "https://registry.npmjs.org/@react-types/select/-/select-3.9.8.tgz",
+      "integrity": "sha512-RGsYj2oFjXpLnfcvWMBQnkcDuKkwT43xwYWZGI214/gp/B64tJiIUgTM5wFTRAeGDX23EePkhCQF+9ctnqFd6g==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/react-use-layout-effect": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz",
-      "integrity": "sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==",
+    "node_modules/@react-types/shared": {
+      "version": "3.26.0",
+      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.26.0.tgz",
+      "integrity": "sha512-6FuPqvhmjjlpEDLTiYx29IJCbCNWPlsyO+ZUmCUXzhUv2ttShOXfw8CmeHWHftT/b2KweAWuzqSlfeXPR76jpw==",
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/react-use-rect": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.0.tgz",
-      "integrity": "sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==",
+    "node_modules/@react-types/slider": {
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@react-types/slider/-/slider-3.7.7.tgz",
+      "integrity": "sha512-lYTR9zXQV2fSEm/G3gwDENWiki1IXd/oorsgf0zu1DBi2SQDbOsLsGUXiwvD24Xy6OkUuhAqjLPPexezo7+u9g==",
       "dependencies": {
-        "@radix-ui/rect": "1.1.0"
+        "@react-types/shared": "^3.26.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/react-use-size": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.0.tgz",
-      "integrity": "sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==",
+    "node_modules/@react-types/switch": {
+      "version": "3.5.7",
+      "resolved": "https://registry.npmjs.org/@react-types/switch/-/switch-3.5.7.tgz",
+      "integrity": "sha512-1IKiq510rPTHumEZuhxuazuXBa2Cuxz6wBIlwf3NCVmgWEvU+uk1ETG0sH2yymjwCqhtJDKXi+qi9HSgPEDwAg==",
       "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.0"
+        "@react-types/shared": "^3.26.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/table": {
+      "version": "3.10.3",
+      "resolved": "https://registry.npmjs.org/@react-types/table/-/table-3.10.3.tgz",
+      "integrity": "sha512-Ac+W+m/zgRzlTU8Z2GEg26HkuJFswF9S6w26r+R3MHwr8z2duGPvv37XRtE1yf3dbpRBgHEAO141xqS2TqGwNg==",
+      "dependencies": {
+        "@react-types/grid": "^3.2.10",
+        "@react-types/shared": "^3.26.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.0.tgz",
-      "integrity": "sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==",
+    "node_modules/@react-types/tabs": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/@react-types/tabs/-/tabs-3.3.11.tgz",
+      "integrity": "sha512-BjF2TqBhZaIcC4lc82R5pDJd1F7kstj1K0Nokhz99AGYn8C0ITdp6lR+DPVY9JZRxKgP9R2EKfWGI90Lo7NQdA==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@react-types/shared": "^3.26.0"
       },
       "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/textfield": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.10.0.tgz",
+      "integrity": "sha512-ShU3d6kLJGQjPXccVFjM3KOXdj3uyhYROqH9YgSIEVxgA9W6LRflvk/IVBamD9pJYTPbwmVzuP0wQkTDupfZ1w==",
+      "dependencies": {
+        "@react-types/shared": "^3.26.0"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
-    "node_modules/@radix-ui/rect": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz",
-      "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg=="
+    "node_modules/@react-types/tooltip": {
+      "version": "3.4.13",
+      "resolved": "https://registry.npmjs.org/@react-types/tooltip/-/tooltip-3.4.13.tgz",
+      "integrity": "sha512-KPekFC17RTT8kZlk7ZYubueZnfsGTDOpLw7itzolKOXGddTXsrJGBzSB4Bb060PBVllaDO0MOrhPap8OmrIl1Q==",
+      "dependencies": {
+        "@react-types/overlays": "^3.8.11",
+        "@react-types/shared": "^3.26.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
     },
     "node_modules/@restart/hooks": {
       "version": "0.4.16",
@@ -2831,6 +4645,15 @@
       "resolved": "https://registry.npmjs.org/date-arithmetic/-/date-arithmetic-4.1.0.tgz",
       "integrity": "sha512-QWxYLR5P/6GStZcdem+V1xoto6DMadYWpMXU82ES3/RfR3Wdwr3D0+be7mgOJ+Ov0G9D5Dmb9T17sNLQYj9XOg=="
     },
+    "node_modules/date-fns": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.6.0.tgz",
+      "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
     "node_modules/dayjs": {
       "version": "1.11.13",
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
@@ -2853,6 +4676,11 @@
         }
       }
     },
+    "node_modules/decimal.js": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
+      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA=="
+    },
     "node_modules/deep-equal": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
@@ -4120,6 +5948,17 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/intl-messageformat": {
+      "version": "10.7.10",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.10.tgz",
+      "integrity": "sha512-hp7iejCBiJdW3zmOe18FdlJu8U/JsADSDiBPQhfdSeI8B9POtvPRvPh3nMlvhYayGMKLv6maldhR7y3Pf1vkpw==",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.3.1",
+        "@formatjs/fast-memoize": "2.2.5",
+        "@formatjs/icu-messageformat-parser": "2.9.7",
+        "tslib": "2"
+      }
+    },
     "node_modules/invariant": {
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
@@ -5471,6 +7310,99 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-aria": {
+      "version": "3.36.0",
+      "resolved": "https://registry.npmjs.org/react-aria/-/react-aria-3.36.0.tgz",
+      "integrity": "sha512-AK5XyIhAN+e5HDlwlF+YwFrOrVI7RYmZ6kg/o7ZprQjkYqYKapXeUpWscmNm/3H2kDboE5Z4ymUnK6ZhobLqOw==",
+      "dependencies": {
+        "@internationalized/string": "^3.2.5",
+        "@react-aria/breadcrumbs": "^3.5.19",
+        "@react-aria/button": "^3.11.0",
+        "@react-aria/calendar": "^3.6.0",
+        "@react-aria/checkbox": "^3.15.0",
+        "@react-aria/color": "^3.0.2",
+        "@react-aria/combobox": "^3.11.0",
+        "@react-aria/datepicker": "^3.12.0",
+        "@react-aria/dialog": "^3.5.20",
+        "@react-aria/disclosure": "^3.0.0",
+        "@react-aria/dnd": "^3.8.0",
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/gridlist": "^3.10.0",
+        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/label": "^3.7.13",
+        "@react-aria/link": "^3.7.7",
+        "@react-aria/listbox": "^3.13.6",
+        "@react-aria/menu": "^3.16.0",
+        "@react-aria/meter": "^3.4.18",
+        "@react-aria/numberfield": "^3.11.9",
+        "@react-aria/overlays": "^3.24.0",
+        "@react-aria/progress": "^3.4.18",
+        "@react-aria/radio": "^3.10.10",
+        "@react-aria/searchfield": "^3.7.11",
+        "@react-aria/select": "^3.15.0",
+        "@react-aria/selection": "^3.21.0",
+        "@react-aria/separator": "^3.4.4",
+        "@react-aria/slider": "^3.7.14",
+        "@react-aria/ssr": "^3.9.7",
+        "@react-aria/switch": "^3.6.10",
+        "@react-aria/table": "^3.16.0",
+        "@react-aria/tabs": "^3.9.8",
+        "@react-aria/tag": "^3.4.8",
+        "@react-aria/textfield": "^3.15.0",
+        "@react-aria/tooltip": "^3.7.10",
+        "@react-aria/utils": "^3.26.0",
+        "@react-aria/visually-hidden": "^3.8.18",
+        "@react-types/shared": "^3.26.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/react-aria-components": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/react-aria-components/-/react-aria-components-1.5.0.tgz",
+      "integrity": "sha512-wzf0g6cvWrqAJd4FkisAfFnslx6AJREgOd/NEmVE/RGuDxGTzss4awcwbo98rIVmqbTTFApiygy0SyWGrRZfDA==",
+      "dependencies": {
+        "@internationalized/date": "^3.6.0",
+        "@internationalized/string": "^3.2.5",
+        "@react-aria/collections": "3.0.0-alpha.6",
+        "@react-aria/color": "^3.0.2",
+        "@react-aria/disclosure": "^3.0.0",
+        "@react-aria/dnd": "^3.8.0",
+        "@react-aria/focus": "^3.19.0",
+        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/live-announcer": "^3.4.1",
+        "@react-aria/menu": "^3.16.0",
+        "@react-aria/toolbar": "3.0.0-beta.11",
+        "@react-aria/tree": "3.0.0-beta.2",
+        "@react-aria/utils": "^3.26.0",
+        "@react-aria/virtualizer": "^4.1.0",
+        "@react-stately/color": "^3.8.1",
+        "@react-stately/disclosure": "^3.0.0",
+        "@react-stately/layout": "^4.1.0",
+        "@react-stately/menu": "^3.9.0",
+        "@react-stately/selection": "^3.18.0",
+        "@react-stately/table": "^3.13.0",
+        "@react-stately/utils": "^3.10.5",
+        "@react-stately/virtualizer": "^4.2.0",
+        "@react-types/color": "^3.0.1",
+        "@react-types/form": "^3.7.8",
+        "@react-types/grid": "^3.2.10",
+        "@react-types/shared": "^3.26.0",
+        "@react-types/table": "^3.10.3",
+        "@swc/helpers": "^0.5.0",
+        "client-only": "^0.0.1",
+        "react-aria": "^3.36.0",
+        "react-stately": "^3.34.0",
+        "use-sync-external-store": "^1.2.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
     "node_modules/react-big-calendar": {
       "version": "1.16.0",
       "resolved": "https://registry.npmjs.org/react-big-calendar/-/react-big-calendar-1.16.0.tgz",
@@ -5506,6 +7438,19 @@
         "node": ">=6"
       }
     },
+    "node_modules/react-day-picker": {
+      "version": "8.10.1",
+      "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-8.10.1.tgz",
+      "integrity": "sha512-TMx7fNbhLk15eqcMt+7Z7S2KF7mfTId/XJDjKE8f+IUcFn0l08/kI4FiYTL/0yuOLmEcbR4Fwe3GJf/NiiMnPA==",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/gpbl"
+      },
+      "peerDependencies": {
+        "date-fns": "^2.28.0 || ^3.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-dom": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
@@ -5607,6 +7552,41 @@
         }
       }
     },
+    "node_modules/react-stately": {
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/react-stately/-/react-stately-3.34.0.tgz",
+      "integrity": "sha512-0N9tZ8qQ/CxpJH7ao0O6gr+8955e7VrOskg9N+TIxkFknPetwOCtgppMYhnTfteBV8WfM/vv4OC1NbkgYTqXJA==",
+      "dependencies": {
+        "@react-stately/calendar": "^3.6.0",
+        "@react-stately/checkbox": "^3.6.10",
+        "@react-stately/collections": "^3.12.0",
+        "@react-stately/color": "^3.8.1",
+        "@react-stately/combobox": "^3.10.1",
+        "@react-stately/data": "^3.12.0",
+        "@react-stately/datepicker": "^3.11.0",
+        "@react-stately/disclosure": "^3.0.0",
+        "@react-stately/dnd": "^3.5.0",
+        "@react-stately/form": "^3.1.0",
+        "@react-stately/list": "^3.11.1",
+        "@react-stately/menu": "^3.9.0",
+        "@react-stately/numberfield": "^3.9.8",
+        "@react-stately/overlays": "^3.6.12",
+        "@react-stately/radio": "^3.10.9",
+        "@react-stately/searchfield": "^3.5.8",
+        "@react-stately/select": "^3.6.9",
+        "@react-stately/selection": "^3.18.0",
+        "@react-stately/slider": "^3.6.0",
+        "@react-stately/table": "^3.13.0",
+        "@react-stately/tabs": "^3.7.0",
+        "@react-stately/toggle": "^3.8.0",
+        "@react-stately/tooltip": "^3.5.0",
+        "@react-stately/tree": "^3.8.6",
+        "@react-types/shared": "^3.26.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
     "node_modules/react-style-singleton": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
@@ -6568,6 +8548,14 @@
         }
       }
     },
+    "node_modules/use-sync-external-store": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.4.0.tgz",
+      "integrity": "sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
diff --git a/package.json b/package.json
index 4e4e77e..216cb22 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-select": "^2.1.2",
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
@@ -25,6 +26,7 @@
     "@vercel/speed-insights": "^1.1.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "date-fns": "^3.6.0",
     "dompurify": "^3.1.7",
     "lucide": "^0.446.0",
     "lucide-react": "^0.446.0",
@@ -34,7 +36,9 @@
     "next": "14.2.13",
     "next-themes": "^0.3.0",
     "react": "^18",
+    "react-aria-components": "^1.5.0",
     "react-big-calendar": "^1.16.0",
+    "react-day-picker": "^8.10.1",
     "react-dom": "^18",
     "react-hook-form": "^7.53.1",
     "sonner": "^1.7.0",
diff --git a/src/app/chat/[id]/page.tsx b/src/app/chat/[id]/page.tsx
index 74b7a06..d6aa4c9 100644
--- a/src/app/chat/[id]/page.tsx
+++ b/src/app/chat/[id]/page.tsx
@@ -35,9 +35,7 @@ export default function ChatPage({ params }: { params: { id: string } }) {
 		setConversations,
 		setActiveConversation
 	} = useConversationStore();
-
 	const { calendarOpen, setCalendarOpen } = useCalendarStore();
-
 	const router = useRouter();
 
 	useEffect(() => {
@@ -91,7 +89,8 @@ export default function ChatPage({ params }: { params: { id: string } }) {
 									</div>
 									<Calendar />
 								</SheetContent>
-							</Sheet>}
+							</Sheet>
+						}
 					</div>
 				</div>
 			</div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 63c466c..1602dbb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,15 +14,12 @@ import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
 import { ArrowLeft } from "lucide-react";
 
 export default function Home() {
+	const isDesktop = window.innerWidth > MinimumWidth.Large;
 	const {
 		setConversations,
 		setActiveConversation,
 	} = useConversationStore();
-
-	const isDesktop = window.innerWidth > MinimumWidth.Large;
-
-	const { calendarOpen } = useCalendarStore();
-
+	const { calendarOpen, setCalendarOpen } = useCalendarStore();
 	const pathname = usePathname();
 
 	useEffect(() => {
@@ -66,23 +63,23 @@ export default function Home() {
 					</div>
 					<div className="flex flex-row">
 						<ChatInterface />
-						{calendarOpen && (
-							isDesktop
-								? <Calendar />
-								: <Sheet open={true}>
+						{isDesktop
+							? calendarOpen && (<Calendar />)
+							: <Sheet open={calendarOpen} onOpenChange={() => setCalendarOpen()} >
 
-									<SheetContent className="!max-w-full w-full">
-										<div className="flex flex-row gap-6">
-											<SheetTrigger className=" hover:bg-gray-300/40 -top-4 sm:top-0 rounded-sm">
-												<ArrowLeft />
-												<span className="sr-only">Exit calendar</span>
-											</SheetTrigger>
-											<span className="text-xl font-bold">Dragon Scheduler</span>
-										</div>
-										<CalendarGrid />
-									</SheetContent>
-								</Sheet>
-						)}
+								<SheetContent className="!max-w-full w-full">
+									<div className="flex flex-row gap-6">
+										<SheetTrigger className=" hover:bg-gray-300/40 -top-4 sm:top-0 rounded-sm"
+										>
+											<ArrowLeft />
+											<span className="sr-only">Exit calendar</span>
+										</SheetTrigger>
+										<span className="text-xl font-bold">Dragon Scheduler</span>
+									</div>
+									<Calendar />
+								</SheetContent>
+							</Sheet>
+						}
 					</div>
 				</div>
 			</div>
diff --git a/src/components/Calendar/new-event.tsx b/src/components/Calendar/new-event.tsx
new file mode 100644
index 0000000..5982a66
--- /dev/null
+++ b/src/components/Calendar/new-event.tsx
@@ -0,0 +1,177 @@
+// Dependencies: pnpm install lucide-react
+
+"use client";
+import moment from "moment";
+import { Button } from "@/components/ui/button";
+import {
+	Dialog,
+	DialogClose,
+	DialogContent,
+	DialogDescription,
+	DialogFooter,
+	DialogHeader,
+	DialogTitle,
+	DialogTrigger,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+import AvatarImg from "@/public/avatar-72-01.jpg";
+import ProfileBgImg from "@/public/profile-bg.jpg";
+import { Check, ImagePlus, X } from "lucide-react";
+import Image, { StaticImageData } from "next/image";
+import { useState } from "react";
+
+export default function NewEventButton() {
+	const maxLength = 180;
+
+	return (
+		<Dialog>
+			<DialogTrigger asChild>
+				<Button variant="default">New Event</Button>
+			</DialogTrigger>
+			<DialogContent className="flex flex-col gap-0 overflow-y-visible p-0 sm:max-w-lg [&>button:last-child]:top-3.5">
+				<DialogHeader className="contents space-y-0 text-left">
+					<DialogTitle className="border-b border-border px-6 py-4 text-base">
+						New Event
+					</DialogTitle>
+				</DialogHeader>
+				<DialogDescription className="sr-only">
+					Make changes to your profile here. You can change your photo and set a username.
+				</DialogDescription>
+				<div className="overflow-y-auto">
+					<div className="px-6 pb-6 pt-4">
+						<form className="space-y-4">
+							{/* <div className="flex flex-col gap-4 sm:flex-row">
+								<div className="flex-1 space-y-2">
+									<Label htmlFor="edit-first-name">Event Name</Label>
+									<Input
+										id="edit-first-name"
+										placeholder="Matt"
+										defaultValue="Margaret"
+										type="text"
+										required
+									/>
+								</div>
+								<div className="flex-1 space-y-2">
+									<Label htmlFor="edit-last-name">Last name</Label>
+									<Input
+										id="edit-last-name"
+										placeholder="Welsh"
+										defaultValue="Villard"
+										type="text"
+										required
+									/>
+								</div>
+							</div> */}
+							<div className="space-y-2">
+								<Label htmlFor="edit-event-name">Event Name</Label>
+								<div className="relative">
+									<Input
+										id="edit-event-name"
+										className="peer pe-9"
+										placeholder="Hanging out with friends"
+										type="text"
+										required
+									/>
+									<div className="pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-muted-foreground/80 peer-disabled:opacity-50">
+										<Check
+											size={16}
+											strokeWidth={2}
+											className="text-emerald-500"
+											aria-hidden="true"
+										/>
+									</div>
+								</div>
+							</div>
+							<div>
+							<DatePicker />
+							</div>
+							<div className="space-y-2">
+								<Label htmlFor="edit-website">Website</Label>
+								<div className="flex rounded-lg shadow-sm shadow-black/5">
+									<span className="-z-10 inline-flex items-center rounded-s-lg border border-input bg-background px-3 text-sm text-muted-foreground">
+										https://
+									</span>
+									<Input
+										id="edit-website"
+										className="-ms-px rounded-s-none shadow-none"
+										placeholder="yourwebsite.com"
+										defaultValue="www.margaret.com"
+										type="text"
+									/>
+								</div>
+							</div>
+							<div className="space-y-2">
+								<Label htmlFor="edit-bio">Biography</Label>
+								<Textarea
+									id="edit-bio"
+									placeholder="Write a few sentences about yourself"
+									aria-describedby="characters-left-textarea"
+								/>
+								<p
+									id="characters-left-textarea"
+									className="mt-2 text-right text-xs text-muted-foreground"
+									role="status"
+									aria-live="polite"
+								>
+								</p>
+							</div>
+						</form>
+					</div>
+				</div>
+				<DialogFooter className="border-t border-border px-6 py-4">
+					<DialogClose asChild>
+						<Button type="button" variant="outline">
+							Cancel
+						</Button>
+					</DialogClose>
+					<DialogClose asChild>
+						<Button type="button">Save changes</Button>
+					</DialogClose>
+				</DialogFooter>
+			</DialogContent>
+		</Dialog>
+	);
+}
+
+
+import * as React from "react"
+import { CalendarIcon } from "@radix-ui/react-icons"
+
+import { cn } from "@/lib/utils"
+import { Calendar } from "@/components/ui/calendar"
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover"
+
+export function DatePicker() {
+  const [date, setDate] = React.useState<Date>()
+
+  return (
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button
+          variant={"outline"}
+          className={cn(
+            "w-full justify-start text-left font-normal",
+            !date && "text-muted-foreground"
+          )}
+        >
+          <CalendarIcon className="mr-2 h-4 w-4" />
+          {date ? moment(date).format("PPP") : <span>Pick a date</span>}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-auto p-0" align="start">
+        <Calendar
+          mode="single"
+          selected={date}
+          onSelect={setDate}
+          initialFocus
+        />
+      </PopoverContent>
+    </Popover>
+  )
+}
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index b50c9f1..7f1561a 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -7,6 +7,8 @@ import { EventLayer } from './event-layer';
 import { MinimumWidth, type CalendarEvent } from '@/types';
 import { Button } from '../ui/button';
 import { useMaskImage } from '@/hooks';
+import NewEventButton from './new-event';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../ui/dropdown-menu';
 
 const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 	const today = moment(baseDate).startOf('week').add(1, 'day'); // Start from Monday
@@ -72,7 +74,7 @@ export default function WeekCalendar() {
 	);
 
 	const goToPreviousWeek = () => {
-		if(isDesktop) {
+		if (isDesktop) {
 			const newDate = currentDate.clone().subtract(1, "week");
 			setCurrentDate(newDate);
 			setWeekDays(
@@ -92,7 +94,7 @@ export default function WeekCalendar() {
 	};
 
 	const goToNextWeek = () => {
-		if(isDesktop) {
+		if (isDesktop) {
 			const newDate = currentDate.clone().add(1, "week");
 			setCurrentDate(newDate);
 			setWeekDays(
@@ -124,7 +126,7 @@ export default function WeekCalendar() {
 	return (
 		<div className="w-full max-w-4xl flex flex-col h-[800px] bg-background rounded-lg">
 			<div className="flex items-center justify-between p-4">
-			<div className="inline-flex -space-x-px rounded-lg rtl:space-x-reverse">
+				<div className="inline-flex -space-x-px rounded-lg rtl:space-x-reverse">
 					<Button
 						className="rounded-none shadow-none first:rounded-s-lg last:rounded-e-lg focus-visible:z-10"
 						variant="secondary"
@@ -151,6 +153,7 @@ export default function WeekCalendar() {
 						<ChevronRight size={16} strokeWidth={2} aria-hidden="true" />
 					</Button>
 				</div>
+				{/* <NewEventButton /> */}
 				<div className="flex items-center gap-2">
 					<CalendarDays className="w-6 h-6 text-primary" />
 					<h2 className="text-md lg:text-xl text-primary">
@@ -159,6 +162,24 @@ export default function WeekCalendar() {
 				</div>
 			</div>
 
+			<div className='px-16'>
+				<DropdownMenu>
+					<DropdownMenuTrigger asChild>
+						<Button variant="outline" className='rounded-2xl w-full justify-start'>
+							3 Day
+						</Button>
+					</DropdownMenuTrigger>
+					<DropdownMenuContent>
+						<DropdownMenuItem>
+							3 Day
+						</DropdownMenuItem>
+						<DropdownMenuItem>Week</DropdownMenuItem>
+						<DropdownMenuItem>Month</DropdownMenuItem>
+						<DropdownMenuItem>Schedule</DropdownMenuItem>
+					</DropdownMenuContent>
+				</DropdownMenu>
+			</div>
+
 			<div className="flex-1 overflow-scroll" ref={scrollRef}>
 				<WeekHeader days={weekDays} />
 				<div className="relative flex-1 overflow-y-auto">
diff --git a/src/components/ui/alert-dialog.tsx b/src/components/ui/alert-dialog.tsx
index 57760f2..0929053 100644
--- a/src/components/ui/alert-dialog.tsx
+++ b/src/components/ui/alert-dialog.tsx
@@ -18,7 +18,7 @@ const AlertDialogOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <AlertDialogPrimitive.Overlay
     className={cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/60 backdrop-filter backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     )}
     {...props}
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
new file mode 100644
index 0000000..ba131a9
--- /dev/null
+++ b/src/components/ui/calendar.tsx
@@ -0,0 +1,72 @@
+"use client"
+
+import * as React from "react"
+import { DayPicker } from "react-day-picker"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+import { ChevronLeftIcon, ChevronRightIcon } from "@radix-ui/react-icons"
+
+export type CalendarProps = React.ComponentProps<typeof DayPicker>
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}: CalendarProps) {
+  return (
+    <DayPicker
+      showOutsideDays={showOutsideDays}
+      className={cn("p-3", className)}
+      classNames={{
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: cn(
+          buttonVariants({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell:
+          "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: cn(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
+          props.mode === "range"
+            ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md"
+            : "[&:has([aria-selected])]:rounded-md"
+        ),
+        day: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-8 w-8 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_start: "day-range-start",
+        day_range_end: "day-range-end",
+        day_selected:
+          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside:
+          "day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle:
+          "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        ...classNames,
+      }}
+      components={{
+        IconLeft: ({ ...props }) => <ChevronLeftIcon className="h-4 w-4" />,
+        IconRight: ({ ...props }) => <ChevronRightIcon className="h-4 w-4" />,
+      }}
+      {...props}
+    />
+  )
+}
+Calendar.displayName = "Calendar"
+
+export { Calendar }
diff --git a/src/components/ui/datepicker.tsx b/src/components/ui/datepicker.tsx
new file mode 100644
index 0000000..20099ba
--- /dev/null
+++ b/src/components/ui/datepicker.tsx
@@ -0,0 +1,43 @@
+"use client"
+
+import * as React from "react"
+import { format } from "date-fns"
+import { CalendarIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Calendar } from "@/components/ui/calendar"
+import {
+	Popover,
+	PopoverContent,
+	PopoverTrigger,
+} from "@/components/ui/popover"
+
+export default function DatePicker() {
+	const [date, setDate] = React.useState<Date>()
+
+	return (
+		<Popover>
+			<PopoverTrigger asChild>
+				<Button
+					variant={"outline"}
+					className={cn(
+						"w-[240px] justify-start text-left font-normal",
+						!date && "text-muted-foreground"
+					)}
+				>
+					<CalendarIcon />
+					{date ? format(date, "PPP") : <span>Pick a date</span>}
+				</Button>
+			</PopoverTrigger>
+			<PopoverContent className="w-auto p-0" align="start">
+				<Calendar
+					mode="single"
+					selected={date}
+					onSelect={setDate}
+					initialFocus
+				/>
+			</PopoverContent>
+		</Popover>
+	)
+}
diff --git a/src/components/ui/datetimepicker.tsx b/src/components/ui/datetimepicker.tsx
new file mode 100644
index 0000000..dbf307f
--- /dev/null
+++ b/src/components/ui/datetimepicker.tsx
@@ -0,0 +1,832 @@
+import { Button, buttonVariants } from '@/components/ui/button';
+import type { CalendarProps } from '@/components/ui/calendar';
+import { Input } from '@/components/ui/input';
+import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
+import { cn } from '@/lib/utils';
+import { add, format } from 'date-fns';
+import { type Locale, enUS } from 'date-fns/locale';
+import { Calendar as CalendarIcon, ChevronLeft, ChevronRight } from 'lucide-react';
+import { Clock } from 'lucide-react';
+import * as React from 'react';
+import { useImperativeHandle, useRef } from 'react';
+
+import {
+	Select,
+	SelectContent,
+	SelectItem,
+	SelectTrigger,
+	SelectValue,
+} from '@/components/ui/select';
+import { DayPicker } from 'react-day-picker';
+
+// ---------- utils start ----------
+/**
+ * regular expression to check for valid hour format (01-23)
+ */
+function isValidHour(value: string) {
+	return /^(0[0-9]|1[0-9]|2[0-3])$/.test(value);
+}
+
+/**
+ * regular expression to check for valid 12 hour format (01-12)
+ */
+function isValid12Hour(value: string) {
+	return /^(0[1-9]|1[0-2])$/.test(value);
+}
+
+/**
+ * regular expression to check for valid minute format (00-59)
+ */
+function isValidMinuteOrSecond(value: string) {
+	return /^[0-5][0-9]$/.test(value);
+}
+
+type GetValidNumberConfig = { max: number; min?: number; loop?: boolean };
+
+function getValidNumber(value: string, { max, min = 0, loop = false }: GetValidNumberConfig) {
+	let numericValue = parseInt(value, 10);
+
+	if (!Number.isNaN(numericValue)) {
+		if (!loop) {
+			if (numericValue > max) numericValue = max;
+			if (numericValue < min) numericValue = min;
+		} else {
+			if (numericValue > max) numericValue = min;
+			if (numericValue < min) numericValue = max;
+		}
+		return numericValue.toString().padStart(2, '0');
+	}
+
+	return '00';
+}
+
+function getValidHour(value: string) {
+	if (isValidHour(value)) return value;
+	return getValidNumber(value, { max: 23 });
+}
+
+function getValid12Hour(value: string) {
+	if (isValid12Hour(value)) return value;
+	return getValidNumber(value, { min: 1, max: 12 });
+}
+
+function getValidMinuteOrSecond(value: string) {
+	if (isValidMinuteOrSecond(value)) return value;
+	return getValidNumber(value, { max: 59 });
+}
+
+type GetValidArrowNumberConfig = {
+	min: number;
+	max: number;
+	step: number;
+};
+
+function getValidArrowNumber(value: string, { min, max, step }: GetValidArrowNumberConfig) {
+	let numericValue = parseInt(value, 10);
+	if (!Number.isNaN(numericValue)) {
+		numericValue += step;
+		return getValidNumber(String(numericValue), { min, max, loop: true });
+	}
+	return '00';
+}
+
+function getValidArrowHour(value: string, step: number) {
+	return getValidArrowNumber(value, { min: 0, max: 23, step });
+}
+
+function getValidArrow12Hour(value: string, step: number) {
+	return getValidArrowNumber(value, { min: 1, max: 12, step });
+}
+
+function getValidArrowMinuteOrSecond(value: string, step: number) {
+	return getValidArrowNumber(value, { min: 0, max: 59, step });
+}
+
+function setMinutes(date: Date, value: string) {
+	const minutes = getValidMinuteOrSecond(value);
+	date.setMinutes(parseInt(minutes, 10));
+	return date;
+}
+
+function setSeconds(date: Date, value: string) {
+	const seconds = getValidMinuteOrSecond(value);
+	date.setSeconds(parseInt(seconds, 10));
+	return date;
+}
+
+function setHours(date: Date, value: string) {
+	const hours = getValidHour(value);
+	date.setHours(parseInt(hours, 10));
+	return date;
+}
+
+function set12Hours(date: Date, value: string, period: Period) {
+	const hours = parseInt(getValid12Hour(value), 10);
+	const convertedHours = convert12HourTo24Hour(hours, period);
+	date.setHours(convertedHours);
+	return date;
+}
+
+type TimePickerType = 'minutes' | 'seconds' | 'hours' | '12hours';
+type Period = 'AM' | 'PM';
+
+function setDateByType(date: Date, value: string, type: TimePickerType, period?: Period) {
+	switch (type) {
+		case 'minutes':
+			return setMinutes(date, value);
+		case 'seconds':
+			return setSeconds(date, value);
+		case 'hours':
+			return setHours(date, value);
+		case '12hours': {
+			if (!period) return date;
+			return set12Hours(date, value, period);
+		}
+		default:
+			return date;
+	}
+}
+
+function getDateByType(date: Date | null, type: TimePickerType) {
+	if (!date) return '00';
+	switch (type) {
+		case 'minutes':
+			return getValidMinuteOrSecond(String(date.getMinutes()));
+		case 'seconds':
+			return getValidMinuteOrSecond(String(date.getSeconds()));
+		case 'hours':
+			return getValidHour(String(date.getHours()));
+		case '12hours':
+			return getValid12Hour(String(display12HourValue(date.getHours())));
+		default:
+			return '00';
+	}
+}
+
+function getArrowByType(value: string, step: number, type: TimePickerType) {
+	switch (type) {
+		case 'minutes':
+			return getValidArrowMinuteOrSecond(value, step);
+		case 'seconds':
+			return getValidArrowMinuteOrSecond(value, step);
+		case 'hours':
+			return getValidArrowHour(value, step);
+		case '12hours':
+			return getValidArrow12Hour(value, step);
+		default:
+			return '00';
+	}
+}
+
+/**
+ * handles value change of 12-hour input
+ * 12:00 PM is 12:00
+ * 12:00 AM is 00:00
+ */
+function convert12HourTo24Hour(hour: number, period: Period) {
+	if (period === 'PM') {
+		if (hour <= 11) {
+			return hour + 12;
+		}
+		return hour;
+	}
+
+	if (period === 'AM') {
+		if (hour === 12) return 0;
+		return hour;
+	}
+	return hour;
+}
+
+/**
+ * time is stored in the 24-hour form,
+ * but needs to be displayed to the user
+ * in its 12-hour representation
+ */
+function display12HourValue(hours: number) {
+	if (hours === 0 || hours === 12) return '12';
+	if (hours >= 22) return `${hours - 12}`;
+	if (hours % 12 > 9) return `${hours}`;
+	return `0${hours % 12}`;
+}
+
+function genMonths(locale: Pick<Locale, 'options' | 'localize' | 'formatLong'>) {
+	return Array.from({ length: 12 }, (_, i) => ({
+		value: i,
+		label: format(new Date(2021, i), 'MMMM', { locale }),
+	}));
+}
+
+function genYears(yearRange = 50) {
+	const today = new Date();
+	return Array.from({ length: yearRange * 2 + 1 }, (_, i) => ({
+		value: today.getFullYear() - yearRange + i,
+		label: (today.getFullYear() - yearRange + i).toString(),
+	}));
+}
+
+// ---------- utils end ----------
+
+function Calendar({
+	className,
+	classNames,
+	showOutsideDays = true,
+	yearRange = 50,
+	...props
+}: CalendarProps & { yearRange?: number }) {
+	const MONTHS = React.useMemo(() => {
+		let locale: Pick<Locale, 'options' | 'localize' | 'formatLong'> = enUS;
+		const { options, localize, formatLong } = props.locale || {};
+		if (options && localize && formatLong) {
+			locale = {
+				options,
+				localize,
+				formatLong,
+			};
+		}
+		return genMonths(locale);
+	}, []);
+
+	const YEARS = React.useMemo(() => genYears(yearRange), []);
+	const disableLeftNavigation = () => {
+		const today = new Date();
+		const startDate = new Date(today.getFullYear() - yearRange, 0, 1);
+		if (props.month) {
+			return (
+				props.month.getMonth() === startDate.getMonth() &&
+				props.month.getFullYear() === startDate.getFullYear()
+			);
+		}
+		return false;
+	};
+	const disableRightNavigation = () => {
+		const today = new Date();
+		const endDate = new Date(today.getFullYear() + yearRange, 11, 31);
+		if (props.month) {
+			return (
+				props.month.getMonth() === endDate.getMonth() &&
+				props.month.getFullYear() === endDate.getFullYear()
+			);
+		}
+		return false;
+	};
+
+	return (
+		<DayPicker
+			showOutsideDays={showOutsideDays}
+			className={cn('p-3', className)}
+			classNames={{
+				months: 'flex flex-col sm:flex-row space-y-4  sm:space-y-0 justify-center',
+				month: 'flex flex-col items-center space-y-4',
+				month_caption: 'flex justify-center pt-1 relative items-center',
+				caption_label: 'text-sm font-medium',
+				nav: 'space-x-1 flex items-center ',
+				button_previous: cn(
+					buttonVariants({ variant: 'outline' }),
+					'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute left-5 top-5',
+					disableLeftNavigation() && 'pointer-events-none',
+				),
+				button_next: cn(
+					buttonVariants({ variant: 'outline' }),
+					'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute right-5 top-5',
+					disableRightNavigation() && 'pointer-events-none',
+				),
+				month_grid: 'w-full border-collapse space-y-1',
+				weekdays: cn('flex', props.showWeekNumber && 'justify-end'),
+				weekday: 'text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]',
+				week: 'flex w-full mt-2',
+				day: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20 rounded-1',
+				day_button: cn(
+					buttonVariants({ variant: 'ghost' }),
+					'h-9 w-9 p-0 font-normal aria-selected:opacity-100 rounded-l-md rounded-r-md',
+				),
+				range_end: 'day-range-end',
+				selected:
+					'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground rounded-l-md rounded-r-md',
+				today: 'bg-accent text-accent-foreground',
+				outside:
+					'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',
+				disabled: 'text-muted-foreground opacity-50',
+				range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',
+				hidden: 'invisible',
+				...classNames,
+			}}
+			components={{
+				Chevron: ({ ...props }) =>
+					props.orientation === 'left' ? (
+						<ChevronLeft className="h-4 w-4" />
+					) : (
+						<ChevronRight className="h-4 w-4" />
+					),
+				MonthCaption: ({ calendarMonth }) => {
+					return (
+						<div className="inline-flex gap-2">
+							<Select
+								defaultValue={calendarMonth.date.getMonth().toString()}
+								onValueChange={(value) => {
+									const newDate = new Date(calendarMonth.date);
+									newDate.setMonth(Number.parseInt(value, 10));
+									props.onMonthChange?.(newDate);
+								}}
+							>
+								<SelectTrigger className="w-fit gap-1 border-none p-0 focus:bg-accent focus:text-accent-foreground">
+									<SelectValue />
+								</SelectTrigger>
+								<SelectContent>
+									{MONTHS.map((month) => (
+										<SelectItem key={month.value} value={month.value.toString()}>
+											{month.label}
+										</SelectItem>
+									))}
+								</SelectContent>
+							</Select>
+							<Select
+								defaultValue={calendarMonth.date.getFullYear().toString()}
+								onValueChange={(value) => {
+									const newDate = new Date(calendarMonth.date);
+									newDate.setFullYear(Number.parseInt(value, 10));
+									props.onMonthChange?.(newDate);
+								}}
+							>
+								<SelectTrigger className="w-fit gap-1 border-none p-0 focus:bg-accent focus:text-accent-foreground">
+									<SelectValue />
+								</SelectTrigger>
+								<SelectContent>
+									{YEARS.map((year) => (
+										<SelectItem key={year.value} value={year.value.toString()}>
+											{year.label}
+										</SelectItem>
+									))}
+								</SelectContent>
+							</Select>
+						</div>
+					);
+				},
+			}}
+			{...props}
+		/>
+	);
+}
+Calendar.displayName = 'Calendar';
+
+interface PeriodSelectorProps {
+	period: Period;
+	setPeriod?: (m: Period) => void;
+	date?: Date | null;
+	onDateChange?: (date: Date | undefined) => void;
+	onRightFocus?: () => void;
+	onLeftFocus?: () => void;
+}
+
+const TimePeriodSelect = React.forwardRef<HTMLButtonElement, PeriodSelectorProps>(
+	({ period, setPeriod, date, onDateChange, onLeftFocus, onRightFocus }, ref) => {
+		const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {
+			if (e.key === 'ArrowRight') onRightFocus?.();
+			if (e.key === 'ArrowLeft') onLeftFocus?.();
+		};
+
+		const handleValueChange = (value: Period) => {
+			setPeriod?.(value);
+
+			/**
+			 * trigger an update whenever the user switches between AM and PM;
+			 * otherwise user must manually change the hour each time
+			 */
+			if (date) {
+				const tempDate = new Date(date);
+				const hours = display12HourValue(date.getHours());
+				onDateChange?.(
+					setDateByType(tempDate, hours.toString(), '12hours', period === 'AM' ? 'PM' : 'AM'),
+				);
+			}
+		};
+
+		return (
+			<div className="flex h-10 items-center">
+				<Select defaultValue={period} onValueChange={(value: Period) => handleValueChange(value)}>
+					<SelectTrigger
+						ref={ref}
+						className="w-[65px] focus:bg-accent focus:text-accent-foreground"
+						onKeyDown={handleKeyDown}
+					>
+						<SelectValue />
+					</SelectTrigger>
+					<SelectContent>
+						<SelectItem value="AM">AM</SelectItem>
+						<SelectItem value="PM">PM</SelectItem>
+					</SelectContent>
+				</Select>
+			</div>
+		);
+	},
+);
+
+TimePeriodSelect.displayName = 'TimePeriodSelect';
+
+interface TimePickerInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+	picker: TimePickerType;
+	date?: Date | null;
+	onDateChange?: (date: Date | undefined) => void;
+	period?: Period;
+	onRightFocus?: () => void;
+	onLeftFocus?: () => void;
+}
+
+const TimePickerInput = React.forwardRef<HTMLInputElement, TimePickerInputProps>(
+	(
+		{
+			className,
+			type = 'tel',
+			value,
+			id,
+			name,
+			date = new Date(new Date().setHours(0, 0, 0, 0)),
+			onDateChange,
+			onChange,
+			onKeyDown,
+			picker,
+			period,
+			onLeftFocus,
+			onRightFocus,
+			...props
+		},
+		ref,
+	) => {
+		const [flag, setFlag] = React.useState<boolean>(false);
+		const [prevIntKey, setPrevIntKey] = React.useState<string>('0');
+
+		/**
+		 * allow the user to enter the second digit within 2 seconds
+		 * otherwise start again with entering first digit
+		 */
+		React.useEffect(() => {
+			if (flag) {
+				const timer = setTimeout(() => {
+					setFlag(false);
+				}, 2000);
+
+				return () => clearTimeout(timer);
+			}
+		}, [flag]);
+
+		const calculatedValue = React.useMemo(() => {
+			return getDateByType(date, picker);
+		}, [date, picker]);
+
+		const calculateNewValue = (key: string) => {
+			/*
+			 * If picker is '12hours' and the first digit is 0, then the second digit is automatically set to 1.
+			 * The second entered digit will break the condition and the value will be set to 10-12.
+			 */
+			if (picker === '12hours') {
+				if (flag && calculatedValue.slice(1, 2) === '1' && prevIntKey === '0') return `0${key}`;
+			}
+
+			return !flag ? `0${key}` : calculatedValue.slice(1, 2) + key;
+		};
+
+		const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+			if (e.key === 'Tab') return;
+			e.preventDefault();
+			if (e.key === 'ArrowRight') onRightFocus?.();
+			if (e.key === 'ArrowLeft') onLeftFocus?.();
+			if (['ArrowUp', 'ArrowDown'].includes(e.key)) {
+				const step = e.key === 'ArrowUp' ? 1 : -1;
+				const newValue = getArrowByType(calculatedValue, step, picker);
+				if (flag) setFlag(false);
+				const tempDate = date ? new Date(date) : new Date();
+				onDateChange?.(setDateByType(tempDate, newValue, picker, period));
+			}
+			if (e.key >= '0' && e.key <= '9') {
+				if (picker === '12hours') setPrevIntKey(e.key);
+
+				const newValue = calculateNewValue(e.key);
+				if (flag) onRightFocus?.();
+				setFlag((prev) => !prev);
+				const tempDate = date ? new Date(date) : new Date();
+				onDateChange?.(setDateByType(tempDate, newValue, picker, period));
+			}
+		};
+
+		return (
+			<Input
+				ref={ref}
+				id={id || picker}
+				name={name || picker}
+				className={cn(
+					'w-[48px] text-center font-mono text-base tabular-nums caret-transparent focus:bg-accent focus:text-accent-foreground [&::-webkit-inner-spin-button]:appearance-none',
+					className,
+				)}
+				value={value || calculatedValue}
+				onChange={(e) => {
+					e.preventDefault();
+					onChange?.(e);
+				}}
+				type={type}
+				inputMode="decimal"
+				onKeyDown={(e) => {
+					onKeyDown?.(e);
+					handleKeyDown(e);
+				}}
+				{...props}
+			/>
+		);
+	},
+);
+
+TimePickerInput.displayName = 'TimePickerInput';
+
+interface TimePickerProps {
+	date?: Date | null;
+	onChange?: (date: Date | undefined) => void;
+	hourCycle?: 12 | 24;
+	/**
+	 * Determines the smallest unit that is displayed in the datetime picker.
+	 * Default is 'second'.
+	 * */
+	granularity?: Granularity;
+}
+
+interface TimePickerRef {
+	minuteRef: HTMLInputElement | null;
+	hourRef: HTMLInputElement | null;
+	secondRef: HTMLInputElement | null;
+}
+
+const TimePicker = React.forwardRef<TimePickerRef, TimePickerProps>(
+	({ date, onChange, hourCycle = 24, granularity = 'second' }, ref) => {
+		const minuteRef = React.useRef<HTMLInputElement>(null);
+		const hourRef = React.useRef<HTMLInputElement>(null);
+		const secondRef = React.useRef<HTMLInputElement>(null);
+		const periodRef = React.useRef<HTMLButtonElement>(null);
+		const [period, setPeriod] = React.useState<Period>(date && date.getHours() >= 12 ? 'PM' : 'AM');
+
+		useImperativeHandle(
+			ref,
+			() => ({
+				minuteRef: minuteRef.current,
+				hourRef: hourRef.current,
+				secondRef: secondRef.current,
+				periodRef: periodRef.current,
+			}),
+			[minuteRef, hourRef, secondRef],
+		);
+		return (
+			<div className="flex items-center justify-center gap-2">
+				<label htmlFor="datetime-picker-hour-input" className="cursor-pointer">
+					<Clock className="mr-2 h-4 w-4" />
+				</label>
+				<TimePickerInput
+					picker={hourCycle === 24 ? 'hours' : '12hours'}
+					date={date}
+					id="datetime-picker-hour-input"
+					onDateChange={onChange}
+					ref={hourRef}
+					period={period}
+					onRightFocus={() => minuteRef?.current?.focus()}
+				/>
+				{(granularity === 'minute' || granularity === 'second') && (
+					<>
+						:
+						<TimePickerInput
+							picker="minutes"
+							date={date}
+							onDateChange={onChange}
+							ref={minuteRef}
+							onLeftFocus={() => hourRef?.current?.focus()}
+							onRightFocus={() => secondRef?.current?.focus()}
+						/>
+					</>
+				)}
+				{granularity === 'second' && (
+					<>
+						:
+						<TimePickerInput
+							picker="seconds"
+							date={date}
+							onDateChange={onChange}
+							ref={secondRef}
+							onLeftFocus={() => minuteRef?.current?.focus()}
+							onRightFocus={() => periodRef?.current?.focus()}
+						/>
+					</>
+				)}
+				{hourCycle === 12 && (
+					<div className="grid gap-1 text-center">
+						<TimePeriodSelect
+							period={period}
+							setPeriod={setPeriod}
+							date={date}
+							onDateChange={(date) => {
+								onChange?.(date);
+								if (date && date?.getHours() >= 12) {
+									setPeriod('PM');
+								} else {
+									setPeriod('AM');
+								}
+							}}
+							ref={periodRef}
+							onLeftFocus={() => secondRef?.current?.focus()}
+						/>
+					</div>
+				)}
+			</div>
+		);
+	},
+);
+TimePicker.displayName = 'TimePicker';
+
+type Granularity = 'day' | 'hour' | 'minute' | 'second';
+
+type DateTimePickerProps = {
+	value?: Date;
+	onChange?: (date: Date | undefined) => void;
+	disabled?: boolean;
+	/** showing `AM/PM` or not. */
+	hourCycle?: 12 | 24;
+	placeholder?: string;
+	/**
+	 * The year range will be: `This year + yearRange` and `this year - yearRange`.
+	 * Default is 50.
+	 * For example:
+	 * This year is 2024, The year dropdown will be 1974 to 2024 which is generated by `2024 - 50 = 1974` and `2024 + 50 = 2074`.
+	 * */
+	yearRange?: number;
+	/**
+	 * The format is derived from the `date-fns` documentation.
+	 * @reference https://date-fns.org/v3.6.0/docs/format
+	 **/
+	displayFormat?: { hour24?: string; hour12?: string };
+	/**
+	 * The granularity prop allows you to control the smallest unit that is displayed by DateTimePicker.
+	 * By default, the value is `second` which shows all time inputs.
+	 **/
+	granularity?: Granularity;
+	className?: string;
+	/**
+	 * Show the default month and time when popup the calendar. Default is the current Date().
+	 **/
+	defaultPopupValue?: Date;
+} & Pick<CalendarProps, 'locale' | 'weekStartsOn' | 'showWeekNumber' | 'showOutsideDays'>;
+
+type DateTimePickerRef = {
+	value?: Date;
+} & Omit<HTMLButtonElement, 'value'>;
+
+const DateTimePicker = React.forwardRef<Partial<DateTimePickerRef>, DateTimePickerProps>(
+	(
+		{
+			locale = enUS,
+			defaultPopupValue = new Date(new Date().setHours(0, 0, 0, 0)),
+			value,
+			onChange,
+			hourCycle = 24,
+			yearRange = 50,
+			disabled = false,
+			displayFormat,
+			granularity = 'second',
+			placeholder = 'Pick a date',
+			className,
+			...props
+		},
+		ref,
+	) => {
+		const [month, setMonth] = React.useState<Date>(value ?? defaultPopupValue);
+		const buttonRef = useRef<HTMLButtonElement>(null);
+		const [displayDate, setDisplayDate] = React.useState<Date | undefined>(value ?? undefined);
+		/**
+		 * carry over the current time when a user clicks a new day
+		 * instead of resetting to 00:00
+		 */
+		const handleSelect = (newDay: Date | undefined) => {
+			if (!newDay) {
+				return;
+			}
+			if (!defaultPopupValue) {
+				newDay.setHours(month?.getHours() ?? 0, month?.getMinutes() ?? 0, month?.getSeconds() ?? 0);
+				onChange?.(newDay);
+				setMonth(newDay);
+				return;
+			}
+			const diff = newDay.getTime() - defaultPopupValue.getTime();
+			const diffInDays = diff / (1000 * 60 * 60 * 24);
+			const newDateFull = add(defaultPopupValue, { days: Math.ceil(diffInDays) });
+			newDateFull.setHours(
+				month?.getHours() ?? 0,
+				month?.getMinutes() ?? 0,
+				month?.getSeconds() ?? 0,
+			);
+			onChange?.(newDateFull);
+			setMonth(newDateFull);
+		};
+
+		const onSelect = (newDay?: Date) => {
+			if (!newDay) {
+				return;
+			}
+			onChange?.(newDay);
+			setMonth(newDay);
+			setDisplayDate(newDay);
+		};
+
+		useImperativeHandle(
+			ref,
+			() => ({
+				...buttonRef.current,
+				value: displayDate,
+			}),
+			[displayDate],
+		);
+
+		const initHourFormat = {
+			hour24:
+				displayFormat?.hour24 ??
+				`PPP HH:mm${!granularity || granularity === 'second' ? ':ss' : ''}`,
+			hour12:
+				displayFormat?.hour12 ??
+				`PP hh:mm${!granularity || granularity === 'second' ? ':ss' : ''} b`,
+		};
+
+		let loc = enUS;
+		const { options, localize, formatLong } = locale;
+		if (options && localize && formatLong) {
+			loc = {
+				...enUS,
+				options,
+				localize,
+				formatLong,
+			};
+		}
+
+		return (
+			<Popover>
+				<PopoverTrigger asChild disabled={disabled}>
+					<Button
+						variant="outline"
+						className={cn(
+							'w-full justify-start text-left font-normal',
+							!displayDate && 'text-muted-foreground',
+							className,
+						)}
+						ref={buttonRef}
+					>
+						<CalendarIcon className="mr-2 h-4 w-4" />
+						{displayDate ? (
+							format(
+								displayDate,
+								hourCycle === 24 ? initHourFormat.hour24 : initHourFormat.hour12,
+								{
+									locale: loc,
+								},
+							)
+						) : (
+							<span>{placeholder}</span>
+						)}
+					</Button>
+				</PopoverTrigger>
+				<PopoverContent className="w-auto p-0">
+					<Calendar
+						mode="single"
+						selected={displayDate}
+						month={month}
+						onSelect={(newDate) => {
+							if (newDate) {
+								newDate.setHours(
+									month?.getHours() ?? 0,
+									month?.getMinutes() ?? 0,
+									month?.getSeconds() ?? 0,
+								);
+								onSelect(newDate);
+							}
+						}}
+						onMonthChange={handleSelect}
+						yearRange={yearRange}
+						locale={locale}
+						{...props}
+					/>
+					{granularity !== 'day' && (
+						<div className="border-t border-border p-3">
+							<TimePicker
+								onChange={(value) => {
+									onChange?.(value);
+									setDisplayDate(value);
+									if (value) {
+										setMonth(value);
+									}
+								}}
+								date={month}
+								hourCycle={hourCycle}
+								granularity={granularity}
+							/>
+						</div>
+					)}
+				</PopoverContent>
+			</Popover>
+		);
+	},
+);
+
+DateTimePicker.displayName = 'DateTimePicker';
+
+export { DateTimePicker, TimePickerInput, TimePicker };
+export type { TimePickerType, DateTimePickerProps, DateTimePickerRef };
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index b5aaef7..886a38b 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -20,7 +20,7 @@ const DialogOverlay = React.forwardRef<
   <DialogPrimitive.Overlay
     ref={ref}
     className={cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/60 backdrop-filter backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     )}
     {...props}
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
new file mode 100644
index 0000000..ed621d2
--- /dev/null
+++ b/src/components/ui/select.tsx
@@ -0,0 +1,158 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { cn } from "@/lib/utils"
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "@radix-ui/react-icons"
+
+const Select = SelectPrimitive.Root
+
+const SelectGroup = SelectPrimitive.Group
+
+const SelectValue = SelectPrimitive.Value
+
+const SelectTrigger = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <SelectPrimitive.Icon asChild>
+      <ChevronDownIcon className="h-4 w-4 opacity-50" />
+    </SelectPrimitive.Icon>
+  </SelectPrimitive.Trigger>
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollUpButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronUpIcon className="h-4 w-4" />
+  </SelectPrimitive.ScrollUpButton>
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.ScrollDownButton
+    ref={ref}
+    className={cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    )}
+    {...props}
+  >
+    <ChevronDownIcon className="h-4 w-4" />
+  </SelectPrimitive.ScrollDownButton>
+))
+SelectScrollDownButton.displayName =
+  SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
+>(({ className, children, position = "popper", ...props }, ref) => (
+  <SelectPrimitive.Portal>
+    <SelectPrimitive.Content
+      ref={ref}
+      className={cn(
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        position === "popper" &&
+          "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      )}
+      position={position}
+      {...props}
+    >
+      <SelectScrollUpButton />
+      <SelectPrimitive.Viewport
+        className={cn(
+          "p-1",
+          position === "popper" &&
+            "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        )}
+      >
+        {children}
+      </SelectPrimitive.Viewport>
+      <SelectScrollDownButton />
+    </SelectPrimitive.Content>
+  </SelectPrimitive.Portal>
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Label
+    ref={ref}
+    className={cn("px-2 py-1.5 text-sm font-semibold", className)}
+    {...props}
+  />
+))
+SelectLabel.displayName = SelectPrimitive.Label.displayName
+
+const SelectItem = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
+>(({ className, children, ...props }, ref) => (
+  <SelectPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
+      <SelectPrimitive.ItemIndicator>
+        <CheckIcon className="h-4 w-4" />
+      </SelectPrimitive.ItemIndicator>
+    </span>
+    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+  </SelectPrimitive.Item>
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+  React.ElementRef<typeof SelectPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <SelectPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName
+
+export {
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+}

From 4c382823031ef36992ca442b9e10538ede5f7f3d Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 25 Dec 2024 19:17:04 -0500
Subject: [PATCH 09/54] add icons

---
 src/icons/calendar/day-icon.tsx       | 7 +++++++
 src/icons/calendar/index.ts           | 4 ++++
 src/icons/calendar/month-icon.tsx     | 7 +++++++
 src/icons/calendar/three-day-icon.tsx | 7 +++++++
 src/icons/calendar/week-icon.tsx      | 7 +++++++
 5 files changed, 32 insertions(+)
 create mode 100644 src/icons/calendar/day-icon.tsx
 create mode 100644 src/icons/calendar/index.ts
 create mode 100644 src/icons/calendar/month-icon.tsx
 create mode 100644 src/icons/calendar/three-day-icon.tsx
 create mode 100644 src/icons/calendar/week-icon.tsx

diff --git a/src/icons/calendar/day-icon.tsx b/src/icons/calendar/day-icon.tsx
new file mode 100644
index 0000000..d6bcb5e
--- /dev/null
+++ b/src/icons/calendar/day-icon.tsx
@@ -0,0 +1,7 @@
+export function DayIcon({ className }: { className?: string }) {
+	return (
+		<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" className={className}>
+			<path d="M5.25 4.5C5.05109 4.5 4.86032 4.57902 4.71967 4.71967C4.57902 4.86032 4.5 5.05109 4.5 5.25C4.5 5.44891 4.57902 5.63968 4.71967 5.78033C4.86032 5.92098 5.05109 6 5.25 6H12.75C12.9489 6 13.1397 5.92098 13.2803 5.78033C13.421 5.63968 13.5 5.44891 13.5 5.25C13.5 5.05109 13.421 4.86032 13.2803 4.71967C13.1397 4.57902 12.9489 4.5 12.75 4.5H5.25ZM5.25 9C5.05109 9 4.86032 9.07902 4.71967 9.21967C4.57902 9.36032 4.5 9.55109 4.5 9.75V12.75C4.5 12.9489 4.57902 13.1397 4.71967 13.2803C4.86032 13.421 5.05109 13.5 5.25 13.5H12.75C12.9489 13.5 13.1397 13.421 13.2803 13.2803C13.421 13.1397 13.5 12.9489 13.5 12.75V9.75C13.5 9.55109 13.421 9.36032 13.2803 9.21967C13.1397 9.07902 12.9489 9 12.75 9H5.25ZM6 12V10.5H12V12H6ZM18 3.75C18 2.75544 17.6049 1.80161 16.9016 1.09835C16.1984 0.395088 15.2446 0 14.25 0H3.75C2.75544 0 1.80161 0.395088 1.09835 1.09835C0.395088 1.80161 0 2.75544 0 3.75V14.25C0 15.2446 0.395088 16.1984 1.09835 16.9016C1.80161 17.6049 2.75544 18 3.75 18H14.25C15.2446 18 16.1984 17.6049 16.9016 16.9016C17.6049 16.1984 18 15.2446 18 14.25V3.75ZM1.5 14.25V3.75C1.5 3.15326 1.73705 2.58097 2.15901 2.15901C2.58097 1.73705 3.15326 1.5 3.75 1.5H14.25C14.8467 1.5 15.419 1.73705 15.841 2.15901C16.2629 2.58097 16.5 3.15326 16.5 3.75V14.25C16.5 14.8467 16.2629 15.419 15.841 15.841C15.419 16.2629 14.8467 16.5 14.25 16.5H3.75C3.15326 16.5 2.58097 16.2629 2.15901 15.841C1.73705 15.419 1.5 14.8467 1.5 14.25Z" fill="black" />
+		</svg>
+	)
+}
diff --git a/src/icons/calendar/index.ts b/src/icons/calendar/index.ts
new file mode 100644
index 0000000..6ffc560
--- /dev/null
+++ b/src/icons/calendar/index.ts
@@ -0,0 +1,4 @@
+export * from './day-icon';
+export * from './month-icon';
+export * from './three-day-icon';
+export * from './week-icon';
diff --git a/src/icons/calendar/month-icon.tsx b/src/icons/calendar/month-icon.tsx
new file mode 100644
index 0000000..02ba843
--- /dev/null
+++ b/src/icons/calendar/month-icon.tsx
@@ -0,0 +1,7 @@
+export function MonthIcon({ className }: { className?: string }) {
+	return (
+		<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none" className={className}>
+			<path d="M7 7.875C7 8.17337 6.88147 8.45952 6.6705 8.6705C6.45952 8.88147 6.17337 9 5.875 9C5.57663 9 5.29048 8.88147 5.0795 8.6705C4.86853 8.45952 4.75 8.17337 4.75 7.875C4.75 7.57663 4.86853 7.29048 5.0795 7.0795C5.29048 6.86853 5.57663 6.75 5.875 6.75C6.17337 6.75 6.45952 6.86853 6.6705 7.0795C6.88147 7.29048 7 7.57663 7 7.875ZM5.875 13.5C6.17337 13.5 6.45952 13.3815 6.6705 13.1705C6.88147 12.9595 7 12.6734 7 12.375C7 12.0766 6.88147 11.7905 6.6705 11.5795C6.45952 11.3685 6.17337 11.25 5.875 11.25C5.57663 11.25 5.29048 11.3685 5.0795 11.5795C4.86853 11.7905 4.75 12.0766 4.75 12.375C4.75 12.6734 4.86853 12.9595 5.0795 13.1705C5.29048 13.3815 5.57663 13.5 5.875 13.5ZM10 13.5C10.2984 13.5 10.5845 13.3815 10.7955 13.1705C11.0065 12.9595 11.125 12.6734 11.125 12.375C11.125 12.0766 11.0065 11.7905 10.7955 11.5795C10.5845 11.3685 10.2984 11.25 10 11.25C9.70163 11.25 9.41548 11.3685 9.2045 11.5795C8.99353 11.7905 8.875 12.0766 8.875 12.375C8.875 12.6734 8.99353 12.9595 9.2045 13.1705C9.41548 13.3815 9.70163 13.5 10 13.5ZM10 9C10.1477 9 10.294 8.9709 10.4305 8.91436C10.567 8.85783 10.691 8.77496 10.7955 8.6705C10.9 8.56603 10.9828 8.44201 11.0394 8.30552C11.0959 8.16903 11.125 8.02274 11.125 7.875C11.125 7.72726 11.0959 7.58097 11.0394 7.44448C10.9828 7.30799 10.9 7.18397 10.7955 7.0795C10.691 6.97504 10.567 6.89217 10.4305 6.83564C10.294 6.7791 10.1477 6.75 10 6.75C9.70163 6.75 9.41548 6.86853 9.2045 7.0795C8.99353 7.29048 8.875 7.57663 8.875 7.875C8.875 8.17337 8.99353 8.45952 9.2045 8.6705C9.41548 8.88147 9.70163 9 10 9ZM14.125 9C14.2727 9 14.419 8.9709 14.5555 8.91436C14.692 8.85783 14.816 8.77496 14.9205 8.6705C15.025 8.56603 15.1078 8.44201 15.1644 8.30552C15.2209 8.16903 15.25 8.02274 15.25 7.875C15.25 7.72726 15.2209 7.58097 15.1644 7.44448C15.1078 7.30799 15.025 7.18397 14.9205 7.0795C14.816 6.97504 14.692 6.89217 14.5555 6.83564C14.419 6.7791 14.2727 6.75 14.125 6.75C13.8266 6.75 13.5405 6.86853 13.3295 7.0795C13.1185 7.29048 13 7.57663 13 7.875C13 8.17337 13.1185 8.45952 13.3295 8.6705C13.5405 8.88147 13.8266 9 14.125 9ZM3.625 0.75C2.72989 0.75 1.87145 1.10558 1.23851 1.73851C0.605579 2.37145 0.25 3.22989 0.25 4.125V16.875C0.25 17.7701 0.605579 18.6285 1.23851 19.2615C1.87145 19.8944 2.72989 20.25 3.625 20.25H16.375C17.2701 20.25 18.1285 19.8944 18.7615 19.2615C19.3944 18.6285 19.75 17.7701 19.75 16.875V4.125C19.75 3.22989 19.3944 2.37145 18.7615 1.73851C18.1285 1.10558 17.2701 0.75 16.375 0.75H3.625ZM1.75 4.125C1.75 3.62772 1.94754 3.15081 2.29917 2.79917C2.65081 2.44754 3.12772 2.25 3.625 2.25H16.375C16.8723 2.25 17.3492 2.44754 17.7008 2.79917C18.0525 3.15081 18.25 3.62772 18.25 4.125V16.875C18.25 17.3723 18.0525 17.8492 17.7008 18.2008C17.3492 18.5525 16.8723 18.75 16.375 18.75H3.625C3.12772 18.75 2.65081 18.5525 2.29917 18.2008C1.94754 17.8492 1.75 17.3723 1.75 16.875V4.125Z" fill="#737374" />
+		</svg>
+	)
+}
diff --git a/src/icons/calendar/three-day-icon.tsx b/src/icons/calendar/three-day-icon.tsx
new file mode 100644
index 0000000..e3b28c1
--- /dev/null
+++ b/src/icons/calendar/three-day-icon.tsx
@@ -0,0 +1,7 @@
+export function ThreeDayIcon({ className }: { className?: string }) {
+	return (
+		<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" className={className}>
+			<path d="M6 5.25C6 5.05109 5.92098 4.86032 5.78033 4.71967C5.63968 4.57902 5.44891 4.5 5.25 4.5C5.05109 4.5 4.86032 4.57902 4.71967 4.71967C4.57902 4.86032 4.5 5.05109 4.5 5.25V12.75C4.5 12.9489 4.57902 13.1397 4.71967 13.2803C4.86032 13.421 5.05109 13.5 5.25 13.5C5.44891 13.5 5.63968 13.421 5.78033 13.2803C5.92098 13.1397 6 12.9489 6 12.75V5.25ZM9.75 5.25C9.75 5.05109 9.67098 4.86032 9.53033 4.71967C9.38968 4.57902 9.19891 4.5 9 4.5C8.80109 4.5 8.61032 4.57902 8.46967 4.71967C8.32902 4.86032 8.25 5.05109 8.25 5.25V12.75C8.25 12.9489 8.32902 13.1397 8.46967 13.2803C8.61032 13.421 8.80109 13.5 9 13.5C9.19891 13.5 9.38968 13.421 9.53033 13.2803C9.67098 13.1397 9.75 12.9489 9.75 12.75V5.25ZM13.5 5.25C13.5 5.05109 13.421 4.86032 13.2803 4.71967C13.1397 4.57902 12.9489 4.5 12.75 4.5C12.5511 4.5 12.3603 4.57902 12.2197 4.71967C12.079 4.86032 12 5.05109 12 5.25V12.75C12 12.9489 12.079 13.1397 12.2197 13.2803C12.3603 13.421 12.5511 13.5 12.75 13.5C12.9489 13.5 13.1397 13.421 13.2803 13.2803C13.421 13.1397 13.5 12.9489 13.5 12.75V5.25ZM18 3.75C18 2.75544 17.6049 1.80161 16.9016 1.09835C16.1984 0.395088 15.2446 0 14.25 0H3.75C2.75544 0 1.80161 0.395088 1.09835 1.09835C0.395088 1.80161 0 2.75544 0 3.75V14.25C0 15.2446 0.395088 16.1984 1.09835 16.9016C1.80161 17.6049 2.75544 18 3.75 18H14.25C15.2446 18 16.1984 17.6049 16.9016 16.9016C17.6049 16.1984 18 15.2446 18 14.25V3.75ZM1.5 14.25V3.75C1.5 3.15326 1.73705 2.58097 2.15901 2.15901C2.58097 1.73705 3.15326 1.5 3.75 1.5H14.25C14.8467 1.5 15.419 1.73705 15.841 2.15901C16.2629 2.58097 16.5 3.15326 16.5 3.75V14.25C16.5 14.8467 16.2629 15.419 15.841 15.841C15.419 16.2629 14.8467 16.5 14.25 16.5H3.75C3.15326 16.5 2.58097 16.2629 2.15901 15.841C1.73705 15.419 1.5 14.8467 1.5 14.25Z" fill="black" />
+		</svg>
+	)
+}
diff --git a/src/icons/calendar/week-icon.tsx b/src/icons/calendar/week-icon.tsx
new file mode 100644
index 0000000..8dff38f
--- /dev/null
+++ b/src/icons/calendar/week-icon.tsx
@@ -0,0 +1,7 @@
+export function WeekIcon({ className }: { className?: string }) {
+	return (
+		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" className={className}>
+			<path d="M7.63162 17.6064C7.87687 17.6064 8.08237 17.5231 8.24812 17.3566C8.41312 17.1909 8.49562 16.985 8.49562 16.739C8.49562 16.493 8.41237 16.2875 8.24587 16.1225C8.07937 15.9575 7.8735 15.875 7.62825 15.875C7.383 15.875 7.1775 15.9582 7.01175 16.1247C6.846 16.2912 6.7635 16.4971 6.76425 16.7424C6.765 16.9876 6.84825 17.1927 7.014 17.3577C7.17975 17.5227 7.38562 17.6064 7.63162 17.6064ZM7.63162 13.3651C7.87687 13.3651 8.08237 13.2822 8.24812 13.1165C8.41312 12.95 8.49562 12.7437 8.49562 12.4977C8.49562 12.2517 8.41237 12.0466 8.24587 11.8824C8.07937 11.7181 7.8735 11.6356 7.62825 11.6349C7.383 11.6341 7.1775 11.717 7.01175 11.8835C6.846 12.05 6.7635 12.2562 6.76425 12.5022C6.765 12.7482 6.84825 12.9534 7.014 13.1176C7.17975 13.2819 7.38562 13.3644 7.63162 13.3651ZM7.63162 9.125C7.87687 9.125 8.08237 9.04212 8.24812 8.87637C8.41312 8.70987 8.49562 8.50362 8.49562 8.25762C8.49562 8.01162 8.41237 7.8065 8.24587 7.64225C8.07937 7.478 7.8735 7.3955 7.62825 7.39475C7.383 7.394 7.1775 7.47687 7.01175 7.64337C6.84675 7.80987 6.76425 8.01575 6.76425 8.261C6.76425 8.50625 6.8475 8.71175 7.014 8.8775C7.1805 9.04325 7.38637 9.12575 7.63162 9.125ZM11.6535 17.3037H16.5866C16.7464 17.3037 16.8799 17.2494 16.9871 17.1406C17.0944 17.0319 17.1484 16.8984 17.1491 16.7401C17.1499 16.5819 17.0959 16.4484 16.9871 16.3396C16.8784 16.2309 16.7449 16.1769 16.5866 16.1776H11.6535C11.4945 16.1776 11.361 16.2316 11.253 16.3396C11.145 16.4476 11.091 16.5815 11.091 16.7412C11.091 16.901 11.145 17.0345 11.253 17.1417C11.361 17.249 11.4945 17.3026 11.6535 17.3026M11.6535 13.0625H16.5866C16.7464 13.0625 16.8799 13.0085 16.9871 12.9005C17.0944 12.7925 17.1484 12.6586 17.1491 12.4989C17.1499 12.3391 17.0959 12.2056 16.9871 12.0984C16.8784 11.9911 16.7449 11.9375 16.5866 11.9375H11.6535C11.4945 11.9375 11.361 11.9915 11.253 12.0995C11.145 12.2075 11.091 12.3414 11.091 12.5011C11.091 12.6609 11.145 12.7944 11.253 12.9016C11.361 13.0089 11.4945 13.0625 11.6535 13.0625ZM11.6535 8.82125H16.5866C16.7464 8.82125 16.8799 8.76762 16.9871 8.66037C17.0951 8.55237 17.1491 8.4185 17.1491 8.25875C17.1491 8.099 17.0951 7.9655 16.9871 7.85825C16.8791 7.751 16.7456 7.69737 16.5866 7.69737H11.6535C11.4945 7.69737 11.361 7.75137 11.253 7.85937C11.145 7.96737 11.091 8.10125 11.091 8.261C11.091 8.42075 11.145 8.55425 11.253 8.6615C11.361 8.76875 11.4945 8.82237 11.6535 8.82237M4.818 21.5C4.29975 21.5 3.86737 21.3267 3.52087 20.9802C3.17437 20.6337 3.00075 20.201 3 19.682V5.318C3 4.79975 3.17362 4.36737 3.52087 4.02087C3.86812 3.67437 4.3005 3.50075 4.818 3.5H19.1831C19.7006 3.5 20.133 3.67362 20.4802 4.02087C20.8275 4.36812 21.0007 4.8005 21 5.318V19.6831C21 20.2006 20.8267 20.633 20.4802 20.9802C20.1337 21.3275 19.701 21.5007 19.182 21.5H4.818ZM4.818 20.375H19.1831C19.3556 20.375 19.5142 20.303 19.659 20.159C19.8037 20.015 19.8757 19.856 19.875 19.682V5.318C19.875 5.14475 19.803 4.98575 19.659 4.841C19.515 4.69625 19.356 4.62425 19.182 4.625H4.818C4.64475 4.625 4.48575 4.697 4.341 4.841C4.19625 4.985 4.12425 5.144 4.125 5.318V19.6831C4.125 19.8556 4.197 20.0142 4.341 20.159C4.485 20.3037 4.64362 20.3757 4.81687 20.375" fill="black" />
+		</svg>
+	)
+}

From c891a8f382c932b085eb624230cb1dccc32519ce Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 25 Dec 2024 20:15:25 -0500
Subject: [PATCH 10/54] week view calendar work

---
 src/components/Calendar/event-layer.tsx       |  5 +-
 src/components/Calendar/views/week-header.tsx | 31 +++++++
 .../Calendar/views/week-view-grid.tsx         | 53 ++++++++++++
 src/components/Calendar/week-calendar.tsx     | 83 ++++++++++++-------
 src/components/Calendar/week-header.tsx       | 28 -------
 src/icons/calendar/index.ts                   |  1 +
 src/icons/calendar/month-icon.tsx             |  4 +-
 src/icons/calendar/schedule-icon.tsx          |  7 ++
 src/icons/calendar/week-icon.tsx              |  4 +-
 9 files changed, 151 insertions(+), 65 deletions(-)
 create mode 100644 src/components/Calendar/views/week-header.tsx
 create mode 100644 src/components/Calendar/views/week-view-grid.tsx
 delete mode 100644 src/components/Calendar/week-header.tsx
 create mode 100644 src/icons/calendar/schedule-icon.tsx

diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 13781ee..d7ef383 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -26,6 +26,7 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 	return (
 		<div
 			className={cn(
+				"mt-2", // offset from the top
 				"ml-8 lg:ml-[4.5rem]", // Time column width
 				"absolute inset-0 grid h-[1440px]",
 				"grid-cols-[auto_repeat(5,_1fr)] lg:grid-cols-[auto_repeat(7,_1fr)]",
@@ -43,11 +44,11 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 						key={event.id}
 						className={cn(
 							"absolute mx-1 rounded-md p-2 overflow-hidden",
-							"hover:z-10 hover:max-w-full hover:shadow-sm transition-all duration-200 shrink",
+							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
 							"min-w-[4.3rem] max-w-[4.3rem] sm:min-w-[7rem] sm:max-w-[7rem]",
 							event.color,
 							"dark:invert dark:bg-neutral-300 dark:shadow-white",
-							"border-l-4 border-current border-opacity-10"
+							"bg-opacity-70 hover:bg-opacity-100"
 						)}
 						style={{
 							gridColumn: position.gridColumn,
diff --git a/src/components/Calendar/views/week-header.tsx b/src/components/Calendar/views/week-header.tsx
new file mode 100644
index 0000000..a2616d6
--- /dev/null
+++ b/src/components/Calendar/views/week-header.tsx
@@ -0,0 +1,31 @@
+import moment from 'moment';
+import { cn } from '@/lib/utils';
+
+interface WeekHeaderProps {
+	days: moment.Moment[];
+}
+
+export function WeekHeader({ days }: WeekHeaderProps) {
+	return (
+		<div className="ml-10 grid grid-cols-5">
+			{days.map((day, index) => (
+				<div
+					key={day.format()}
+					className={cn(
+						"p-2 text-center font-semibold py-2 h-16 flex flex-col items-center justify-center rounded-xl",
+						index === 6 && "border-r-0",
+						day.isSame(moment(), "day") && "bg-blue-400/50"
+					)}
+				>
+					<span className="text-xl font-semibold">{day.format("D")}</span>
+					<span className={cn(
+						"text-sm font-normal",
+						!day.isSame(moment(), "day") && "text-neutral-500 dark:text-neutral-400"
+						)}>
+						{day.format("ddd")}
+					</span>
+				</div>
+			))}
+		</div>
+	);
+}
diff --git a/src/components/Calendar/views/week-view-grid.tsx b/src/components/Calendar/views/week-view-grid.tsx
new file mode 100644
index 0000000..c29612a
--- /dev/null
+++ b/src/components/Calendar/views/week-view-grid.tsx
@@ -0,0 +1,53 @@
+import { cn, formatHourIntl } from '@/lib/utils';
+import { useWindowSize } from '@/hooks';
+import { MinimumWidth } from '@/types';
+
+export function WeekViewGrid() {
+	const hours = Array.from({ length: 24 }, (_, i) => i);
+	const windowSize = useWindowSize();
+	const isDesktop = windowSize.width > MinimumWidth.Large;
+
+	return (
+		<div
+			className="mt-2 ml-10 grid h-[1440px] grid-cols-[auto_repeat(5,_1fr)]"
+			style={{
+				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
+			}}
+		>
+			{/* Time column */}
+			<div className="relative right-12">
+				{hours.map((hour) => (
+					<div
+						key={hour}
+						className="h-[60px] relative border-b border-border/50 w-max"
+						style={{
+							gridRow: `span 12`, // 12 5-minute slots per hour
+						}}
+					>
+						<span className="absolute -translate-y-1/2 text-xs text-muted-foreground px-2 w-max">
+							{formatHourIntl(hour)}
+						</span>
+					</div>
+				))}
+			</div>
+
+			{/* Day columns */}
+			{Array.from({ length: isDesktop ? 7 : 5 }).map((_, dayIndex) => (
+				<div
+					key={dayIndex}
+					className={cn("border-r relative", dayIndex === 6 && "border-r-0")}
+				>
+					{hours.map((hour) => (
+						<div
+							key={hour}
+							className="h-[60px] border-r border-t border-border/50 dark:border-neutral-200/10"
+							style={{
+								gridRow: `span 12`, // 12 5-minute slots per hour
+							}}
+						/>
+					))}
+				</div>
+			))}
+		</div>
+	);
+}
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 7f1561a..3eabaf4 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -1,14 +1,16 @@
 import { useRef, useState } from 'react';
 import moment from 'moment';
-import { CalendarDays, ChevronLeft, ChevronRight } from 'lucide-react';
-import { WeekHeader } from './week-header';
+import { CalendarDays, ChevronDownIcon, ChevronLeft, ChevronRight } from 'lucide-react';
+import { WeekHeader } from './views/week-header';
 import { TimeGrid } from './time-grid';
 import { EventLayer } from './event-layer';
 import { MinimumWidth, type CalendarEvent } from '@/types';
 import { Button } from '../ui/button';
 import { useMaskImage } from '@/hooks';
 import NewEventButton from './new-event';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../ui/dropdown-menu';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../ui/dropdown-menu';
+import { MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icons/calendar';
+import { WeekViewGrid } from './views/week-view-grid';
 
 const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 	const today = moment(baseDate).startOf('week').add(1, 'day'); // Start from Monday
@@ -19,42 +21,42 @@ const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 			title: 'Early Morning Workout',
 			start: moment(today).add(1, 'day').hour(6).minute(0).toDate(),
 			end: moment(today).add(1, 'day').hour(7).minute(0).toDate(),
-			color: 'bg-blue-50 text-blue-700 border-blue-200',
+			color: 'bg-blue-400',
 		},
 		{
 			id: '2',
 			title: 'Team Standup',
 			start: moment(today).add(1, 'day').hour(9).minute(30).toDate(),
 			end: moment(today).add(1, 'day').hour(10).minute(0).toDate(),
-			color: 'bg-purple-50 text-purple-700 border-purple-200',
+			color: 'bg-purple-400',
 		},
 		{
 			id: '3',
 			title: 'Project Review',
 			start: moment(today).add(2, 'day').hour(10).minute(0).toDate(),
 			end: moment(today).add(2, 'day').hour(12).minute(0).toDate(),
-			color: 'bg-green-50 text-green-700 border-green-200',
+			color: 'bg-green-400',
 		},
 		{
 			id: '4',
 			title: 'Lunch with Clients',
 			start: moment(today).add(3, 'day').hour(12).minute(0).toDate(),
 			end: moment(today).add(3, 'day').hour(14).minute(0).toDate(),
-			color: 'bg-yellow-50 text-yellow-700 border-yellow-200',
+			color: 'bg-yellow-400',
 		},
 		{
 			id: '5',
 			title: 'Design Workshop',
 			start: moment(today).add(4, 'day').hour(14).minute(0).toDate(),
 			end: moment(today).add(4, 'day').hour(16).minute(0).toDate(),
-			color: 'bg-pink-50 text-pink-700 border-pink-200',
+			color: 'bg-pink-400',
 		},
 		{
 			id: '6',
 			title: 'Evening Yoga',
 			start: moment(today).add(5, 'day').hour(17).minute(0).toDate(),
 			end: moment(today).add(5, 'day').hour(18).minute(0).toDate(),
-			color: 'bg-indigo-50 text-indigo-700 border-indigo-200',
+			color: 'bg-indigo-400',
 		},
 	];
 };
@@ -64,6 +66,7 @@ export default function WeekCalendar() {
 	const [events] = useState<CalendarEvent[]>(() => generateMockEvents(currentDate));
 	const isDesktop = window.innerWidth > MinimumWidth.Large;
 	const scrollRef = useRef<HTMLDivElement>(null);
+	const [currentView, setCurrentView] = useState('week');
 
 	useMaskImage(scrollRef);
 
@@ -125,10 +128,17 @@ export default function WeekCalendar() {
 
 	return (
 		<div className="w-full max-w-4xl flex flex-col h-[800px] bg-background rounded-lg">
-			<div className="flex items-center justify-between p-4">
-				<div className="inline-flex -space-x-px rounded-lg rtl:space-x-reverse">
+					<div className="flex items-center gap-2 w-full justify-center mt-4">
+					<CalendarDays className="w-6 h-6 text-primary" />
+					<h2 className="text-md lg:text-xl text-primary font-medium">
+						{currentDate.format('MMMM YYYY')}
+					</h2>
+				</div>
+
+			<div className="flex items-center p-4 gap-2">
+				<div className="inline-flex -space-x-px rounded-2xl rtl:space-x-reverse shadow-sm border border-neutral-200">
 					<Button
-						className="rounded-none shadow-none first:rounded-s-lg last:rounded-e-lg focus-visible:z-10"
+						className="rounded-none shadow-none first:rounded-s-2xl last:rounded-e-2xl focus-visible:z-10"
 						variant="secondary"
 						size="icon"
 						aria-label="Previous week"
@@ -144,7 +154,7 @@ export default function WeekCalendar() {
 						Today
 					</Button>
 					<Button
-						className="rounded-none shadow-none first:rounded-s-lg last:rounded-e-lg focus-visible:z-10"
+						className="rounded-none shadow-none first:rounded-s-2xl last:rounded-e-2xl focus-visible:z-10"
 						variant="secondary"
 						size="icon"
 						aria-label="Next week"
@@ -154,36 +164,47 @@ export default function WeekCalendar() {
 					</Button>
 				</div>
 				{/* <NewEventButton /> */}
-				<div className="flex items-center gap-2">
-					<CalendarDays className="w-6 h-6 text-primary" />
-					<h2 className="text-md lg:text-xl text-primary">
-						{currentDate.format('MMMM YYYY')}
-					</h2>
-				</div>
-			</div>
-
-			<div className='px-16'>
+				<div className='w-full'>
 				<DropdownMenu>
 					<DropdownMenuTrigger asChild>
-						<Button variant="outline" className='rounded-2xl w-full justify-start'>
-							3 Day
+						<Button variant="outline" className='rounded-2xl w-full justify-between'>
+							<div className='flex flex-row'>
+								<ThreeDayIcon className='mr-2' />3 Day
+							</div>
+							<div>
+								<ChevronDownIcon />
+								<span className='sr-only'>Open menu</span>
+							</div>
 						</Button>
 					</DropdownMenuTrigger>
-					<DropdownMenuContent>
-						<DropdownMenuItem>
-							3 Day
+					<DropdownMenuContent className='rounded-2xl'>
+						<DropdownMenuItem className='flex items-center gap-1'>
+							<ThreeDayIcon />3 Day
+						</DropdownMenuItem>
+						<DropdownMenuSeparator />
+						<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('week')}>
+							<WeekIcon /> Week
+						</DropdownMenuItem>
+						<DropdownMenuSeparator />
+						<DropdownMenuItem className='flex items-center gap-1'>
+							<MonthIcon />Month
+						</DropdownMenuItem>
+						<DropdownMenuSeparator />
+						<DropdownMenuItem className='flex items-center gap-1'>
+							<ScheduleIcon />Schedule
 						</DropdownMenuItem>
-						<DropdownMenuItem>Week</DropdownMenuItem>
-						<DropdownMenuItem>Month</DropdownMenuItem>
-						<DropdownMenuItem>Schedule</DropdownMenuItem>
 					</DropdownMenuContent>
 				</DropdownMenu>
 			</div>
 
+			</div>
+
+
+
 			<div className="flex-1 overflow-scroll" ref={scrollRef}>
 				<WeekHeader days={weekDays} />
 				<div className="relative flex-1 overflow-y-auto">
-					<TimeGrid />
+					<WeekViewGrid />
 					<EventLayer events={events} weekDays={weekDays} />
 				</div>
 			</div>
diff --git a/src/components/Calendar/week-header.tsx b/src/components/Calendar/week-header.tsx
deleted file mode 100644
index 2121c06..0000000
--- a/src/components/Calendar/week-header.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import moment from 'moment';
-import { cn } from '@/lib/utils';
-
-interface WeekHeaderProps {
-	days: moment.Moment[];
-}
-
-export function WeekHeader({ days }: WeekHeaderProps) {
-	return (
-		<div className="ml-10 lg:ml-20 grid grid-cols-5 lg:grid-cols-7">
-			{days.map((day, index) => (
-				<div
-					key={day.format()}
-					className={cn(
-						"p-2 text-center border-r dark:border-neutral-200/10 font-semibold py-2 h-16 flex flex-col items-start justify-center",
-						index === 6 && "border-r-0",
-						day.isSame(moment(), "day") && "bg-blue-300/10"
-					)}
-				>
-					<span className="text-sm font-medium text-neutral-500 dark:text-neutral-400">
-						{day.format("ddd").toUpperCase()}
-					</span>
-					<span className="text-xl font-medium">{day.format("D")}</span>
-				</div>
-			))}
-		</div>
-	);
-}
diff --git a/src/icons/calendar/index.ts b/src/icons/calendar/index.ts
index 6ffc560..4ab4228 100644
--- a/src/icons/calendar/index.ts
+++ b/src/icons/calendar/index.ts
@@ -2,3 +2,4 @@ export * from './day-icon';
 export * from './month-icon';
 export * from './three-day-icon';
 export * from './week-icon';
+export * from './schedule-icon';
diff --git a/src/icons/calendar/month-icon.tsx b/src/icons/calendar/month-icon.tsx
index 02ba843..b68a7f9 100644
--- a/src/icons/calendar/month-icon.tsx
+++ b/src/icons/calendar/month-icon.tsx
@@ -1,7 +1,7 @@
 export function MonthIcon({ className }: { className?: string }) {
 	return (
-		<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none" className={className}>
-			<path d="M7 7.875C7 8.17337 6.88147 8.45952 6.6705 8.6705C6.45952 8.88147 6.17337 9 5.875 9C5.57663 9 5.29048 8.88147 5.0795 8.6705C4.86853 8.45952 4.75 8.17337 4.75 7.875C4.75 7.57663 4.86853 7.29048 5.0795 7.0795C5.29048 6.86853 5.57663 6.75 5.875 6.75C6.17337 6.75 6.45952 6.86853 6.6705 7.0795C6.88147 7.29048 7 7.57663 7 7.875ZM5.875 13.5C6.17337 13.5 6.45952 13.3815 6.6705 13.1705C6.88147 12.9595 7 12.6734 7 12.375C7 12.0766 6.88147 11.7905 6.6705 11.5795C6.45952 11.3685 6.17337 11.25 5.875 11.25C5.57663 11.25 5.29048 11.3685 5.0795 11.5795C4.86853 11.7905 4.75 12.0766 4.75 12.375C4.75 12.6734 4.86853 12.9595 5.0795 13.1705C5.29048 13.3815 5.57663 13.5 5.875 13.5ZM10 13.5C10.2984 13.5 10.5845 13.3815 10.7955 13.1705C11.0065 12.9595 11.125 12.6734 11.125 12.375C11.125 12.0766 11.0065 11.7905 10.7955 11.5795C10.5845 11.3685 10.2984 11.25 10 11.25C9.70163 11.25 9.41548 11.3685 9.2045 11.5795C8.99353 11.7905 8.875 12.0766 8.875 12.375C8.875 12.6734 8.99353 12.9595 9.2045 13.1705C9.41548 13.3815 9.70163 13.5 10 13.5ZM10 9C10.1477 9 10.294 8.9709 10.4305 8.91436C10.567 8.85783 10.691 8.77496 10.7955 8.6705C10.9 8.56603 10.9828 8.44201 11.0394 8.30552C11.0959 8.16903 11.125 8.02274 11.125 7.875C11.125 7.72726 11.0959 7.58097 11.0394 7.44448C10.9828 7.30799 10.9 7.18397 10.7955 7.0795C10.691 6.97504 10.567 6.89217 10.4305 6.83564C10.294 6.7791 10.1477 6.75 10 6.75C9.70163 6.75 9.41548 6.86853 9.2045 7.0795C8.99353 7.29048 8.875 7.57663 8.875 7.875C8.875 8.17337 8.99353 8.45952 9.2045 8.6705C9.41548 8.88147 9.70163 9 10 9ZM14.125 9C14.2727 9 14.419 8.9709 14.5555 8.91436C14.692 8.85783 14.816 8.77496 14.9205 8.6705C15.025 8.56603 15.1078 8.44201 15.1644 8.30552C15.2209 8.16903 15.25 8.02274 15.25 7.875C15.25 7.72726 15.2209 7.58097 15.1644 7.44448C15.1078 7.30799 15.025 7.18397 14.9205 7.0795C14.816 6.97504 14.692 6.89217 14.5555 6.83564C14.419 6.7791 14.2727 6.75 14.125 6.75C13.8266 6.75 13.5405 6.86853 13.3295 7.0795C13.1185 7.29048 13 7.57663 13 7.875C13 8.17337 13.1185 8.45952 13.3295 8.6705C13.5405 8.88147 13.8266 9 14.125 9ZM3.625 0.75C2.72989 0.75 1.87145 1.10558 1.23851 1.73851C0.605579 2.37145 0.25 3.22989 0.25 4.125V16.875C0.25 17.7701 0.605579 18.6285 1.23851 19.2615C1.87145 19.8944 2.72989 20.25 3.625 20.25H16.375C17.2701 20.25 18.1285 19.8944 18.7615 19.2615C19.3944 18.6285 19.75 17.7701 19.75 16.875V4.125C19.75 3.22989 19.3944 2.37145 18.7615 1.73851C18.1285 1.10558 17.2701 0.75 16.375 0.75H3.625ZM1.75 4.125C1.75 3.62772 1.94754 3.15081 2.29917 2.79917C2.65081 2.44754 3.12772 2.25 3.625 2.25H16.375C16.8723 2.25 17.3492 2.44754 17.7008 2.79917C18.0525 3.15081 18.25 3.62772 18.25 4.125V16.875C18.25 17.3723 18.0525 17.8492 17.7008 18.2008C17.3492 18.5525 16.8723 18.75 16.375 18.75H3.625C3.12772 18.75 2.65081 18.5525 2.29917 18.2008C1.94754 17.8492 1.75 17.3723 1.75 16.875V4.125Z" fill="#737374" />
+		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" className={className}>
+			<path d="M9 9.375C9 9.67337 8.88147 9.95952 8.6705 10.1705C8.45952 10.3815 8.17337 10.5 7.875 10.5C7.57663 10.5 7.29048 10.3815 7.0795 10.1705C6.86853 9.95952 6.75 9.67337 6.75 9.375C6.75 9.07663 6.86853 8.79048 7.0795 8.5795C7.29048 8.36853 7.57663 8.25 7.875 8.25C8.17337 8.25 8.45952 8.36853 8.6705 8.5795C8.88147 8.79048 9 9.07663 9 9.375ZM7.875 15C8.17337 15 8.45952 14.8815 8.6705 14.6705C8.88147 14.4595 9 14.1734 9 13.875C9 13.5766 8.88147 13.2905 8.6705 13.0795C8.45952 12.8685 8.17337 12.75 7.875 12.75C7.57663 12.75 7.29048 12.8685 7.0795 13.0795C6.86853 13.2905 6.75 13.5766 6.75 13.875C6.75 14.1734 6.86853 14.4595 7.0795 14.6705C7.29048 14.8815 7.57663 15 7.875 15ZM12 15C12.2984 15 12.5845 14.8815 12.7955 14.6705C13.0065 14.4595 13.125 14.1734 13.125 13.875C13.125 13.5766 13.0065 13.2905 12.7955 13.0795C12.5845 12.8685 12.2984 12.75 12 12.75C11.7016 12.75 11.4155 12.8685 11.2045 13.0795C10.9935 13.2905 10.875 13.5766 10.875 13.875C10.875 14.1734 10.9935 14.4595 11.2045 14.6705C11.4155 14.8815 11.7016 15 12 15ZM12 10.5C12.1477 10.5 12.294 10.4709 12.4305 10.4144C12.567 10.3578 12.691 10.275 12.7955 10.1705C12.9 10.066 12.9828 9.94201 13.0394 9.80552C13.0959 9.66903 13.125 9.52274 13.125 9.375C13.125 9.22726 13.0959 9.08097 13.0394 8.94448C12.9828 8.80799 12.9 8.68397 12.7955 8.5795C12.691 8.47504 12.567 8.39217 12.4305 8.33564C12.294 8.2791 12.1477 8.25 12 8.25C11.7016 8.25 11.4155 8.36853 11.2045 8.5795C10.9935 8.79048 10.875 9.07663 10.875 9.375C10.875 9.67337 10.9935 9.95952 11.2045 10.1705C11.4155 10.3815 11.7016 10.5 12 10.5ZM16.125 10.5C16.2727 10.5 16.419 10.4709 16.5555 10.4144C16.692 10.3578 16.816 10.275 16.9205 10.1705C17.025 10.066 17.1078 9.94201 17.1644 9.80552C17.2209 9.66903 17.25 9.52274 17.25 9.375C17.25 9.22726 17.2209 9.08097 17.1644 8.94448C17.1078 8.80799 17.025 8.68397 16.9205 8.5795C16.816 8.47504 16.692 8.39217 16.5555 8.33564C16.419 8.2791 16.2727 8.25 16.125 8.25C15.8266 8.25 15.5405 8.36853 15.3295 8.5795C15.1185 8.79048 15 9.07663 15 9.375C15 9.67337 15.1185 9.95952 15.3295 10.1705C15.5405 10.3815 15.8266 10.5 16.125 10.5ZM5.625 2.25C4.72989 2.25 3.87145 2.60558 3.23851 3.23851C2.60558 3.87145 2.25 4.72989 2.25 5.625V18.375C2.25 19.2701 2.60558 20.1285 3.23851 20.7615C3.87145 21.3944 4.72989 21.75 5.625 21.75H18.375C19.2701 21.75 20.1285 21.3944 20.7615 20.7615C21.3944 20.1285 21.75 19.2701 21.75 18.375V5.625C21.75 4.72989 21.3944 3.87145 20.7615 3.23851C20.1285 2.60558 19.2701 2.25 18.375 2.25H5.625ZM3.75 5.625C3.75 5.12772 3.94754 4.65081 4.29917 4.29917C4.65081 3.94754 5.12772 3.75 5.625 3.75H18.375C18.8723 3.75 19.3492 3.94754 19.7008 4.29917C20.0525 4.65081 20.25 5.12772 20.25 5.625V18.375C20.25 18.8723 20.0525 19.3492 19.7008 19.7008C19.3492 20.0525 18.8723 20.25 18.375 20.25H5.625C5.12772 20.25 4.65081 20.0525 4.29917 19.7008C3.94754 19.3492 3.75 18.8723 3.75 18.375V5.625Z" fill="black" />
 		</svg>
 	)
 }
diff --git a/src/icons/calendar/schedule-icon.tsx b/src/icons/calendar/schedule-icon.tsx
new file mode 100644
index 0000000..9ba331b
--- /dev/null
+++ b/src/icons/calendar/schedule-icon.tsx
@@ -0,0 +1,7 @@
+export function ScheduleIcon({ className }: { className?: string }) {
+	return (
+		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" className={className}>
+			<path d="M7.63162 17.6064C7.87687 17.6064 8.08237 17.5231 8.24812 17.3566C8.41312 17.1909 8.49562 16.985 8.49562 16.739C8.49562 16.493 8.41237 16.2875 8.24587 16.1225C8.07937 15.9575 7.8735 15.875 7.62825 15.875C7.383 15.875 7.1775 15.9582 7.01175 16.1247C6.846 16.2912 6.7635 16.4971 6.76425 16.7424C6.765 16.9876 6.84825 17.1927 7.014 17.3577C7.17975 17.5227 7.38562 17.6064 7.63162 17.6064ZM7.63162 13.3651C7.87687 13.3651 8.08237 13.2822 8.24812 13.1165C8.41312 12.95 8.49562 12.7437 8.49562 12.4977C8.49562 12.2517 8.41237 12.0466 8.24587 11.8824C8.07937 11.7181 7.8735 11.6356 7.62825 11.6349C7.383 11.6341 7.1775 11.717 7.01175 11.8835C6.846 12.05 6.7635 12.2562 6.76425 12.5022C6.765 12.7482 6.84825 12.9534 7.014 13.1176C7.17975 13.2819 7.38562 13.3644 7.63162 13.3651ZM7.63162 9.125C7.87687 9.125 8.08237 9.04212 8.24812 8.87637C8.41312 8.70987 8.49562 8.50362 8.49562 8.25762C8.49562 8.01162 8.41237 7.8065 8.24587 7.64225C8.07937 7.478 7.8735 7.3955 7.62825 7.39475C7.383 7.394 7.1775 7.47687 7.01175 7.64337C6.84675 7.80987 6.76425 8.01575 6.76425 8.261C6.76425 8.50625 6.8475 8.71175 7.014 8.8775C7.1805 9.04325 7.38637 9.12575 7.63162 9.125ZM11.6535 17.3037H16.5866C16.7464 17.3037 16.8799 17.2494 16.9871 17.1406C17.0944 17.0319 17.1484 16.8984 17.1491 16.7401C17.1499 16.5819 17.0959 16.4484 16.9871 16.3396C16.8784 16.2309 16.7449 16.1769 16.5866 16.1776H11.6535C11.4945 16.1776 11.361 16.2316 11.253 16.3396C11.145 16.4476 11.091 16.5815 11.091 16.7412C11.091 16.901 11.145 17.0345 11.253 17.1417C11.361 17.249 11.4945 17.3026 11.6535 17.3026M11.6535 13.0625H16.5866C16.7464 13.0625 16.8799 13.0085 16.9871 12.9005C17.0944 12.7925 17.1484 12.6586 17.1491 12.4989C17.1499 12.3391 17.0959 12.2056 16.9871 12.0984C16.8784 11.9911 16.7449 11.9375 16.5866 11.9375H11.6535C11.4945 11.9375 11.361 11.9915 11.253 12.0995C11.145 12.2075 11.091 12.3414 11.091 12.5011C11.091 12.6609 11.145 12.7944 11.253 12.9016C11.361 13.0089 11.4945 13.0625 11.6535 13.0625ZM11.6535 8.82125H16.5866C16.7464 8.82125 16.8799 8.76762 16.9871 8.66037C17.0951 8.55237 17.1491 8.4185 17.1491 8.25875C17.1491 8.099 17.0951 7.9655 16.9871 7.85825C16.8791 7.751 16.7456 7.69737 16.5866 7.69737H11.6535C11.4945 7.69737 11.361 7.75137 11.253 7.85937C11.145 7.96737 11.091 8.10125 11.091 8.261C11.091 8.42075 11.145 8.55425 11.253 8.6615C11.361 8.76875 11.4945 8.82237 11.6535 8.82237M4.818 21.5C4.29975 21.5 3.86737 21.3267 3.52087 20.9802C3.17437 20.6337 3.00075 20.201 3 19.682V5.318C3 4.79975 3.17362 4.36737 3.52087 4.02087C3.86812 3.67437 4.3005 3.50075 4.818 3.5H19.1831C19.7006 3.5 20.133 3.67362 20.4802 4.02087C20.8275 4.36812 21.0007 4.8005 21 5.318V19.6831C21 20.2006 20.8267 20.633 20.4802 20.9802C20.1337 21.3275 19.701 21.5007 19.182 21.5H4.818ZM4.818 20.375H19.1831C19.3556 20.375 19.5142 20.303 19.659 20.159C19.8037 20.015 19.8757 19.856 19.875 19.682V5.318C19.875 5.14475 19.803 4.98575 19.659 4.841C19.515 4.69625 19.356 4.62425 19.182 4.625H4.818C4.64475 4.625 4.48575 4.697 4.341 4.841C4.19625 4.985 4.12425 5.144 4.125 5.318V19.6831C4.125 19.8556 4.197 20.0142 4.341 20.159C4.485 20.3037 4.64362 20.3757 4.81687 20.375" fill="black" />
+		</svg>
+	)
+}
diff --git a/src/icons/calendar/week-icon.tsx b/src/icons/calendar/week-icon.tsx
index 8dff38f..b7729d3 100644
--- a/src/icons/calendar/week-icon.tsx
+++ b/src/icons/calendar/week-icon.tsx
@@ -1,7 +1,7 @@
 export function WeekIcon({ className }: { className?: string }) {
 	return (
-		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" className={className}>
-			<path d="M7.63162 17.6064C7.87687 17.6064 8.08237 17.5231 8.24812 17.3566C8.41312 17.1909 8.49562 16.985 8.49562 16.739C8.49562 16.493 8.41237 16.2875 8.24587 16.1225C8.07937 15.9575 7.8735 15.875 7.62825 15.875C7.383 15.875 7.1775 15.9582 7.01175 16.1247C6.846 16.2912 6.7635 16.4971 6.76425 16.7424C6.765 16.9876 6.84825 17.1927 7.014 17.3577C7.17975 17.5227 7.38562 17.6064 7.63162 17.6064ZM7.63162 13.3651C7.87687 13.3651 8.08237 13.2822 8.24812 13.1165C8.41312 12.95 8.49562 12.7437 8.49562 12.4977C8.49562 12.2517 8.41237 12.0466 8.24587 11.8824C8.07937 11.7181 7.8735 11.6356 7.62825 11.6349C7.383 11.6341 7.1775 11.717 7.01175 11.8835C6.846 12.05 6.7635 12.2562 6.76425 12.5022C6.765 12.7482 6.84825 12.9534 7.014 13.1176C7.17975 13.2819 7.38562 13.3644 7.63162 13.3651ZM7.63162 9.125C7.87687 9.125 8.08237 9.04212 8.24812 8.87637C8.41312 8.70987 8.49562 8.50362 8.49562 8.25762C8.49562 8.01162 8.41237 7.8065 8.24587 7.64225C8.07937 7.478 7.8735 7.3955 7.62825 7.39475C7.383 7.394 7.1775 7.47687 7.01175 7.64337C6.84675 7.80987 6.76425 8.01575 6.76425 8.261C6.76425 8.50625 6.8475 8.71175 7.014 8.8775C7.1805 9.04325 7.38637 9.12575 7.63162 9.125ZM11.6535 17.3037H16.5866C16.7464 17.3037 16.8799 17.2494 16.9871 17.1406C17.0944 17.0319 17.1484 16.8984 17.1491 16.7401C17.1499 16.5819 17.0959 16.4484 16.9871 16.3396C16.8784 16.2309 16.7449 16.1769 16.5866 16.1776H11.6535C11.4945 16.1776 11.361 16.2316 11.253 16.3396C11.145 16.4476 11.091 16.5815 11.091 16.7412C11.091 16.901 11.145 17.0345 11.253 17.1417C11.361 17.249 11.4945 17.3026 11.6535 17.3026M11.6535 13.0625H16.5866C16.7464 13.0625 16.8799 13.0085 16.9871 12.9005C17.0944 12.7925 17.1484 12.6586 17.1491 12.4989C17.1499 12.3391 17.0959 12.2056 16.9871 12.0984C16.8784 11.9911 16.7449 11.9375 16.5866 11.9375H11.6535C11.4945 11.9375 11.361 11.9915 11.253 12.0995C11.145 12.2075 11.091 12.3414 11.091 12.5011C11.091 12.6609 11.145 12.7944 11.253 12.9016C11.361 13.0089 11.4945 13.0625 11.6535 13.0625ZM11.6535 8.82125H16.5866C16.7464 8.82125 16.8799 8.76762 16.9871 8.66037C17.0951 8.55237 17.1491 8.4185 17.1491 8.25875C17.1491 8.099 17.0951 7.9655 16.9871 7.85825C16.8791 7.751 16.7456 7.69737 16.5866 7.69737H11.6535C11.4945 7.69737 11.361 7.75137 11.253 7.85937C11.145 7.96737 11.091 8.10125 11.091 8.261C11.091 8.42075 11.145 8.55425 11.253 8.6615C11.361 8.76875 11.4945 8.82237 11.6535 8.82237M4.818 21.5C4.29975 21.5 3.86737 21.3267 3.52087 20.9802C3.17437 20.6337 3.00075 20.201 3 19.682V5.318C3 4.79975 3.17362 4.36737 3.52087 4.02087C3.86812 3.67437 4.3005 3.50075 4.818 3.5H19.1831C19.7006 3.5 20.133 3.67362 20.4802 4.02087C20.8275 4.36812 21.0007 4.8005 21 5.318V19.6831C21 20.2006 20.8267 20.633 20.4802 20.9802C20.1337 21.3275 19.701 21.5007 19.182 21.5H4.818ZM4.818 20.375H19.1831C19.3556 20.375 19.5142 20.303 19.659 20.159C19.8037 20.015 19.8757 19.856 19.875 19.682V5.318C19.875 5.14475 19.803 4.98575 19.659 4.841C19.515 4.69625 19.356 4.62425 19.182 4.625H4.818C4.64475 4.625 4.48575 4.697 4.341 4.841C4.19625 4.985 4.12425 5.144 4.125 5.318V19.6831C4.125 19.8556 4.197 20.0142 4.341 20.159C4.485 20.3037 4.64362 20.3757 4.81687 20.375" fill="black" />
+		<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" className={className}>
+			<path d="M14.75 0C15.612 0 16.4386 0.34241 17.0481 0.951903C17.6576 1.5614 18 2.38805 18 3.25V14.75C18 15.612 17.6576 16.4386 17.0481 17.0481C16.4386 17.6576 15.612 18 14.75 18H3.25C2.38805 18 1.5614 17.6576 0.951903 17.0481C0.34241 16.4386 0 15.612 0 14.75V3.25C0 2.38805 0.34241 1.5614 0.951903 0.951903C1.5614 0.34241 2.38805 0 3.25 0H14.75ZM14.75 1.5H3.25C2.78587 1.5 2.34075 1.68437 2.01256 2.01256C1.68437 2.34075 1.5 2.78587 1.5 3.25V14.75C1.5 15.716 2.284 16.5 3.25 16.5H14.75C15.2141 16.5 15.6592 16.3156 15.9874 15.9874C16.3156 15.6592 16.5 15.2141 16.5 14.75V3.25C16.5 2.78587 16.3156 2.34075 15.9874 2.01256C15.6592 1.68437 15.2141 1.5 14.75 1.5ZM4.75 4C4.93124 4.00001 5.10634 4.06564 5.24293 4.18477C5.37952 4.30389 5.46835 4.46845 5.493 4.648L5.5 4.75V13.25C5.49994 13.44 5.42776 13.6229 5.29803 13.7618C5.1683 13.9006 4.9907 13.9851 4.80112 13.998C4.61154 14.011 4.42411 13.9515 4.2767 13.8316C4.12929 13.7117 4.0329 13.5402 4.007 13.352L4 13.25V4.75C4 4.55109 4.07902 4.36032 4.21967 4.21967C4.36032 4.07902 4.55109 4 4.75 4Z" fill="black" />
 		</svg>
 	)
 }

From 33432bff0813cec02cff2a8c0216491ba0c2cb4f Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 25 Dec 2024 21:08:10 -0500
Subject: [PATCH 11/54] more logic fixing for calendar views

---
 src/app/page.tsx                              |   4 +-
 src/components/Calendar/event-layer.tsx       |   8 +-
 .../three-day-header.tsx}                     |   0
 .../Calendar/views/week/week-header.tsx       |  36 ++++
 .../views/{ => week}/week-view-grid.tsx       |  31 +++-
 src/components/Calendar/week-calendar.tsx     | 165 ++++++++++--------
 src/lib/types.ts                              |   3 +
 7 files changed, 170 insertions(+), 77 deletions(-)
 rename src/components/Calendar/views/{week-header.tsx => three-day/three-day-header.tsx} (100%)
 create mode 100644 src/components/Calendar/views/week/week-header.tsx
 rename src/components/Calendar/views/{ => week}/week-view-grid.tsx (56%)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1602dbb..b997abe 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -67,8 +67,8 @@ export default function Home() {
 							? calendarOpen && (<Calendar />)
 							: <Sheet open={calendarOpen} onOpenChange={() => setCalendarOpen()} >
 
-								<SheetContent className="!max-w-full w-full">
-									<div className="flex flex-row gap-6">
+								<SheetContent className="!max-w-full w-full p-1">
+									<div className="flex flex-row gap-6 p-6">
 										<SheetTrigger className=" hover:bg-gray-300/40 -top-4 sm:top-0 rounded-sm"
 										>
 											<ArrowLeft />
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index d7ef383..521f359 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -5,9 +5,10 @@ import type { CalendarEvent } from '@/types';
 interface EventLayerProps {
 	events: CalendarEvent[];
 	weekDays: moment.Moment[];
+	view: CalendarView;
 }
 
-export function EventLayer({ events, weekDays }: EventLayerProps) {
+export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 	const calculateEventPosition = (event: CalendarEvent) => {
 		const dayIndex = weekDays.findIndex(day => day.isSame(event.start, 'day'));
 		if (dayIndex === -1) return null;
@@ -30,6 +31,8 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 				"ml-8 lg:ml-[4.5rem]", // Time column width
 				"absolute inset-0 grid h-[1440px]",
 				"grid-cols-[auto_repeat(5,_1fr)] lg:grid-cols-[auto_repeat(7,_1fr)]",
+				view === 'week' && "grid-cols-[auto_repeat(5,_1fr)]",
+				view === '3day' && "grid-cols-[auto_repeat(3,_1fr)]",
 			)}
 			style={{
 				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
@@ -45,7 +48,8 @@ export function EventLayer({ events, weekDays }: EventLayerProps) {
 						className={cn(
 							"absolute mx-1 rounded-md p-2 overflow-hidden",
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
-							"min-w-[4.3rem] max-w-[4.3rem] sm:min-w-[7rem] sm:max-w-[7rem]",
+							view === 'week' && "min-w-[4.8rem] max-w-[4.8rem] sm:min-w-[7rem] sm:max-w-[7rem]",
+							view === '3day' && "min-w-[8rem] max-w-[8rem]",
 							event.color,
 							"dark:invert dark:bg-neutral-300 dark:shadow-white",
 							"bg-opacity-70 hover:bg-opacity-100"
diff --git a/src/components/Calendar/views/week-header.tsx b/src/components/Calendar/views/three-day/three-day-header.tsx
similarity index 100%
rename from src/components/Calendar/views/week-header.tsx
rename to src/components/Calendar/views/three-day/three-day-header.tsx
diff --git a/src/components/Calendar/views/week/week-header.tsx b/src/components/Calendar/views/week/week-header.tsx
new file mode 100644
index 0000000..6a53f27
--- /dev/null
+++ b/src/components/Calendar/views/week/week-header.tsx
@@ -0,0 +1,36 @@
+import moment from 'moment';
+import { cn } from '@/lib/utils';
+
+interface WeekHeaderProps {
+	days: moment.Moment[];
+	view: CalendarView;
+}
+
+export function WeekHeader({ days, view }: WeekHeaderProps) {
+	return (
+		<div className={cn(
+			"ml-10 grid",
+			view === "week" && "grid-cols-5",
+			view === "3day" && "grid-cols-3"
+		)}>
+			{days.map((day, index) => (
+				<div
+					key={day.format()}
+					className={cn(
+						"p-2 text-center font-semibold py-2 h-16 flex flex-col items-center justify-center rounded-xl",
+						index === 6 && "border-r-0",
+						day.isSame(moment(), "day") && "bg-blue-400/50"
+					)}
+				>
+					<span className="text-xl font-semibold">{day.format("D")}</span>
+					<span className={cn(
+						"text-sm font-normal",
+						!day.isSame(moment(), "day") && "text-neutral-500 dark:text-neutral-400"
+					)}>
+						{day.format("ddd")}
+					</span>
+				</div>
+			))}
+		</div>
+	);
+}
diff --git a/src/components/Calendar/views/week-view-grid.tsx b/src/components/Calendar/views/week/week-view-grid.tsx
similarity index 56%
rename from src/components/Calendar/views/week-view-grid.tsx
rename to src/components/Calendar/views/week/week-view-grid.tsx
index c29612a..2d4e44f 100644
--- a/src/components/Calendar/views/week-view-grid.tsx
+++ b/src/components/Calendar/views/week/week-view-grid.tsx
@@ -1,15 +1,35 @@
 import { cn, formatHourIntl } from '@/lib/utils';
 import { useWindowSize } from '@/hooks';
 import { MinimumWidth } from '@/types';
+import moment from 'moment';
 
-export function WeekViewGrid() {
+const findDayLength = (view: 'week' | '3day') => {
+	if (view === 'week') return 5;
+	if (view === '3day') return 3;
+	return 5;
+}
+
+const findTodayIndex = (weekDays: moment.Moment[]) => {
+	return weekDays.findIndex(day => day.isSame(moment(), 'day'));
+}
+
+interface WeekViewGridProps {
+	weekDays: moment.Moment[];
+	view: CalendarView;
+}
+
+export function WeekViewGrid({ weekDays, view }: WeekViewGridProps) {
 	const hours = Array.from({ length: 24 }, (_, i) => i);
 	const windowSize = useWindowSize();
 	const isDesktop = windowSize.width > MinimumWidth.Large;
 
 	return (
 		<div
-			className="mt-2 ml-10 grid h-[1440px] grid-cols-[auto_repeat(5,_1fr)]"
+			className={cn(
+				"mt-2 ml-10 grid h-[1440px] grid-cols-[auto_repeat(5,_1fr)]",
+				view === 'week' && "grid-cols-[auto_repeat(5,_1fr)]",
+				view === '3day' && "grid-cols-[auto_repeat(3,_1fr)]",
+			)}
 			style={{
 				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
 			}}
@@ -32,7 +52,7 @@ export function WeekViewGrid() {
 			</div>
 
 			{/* Day columns */}
-			{Array.from({ length: isDesktop ? 7 : 5 }).map((_, dayIndex) => (
+			{Array.from({ length: findDayLength(view) }).map((_, dayIndex) => (
 				<div
 					key={dayIndex}
 					className={cn("border-r relative", dayIndex === 6 && "border-r-0")}
@@ -40,7 +60,10 @@ export function WeekViewGrid() {
 					{hours.map((hour) => (
 						<div
 							key={hour}
-							className="h-[60px] border-r border-t border-border/50 dark:border-neutral-200/10"
+							className={cn(
+								"h-[60px] border-r border-t border-border/50 dark:border-neutral-200/10",
+								findTodayIndex(weekDays) === dayIndex && "bg-neutral-100"
+							)}
 							style={{
 								gridRow: `span 12`, // 12 5-minute slots per hour
 							}}
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 3eabaf4..29b9d5e 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -1,7 +1,7 @@
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import moment from 'moment';
 import { CalendarDays, ChevronDownIcon, ChevronLeft, ChevronRight } from 'lucide-react';
-import { WeekHeader } from './views/week-header';
+import { WeekHeader } from './views/week/week-header';
 import { TimeGrid } from './time-grid';
 import { EventLayer } from './event-layer';
 import { MinimumWidth, type CalendarEvent } from '@/types';
@@ -10,7 +10,7 @@ import { useMaskImage } from '@/hooks';
 import NewEventButton from './new-event';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../ui/dropdown-menu';
 import { MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icons/calendar';
-import { WeekViewGrid } from './views/week-view-grid';
+import { WeekViewGrid } from './views/week/week-view-grid';
 
 const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 	const today = moment(baseDate).startOf('week').add(1, 'day'); // Start from Monday
@@ -66,7 +66,7 @@ export default function WeekCalendar() {
 	const [events] = useState<CalendarEvent[]>(() => generateMockEvents(currentDate));
 	const isDesktop = window.innerWidth > MinimumWidth.Large;
 	const scrollRef = useRef<HTMLDivElement>(null);
-	const [currentView, setCurrentView] = useState('week');
+	const [currentView, setCurrentView] = useState<CalendarView>('week');
 
 	useMaskImage(scrollRef);
 
@@ -77,19 +77,20 @@ export default function WeekCalendar() {
 	);
 
 	const goToPreviousWeek = () => {
-		if (isDesktop) {
-			const newDate = currentDate.clone().subtract(1, "week");
-			setCurrentDate(newDate);
-			setWeekDays(
-				Array.from({ length: 7 }, (_, i) =>
-					moment(newDate).startOf('week').add(i, 'days')
-				)
-			);
-		} else {
+		// if (currentView === 'week') {
+		// 	const newDate = currentDate.clone().subtract(1, "week");
+		// 	setCurrentDate(newDate);
+		// 	setWeekDays(
+		// 		Array.from({ length: 5 }, (_, i) =>
+		// 			moment(newDate).startOf('week').add(i, 'days')
+		// 		)
+		// 	);
+		// } else
+		if (currentView === 'week' || currentView === '3day') {
 			const newDate = currentDate.clone().subtract(1, "days")
 			setCurrentDate(newDate);
 			setWeekDays(
-				Array.from({ length: 5 }, (_, i) =>
+				Array.from({ length: currentView === 'week' ? 5 : 3 }, (_, i) =>
 					moment(newDate).add(i, 'days')
 				)
 			);
@@ -97,19 +98,20 @@ export default function WeekCalendar() {
 	};
 
 	const goToNextWeek = () => {
-		if (isDesktop) {
-			const newDate = currentDate.clone().add(1, "week");
-			setCurrentDate(newDate);
-			setWeekDays(
-				Array.from({ length: 7 }, (_, i) =>
-					moment(newDate).startOf('week').add(i, 'days')
-				)
-			);
-		} else {
+		// if (currentView === 'ddd') {
+		// 	const newDate = currentDate.clone().add(1, "week");
+		// 	setCurrentDate(newDate);
+		// 	setWeekDays(
+		// 		Array.from({ length: 5 }, (_, i) =>
+		// 			moment(newDate).startOf('week').add(i, 'days')
+		// 		)
+		// 	);
+		// } else
+		if (currentView === 'week' || currentView === '3day') {
 			const newDate = currentDate.clone().add(1, "days");
 			setCurrentDate(newDate);
 			setWeekDays(
-				Array.from({ length: 5 }, (_, i) =>
+				Array.from({ length: currentView === 'week' ? 5 : 3 }, (_, i) =>
 					moment(newDate).add(i, 'days')
 				)
 			);
@@ -119,21 +121,45 @@ export default function WeekCalendar() {
 	const goToToday = () => {
 		const newDate = moment();
 		setCurrentDate(moment());
-		setWeekDays(
-			Array.from({ length: isDesktop ? 7 : 5 }, (_, i) =>
-				moment(newDate).startOf(isDesktop ? 'week' : 'day').add(i, 'days')
-			)
-		);
+		if (currentView === 'week') {
+			setWeekDays(
+				Array.from({ length: 5 }, (_, i) =>
+					moment(newDate).add(i, 'days')
+				)
+			);
+		} else if (currentView === '3day') {
+			setWeekDays(
+				Array.from({ length: 3 }, (_, i) =>
+					moment(newDate).add(i, 'days')
+				)
+			);
+		}
 	};
 
+	useEffect(() => {
+		if (currentView === 'week') {
+			setWeekDays(
+				Array.from({ length: 5 }, (_, i) =>
+					moment(currentDate).add(i, 'days')
+				)
+			);
+		} else if (currentView === '3day') {
+			setWeekDays(
+				Array.from({ length: 3 }, (_, i) =>
+					moment(currentDate).add(i, 'days')
+				)
+			);
+		}
+	}, [currentView]);
+
 	return (
 		<div className="w-full max-w-4xl flex flex-col h-[800px] bg-background rounded-lg">
-					<div className="flex items-center gap-2 w-full justify-center mt-4">
-					<CalendarDays className="w-6 h-6 text-primary" />
-					<h2 className="text-md lg:text-xl text-primary font-medium">
-						{currentDate.format('MMMM YYYY')}
-					</h2>
-				</div>
+			<div className="flex items-center gap-2 w-full mt-4 px-4">
+				<CalendarDays className="w-6 h-6 text-primary" />
+				<h2 className="text-md lg:text-xl text-primary font-medium">
+					{currentDate.format('MMMM YYYY')}
+				</h2>
+			</div>
 
 			<div className="flex items-center p-4 gap-2">
 				<div className="inline-flex -space-x-px rounded-2xl rtl:space-x-reverse shadow-sm border border-neutral-200">
@@ -165,47 +191,48 @@ export default function WeekCalendar() {
 				</div>
 				{/* <NewEventButton /> */}
 				<div className='w-full'>
-				<DropdownMenu>
-					<DropdownMenuTrigger asChild>
-						<Button variant="outline" className='rounded-2xl w-full justify-between'>
-							<div className='flex flex-row'>
-								<ThreeDayIcon className='mr-2' />3 Day
-							</div>
-							<div>
-								<ChevronDownIcon />
-								<span className='sr-only'>Open menu</span>
-							</div>
-						</Button>
-					</DropdownMenuTrigger>
-					<DropdownMenuContent className='rounded-2xl'>
-						<DropdownMenuItem className='flex items-center gap-1'>
-							<ThreeDayIcon />3 Day
-						</DropdownMenuItem>
-						<DropdownMenuSeparator />
-						<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('week')}>
-							<WeekIcon /> Week
-						</DropdownMenuItem>
-						<DropdownMenuSeparator />
-						<DropdownMenuItem className='flex items-center gap-1'>
-							<MonthIcon />Month
-						</DropdownMenuItem>
-						<DropdownMenuSeparator />
-						<DropdownMenuItem className='flex items-center gap-1'>
-							<ScheduleIcon />Schedule
-						</DropdownMenuItem>
-					</DropdownMenuContent>
-				</DropdownMenu>
-			</div>
+					<DropdownMenu>
+						<DropdownMenuTrigger asChild>
+							<Button variant="outline" className='rounded-2xl w-full justify-between'>
+								<div className='flex flex-row gap-2'>
+									{currentView === '3day' && (<><ThreeDayIcon />3 Day</>)}
+									{currentView === 'week' && (<><WeekIcon />Week</>)}
+								</div>
+								<div>
+									<ChevronDownIcon />
+									<span className='sr-only'>Open menu</span>
+								</div>
+							</Button>
+						</DropdownMenuTrigger>
+						<DropdownMenuContent className='rounded-2xl'>
+							<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('3day')}>
+								<ThreeDayIcon />3 Day
+							</DropdownMenuItem>
+							<DropdownMenuSeparator />
+							<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('week')}>
+								<WeekIcon /> Week
+							</DropdownMenuItem>
+							<DropdownMenuSeparator />
+							<DropdownMenuItem className='flex items-center gap-1'>
+								<MonthIcon />Month
+							</DropdownMenuItem>
+							<DropdownMenuSeparator />
+							<DropdownMenuItem className='flex items-center gap-1'>
+								<ScheduleIcon />Schedule
+							</DropdownMenuItem>
+						</DropdownMenuContent>
+					</DropdownMenu>
+				</div>
 
 			</div>
 
 
 
 			<div className="flex-1 overflow-scroll" ref={scrollRef}>
-				<WeekHeader days={weekDays} />
+				<WeekHeader days={weekDays} view={currentView} />
 				<div className="relative flex-1 overflow-y-auto">
-					<WeekViewGrid />
-					<EventLayer events={events} weekDays={weekDays} />
+					<WeekViewGrid view={currentView} weekDays={weekDays} />
+					<EventLayer events={events} weekDays={weekDays} view={currentView} />
 				</div>
 			</div>
 		</div>
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 1fcf2c4..a84d760 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -11,3 +11,6 @@ type Message = {
 	isUser: boolean;
 	timestamp: number;
 }
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+type CalendarView = 'week' | '3day';

From 57bbd633b56115cbf287e9b88cad9d84fd227214 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 26 Dec 2024 15:33:05 -0500
Subject: [PATCH 12/54] style and logic changes with grids

---
 src/components/Calendar/event-layer.tsx       | 19 +++++++--------
 src/components/Calendar/hours.tsx             | 23 +++++++++++++++++++
 .../Calendar/views/week/week-view-grid.tsx    | 23 ++++---------------
 src/components/Calendar/week-calendar.tsx     |  7 +++---
 4 files changed, 41 insertions(+), 31 deletions(-)
 create mode 100644 src/components/Calendar/hours.tsx

diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 521f359..817ae06 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -18,7 +18,8 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 		const duration = moment(event.end).diff(moment(event.start), 'minutes');
 
 		return {
-			gridColumn: dayIndex + 2, // +2 because first column is time
+			gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`, // 5 minutes per slot
+			gridColumn: dayIndex + 1, // +1 because first column is time
 			top: `${startHour * 60 + startMinute}px`,
 			height: `${duration}px`,
 		};
@@ -28,11 +29,12 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 		<div
 			className={cn(
 				"mt-2", // offset from the top
-				"ml-8 lg:ml-[4.5rem]", // Time column width
+				"ml-10 lg:ml-[4.5rem]", // Time column width
 				"absolute inset-0 grid h-[1440px]",
 				"grid-cols-[auto_repeat(5,_1fr)] lg:grid-cols-[auto_repeat(7,_1fr)]",
-				view === 'week' && "grid-cols-[auto_repeat(5,_1fr)]",
-				view === '3day' && "grid-cols-[auto_repeat(3,_1fr)]",
+				view === 'week' && "grid-cols-5",
+				view === '3day' && "grid-cols-3",
+				"row-start-1 col-start-1"
 			)}
 			style={{
 				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
@@ -46,18 +48,17 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 					<div
 						key={event.id}
 						className={cn(
-							"absolute mx-1 rounded-md p-2 overflow-hidden",
+							"flex flex-col relative mx-1 rounded-md p-2 overflow-hidden",
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
-							view === 'week' && "min-w-[4.8rem] max-w-[4.8rem] sm:min-w-[7rem] sm:max-w-[7rem]",
-							view === '3day' && "min-w-[8rem] max-w-[8rem]",
+							// view === 'week' && "min-w-[4.8rem] max-w-[4.8rem] sm:min-w-[7rem] sm:max-w-[7rem]",
+							// view === '3day' && "min-w-[8rem] max-w-[8rem]",
 							event.color,
 							"dark:invert dark:bg-neutral-300 dark:shadow-white",
 							"bg-opacity-70 hover:bg-opacity-100"
 						)}
 						style={{
+							gridRow: position.gridRow,
 							gridColumn: position.gridColumn,
-							top: position.top,
-							height: position.height,
 						}}
 						onMouseEnter={(e) => {
 							const currentTarget = e.currentTarget;
diff --git a/src/components/Calendar/hours.tsx b/src/components/Calendar/hours.tsx
new file mode 100644
index 0000000..eb754be
--- /dev/null
+++ b/src/components/Calendar/hours.tsx
@@ -0,0 +1,23 @@
+import { formatHourIntl } from "@/lib/utils";
+
+export default function CalendarHours() {
+	const hours = Array.from({ length: 24 }, (_, i) => i);
+
+	return (
+		<div className="mt-2 row-start-1 col-start-1">
+			{hours.map((hour) => (
+				<div
+					key={hour}
+					className="h-[60px] relative border-b border-border/50 w-max"
+					style={{
+						gridRow: `span 12`, // 12 5-minute slots per hour
+					}}
+				>
+					<span className="absolute -translate-y-1/2 text-xs text-muted-foreground px-2 w-max">
+						{formatHourIntl(hour)}
+					</span>
+				</div>
+			))}
+		</div>
+	)
+}
diff --git a/src/components/Calendar/views/week/week-view-grid.tsx b/src/components/Calendar/views/week/week-view-grid.tsx
index 2d4e44f..7a1c3ee 100644
--- a/src/components/Calendar/views/week/week-view-grid.tsx
+++ b/src/components/Calendar/views/week/week-view-grid.tsx
@@ -26,30 +26,15 @@ export function WeekViewGrid({ weekDays, view }: WeekViewGridProps) {
 	return (
 		<div
 			className={cn(
-				"mt-2 ml-10 grid h-[1440px] grid-cols-[auto_repeat(5,_1fr)]",
-				view === 'week' && "grid-cols-[auto_repeat(5,_1fr)]",
-				view === '3day' && "grid-cols-[auto_repeat(3,_1fr)]",
+				"mt-2 ml-10 grid h-[1440px] grid-cols-5 row-start-1 col-start-1",
+				view === 'week' && "grid-cols-5",
+				view === '3day' && "grid-cols-3",
 			)}
 			style={{
 				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
 			}}
 		>
-			{/* Time column */}
-			<div className="relative right-12">
-				{hours.map((hour) => (
-					<div
-						key={hour}
-						className="h-[60px] relative border-b border-border/50 w-max"
-						style={{
-							gridRow: `span 12`, // 12 5-minute slots per hour
-						}}
-					>
-						<span className="absolute -translate-y-1/2 text-xs text-muted-foreground px-2 w-max">
-							{formatHourIntl(hour)}
-						</span>
-					</div>
-				))}
-			</div>
+			
 
 			{/* Day columns */}
 			{Array.from({ length: findDayLength(view) }).map((_, dayIndex) => (
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 29b9d5e..17f7945 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -11,6 +11,7 @@ import NewEventButton from './new-event';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../ui/dropdown-menu';
 import { MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icons/calendar';
 import { WeekViewGrid } from './views/week/week-view-grid';
+import CalendarHours from './hours';
 
 const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 	const today = moment(baseDate).startOf('week').add(1, 'day'); // Start from Monday
@@ -227,10 +228,10 @@ export default function WeekCalendar() {
 			</div>
 
 
-
+			<WeekHeader days={weekDays} view={currentView} />
 			<div className="flex-1 overflow-scroll" ref={scrollRef}>
-				<WeekHeader days={weekDays} view={currentView} />
-				<div className="relative flex-1 overflow-y-auto">
+				<div className="relative flex-1 grid grid-cols-1 grid-rows-1">
+					<CalendarHours />
 					<WeekViewGrid view={currentView} weekDays={weekDays} />
 					<EventLayer events={events} weekDays={weekDays} view={currentView} />
 				</div>

From 9e86b26d609173c23d7ba5b44514315a39d6a82d Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 26 Dec 2024 15:53:31 -0500
Subject: [PATCH 13/54] begin scheduler page

---
 src/app/scheduler/page.tsx                  | 79 +++++++++++++++++++++
 src/components/InfoTooltip.tsx              |  4 +-
 src/components/Navigation/NavComponents.tsx |  9 +--
 src/stores/useConversationStore.ts          | 10 +++
 4 files changed, 96 insertions(+), 6 deletions(-)
 create mode 100644 src/app/scheduler/page.tsx

diff --git a/src/app/scheduler/page.tsx b/src/app/scheduler/page.tsx
new file mode 100644
index 0000000..ae3e63f
--- /dev/null
+++ b/src/app/scheduler/page.tsx
@@ -0,0 +1,79 @@
+"use client";
+import WeekCalendar from "@/components/Calendar/week-calendar";
+import ChatInterface from "@/components/ChatInterface";
+import InfoTooltip from "@/components/InfoTooltip";
+import Nav from "@/components/Navigation/Nav";
+import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
+import { cn } from "@/lib/utils";
+import { useCalendarStore } from "@/stores/useCalendarStore";
+import { useSchedulerStore } from "@/stores/useConversationStore";
+import { MinimumWidth } from "@/types";
+import { ArrowLeft, ArrowUpRight } from "lucide-react";
+import { useEffect } from "react"
+
+export default function Page() {
+	const isDesktop = window.innerWidth > MinimumWidth.Large;
+	const {
+		setSchedulerMessages,
+	} = useSchedulerStore();
+
+	const { calendarOpen, setCalendarOpen } = useCalendarStore();
+
+	useEffect(() => {
+		const fetchSchedulerChat = () => {
+			return JSON.parse(
+				window.localStorage.getItem("scheduler-messages") || "[]"
+			) as Message[];
+		};
+
+		if (typeof window !== "undefined") {
+			setSchedulerMessages(fetchSchedulerChat());
+		}
+	}, [setSchedulerMessages]);
+
+	return (
+		<div className="m-4 flex">
+			<Nav />
+			<div className={cn(
+				"w-full",
+				!calendarOpen && "sm:py-4 xl:px-24 lg:px-18 md:px-14 sm:px-3 "
+			)}>
+				<div className="flex flex-col">
+					<div className="flex flex-row pb-4 mb-4 md:relative md:left-[-50px] md:top-[20px] justify-center md:justify-normal">
+						<h1 className={cn(
+							"fixed md:relative text-xl px-4 py-2 font-semibold",
+							calendarOpen && "ml-8"
+						)}>DragonGPT Scheduler</h1>
+						<InfoTooltip />
+					</div>
+					<div className="flex flex-row gap-2 self-center border text-blue-950 border-blue-950 rounded-3xl p-4">
+						<div>
+							<p className="font-semibold">Dragon Scheduler</p>
+							<p>Take a look at your schedule</p>
+						</div>
+						<ArrowUpRight />
+					</div>
+					<div className="flex flex-row">
+						<ChatInterface />
+						{isDesktop
+							? calendarOpen && (<WeekCalendar />)
+							: <Sheet open={calendarOpen} onOpenChange={() => setCalendarOpen()} >
+								<SheetContent className="!max-w-full w-full">
+									<div className="flex flex-row gap-6">
+										<SheetTrigger className=" hover:bg-gray-300/40 -top-4 sm:top-0 rounded-sm"
+										>
+											<ArrowLeft />
+											<span className="sr-only">Exit calendar</span>
+										</SheetTrigger>
+										<span className="text-xl font-bold">Dragon Scheduler</span>
+									</div>
+									<WeekCalendar />
+								</SheetContent>
+							</Sheet>
+						}
+					</div>
+				</div>
+			</div>
+		</div>
+	)
+}
diff --git a/src/components/InfoTooltip.tsx b/src/components/InfoTooltip.tsx
index d0dcf8e..f3b225a 100644
--- a/src/components/InfoTooltip.tsx
+++ b/src/components/InfoTooltip.tsx
@@ -7,7 +7,7 @@ import {
 	TouchProvider,
 } from "./ui/TouchProvider";
 
-const CustomTooltip = () => {
+const InfoTooltip = () => {
 	return (
 		<TouchProvider>
 			<TooltipProvider delayDuration={250}>
@@ -28,4 +28,4 @@ const CustomTooltip = () => {
 	);
 };
 
-export default CustomTooltip;
+export default InfoTooltip;
diff --git a/src/components/Navigation/NavComponents.tsx b/src/components/Navigation/NavComponents.tsx
index b30fccf..f8f3865 100644
--- a/src/components/Navigation/NavComponents.tsx
+++ b/src/components/Navigation/NavComponents.tsx
@@ -15,16 +15,17 @@ export default function NavComponents({
 
 	return (
 		<>
-			<ClearAllChatsButton iconOnly={variant === "closed"} />
-			<Button variant="ghost" className="hover:bg-gray-300/40" onClick={setCalendarOpen}>
+			<Button variant="default" className="hover:bg-gray-300/40" onClick={setCalendarOpen}>
 				<CalendarDaysIcon className="h-[1.2rem] w-[1.2rem] mr-2" />
 				{variant !== "closed" && (
 					<>
-						<p>Calendar</p>
-						<Badge className="ml-2 font-normal">New</Badge>
+						<p>Dragon Scheduler</p>
+						<Badge className="ml-2 font-normal bg-sage-primary">New</Badge>
 					</>
 				)}
 			</Button>
+			<ClearAllChatsButton iconOnly={variant === "closed"} />
+
 			<Button
 				variant={"ghost"}
 				className="hover:bg-gray-300/40 py-4"
diff --git a/src/stores/useConversationStore.ts b/src/stores/useConversationStore.ts
index 3080b20..f3ba449 100644
--- a/src/stores/useConversationStore.ts
+++ b/src/stores/useConversationStore.ts
@@ -10,6 +10,11 @@ interface ConversationStore {
 	setMessagesPrevious: (fn: (prev: Message[] | null) => Message[]) => void;
 }
 
+interface SchedulerChatStore {
+	messages: Message[];
+	setSchedulerMessages: (messages: Message[]) => void;
+}
+
 export const useConversationStore = create<ConversationStore>((set) => ({
 	conversations: [],
 	activeConversation: undefined,
@@ -24,3 +29,8 @@ export const useConversationStore = create<ConversationStore>((set) => ({
 		set((state => ({ messages: fn(state.messages) }) ));
 	}
 }));
+
+export const useSchedulerStore = create<SchedulerChatStore>((set) => ({
+	messages: [],
+	setSchedulerMessages: (messages) => set({ messages })
+}));

From 3dacff40a29819e32026a19654448cf407485b02 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 26 Dec 2024 16:15:21 -0500
Subject: [PATCH 14/54] more scheduler page and component logic

---
 src/app/scheduler/page.tsx                    |  21 +-
 src/components/Navigation/NavComponents.tsx   |   8 +-
 .../scheduler/scheduler-interface.tsx         | 315 ++++++++++++++++++
 src/stores/useConversationStore.ts            |  10 -
 src/stores/useSchedulerStore.ts               |  11 +
 5 files changed, 346 insertions(+), 19 deletions(-)
 create mode 100644 src/components/scheduler/scheduler-interface.tsx
 create mode 100644 src/stores/useSchedulerStore.ts

diff --git a/src/app/scheduler/page.tsx b/src/app/scheduler/page.tsx
index ae3e63f..396cd57 100644
--- a/src/app/scheduler/page.tsx
+++ b/src/app/scheduler/page.tsx
@@ -3,10 +3,12 @@ import WeekCalendar from "@/components/Calendar/week-calendar";
 import ChatInterface from "@/components/ChatInterface";
 import InfoTooltip from "@/components/InfoTooltip";
 import Nav from "@/components/Navigation/Nav";
+import SchedulerInterface from "@/components/scheduler/scheduler-interface";
+import { Button } from "@/components/ui/button";
 import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
 import { cn } from "@/lib/utils";
 import { useCalendarStore } from "@/stores/useCalendarStore";
-import { useSchedulerStore } from "@/stores/useConversationStore";
+import { useSchedulerStore } from "@/stores/useSchedulerStore";
 import { MinimumWidth } from "@/types";
 import { ArrowLeft, ArrowUpRight } from "lucide-react";
 import { useEffect } from "react"
@@ -46,15 +48,18 @@ export default function Page() {
 						)}>DragonGPT Scheduler</h1>
 						<InfoTooltip />
 					</div>
-					<div className="flex flex-row gap-2 self-center border text-blue-950 border-blue-950 rounded-3xl p-4">
-						<div>
-							<p className="font-semibold">Dragon Scheduler</p>
-							<p>Take a look at your schedule</p>
-						</div>
-						<ArrowUpRight />
+					<div
+						className="flex flex-row gap-2 self-center border text-sky-900 border-sky-900 rounded-[2rem] p-6 m-8 w-full hover:cursor-pointer"
+						onClick={() => setCalendarOpen()}
+					>
+							<div className="w-full">
+								<p className="font-semibold text-lg">Dragon Scheduler</p>
+								<p>Take a look at your schedule</p>
+							</div>
+							<ArrowUpRight />
 					</div>
 					<div className="flex flex-row">
-						<ChatInterface />
+						<SchedulerInterface />
 						{isDesktop
 							? calendarOpen && (<WeekCalendar />)
 							: <Sheet open={calendarOpen} onOpenChange={() => setCalendarOpen()} >
diff --git a/src/components/Navigation/NavComponents.tsx b/src/components/Navigation/NavComponents.tsx
index f8f3865..719590b 100644
--- a/src/components/Navigation/NavComponents.tsx
+++ b/src/components/Navigation/NavComponents.tsx
@@ -5,6 +5,7 @@ import { CalendarDaysIcon, SquareArrowOutUpRight } from "lucide-react";
 import { ModeToggle } from "../ModeToggle";
 import { Badge } from "../ui/badge";
 import { useCalendarStore } from "@/stores/useCalendarStore";
+import { useRouter } from "next/navigation";
 
 export default function NavComponents({
 	variant,
@@ -12,10 +13,15 @@ export default function NavComponents({
 	variant: "open" | "closed" | "mobile";
 }) {
 	const { setCalendarOpen } = useCalendarStore();
+	const router = useRouter();
+
+	const handleScheduleClick = () => {
+		router.push(`/scheduler`);
+	}
 
 	return (
 		<>
-			<Button variant="default" className="hover:bg-gray-300/40" onClick={setCalendarOpen}>
+			<Button variant="default" className="hover:bg-gray-300/40" onClick={handleScheduleClick}>
 				<CalendarDaysIcon className="h-[1.2rem] w-[1.2rem] mr-2" />
 				{variant !== "closed" && (
 					<>
diff --git a/src/components/scheduler/scheduler-interface.tsx b/src/components/scheduler/scheduler-interface.tsx
new file mode 100644
index 0000000..52a3e0d
--- /dev/null
+++ b/src/components/scheduler/scheduler-interface.tsx
@@ -0,0 +1,315 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import ChatMessages from "../ChatMessages";
+import ChatInput from "../ChatInput";
+import { usePathname } from "next/navigation";
+import { v4 } from "uuid";
+import { Button } from "../ui/button";
+import { Spinner } from "../ui/spinner";
+import { cn, samples } from "@/lib/utils";
+import logo from "../../public/mario.png";
+import Image from "next/image";
+import { useCalendarStore } from "@/stores/useCalendarStore";
+import { useSchedulerStore } from "@/stores/useSchedulerStore";
+
+export default function SchedulerInterface() {
+	const {
+		schedulerMessages,
+	} = useSchedulerStore();
+	const { calendarOpen } = useCalendarStore();
+
+	const [isStreaming, setIsStreaming] = useState(false);
+	const messageRef = useRef<HTMLDivElement>(null);
+	const pathname = usePathname();
+
+	// auto focus on message input
+	useEffect(() => {
+		messageRef.current?.focus();
+	}, []);
+
+	// const handleSendMessage = async (message: string) => {
+	// 	let firstMessage = false;
+	// 	setIsStreaming(true);
+	// 	const pastConversations = [...conversations]; // duplicate the array to avoid state mutation
+	// 	let updatedConversation = activeConversation;
+
+	// 	if (!updatedConversation) {
+	// 		firstMessage = true;
+	// 		const uuid = v4();
+
+	// 		// Create new active conversation
+	// 		updatedConversation = {
+	// 			id: uuid,
+	// 			title: `Conversation ${pastConversations.length + 1}`,
+	// 			messages: [{ text: message, isUser: true, timestamp: Date.now() }, { text: "", isUser: false, timestamp: Date.now() }],
+	// 		};
+
+	// 		// Update active conversation and set it
+	// 		setActiveConversation(updatedConversation);
+	// 		setConversations([...pastConversations, updatedConversation]);
+	// 		window.history.pushState(null, "", `/chat/${uuid}`);
+	// 	} else if (updatedConversation) {
+	// 		updatedConversation = {
+	// 			...updatedConversation,
+	// 			messages: [...updatedConversation.messages, { text: message, isUser: true, timestamp: Date.now() }, { text: "", isUser: false, timestamp: Date.now() }],
+	// 		};
+	// 		const updatedConversations = pastConversations.map((c) =>
+	// 			c.id === updatedConversation!.id ? updatedConversation! : c // convo will always be defined here, ! added to avoid typescript's annoying complaining
+	// 		);
+	// 		setConversations(updatedConversations);
+	// 		setActiveConversation(updatedConversation);
+	// 	}
+
+
+
+	// 	// setMessages((prev) => {
+	// 	// 	const newMessages = [...prev!];
+	// 	// 	newMessages.push({ text: message, isUser: true });
+	// 	// 	newMessages[0].text = 'test'
+	// 	// 	return newMessages;
+	// 	// });
+	// 	// console.log('')
+	// 	// setMessages((prev) => [...prev!, { text: message, isUser: true }]);
+	// 	// setMessages((prev) => [...prev!, { text: "", isUser: false }]);
+
+	// 	try {
+	// 		const response = await fetch(process.env.NEXT_PUBLIC_API_URL + "/query", {
+	// 			method: "POST",
+	// 			headers: {
+	// 				"Content-Type": "application/json",
+	// 			},
+	// 			body: JSON.stringify({
+	// 				priorConversation: activeConversation?.messages.map(
+	// 					(messageObject) => {
+	// 						return {
+	// 							text: messageObject.text,
+	// 							isUser: messageObject.isUser,
+	// 						};
+	// 					}
+	// 				),
+	// 				query: message,
+	// 			}),
+	// 		});
+
+	// 		if (!response.ok) {
+	// 			throw new Error("Failed to send message, status: " + response.status);
+	// 		}
+
+	// 		const reader = response.body?.getReader();
+	// 		if (!reader) throw new Error("Failed to get response body reader");
+
+	// 		let accumulatedChunks = "";
+	// 		while (true) {
+	// 			const { done, value } = await reader.read();
+	// 			if (done) break;
+
+	// 			const chunk = new TextDecoder().decode(value);
+	// 			accumulatedChunks += chunk;
+
+	// 			const updateMessages = (chunks: string) => {
+	// 				updatedConversation = {
+	// 					...updatedConversation!,
+	// 					messages: updatedConversation!.messages.map((msg, index) =>
+	// 						index === updatedConversation!.messages.length - 1
+	// 							? { ...msg, text: chunks }
+	// 							: msg
+	// 					),
+	// 				}
+	// 			};
+
+	// 			updateMessages(accumulatedChunks);
+	// 			setActiveConversation(updatedConversation);
+	// 		}
+
+	// 		//Update conversation
+	// 		updatedConversation = {
+	// 			...updatedConversation,
+	// 			messages: updatedConversation!.messages.map((msg, index) =>
+	// 				index === updatedConversation!.messages.length - 1
+	// 					? { ...msg, text: accumulatedChunks }
+	// 					: msg
+	// 			),
+	// 		};
+	// 		setActiveConversation(updatedConversation);
+
+	// 		const conversationExists = pastConversations.some(
+	// 			(c) => c.id === updatedConversation!.id
+	// 		);
+	// 		const updatedConversations = conversationExists
+	// 			? pastConversations.map((c) => (c.id === updatedConversation!.id ? updatedConversation! : c)) // Update existing
+	// 			: [...pastConversations, updatedConversation!]; // Append new conversation if it doesn't exist
+
+	// 		setConversations(updatedConversations);
+
+	// 		if (firstMessage) {
+	// 			fetch(process.env.NEXT_PUBLIC_API_URL + "/summarize-convo", {
+	// 				method: "POST",
+	// 				headers: {
+	// 					"Content-Type": "application/json",
+	// 				},
+	// 				body: JSON.stringify({
+	// 					message
+	// 				}),
+	// 			}).then(async data => {
+	// 				const newName = (await data.json()).messageSummary;
+	// 				updatedConversation!.title = newName;
+	// 				setConversations(updatedConversations);
+	// 				setActiveConversation(updatedConversation);
+	// 			}).catch(err => {
+	// 				console.error(err);
+	// 			});
+	// 		}
+	// 	} catch (error: unknown) {
+	// 		await new Promise((resolve) => setTimeout(resolve, 1000));
+
+	// 		if (error instanceof Error) {
+	// 			console.error("Error fetching bot response:", error.message);
+	// 			const errorText = `I'm sorry, I couldn't process your request at this moment.\nPlease contact the developers with this error message: ${error.message} for question "${message}" `;
+
+	// 			updatedConversation = {
+	// 				...updatedConversation,
+	// 				messages: updatedConversation!.messages.map((msg, index) =>
+	// 					index === updatedConversation!.messages.length - 1
+	// 						? { ...msg, text: errorText }
+	// 						: msg
+	// 				),
+	// 			};
+	// 			setActiveConversation(updatedConversation);
+
+	// 			const conversationExists = pastConversations.some(
+	// 				(c) => c.id === updatedConversation!.id
+	// 			);
+	// 			const updatedConversations = conversationExists
+	// 				? pastConversations.map((c) => (c.id === updatedConversation!.id ? updatedConversation! : c)) // Update existing
+	// 				: [...pastConversations, updatedConversation!]; // Append new conversation if it doesn't exist
+
+	// 			setConversations(updatedConversations);
+
+	// 			setMessages((prev) => {
+	// 				const newMessages = [...prev!];
+	// 				const botMessage = newMessages[newMessages.length - 1];
+	// 				if (botMessage) {
+	// 					botMessage.text = errorText;
+	// 				} else {
+	// 					newMessages.push({ text: errorText, isUser: false });
+	// 				}
+	// 				return newMessages;
+	// 			});
+	// 		}
+	// 	} finally {
+	// 		setIsStreaming(false);
+	// 	}
+	// };
+
+	return (
+		<div className="flex flex-col h-[calc(100dvh-15rem)] sm:h-[calc(100vh-10rem)] supports-[dvh]:h-[calc(100dvh-10rem)] w-full min-w-64 flex-1 items-center">
+			{schedulerMessages && schedulerMessages.length > 0 && (
+				<div className={cn(
+					"mt-4 flex-grow overflow-auto w-full",
+					!calendarOpen && "xl:px-20"
+				)}>
+					<ChatMessages messages={schedulerMessages} isStreaming={isStreaming} />
+				</div>
+			)}
+			{schedulerMessages && schedulerMessages.length === 0 && (
+				<>
+					{/* Legacy components below */}
+					{/* <div className="hidden dark:block absolute -z-10 top-72 m-auto w-72 h-72 lg:w-96 lg:h-96 bg-gradient-radial from-white/20 to-transparent rounded-full blur-2xl"></div> */}
+					{/* <div className="hidden md:flex flex-col items-center justify-center h-full w-full">
+						<h1 className="text-3xl font-bold mb-10">Ask SAGE</h1>
+						<div className="flex flex-row items-start gap-10">
+							<div className="flex flex-col items-center">
+								<h2 className="hidden lg:block text-lg font-bold mb-4">
+									Ask Questions
+								</h2>
+								<div className="flex flex-col gap-4">
+									{samples.questions.map((message, index) => (
+										// Put the message in the input field when clicked
+										<Button
+											key={index}
+											variant="ghost"
+											onClick={() => handleSendMessage(message)}
+											className="max-w-80 h-fit text-wrap text-base font-light rounded-lg bg-gray-100 dark:bg-gray-100/40 hover:bg-gray-200 dark:hover:bg-gray-300/40 text-left px-2"
+										>
+											{message}
+										</Button>
+									))}
+								</div>
+							</div>
+							<div className="hidden lg:flex flex-col items-center">
+								<h2 className="text-lg font-bold mb-4 text-center">
+									What can SAGE do?
+								</h2>
+								<div className="flex flex-col gap-4">
+									{samples.capabilities.map((str, index) => (
+										<span
+											className="max-w-80 h-fit text-wrap py-2 px-2 bg-gray-100 dark:bg-gray-100/40 rounded-lg"
+											key={index}
+										>
+											{str}
+										</span>
+									))}
+								</div>
+							</div>
+							<div className="hidden lg:flex flex-col items-center">
+								<h2 className="text-lg font-bold mb-4">Limitations</h2>
+								<div className="flex flex-col gap-4">
+									{samples.limitations.map((str, index) => (
+										<span
+											className="max-w-80 h-fit text-wrap py-2 px-2 bg-gray-100 dark:bg-gray-100/40 rounded-lg"
+											key={index}
+										>
+											{str}
+										</span>
+									))}
+								</div>
+							</div>
+						</div>
+					</div> */}
+					<h1 className="text-3xl md:text-4xl font-bold mt-20 md:mb-10 text-center w-72 md:w-1/2 flex-1 text-transparent bg-clip-text bg-light-teal-gradient dark:bg-dark-teal-gradient">
+						What would you like to know more about?
+					</h1>
+					<Image
+						priority
+						src={logo}
+						alt="Sage Wizard Logo"
+						width={150}
+						className="mt-10 w-24 lg:w-40 pointer-events-none select-none"
+					/>
+					<div className={cn("overflow-auto flex justify-end flex-col h-full w-full",
+						calendarOpen ? "items-start" : "lg:items-center"
+					)}>
+						<div className="flex flex-col md:items-center overflow-auto no-scrollbar mb-2">
+							{samples.know.map((arr, index) => (
+								<div key={index} className="flex flex-row">
+									{arr.map((message, i) => (
+										<Button
+											key={i}
+											variant="ghost"
+											// onClick={() => handleSendMessage("Tell me about " + message)}
+											className="p-1 px-2 lg:px-3 m-2 max-w-80 h-fit  text-base font-light rounded-full bg-gray-200 dark:bg-neutral-700 hover:bg-neutral-300 dark:hover:bg-neutral-600 text-left"
+										>
+											{message}
+										</Button>
+									))}
+								</div>
+							))}
+						</div>
+					</div>
+				</>
+			)}
+			{!schedulerMessages && (
+				<div className="flex flex-grow justify-center">
+					<Spinner className="" />
+				</div>
+			)}
+			<ChatInput
+				onSendMessage={console.log}
+				// onSendMessage={handleSendMessage}
+				isStreaming={isStreaming}
+				messageRef={messageRef}
+			/>
+		</div>
+	);
+}
diff --git a/src/stores/useConversationStore.ts b/src/stores/useConversationStore.ts
index f3ba449..3080b20 100644
--- a/src/stores/useConversationStore.ts
+++ b/src/stores/useConversationStore.ts
@@ -10,11 +10,6 @@ interface ConversationStore {
 	setMessagesPrevious: (fn: (prev: Message[] | null) => Message[]) => void;
 }
 
-interface SchedulerChatStore {
-	messages: Message[];
-	setSchedulerMessages: (messages: Message[]) => void;
-}
-
 export const useConversationStore = create<ConversationStore>((set) => ({
 	conversations: [],
 	activeConversation: undefined,
@@ -29,8 +24,3 @@ export const useConversationStore = create<ConversationStore>((set) => ({
 		set((state => ({ messages: fn(state.messages) }) ));
 	}
 }));
-
-export const useSchedulerStore = create<SchedulerChatStore>((set) => ({
-	messages: [],
-	setSchedulerMessages: (messages) => set({ messages })
-}));
diff --git a/src/stores/useSchedulerStore.ts b/src/stores/useSchedulerStore.ts
new file mode 100644
index 0000000..c83e087
--- /dev/null
+++ b/src/stores/useSchedulerStore.ts
@@ -0,0 +1,11 @@
+import { create } from "zustand";
+
+interface SchedulerChatStore {
+	schedulerMessages: Message[];
+	setSchedulerMessages: (messages: Message[]) => void;
+}
+
+export const useSchedulerStore = create<SchedulerChatStore>((set) => ({
+	schedulerMessages: [],
+	setSchedulerMessages: (schedulerMessages) => set({ schedulerMessages })
+}));

From be24f2593542784468169984a46a0d38d3c5feca Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 26 Dec 2024 16:31:00 -0500
Subject: [PATCH 15/54] slight style and color fixes

---
 src/components/ChatInput.tsx                |  4 ++--
 src/components/ChatInterface.tsx            |  9 +--------
 src/components/Navigation/NavComponents.tsx | 16 +++++++++++++---
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/components/ChatInput.tsx b/src/components/ChatInput.tsx
index b87b216..e32b8bb 100644
--- a/src/components/ChatInput.tsx
+++ b/src/components/ChatInput.tsx
@@ -152,8 +152,8 @@ export default function ChatInput({
 				<Button
 				onClick={handleSend}
 				disabled={isStreaming}
-				className={`rounded-3xl px-3 bg-sage-primary`}
-				variant="ghost"
+				className={`rounded-3xl px-3 bg-sky-900`}
+				variant="default"
 			>
 				<SendHorizonal className="md:hidden text-white" />
 				<span className="hidden md:block text-white">Send</span>
diff --git a/src/components/ChatInterface.tsx b/src/components/ChatInterface.tsx
index 3bc7411..8fb1758 100644
--- a/src/components/ChatInterface.tsx
+++ b/src/components/ChatInterface.tsx
@@ -287,16 +287,9 @@ export default function ChatInterface() {
 							</div>
 						</div>
 					</div> */}
-					<h1 className="text-3xl md:text-4xl font-bold mt-20 md:mb-10 text-center w-72 md:w-1/2 flex-1 text-transparent bg-clip-text bg-light-teal-gradient dark:bg-dark-teal-gradient">
+					<h1 className="text-3xl md:text-4xl font-bold mt-20 md:mb-10 text-center w-72 md:w-1/2 flex-1">
 						What would you like to know more about?
 					</h1>
-					<Image
-					priority
-					src={logo}
-					alt="Sage Wizard Logo"
-					width={150}
-					className="mt-10 w-24 lg:w-40 pointer-events-none select-none"
-					/>
 					<div className={cn("overflow-auto flex justify-end flex-col h-full w-full",
 						calendarOpen ? "items-start" : "lg:items-center"
 					)}>
diff --git a/src/components/Navigation/NavComponents.tsx b/src/components/Navigation/NavComponents.tsx
index 719590b..1f481d3 100644
--- a/src/components/Navigation/NavComponents.tsx
+++ b/src/components/Navigation/NavComponents.tsx
@@ -5,7 +5,8 @@ import { CalendarDaysIcon, SquareArrowOutUpRight } from "lucide-react";
 import { ModeToggle } from "../ModeToggle";
 import { Badge } from "../ui/badge";
 import { useCalendarStore } from "@/stores/useCalendarStore";
-import { useRouter } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
+import { cn } from "@/lib/utils";
 
 export default function NavComponents({
 	variant,
@@ -14,19 +15,28 @@ export default function NavComponents({
 }) {
 	const { setCalendarOpen } = useCalendarStore();
 	const router = useRouter();
+	const pathname = usePathname();
 
 	const handleScheduleClick = () => {
 		router.push(`/scheduler`);
 	}
 
+	const isInScheduler = pathname.includes("scheduler");
+
 	return (
 		<>
-			<Button variant="default" className="hover:bg-gray-300/40" onClick={handleScheduleClick}>
+			<Button
+			variant="ghost"
+			className={cn(
+				"hover:bg-gray-300/40",
+				isInScheduler && "dark:bg-gray-200/20 bg-gray-200/60"
+			)}
+			onClick={handleScheduleClick}>
 				<CalendarDaysIcon className="h-[1.2rem] w-[1.2rem] mr-2" />
 				{variant !== "closed" && (
 					<>
 						<p>Dragon Scheduler</p>
-						<Badge className="ml-2 font-normal bg-sage-primary">New</Badge>
+						<Badge className="ml-2 font-normal bg-sky-900">New</Badge>
 					</>
 				)}
 			</Button>

From 0aa318a64c4ee492569760e6bd77b4e5b1bf8e24 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 26 Dec 2024 16:40:45 -0500
Subject: [PATCH 16/54] subtle changes and fixes

---
 src/app/chat/[id]/page.tsx                      | 17 -----------------
 src/app/page.tsx                                | 17 -----------------
 src/app/scheduler/page.tsx                      |  4 ++--
 src/components/Calendar/week-calendar.tsx       |  4 ++--
 .../scheduler/scheduler-interface.tsx           |  9 +--------
 5 files changed, 5 insertions(+), 46 deletions(-)

diff --git a/src/app/chat/[id]/page.tsx b/src/app/chat/[id]/page.tsx
index d6aa4c9..fb00aa0 100644
--- a/src/app/chat/[id]/page.tsx
+++ b/src/app/chat/[id]/page.tsx
@@ -74,23 +74,6 @@ export default function ChatPage({ params }: { params: { id: string } }) {
 					</div>
 					<div className="flex flex-row">
 						<ChatInterface />
-						{isDesktop
-							? calendarOpen && (<Calendar />)
-							: <Sheet open={calendarOpen} onOpenChange={() => setCalendarOpen()} >
-
-								<SheetContent className="!max-w-full w-full">
-									<div className="flex flex-row gap-6">
-										<SheetTrigger className=" hover:bg-gray-300/40 -top-4 sm:top-0 rounded-sm"
-										>
-											<ArrowLeft />
-											<span className="sr-only">Exit calendar</span>
-										</SheetTrigger>
-										<span className="text-xl font-bold">Dragon Scheduler</span>
-									</div>
-									<Calendar />
-								</SheetContent>
-							</Sheet>
-						}
 					</div>
 				</div>
 			</div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b997abe..ce65481 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -63,23 +63,6 @@ export default function Home() {
 					</div>
 					<div className="flex flex-row">
 						<ChatInterface />
-						{isDesktop
-							? calendarOpen && (<Calendar />)
-							: <Sheet open={calendarOpen} onOpenChange={() => setCalendarOpen()} >
-
-								<SheetContent className="!max-w-full w-full p-1">
-									<div className="flex flex-row gap-6 p-6">
-										<SheetTrigger className=" hover:bg-gray-300/40 -top-4 sm:top-0 rounded-sm"
-										>
-											<ArrowLeft />
-											<span className="sr-only">Exit calendar</span>
-										</SheetTrigger>
-										<span className="text-xl font-bold">Dragon Scheduler</span>
-									</div>
-									<Calendar />
-								</SheetContent>
-							</Sheet>
-						}
 					</div>
 				</div>
 			</div>
diff --git a/src/app/scheduler/page.tsx b/src/app/scheduler/page.tsx
index 396cd57..a1a23dd 100644
--- a/src/app/scheduler/page.tsx
+++ b/src/app/scheduler/page.tsx
@@ -63,8 +63,8 @@ export default function Page() {
 						{isDesktop
 							? calendarOpen && (<WeekCalendar />)
 							: <Sheet open={calendarOpen} onOpenChange={() => setCalendarOpen()} >
-								<SheetContent className="!max-w-full w-full">
-									<div className="flex flex-row gap-6">
+								<SheetContent className="!max-w-full w-full p-2">
+									<div className="flex flex-row gap-6 ml-8">
 										<SheetTrigger className=" hover:bg-gray-300/40 -top-4 sm:top-0 rounded-sm"
 										>
 											<ArrowLeft />
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 17f7945..4ea8862 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -155,12 +155,12 @@ export default function WeekCalendar() {
 
 	return (
 		<div className="w-full max-w-4xl flex flex-col h-[800px] bg-background rounded-lg">
-			<div className="flex items-center gap-2 w-full mt-4 px-4">
+			{/* <div className="flex items-center gap-2 w-full mt-4 px-4">
 				<CalendarDays className="w-6 h-6 text-primary" />
 				<h2 className="text-md lg:text-xl text-primary font-medium">
 					{currentDate.format('MMMM YYYY')}
 				</h2>
-			</div>
+			</div> */}
 
 			<div className="flex items-center p-4 gap-2">
 				<div className="inline-flex -space-x-px rounded-2xl rtl:space-x-reverse shadow-sm border border-neutral-200">
diff --git a/src/components/scheduler/scheduler-interface.tsx b/src/components/scheduler/scheduler-interface.tsx
index 52a3e0d..fb7957c 100644
--- a/src/components/scheduler/scheduler-interface.tsx
+++ b/src/components/scheduler/scheduler-interface.tsx
@@ -267,16 +267,9 @@ export default function SchedulerInterface() {
 							</div>
 						</div>
 					</div> */}
-					<h1 className="text-3xl md:text-4xl font-bold mt-20 md:mb-10 text-center w-72 md:w-1/2 flex-1 text-transparent bg-clip-text bg-light-teal-gradient dark:bg-dark-teal-gradient">
+					<h1 className="text-3xl md:text-4xl font-bold mt-20 md:mb-10 text-center w-72 md:w-1/2 flex-1">
 						What would you like to know more about?
 					</h1>
-					<Image
-						priority
-						src={logo}
-						alt="Sage Wizard Logo"
-						width={150}
-						className="mt-10 w-24 lg:w-40 pointer-events-none select-none"
-					/>
 					<div className={cn("overflow-auto flex justify-end flex-col h-full w-full",
 						calendarOpen ? "items-start" : "lg:items-center"
 					)}>

From 488d7423da650a7f0dcad0632d5931147e5e825c Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 12 Jan 2025 22:19:05 -0500
Subject: [PATCH 17/54] fix icons

---
 src/icons/calendar/day-icon.tsx       | 4 ++--
 src/icons/calendar/month-icon.tsx     | 4 ++--
 src/icons/calendar/schedule-icon.tsx  | 4 ++--
 src/icons/calendar/three-day-icon.tsx | 4 ++--
 src/icons/calendar/week-icon.tsx      | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/icons/calendar/day-icon.tsx b/src/icons/calendar/day-icon.tsx
index d6bcb5e..c00aa49 100644
--- a/src/icons/calendar/day-icon.tsx
+++ b/src/icons/calendar/day-icon.tsx
@@ -1,7 +1,7 @@
 export function DayIcon({ className }: { className?: string }) {
 	return (
-		<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" className={className}>
-			<path d="M5.25 4.5C5.05109 4.5 4.86032 4.57902 4.71967 4.71967C4.57902 4.86032 4.5 5.05109 4.5 5.25C4.5 5.44891 4.57902 5.63968 4.71967 5.78033C4.86032 5.92098 5.05109 6 5.25 6H12.75C12.9489 6 13.1397 5.92098 13.2803 5.78033C13.421 5.63968 13.5 5.44891 13.5 5.25C13.5 5.05109 13.421 4.86032 13.2803 4.71967C13.1397 4.57902 12.9489 4.5 12.75 4.5H5.25ZM5.25 9C5.05109 9 4.86032 9.07902 4.71967 9.21967C4.57902 9.36032 4.5 9.55109 4.5 9.75V12.75C4.5 12.9489 4.57902 13.1397 4.71967 13.2803C4.86032 13.421 5.05109 13.5 5.25 13.5H12.75C12.9489 13.5 13.1397 13.421 13.2803 13.2803C13.421 13.1397 13.5 12.9489 13.5 12.75V9.75C13.5 9.55109 13.421 9.36032 13.2803 9.21967C13.1397 9.07902 12.9489 9 12.75 9H5.25ZM6 12V10.5H12V12H6ZM18 3.75C18 2.75544 17.6049 1.80161 16.9016 1.09835C16.1984 0.395088 15.2446 0 14.25 0H3.75C2.75544 0 1.80161 0.395088 1.09835 1.09835C0.395088 1.80161 0 2.75544 0 3.75V14.25C0 15.2446 0.395088 16.1984 1.09835 16.9016C1.80161 17.6049 2.75544 18 3.75 18H14.25C15.2446 18 16.1984 17.6049 16.9016 16.9016C17.6049 16.1984 18 15.2446 18 14.25V3.75ZM1.5 14.25V3.75C1.5 3.15326 1.73705 2.58097 2.15901 2.15901C2.58097 1.73705 3.15326 1.5 3.75 1.5H14.25C14.8467 1.5 15.419 1.73705 15.841 2.15901C16.2629 2.58097 16.5 3.15326 16.5 3.75V14.25C16.5 14.8467 16.2629 15.419 15.841 15.841C15.419 16.2629 14.8467 16.5 14.25 16.5H3.75C3.15326 16.5 2.58097 16.2629 2.15901 15.841C1.73705 15.419 1.5 14.8467 1.5 14.25Z" fill="black" />
+		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
+			<path d="M8.25 7.5C8.05109 7.5 7.86032 7.57902 7.71967 7.71967C7.57902 7.86032 7.5 8.05109 7.5 8.25C7.5 8.44891 7.57902 8.63968 7.71967 8.78033C7.86032 8.92098 8.05109 9 8.25 9H15.75C15.9489 9 16.1397 8.92098 16.2803 8.78033C16.421 8.63968 16.5 8.44891 16.5 8.25C16.5 8.05109 16.421 7.86032 16.2803 7.71967C16.1397 7.57902 15.9489 7.5 15.75 7.5H8.25ZM8.25 12C8.05109 12 7.86032 12.079 7.71967 12.2197C7.57902 12.3603 7.5 12.5511 7.5 12.75V15.75C7.5 15.9489 7.57902 16.1397 7.71967 16.2803C7.86032 16.421 8.05109 16.5 8.25 16.5H15.75C15.9489 16.5 16.1397 16.421 16.2803 16.2803C16.421 16.1397 16.5 15.9489 16.5 15.75V12.75C16.5 12.5511 16.421 12.3603 16.2803 12.2197C16.1397 12.079 15.9489 12 15.75 12H8.25ZM9 15V13.5H15V15H9ZM21 6.75C21 5.75544 20.6049 4.80161 19.9016 4.09835C19.1984 3.39509 18.2446 3 17.25 3H6.75C5.75544 3 4.80161 3.39509 4.09835 4.09835C3.39509 4.80161 3 5.75544 3 6.75V17.25C3 18.2446 3.39509 19.1984 4.09835 19.9016C4.80161 20.6049 5.75544 21 6.75 21H17.25C18.2446 21 19.1984 20.6049 19.9016 19.9016C20.6049 19.1984 21 18.2446 21 17.25V6.75ZM4.5 17.25V6.75C4.5 6.15326 4.73705 5.58097 5.15901 5.15901C5.58097 4.73705 6.15326 4.5 6.75 4.5H17.25C17.8467 4.5 18.419 4.73705 18.841 5.15901C19.2629 5.58097 19.5 6.15326 19.5 6.75V17.25C19.5 17.8467 19.2629 18.419 18.841 18.841C18.419 19.2629 17.8467 19.5 17.25 19.5H6.75C6.15326 19.5 5.58097 19.2629 5.15901 18.841C4.73705 18.419 4.5 17.8467 4.5 17.25Z" fill="black" />
 		</svg>
 	)
 }
diff --git a/src/icons/calendar/month-icon.tsx b/src/icons/calendar/month-icon.tsx
index b68a7f9..ce42e2e 100644
--- a/src/icons/calendar/month-icon.tsx
+++ b/src/icons/calendar/month-icon.tsx
@@ -1,7 +1,7 @@
 export function MonthIcon({ className }: { className?: string }) {
 	return (
-		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" className={className}>
-			<path d="M9 9.375C9 9.67337 8.88147 9.95952 8.6705 10.1705C8.45952 10.3815 8.17337 10.5 7.875 10.5C7.57663 10.5 7.29048 10.3815 7.0795 10.1705C6.86853 9.95952 6.75 9.67337 6.75 9.375C6.75 9.07663 6.86853 8.79048 7.0795 8.5795C7.29048 8.36853 7.57663 8.25 7.875 8.25C8.17337 8.25 8.45952 8.36853 8.6705 8.5795C8.88147 8.79048 9 9.07663 9 9.375ZM7.875 15C8.17337 15 8.45952 14.8815 8.6705 14.6705C8.88147 14.4595 9 14.1734 9 13.875C9 13.5766 8.88147 13.2905 8.6705 13.0795C8.45952 12.8685 8.17337 12.75 7.875 12.75C7.57663 12.75 7.29048 12.8685 7.0795 13.0795C6.86853 13.2905 6.75 13.5766 6.75 13.875C6.75 14.1734 6.86853 14.4595 7.0795 14.6705C7.29048 14.8815 7.57663 15 7.875 15ZM12 15C12.2984 15 12.5845 14.8815 12.7955 14.6705C13.0065 14.4595 13.125 14.1734 13.125 13.875C13.125 13.5766 13.0065 13.2905 12.7955 13.0795C12.5845 12.8685 12.2984 12.75 12 12.75C11.7016 12.75 11.4155 12.8685 11.2045 13.0795C10.9935 13.2905 10.875 13.5766 10.875 13.875C10.875 14.1734 10.9935 14.4595 11.2045 14.6705C11.4155 14.8815 11.7016 15 12 15ZM12 10.5C12.1477 10.5 12.294 10.4709 12.4305 10.4144C12.567 10.3578 12.691 10.275 12.7955 10.1705C12.9 10.066 12.9828 9.94201 13.0394 9.80552C13.0959 9.66903 13.125 9.52274 13.125 9.375C13.125 9.22726 13.0959 9.08097 13.0394 8.94448C12.9828 8.80799 12.9 8.68397 12.7955 8.5795C12.691 8.47504 12.567 8.39217 12.4305 8.33564C12.294 8.2791 12.1477 8.25 12 8.25C11.7016 8.25 11.4155 8.36853 11.2045 8.5795C10.9935 8.79048 10.875 9.07663 10.875 9.375C10.875 9.67337 10.9935 9.95952 11.2045 10.1705C11.4155 10.3815 11.7016 10.5 12 10.5ZM16.125 10.5C16.2727 10.5 16.419 10.4709 16.5555 10.4144C16.692 10.3578 16.816 10.275 16.9205 10.1705C17.025 10.066 17.1078 9.94201 17.1644 9.80552C17.2209 9.66903 17.25 9.52274 17.25 9.375C17.25 9.22726 17.2209 9.08097 17.1644 8.94448C17.1078 8.80799 17.025 8.68397 16.9205 8.5795C16.816 8.47504 16.692 8.39217 16.5555 8.33564C16.419 8.2791 16.2727 8.25 16.125 8.25C15.8266 8.25 15.5405 8.36853 15.3295 8.5795C15.1185 8.79048 15 9.07663 15 9.375C15 9.67337 15.1185 9.95952 15.3295 10.1705C15.5405 10.3815 15.8266 10.5 16.125 10.5ZM5.625 2.25C4.72989 2.25 3.87145 2.60558 3.23851 3.23851C2.60558 3.87145 2.25 4.72989 2.25 5.625V18.375C2.25 19.2701 2.60558 20.1285 3.23851 20.7615C3.87145 21.3944 4.72989 21.75 5.625 21.75H18.375C19.2701 21.75 20.1285 21.3944 20.7615 20.7615C21.3944 20.1285 21.75 19.2701 21.75 18.375V5.625C21.75 4.72989 21.3944 3.87145 20.7615 3.23851C20.1285 2.60558 19.2701 2.25 18.375 2.25H5.625ZM3.75 5.625C3.75 5.12772 3.94754 4.65081 4.29917 4.29917C4.65081 3.94754 5.12772 3.75 5.625 3.75H18.375C18.8723 3.75 19.3492 3.94754 19.7008 4.29917C20.0525 4.65081 20.25 5.12772 20.25 5.625V18.375C20.25 18.8723 20.0525 19.3492 19.7008 19.7008C19.3492 20.0525 18.8723 20.25 18.375 20.25H5.625C5.12772 20.25 4.65081 20.0525 4.29917 19.7008C3.94754 19.3492 3.75 18.8723 3.75 18.375V5.625Z" fill="black" />
+		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
+			<path d="M9 9.375C9 9.67337 8.88147 9.95952 8.6705 10.1705C8.45952 10.3815 8.17337 10.5 7.875 10.5C7.57663 10.5 7.29048 10.3815 7.0795 10.1705C6.86853 9.95952 6.75 9.67337 6.75 9.375C6.75 9.07663 6.86853 8.79048 7.0795 8.5795C7.29048 8.36853 7.57663 8.25 7.875 8.25C8.17337 8.25 8.45952 8.36853 8.6705 8.5795C8.88147 8.79048 9 9.07663 9 9.375ZM7.875 15C8.17337 15 8.45952 14.8815 8.6705 14.6705C8.88147 14.4595 9 14.1734 9 13.875C9 13.5766 8.88147 13.2905 8.6705 13.0795C8.45952 12.8685 8.17337 12.75 7.875 12.75C7.57663 12.75 7.29048 12.8685 7.0795 13.0795C6.86853 13.2905 6.75 13.5766 6.75 13.875C6.75 14.1734 6.86853 14.4595 7.0795 14.6705C7.29048 14.8815 7.57663 15 7.875 15ZM12 15C12.2984 15 12.5845 14.8815 12.7955 14.6705C13.0065 14.4595 13.125 14.1734 13.125 13.875C13.125 13.5766 13.0065 13.2905 12.7955 13.0795C12.5845 12.8685 12.2984 12.75 12 12.75C11.7016 12.75 11.4155 12.8685 11.2045 13.0795C10.9935 13.2905 10.875 13.5766 10.875 13.875C10.875 14.1734 10.9935 14.4595 11.2045 14.6705C11.4155 14.8815 11.7016 15 12 15ZM12 10.5C12.1477 10.5 12.294 10.4709 12.4305 10.4144C12.567 10.3578 12.691 10.275 12.7955 10.1705C12.9 10.066 12.9828 9.94201 13.0394 9.80552C13.0959 9.66903 13.125 9.52274 13.125 9.375C13.125 9.22726 13.0959 9.08097 13.0394 8.94448C12.9828 8.80799 12.9 8.68397 12.7955 8.5795C12.691 8.47504 12.567 8.39217 12.4305 8.33564C12.294 8.2791 12.1477 8.25 12 8.25C11.7016 8.25 11.4155 8.36853 11.2045 8.5795C10.9935 8.79048 10.875 9.07663 10.875 9.375C10.875 9.67337 10.9935 9.95952 11.2045 10.1705C11.4155 10.3815 11.7016 10.5 12 10.5ZM16.125 10.5C16.2727 10.5 16.419 10.4709 16.5555 10.4144C16.692 10.3578 16.816 10.275 16.9205 10.1705C17.025 10.066 17.1078 9.94201 17.1644 9.80552C17.2209 9.66903 17.25 9.52274 17.25 9.375C17.25 9.22726 17.2209 9.08097 17.1644 8.94448C17.1078 8.80799 17.025 8.68397 16.9205 8.5795C16.816 8.47504 16.692 8.39217 16.5555 8.33564C16.419 8.2791 16.2727 8.25 16.125 8.25C15.8266 8.25 15.5405 8.36853 15.3295 8.5795C15.1185 8.79048 15 9.07663 15 9.375C15 9.67337 15.1185 9.95952 15.3295 10.1705C15.5405 10.3815 15.8266 10.5 16.125 10.5ZM5.625 2.25C4.72989 2.25 3.87145 2.60558 3.23851 3.23851C2.60558 3.87145 2.25 4.72989 2.25 5.625V18.375C2.25 19.2701 2.60558 20.1286 3.23851 20.7615C3.87145 21.3944 4.72989 21.75 5.625 21.75H18.375C19.2701 21.75 20.1286 21.3944 20.7615 20.7615C21.3944 20.1286 21.75 19.2701 21.75 18.375V5.625C21.75 4.72989 21.3944 3.87145 20.7615 3.23851C20.1286 2.60558 19.2701 2.25 18.375 2.25H5.625ZM3.75 5.625C3.75 5.12772 3.94754 4.65081 4.29917 4.29917C4.65081 3.94754 5.12772 3.75 5.625 3.75H18.375C18.8723 3.75 19.3492 3.94754 19.7008 4.29917C20.0525 4.65081 20.25 5.12772 20.25 5.625V18.375C20.25 18.8723 20.0525 19.3492 19.7008 19.7008C19.3492 20.0525 18.8723 20.25 18.375 20.25H5.625C5.12772 20.25 4.65081 20.0525 4.29917 19.7008C3.94754 19.3492 3.75 18.8723 3.75 18.375V5.625Z" fill="black" />
 		</svg>
 	)
 }
diff --git a/src/icons/calendar/schedule-icon.tsx b/src/icons/calendar/schedule-icon.tsx
index 9ba331b..5a03199 100644
--- a/src/icons/calendar/schedule-icon.tsx
+++ b/src/icons/calendar/schedule-icon.tsx
@@ -1,7 +1,7 @@
 export function ScheduleIcon({ className }: { className?: string }) {
 	return (
-		<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" className={className}>
-			<path d="M7.63162 17.6064C7.87687 17.6064 8.08237 17.5231 8.24812 17.3566C8.41312 17.1909 8.49562 16.985 8.49562 16.739C8.49562 16.493 8.41237 16.2875 8.24587 16.1225C8.07937 15.9575 7.8735 15.875 7.62825 15.875C7.383 15.875 7.1775 15.9582 7.01175 16.1247C6.846 16.2912 6.7635 16.4971 6.76425 16.7424C6.765 16.9876 6.84825 17.1927 7.014 17.3577C7.17975 17.5227 7.38562 17.6064 7.63162 17.6064ZM7.63162 13.3651C7.87687 13.3651 8.08237 13.2822 8.24812 13.1165C8.41312 12.95 8.49562 12.7437 8.49562 12.4977C8.49562 12.2517 8.41237 12.0466 8.24587 11.8824C8.07937 11.7181 7.8735 11.6356 7.62825 11.6349C7.383 11.6341 7.1775 11.717 7.01175 11.8835C6.846 12.05 6.7635 12.2562 6.76425 12.5022C6.765 12.7482 6.84825 12.9534 7.014 13.1176C7.17975 13.2819 7.38562 13.3644 7.63162 13.3651ZM7.63162 9.125C7.87687 9.125 8.08237 9.04212 8.24812 8.87637C8.41312 8.70987 8.49562 8.50362 8.49562 8.25762C8.49562 8.01162 8.41237 7.8065 8.24587 7.64225C8.07937 7.478 7.8735 7.3955 7.62825 7.39475C7.383 7.394 7.1775 7.47687 7.01175 7.64337C6.84675 7.80987 6.76425 8.01575 6.76425 8.261C6.76425 8.50625 6.8475 8.71175 7.014 8.8775C7.1805 9.04325 7.38637 9.12575 7.63162 9.125ZM11.6535 17.3037H16.5866C16.7464 17.3037 16.8799 17.2494 16.9871 17.1406C17.0944 17.0319 17.1484 16.8984 17.1491 16.7401C17.1499 16.5819 17.0959 16.4484 16.9871 16.3396C16.8784 16.2309 16.7449 16.1769 16.5866 16.1776H11.6535C11.4945 16.1776 11.361 16.2316 11.253 16.3396C11.145 16.4476 11.091 16.5815 11.091 16.7412C11.091 16.901 11.145 17.0345 11.253 17.1417C11.361 17.249 11.4945 17.3026 11.6535 17.3026M11.6535 13.0625H16.5866C16.7464 13.0625 16.8799 13.0085 16.9871 12.9005C17.0944 12.7925 17.1484 12.6586 17.1491 12.4989C17.1499 12.3391 17.0959 12.2056 16.9871 12.0984C16.8784 11.9911 16.7449 11.9375 16.5866 11.9375H11.6535C11.4945 11.9375 11.361 11.9915 11.253 12.0995C11.145 12.2075 11.091 12.3414 11.091 12.5011C11.091 12.6609 11.145 12.7944 11.253 12.9016C11.361 13.0089 11.4945 13.0625 11.6535 13.0625ZM11.6535 8.82125H16.5866C16.7464 8.82125 16.8799 8.76762 16.9871 8.66037C17.0951 8.55237 17.1491 8.4185 17.1491 8.25875C17.1491 8.099 17.0951 7.9655 16.9871 7.85825C16.8791 7.751 16.7456 7.69737 16.5866 7.69737H11.6535C11.4945 7.69737 11.361 7.75137 11.253 7.85937C11.145 7.96737 11.091 8.10125 11.091 8.261C11.091 8.42075 11.145 8.55425 11.253 8.6615C11.361 8.76875 11.4945 8.82237 11.6535 8.82237M4.818 21.5C4.29975 21.5 3.86737 21.3267 3.52087 20.9802C3.17437 20.6337 3.00075 20.201 3 19.682V5.318C3 4.79975 3.17362 4.36737 3.52087 4.02087C3.86812 3.67437 4.3005 3.50075 4.818 3.5H19.1831C19.7006 3.5 20.133 3.67362 20.4802 4.02087C20.8275 4.36812 21.0007 4.8005 21 5.318V19.6831C21 20.2006 20.8267 20.633 20.4802 20.9802C20.1337 21.3275 19.701 21.5007 19.182 21.5H4.818ZM4.818 20.375H19.1831C19.3556 20.375 19.5142 20.303 19.659 20.159C19.8037 20.015 19.8757 19.856 19.875 19.682V5.318C19.875 5.14475 19.803 4.98575 19.659 4.841C19.515 4.69625 19.356 4.62425 19.182 4.625H4.818C4.64475 4.625 4.48575 4.697 4.341 4.841C4.19625 4.985 4.12425 5.144 4.125 5.318V19.6831C4.125 19.8556 4.197 20.0142 4.341 20.159C4.485 20.3037 4.64362 20.3757 4.81687 20.375" fill="black" />
+		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
+			<path d="M7.63162 17.1064C7.87687 17.1064 8.08237 17.0231 8.24812 16.8566C8.41312 16.6909 8.49562 16.485 8.49562 16.239C8.49562 15.993 8.41237 15.7875 8.24587 15.6225C8.07937 15.4575 7.8735 15.375 7.62825 15.375C7.383 15.375 7.1775 15.4582 7.01175 15.6247C6.846 15.7912 6.7635 15.9971 6.76425 16.2424C6.765 16.4876 6.84825 16.6927 7.014 16.8577C7.17975 17.0227 7.38562 17.1064 7.63162 17.1064ZM7.63162 12.8651C7.87687 12.8651 8.08237 12.7822 8.24812 12.6165C8.41312 12.45 8.49562 12.2437 8.49562 11.9977C8.49562 11.7517 8.41237 11.5466 8.24587 11.3824C8.07937 11.2181 7.8735 11.1356 7.62825 11.1349C7.383 11.1341 7.1775 11.217 7.01175 11.3835C6.846 11.55 6.7635 11.7562 6.76425 12.0022C6.765 12.2482 6.84825 12.4534 7.014 12.6176C7.17975 12.7819 7.38562 12.8644 7.63162 12.8651ZM7.63162 8.625C7.87687 8.625 8.08237 8.54212 8.24812 8.37637C8.41312 8.20987 8.49562 8.00362 8.49562 7.75762C8.49562 7.51162 8.41237 7.3065 8.24587 7.14225C8.07937 6.978 7.8735 6.8955 7.62825 6.89475C7.383 6.894 7.1775 6.97687 7.01175 7.14337C6.84675 7.30987 6.76425 7.51575 6.76425 7.761C6.76425 8.00625 6.8475 8.21175 7.014 8.3775C7.1805 8.54325 7.38637 8.62575 7.63162 8.625ZM11.6535 16.8037H16.5866C16.7464 16.8037 16.8799 16.7494 16.9871 16.6406C17.0944 16.5319 17.1484 16.3984 17.1491 16.2401C17.1499 16.0819 17.0959 15.9484 16.9871 15.8396C16.8784 15.7309 16.7449 15.6769 16.5866 15.6776H11.6535C11.4945 15.6776 11.361 15.7316 11.253 15.8396C11.145 15.9476 11.091 16.0815 11.091 16.2412C11.091 16.401 11.145 16.5345 11.253 16.6417C11.361 16.749 11.4945 16.8026 11.6535 16.8026M11.6535 12.5625H16.5866C16.7464 12.5625 16.8799 12.5085 16.9871 12.4005C17.0944 12.2925 17.1484 12.1586 17.1491 11.9989C17.1499 11.8391 17.0959 11.7056 16.9871 11.5984C16.8784 11.4911 16.7449 11.4375 16.5866 11.4375H11.6535C11.4945 11.4375 11.361 11.4915 11.253 11.5995C11.145 11.7075 11.091 11.8414 11.091 12.0011C11.091 12.1609 11.145 12.2944 11.253 12.4016C11.361 12.5089 11.4945 12.5625 11.6535 12.5625ZM11.6535 8.32125H16.5866C16.7464 8.32125 16.8799 8.26762 16.9871 8.16037C17.0951 8.05237 17.1491 7.9185 17.1491 7.75875C17.1491 7.599 17.0951 7.4655 16.9871 7.35825C16.8791 7.251 16.7456 7.19737 16.5866 7.19737H11.6535C11.4945 7.19737 11.361 7.25137 11.253 7.35937C11.145 7.46737 11.091 7.60125 11.091 7.761C11.091 7.92075 11.145 8.05425 11.253 8.1615C11.361 8.26875 11.4945 8.32237 11.6535 8.32237M4.818 21C4.29975 21 3.86737 20.8267 3.52087 20.4802C3.17437 20.1337 3.00075 19.701 3 19.182V4.818C3 4.29975 3.17362 3.86737 3.52087 3.52087C3.86812 3.17437 4.3005 3.00075 4.818 3H19.1831C19.7006 3 20.133 3.17362 20.4802 3.52087C20.8275 3.86812 21.0007 4.3005 21 4.818V19.1831C21 19.7006 20.8267 20.133 20.4802 20.4802C20.1337 20.8275 19.701 21.0007 19.182 21H4.818ZM4.818 19.875H19.1831C19.3556 19.875 19.5142 19.803 19.659 19.659C19.8037 19.515 19.8757 19.356 19.875 19.182V4.818C19.875 4.64475 19.803 4.48575 19.659 4.341C19.515 4.19625 19.356 4.12425 19.182 4.125H4.818C4.64475 4.125 4.48575 4.197 4.341 4.341C4.19625 4.485 4.12425 4.644 4.125 4.818V19.1831C4.125 19.3556 4.197 19.5142 4.341 19.659C4.485 19.8037 4.64362 19.8757 4.81687 19.875" fill="black" />
 		</svg>
 	)
 }
diff --git a/src/icons/calendar/three-day-icon.tsx b/src/icons/calendar/three-day-icon.tsx
index e3b28c1..c0404a8 100644
--- a/src/icons/calendar/three-day-icon.tsx
+++ b/src/icons/calendar/three-day-icon.tsx
@@ -1,7 +1,7 @@
 export function ThreeDayIcon({ className }: { className?: string }) {
 	return (
-		<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" className={className}>
-			<path d="M6 5.25C6 5.05109 5.92098 4.86032 5.78033 4.71967C5.63968 4.57902 5.44891 4.5 5.25 4.5C5.05109 4.5 4.86032 4.57902 4.71967 4.71967C4.57902 4.86032 4.5 5.05109 4.5 5.25V12.75C4.5 12.9489 4.57902 13.1397 4.71967 13.2803C4.86032 13.421 5.05109 13.5 5.25 13.5C5.44891 13.5 5.63968 13.421 5.78033 13.2803C5.92098 13.1397 6 12.9489 6 12.75V5.25ZM9.75 5.25C9.75 5.05109 9.67098 4.86032 9.53033 4.71967C9.38968 4.57902 9.19891 4.5 9 4.5C8.80109 4.5 8.61032 4.57902 8.46967 4.71967C8.32902 4.86032 8.25 5.05109 8.25 5.25V12.75C8.25 12.9489 8.32902 13.1397 8.46967 13.2803C8.61032 13.421 8.80109 13.5 9 13.5C9.19891 13.5 9.38968 13.421 9.53033 13.2803C9.67098 13.1397 9.75 12.9489 9.75 12.75V5.25ZM13.5 5.25C13.5 5.05109 13.421 4.86032 13.2803 4.71967C13.1397 4.57902 12.9489 4.5 12.75 4.5C12.5511 4.5 12.3603 4.57902 12.2197 4.71967C12.079 4.86032 12 5.05109 12 5.25V12.75C12 12.9489 12.079 13.1397 12.2197 13.2803C12.3603 13.421 12.5511 13.5 12.75 13.5C12.9489 13.5 13.1397 13.421 13.2803 13.2803C13.421 13.1397 13.5 12.9489 13.5 12.75V5.25ZM18 3.75C18 2.75544 17.6049 1.80161 16.9016 1.09835C16.1984 0.395088 15.2446 0 14.25 0H3.75C2.75544 0 1.80161 0.395088 1.09835 1.09835C0.395088 1.80161 0 2.75544 0 3.75V14.25C0 15.2446 0.395088 16.1984 1.09835 16.9016C1.80161 17.6049 2.75544 18 3.75 18H14.25C15.2446 18 16.1984 17.6049 16.9016 16.9016C17.6049 16.1984 18 15.2446 18 14.25V3.75ZM1.5 14.25V3.75C1.5 3.15326 1.73705 2.58097 2.15901 2.15901C2.58097 1.73705 3.15326 1.5 3.75 1.5H14.25C14.8467 1.5 15.419 1.73705 15.841 2.15901C16.2629 2.58097 16.5 3.15326 16.5 3.75V14.25C16.5 14.8467 16.2629 15.419 15.841 15.841C15.419 16.2629 14.8467 16.5 14.25 16.5H3.75C3.15326 16.5 2.58097 16.2629 2.15901 15.841C1.73705 15.419 1.5 14.8467 1.5 14.25Z" fill="black" />
+		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
+			<path d="M9 8.25C9 8.05109 8.92098 7.86032 8.78033 7.71967C8.63968 7.57902 8.44891 7.5 8.25 7.5C8.05109 7.5 7.86032 7.57902 7.71967 7.71967C7.57902 7.86032 7.5 8.05109 7.5 8.25V15.75C7.5 15.9489 7.57902 16.1397 7.71967 16.2803C7.86032 16.421 8.05109 16.5 8.25 16.5C8.44891 16.5 8.63968 16.421 8.78033 16.2803C8.92098 16.1397 9 15.9489 9 15.75V8.25ZM12.75 8.25C12.75 8.05109 12.671 7.86032 12.5303 7.71967C12.3897 7.57902 12.1989 7.5 12 7.5C11.8011 7.5 11.6103 7.57902 11.4697 7.71967C11.329 7.86032 11.25 8.05109 11.25 8.25V15.75C11.25 15.9489 11.329 16.1397 11.4697 16.2803C11.6103 16.421 11.8011 16.5 12 16.5C12.1989 16.5 12.3897 16.421 12.5303 16.2803C12.671 16.1397 12.75 15.9489 12.75 15.75V8.25ZM16.5 8.25C16.5 8.05109 16.421 7.86032 16.2803 7.71967C16.1397 7.57902 15.9489 7.5 15.75 7.5C15.5511 7.5 15.3603 7.57902 15.2197 7.71967C15.079 7.86032 15 8.05109 15 8.25V15.75C15 15.9489 15.079 16.1397 15.2197 16.2803C15.3603 16.421 15.5511 16.5 15.75 16.5C15.9489 16.5 16.1397 16.421 16.2803 16.2803C16.421 16.1397 16.5 15.9489 16.5 15.75V8.25ZM21 6.75C21 5.75544 20.6049 4.80161 19.9016 4.09835C19.1984 3.39509 18.2446 3 17.25 3H6.75C5.75544 3 4.80161 3.39509 4.09835 4.09835C3.39509 4.80161 3 5.75544 3 6.75V17.25C3 18.2446 3.39509 19.1984 4.09835 19.9016C4.80161 20.6049 5.75544 21 6.75 21H17.25C18.2446 21 19.1984 20.6049 19.9016 19.9016C20.6049 19.1984 21 18.2446 21 17.25V6.75ZM4.5 17.25V6.75C4.5 6.15326 4.73705 5.58097 5.15901 5.15901C5.58097 4.73705 6.15326 4.5 6.75 4.5H17.25C17.8467 4.5 18.419 4.73705 18.841 5.15901C19.2629 5.58097 19.5 6.15326 19.5 6.75V17.25C19.5 17.8467 19.2629 18.419 18.841 18.841C18.419 19.2629 17.8467 19.5 17.25 19.5H6.75C6.15326 19.5 5.58097 19.2629 5.15901 18.841C4.73705 18.419 4.5 17.8467 4.5 17.25Z" fill="black" />
 		</svg>
 	)
 }
diff --git a/src/icons/calendar/week-icon.tsx b/src/icons/calendar/week-icon.tsx
index b7729d3..2b3b81f 100644
--- a/src/icons/calendar/week-icon.tsx
+++ b/src/icons/calendar/week-icon.tsx
@@ -1,7 +1,7 @@
 export function WeekIcon({ className }: { className?: string }) {
 	return (
-		<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" className={className}>
-			<path d="M14.75 0C15.612 0 16.4386 0.34241 17.0481 0.951903C17.6576 1.5614 18 2.38805 18 3.25V14.75C18 15.612 17.6576 16.4386 17.0481 17.0481C16.4386 17.6576 15.612 18 14.75 18H3.25C2.38805 18 1.5614 17.6576 0.951903 17.0481C0.34241 16.4386 0 15.612 0 14.75V3.25C0 2.38805 0.34241 1.5614 0.951903 0.951903C1.5614 0.34241 2.38805 0 3.25 0H14.75ZM14.75 1.5H3.25C2.78587 1.5 2.34075 1.68437 2.01256 2.01256C1.68437 2.34075 1.5 2.78587 1.5 3.25V14.75C1.5 15.716 2.284 16.5 3.25 16.5H14.75C15.2141 16.5 15.6592 16.3156 15.9874 15.9874C16.3156 15.6592 16.5 15.2141 16.5 14.75V3.25C16.5 2.78587 16.3156 2.34075 15.9874 2.01256C15.6592 1.68437 15.2141 1.5 14.75 1.5ZM4.75 4C4.93124 4.00001 5.10634 4.06564 5.24293 4.18477C5.37952 4.30389 5.46835 4.46845 5.493 4.648L5.5 4.75V13.25C5.49994 13.44 5.42776 13.6229 5.29803 13.7618C5.1683 13.9006 4.9907 13.9851 4.80112 13.998C4.61154 14.011 4.42411 13.9515 4.2767 13.8316C4.12929 13.7117 4.0329 13.5402 4.007 13.352L4 13.25V4.75C4 4.55109 4.07902 4.36032 4.21967 4.21967C4.36032 4.07902 4.55109 4 4.75 4Z" fill="black" />
+		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
+			<path d="M17.75 3C18.612 3 19.4386 3.34241 20.0481 3.9519C20.6576 4.5614 21 5.38805 21 6.25V17.75C21 18.612 20.6576 19.4386 20.0481 20.0481C19.4386 20.6576 18.612 21 17.75 21H6.25C5.38805 21 4.5614 20.6576 3.9519 20.0481C3.34241 19.4386 3 18.612 3 17.75V6.25C3 5.38805 3.34241 4.5614 3.9519 3.9519C4.5614 3.34241 5.38805 3 6.25 3H17.75ZM17.75 4.5H6.25C5.78587 4.5 5.34075 4.68437 5.01256 5.01256C4.68437 5.34075 4.5 5.78587 4.5 6.25V17.75C4.5 18.716 5.284 19.5 6.25 19.5H17.75C18.2141 19.5 18.6592 19.3156 18.9874 18.9874C19.3156 18.6592 19.5 18.2141 19.5 17.75V6.25C19.5 5.78587 19.3156 5.34075 18.9874 5.01256C18.6592 4.68437 18.2141 4.5 17.75 4.5ZM7.75 7C7.93124 7.00001 8.10634 7.06564 8.24293 7.18477C8.37952 7.30389 8.46835 7.46845 8.493 7.648L8.5 7.75V16.25C8.49994 16.44 8.42776 16.6229 8.29803 16.7618C8.1683 16.9006 7.9907 16.9851 7.80112 16.998C7.61154 17.011 7.42411 16.9515 7.2767 16.8316C7.12929 16.7117 7.0329 16.5402 7.007 16.352L7 16.25V7.75C7 7.55109 7.07902 7.36032 7.21967 7.21967C7.36032 7.07902 7.55109 7 7.75 7Z" fill="black" />
 		</svg>
 	)
 }

From 6c161655356eb66533a08d9504c7363f72099b12 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 12 Jan 2025 22:47:05 -0500
Subject: [PATCH 18/54] begin day view for mobile

---
 src/components/Calendar/event-layer.tsx       | 24 ++++++++++++++-----
 .../Calendar/views/week/week-header.tsx       |  3 ++-
 .../Calendar/views/week/week-view-grid.tsx    |  9 +++----
 src/components/Calendar/week-calendar.tsx     | 17 ++++++++-----
 src/lib/types.ts                              |  2 +-
 5 files changed, 37 insertions(+), 18 deletions(-)

diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 817ae06..87f1cb0 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -9,14 +9,25 @@ interface EventLayerProps {
 }
 
 export function EventLayer({ events, weekDays, view }: EventLayerProps) {
-	const calculateEventPosition = (event: CalendarEvent) => {
-		const dayIndex = weekDays.findIndex(day => day.isSame(event.start, 'day'));
-		if (dayIndex === -1) return null;
-
+	const calculateEventPosition = (event: CalendarEvent, view: CalendarView) => {
+		console.log(!weekDays[0].isSame(event.start, 'day'))
 		const startHour = moment(event.start).hour();
 		const startMinute = moment(event.start).minute();
 		const duration = moment(event.end).diff(moment(event.start), 'minutes');
 
+		if(view === 'day') {
+			if (!weekDays[0].isSame(event.start, 'day')) return null;
+			console.log(!weekDays[0].isSame(event.start, 'day'))
+			console.log(`${(12 * startHour) + 1} / span ${12 * (duration / 60)}`)
+			return {
+				gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`,
+				gridColumn: 1,
+				top: `${moment(event.start).minute()}px`,
+				height: `${moment(event.end).diff(moment(event.start), 'minutes')}px`,
+			}
+		}
+		const dayIndex = weekDays.findIndex(day => day.isSame(event.start, 'day'));
+		if (dayIndex === -1) return null;
 		return {
 			gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`, // 5 minutes per slot
 			gridColumn: dayIndex + 1, // +1 because first column is time
@@ -28,12 +39,13 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 	return (
 		<div
 			className={cn(
-				"mt-2", // offset from the top
+				"mt-2 z-10", // offset from the top
 				"ml-10 lg:ml-[4.5rem]", // Time column width
 				"absolute inset-0 grid h-[1440px]",
 				"grid-cols-[auto_repeat(5,_1fr)] lg:grid-cols-[auto_repeat(7,_1fr)]",
 				view === 'week' && "grid-cols-5",
 				view === '3day' && "grid-cols-3",
+				view === 'day' && "grid-cols-1",
 				"row-start-1 col-start-1"
 			)}
 			style={{
@@ -41,7 +53,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 			}}
 		>
 			{events.map((event) => {
-				const position = calculateEventPosition(event);
+				const position = calculateEventPosition(event, view);
 				if (!position) return null;
 
 				return (
diff --git a/src/components/Calendar/views/week/week-header.tsx b/src/components/Calendar/views/week/week-header.tsx
index 6a53f27..2948e29 100644
--- a/src/components/Calendar/views/week/week-header.tsx
+++ b/src/components/Calendar/views/week/week-header.tsx
@@ -11,7 +11,8 @@ export function WeekHeader({ days, view }: WeekHeaderProps) {
 		<div className={cn(
 			"ml-10 grid",
 			view === "week" && "grid-cols-5",
-			view === "3day" && "grid-cols-3"
+			view === "3day" && "grid-cols-3",
+			view === "day" && "grid-cols-5"
 		)}>
 			{days.map((day, index) => (
 				<div
diff --git a/src/components/Calendar/views/week/week-view-grid.tsx b/src/components/Calendar/views/week/week-view-grid.tsx
index 7a1c3ee..6cb7160 100644
--- a/src/components/Calendar/views/week/week-view-grid.tsx
+++ b/src/components/Calendar/views/week/week-view-grid.tsx
@@ -3,9 +3,10 @@ import { useWindowSize } from '@/hooks';
 import { MinimumWidth } from '@/types';
 import moment from 'moment';
 
-const findDayLength = (view: 'week' | '3day') => {
+const findDayLength = (view: CalendarView) => {
 	if (view === 'week') return 5;
 	if (view === '3day') return 3;
+	if (view === 'day') return 1;
 	return 5;
 }
 
@@ -29,12 +30,12 @@ export function WeekViewGrid({ weekDays, view }: WeekViewGridProps) {
 				"mt-2 ml-10 grid h-[1440px] grid-cols-5 row-start-1 col-start-1",
 				view === 'week' && "grid-cols-5",
 				view === '3day' && "grid-cols-3",
+				view === 'day' && "grid-cols-1",
 			)}
 			style={{
-				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
+				gridTemplateRows: view === 'day' ? 'repeat(12, minmax(0, 1fr))' : 'repeat(288, minmax(0, 1fr))',
 			}}
 		>
-			
 
 			{/* Day columns */}
 			{Array.from({ length: findDayLength(view) }).map((_, dayIndex) => (
@@ -47,7 +48,7 @@ export function WeekViewGrid({ weekDays, view }: WeekViewGridProps) {
 							key={hour}
 							className={cn(
 								"h-[60px] border-r border-t border-border/50 dark:border-neutral-200/10",
-								findTodayIndex(weekDays) === dayIndex && "bg-neutral-100"
+								findTodayIndex(weekDays) === dayIndex && view !== 'day' && "bg-neutral-100"
 							)}
 							style={{
 								gridRow: `span 12`, // 12 5-minute slots per hour
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 4ea8862..fdcbadc 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -9,7 +9,7 @@ import { Button } from '../ui/button';
 import { useMaskImage } from '@/hooks';
 import NewEventButton from './new-event';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../ui/dropdown-menu';
-import { MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icons/calendar';
+import { DayIcon, MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icons/calendar';
 import { WeekViewGrid } from './views/week/week-view-grid';
 import CalendarHours from './hours';
 
@@ -87,11 +87,11 @@ export default function WeekCalendar() {
 		// 		)
 		// 	);
 		// } else
-		if (currentView === 'week' || currentView === '3day') {
+		if (currentView === 'week' || currentView === '3day' || currentView === 'day') {
 			const newDate = currentDate.clone().subtract(1, "days")
 			setCurrentDate(newDate);
 			setWeekDays(
-				Array.from({ length: currentView === 'week' ? 5 : 3 }, (_, i) =>
+				Array.from({ length: currentView === 'week' || currentView === 'day' ? 5 : 3 }, (_, i) =>
 					moment(newDate).add(i, 'days')
 				)
 			);
@@ -108,11 +108,11 @@ export default function WeekCalendar() {
 		// 		)
 		// 	);
 		// } else
-		if (currentView === 'week' || currentView === '3day') {
+		if (currentView === 'week' || currentView === '3day' || currentView === 'day') {
 			const newDate = currentDate.clone().add(1, "days");
 			setCurrentDate(newDate);
 			setWeekDays(
-				Array.from({ length: currentView === 'week' ? 5 : 3 }, (_, i) =>
+				Array.from({ length: currentView === 'week' || currentView === 'day' ? 5 : 3 }, (_, i) =>
 					moment(newDate).add(i, 'days')
 				)
 			);
@@ -138,7 +138,7 @@ export default function WeekCalendar() {
 	};
 
 	useEffect(() => {
-		if (currentView === 'week') {
+		if (currentView === 'week' || currentView === 'day') {
 			setWeekDays(
 				Array.from({ length: 5 }, (_, i) =>
 					moment(currentDate).add(i, 'days')
@@ -198,6 +198,7 @@ export default function WeekCalendar() {
 								<div className='flex flex-row gap-2'>
 									{currentView === '3day' && (<><ThreeDayIcon />3 Day</>)}
 									{currentView === 'week' && (<><WeekIcon />Week</>)}
+									{currentView === 'day' && (<><DayIcon />Day</>)}
 								</div>
 								<div>
 									<ChevronDownIcon />
@@ -206,6 +207,10 @@ export default function WeekCalendar() {
 							</Button>
 						</DropdownMenuTrigger>
 						<DropdownMenuContent className='rounded-2xl'>
+						<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('day')}>
+								<DayIcon />Day
+							</DropdownMenuItem>
+							<DropdownMenuSeparator />
 							<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('3day')}>
 								<ThreeDayIcon />3 Day
 							</DropdownMenuItem>
diff --git a/src/lib/types.ts b/src/lib/types.ts
index a84d760..01bb416 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -13,4 +13,4 @@ type Message = {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-type CalendarView = 'week' | '3day';
+type CalendarView = 'week' | '3day' | 'day';

From 7e3e2671466da5a0391af9643f5cb2dff80146fa Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 19 Jan 2025 15:11:05 -0500
Subject: [PATCH 19/54] day view & swipe transitioning

---
 src/components/Calendar/event-layer.tsx   |  18 +--
 src/components/Calendar/week-calendar.tsx | 159 +++++++++++++++-------
 src/lib/utils.ts                          |   7 +
 src/types/index.ts                        |   1 +
 4 files changed, 124 insertions(+), 61 deletions(-)

diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 87f1cb0..68238c4 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -1,5 +1,5 @@
 import moment from 'moment';
-import { cn } from '@/lib/utils';
+import { cn, getTailwindEventColor } from '@/lib/utils';
 import type { CalendarEvent } from '@/types';
 
 interface EventLayerProps {
@@ -10,20 +10,14 @@ interface EventLayerProps {
 
 export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 	const calculateEventPosition = (event: CalendarEvent, view: CalendarView) => {
-		console.log(!weekDays[0].isSame(event.start, 'day'))
 		const startHour = moment(event.start).hour();
-		const startMinute = moment(event.start).minute();
 		const duration = moment(event.end).diff(moment(event.start), 'minutes');
 
 		if(view === 'day') {
 			if (!weekDays[0].isSame(event.start, 'day')) return null;
-			console.log(!weekDays[0].isSame(event.start, 'day'))
-			console.log(`${(12 * startHour) + 1} / span ${12 * (duration / 60)}`)
 			return {
 				gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`,
 				gridColumn: 1,
-				top: `${moment(event.start).minute()}px`,
-				height: `${moment(event.end).diff(moment(event.start), 'minutes')}px`,
 			}
 		}
 		const dayIndex = weekDays.findIndex(day => day.isSame(event.start, 'day'));
@@ -31,8 +25,6 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 		return {
 			gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`, // 5 minutes per slot
 			gridColumn: dayIndex + 1, // +1 because first column is time
-			top: `${startHour * 60 + startMinute}px`,
-			height: `${duration}px`,
 		};
 	};
 
@@ -60,7 +52,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 					<div
 						key={event.id}
 						className={cn(
-							"flex flex-col relative mx-1 rounded-md p-2 overflow-hidden",
+							"flex flex-col relative mx-1 rounded-md p-2 mb-1 overflow-hidden cursor-pointer",
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
 							// view === 'week' && "min-w-[4.8rem] max-w-[4.8rem] sm:min-w-[7rem] sm:max-w-[7rem]",
 							// view === '3day' && "min-w-[8rem] max-w-[8rem]",
@@ -81,13 +73,13 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 							currentTarget.style.height = `${Math.max(currentHeight, contentHeight)}px`;
 						}}
 						onMouseLeave={(e) => {
-							e.currentTarget.style.height = position.height;
+							e.currentTarget.style.height = 'unset';
 						}}
 					>
 						<p className="text-xs opacity-75 font-semibold">
-							{moment(event.start, ["HH:mm"]).format('h:mm a')}
+							{event.title}
 						</p>
-						<p className="text-xs truncate">{event.title}</p>
+						<p className={cn(`${view === "week" ? "text-[0.5rem] sm:text-xs" : "text-xs"} font-light`)}>{event.location}</p>
 					</div>
 				);
 			})}
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index fdcbadc..6f2396c 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -1,64 +1,52 @@
 import { useEffect, useRef, useState } from 'react';
 import moment from 'moment';
-import { CalendarDays, ChevronDownIcon, ChevronLeft, ChevronRight } from 'lucide-react';
+import { ChevronDownIcon, ChevronLeft, ChevronRight } from 'lucide-react';
 import { WeekHeader } from './views/week/week-header';
-import { TimeGrid } from './time-grid';
 import { EventLayer } from './event-layer';
 import { MinimumWidth, type CalendarEvent } from '@/types';
 import { Button } from '../ui/button';
 import { useMaskImage } from '@/hooks';
-import NewEventButton from './new-event';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../ui/dropdown-menu';
 import { DayIcon, MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icons/calendar';
 import { WeekViewGrid } from './views/week/week-view-grid';
 import CalendarHours from './hours';
 
 const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
-	const today = moment(baseDate).startOf('week').add(1, 'day'); // Start from Monday
+	const today = moment(baseDate);
 
 	return [
 		{
 			id: '1',
-			title: 'Early Morning Workout',
-			start: moment(today).add(1, 'day').hour(6).minute(0).toDate(),
-			end: moment(today).add(1, 'day').hour(7).minute(0).toDate(),
-			color: 'bg-blue-400',
+			title: 'Org Mgmt',
+			location: 'Room 101',
+			start: moment(today).add(1, 'day').hour(9).minute(0).toDate(),
+			end: moment(today).add(1, 'day').hour(10).minute(0).toDate(),
+			color: 'bg-red-300',
 		},
 		{
 			id: '2',
-			title: 'Team Standup',
-			start: moment(today).add(1, 'day').hour(9).minute(30).toDate(),
-			end: moment(today).add(1, 'day').hour(10).minute(0).toDate(),
-			color: 'bg-purple-400',
+			title: 'Macro',
+			location: 'Room 102',
+			start: moment(today).add(1, 'day').hour(10).minute(0).toDate(),
+			end: moment(today).add(1, 'day').hour(11).minute(0).toDate(),
+			color: 'bg-orange-300',
 		},
 		{
 			id: '3',
-			title: 'Project Review',
-			start: moment(today).add(2, 'day').hour(10).minute(0).toDate(),
-			end: moment(today).add(2, 'day').hour(12).minute(0).toDate(),
-			color: 'bg-green-400',
+			title: 'Micro',
+			location: 'Room 103',
+			start: moment(today).add(1, 'day').hour(11).minute(0).toDate(),
+			end: moment(today).add(1, 'day').hour(12).minute(0).toDate(),
+			color: 'bg-yellow-300',
 		},
 		{
 			id: '4',
-			title: 'Lunch with Clients',
-			start: moment(today).add(3, 'day').hour(12).minute(0).toDate(),
-			end: moment(today).add(3, 'day').hour(14).minute(0).toDate(),
-			color: 'bg-yellow-400',
-		},
-		{
-			id: '5',
-			title: 'Design Workshop',
-			start: moment(today).add(4, 'day').hour(14).minute(0).toDate(),
-			end: moment(today).add(4, 'day').hour(16).minute(0).toDate(),
-			color: 'bg-pink-400',
-		},
-		{
-			id: '6',
-			title: 'Evening Yoga',
-			start: moment(today).add(5, 'day').hour(17).minute(0).toDate(),
-			end: moment(today).add(5, 'day').hour(18).minute(0).toDate(),
-			color: 'bg-indigo-400',
-		},
+			title: 'Financial Mgmt',
+			location: 'Room 104',
+			start: moment(today).add(1, 'day').hour(12).minute(0).toDate(),
+			end: moment(today).add(1, 'day').hour(14).minute(0).toDate(),
+			color: 'bg-green-300',
+		}
 	];
 };
 
@@ -69,6 +57,12 @@ export default function WeekCalendar() {
 	const scrollRef = useRef<HTMLDivElement>(null);
 	const [currentView, setCurrentView] = useState<CalendarView>('week');
 
+	const [swipeProgress, setSwipeProgress] = useState(0); // Track swipe progress
+	const [isSwiping, setIsSwiping] = useState(false);
+	const [startX, setStartX] = useState(0);
+	const [offsetX, setOffsetX] = useState(0);
+	const containerRef = useRef<HTMLDivElement>(null);
+
 	useMaskImage(scrollRef);
 
 	const [weekDays, setWeekDays] = useState(
@@ -77,7 +71,7 @@ export default function WeekCalendar() {
 		)
 	);
 
-	const goToPreviousWeek = () => {
+	const goToPrevious = () => {
 		// if (currentView === 'week') {
 		// 	const newDate = currentDate.clone().subtract(1, "week");
 		// 	setCurrentDate(newDate);
@@ -87,18 +81,34 @@ export default function WeekCalendar() {
 		// 		)
 		// 	);
 		// } else
-		if (currentView === 'week' || currentView === '3day' || currentView === 'day') {
+		if (currentView === 'day') {
 			const newDate = currentDate.clone().subtract(1, "days")
 			setCurrentDate(newDate);
 			setWeekDays(
-				Array.from({ length: currentView === 'week' || currentView === 'day' ? 5 : 3 }, (_, i) =>
+				Array.from({ length: 5 }, (_, i) =>
 					moment(newDate).add(i, 'days')
 				)
 			);
+		} else if (currentView === '3day') {
+			const newDate = currentDate.clone().subtract(3, "days");
+			setCurrentDate(newDate);
+			setWeekDays(
+				Array.from({ length: 3 }, (_, i) =>
+					moment(newDate).startOf('day').add(i, 'days')
+				)
+			);
+		} else if (currentView === 'week') {
+			const newDate = currentDate.clone().subtract(1, "week");
+			setCurrentDate(newDate);
+			setWeekDays(
+				Array.from({ length: 5 }, (_, i) =>
+					moment(newDate).startOf('week').add(i, 'days')
+				)
+			);
 		}
 	};
 
-	const goToNextWeek = () => {
+	const goToNext = () => {
 		// if (currentView === 'ddd') {
 		// 	const newDate = currentDate.clone().add(1, "week");
 		// 	setCurrentDate(newDate);
@@ -108,21 +118,37 @@ export default function WeekCalendar() {
 		// 		)
 		// 	);
 		// } else
-		if (currentView === 'week' || currentView === '3day' || currentView === 'day') {
+		if (currentView === 'day') {
 			const newDate = currentDate.clone().add(1, "days");
 			setCurrentDate(newDate);
 			setWeekDays(
-				Array.from({ length: currentView === 'week' || currentView === 'day' ? 5 : 3 }, (_, i) =>
+				Array.from({ length: 5 }, (_, i) =>
 					moment(newDate).add(i, 'days')
 				)
 			);
+		} else if (currentView === 'week') {
+			const newDate = currentDate.clone().add(1, "week");
+			setCurrentDate(newDate);
+			setWeekDays(
+				Array.from({ length: 5 }, (_, i) =>
+					moment(newDate).startOf('week').add(i, 'days')
+				)
+			);
+		} else if (currentView === '3day') {
+			const newDate = currentDate.clone().add(3, "days");
+			setCurrentDate(newDate);
+			setWeekDays(
+				Array.from({ length: 3 }, (_, i) =>
+					moment(newDate).startOf('day').add(i, 'days')
+				)
+			);
 		}
 	};
 
 	const goToToday = () => {
 		const newDate = moment();
 		setCurrentDate(moment());
-		if (currentView === 'week') {
+		if (currentView === 'week' || currentView === 'day') {
 			setWeekDays(
 				Array.from({ length: 5 }, (_, i) =>
 					moment(newDate).add(i, 'days')
@@ -137,6 +163,32 @@ export default function WeekCalendar() {
 		}
 	};
 
+	const handleTouchStart = (e: React.TouchEvent) => {
+		setIsSwiping(true);
+		setStartX(e.touches[0].clientX);
+	};
+
+	const handleTouchMove = (e: React.TouchEvent) => {
+		if (!isSwiping) return;
+		setOffsetX(e.touches[0].clientX - startX);
+		const currentX = e.touches[0].clientX;
+		const delta = currentX - startX;
+		const progress = Math.max(0, Math.min(1, Math.abs(delta) / window.innerWidth)); // 0 to 1
+		console.log({progress, delta, })
+		setSwipeProgress(progress);
+	};
+
+	const handleTouchEnd = () => {
+		setIsSwiping(false);
+		if (offsetX > 50) {
+			goToPrevious(); // Swipe right
+		} else if (offsetX < -50) {
+			goToNext(); // Swipe left
+		}
+		setOffsetX(0);
+		setSwipeProgress(0);
+	};
+
 	useEffect(() => {
 		if (currentView === 'week' || currentView === 'day') {
 			setWeekDays(
@@ -169,7 +221,7 @@ export default function WeekCalendar() {
 						variant="secondary"
 						size="icon"
 						aria-label="Previous week"
-						onClick={goToPreviousWeek}
+						onClick={goToPrevious}
 					>
 						<ChevronLeft size={16} strokeWidth={2} aria-hidden="true" />
 					</Button>
@@ -185,7 +237,7 @@ export default function WeekCalendar() {
 						variant="secondary"
 						size="icon"
 						aria-label="Next week"
-						onClick={goToNextWeek}
+						onClick={goToNext}
 					>
 						<ChevronRight size={16} strokeWidth={2} aria-hidden="true" />
 					</Button>
@@ -195,7 +247,7 @@ export default function WeekCalendar() {
 					<DropdownMenu>
 						<DropdownMenuTrigger asChild>
 							<Button variant="outline" className='rounded-2xl w-full justify-between'>
-								<div className='flex flex-row gap-2'>
+								<div className='flex flex-row gap-2 items-center'>
 									{currentView === '3day' && (<><ThreeDayIcon />3 Day</>)}
 									{currentView === 'week' && (<><WeekIcon />Week</>)}
 									{currentView === 'day' && (<><DayIcon />Day</>)}
@@ -207,7 +259,7 @@ export default function WeekCalendar() {
 							</Button>
 						</DropdownMenuTrigger>
 						<DropdownMenuContent className='rounded-2xl'>
-						<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('day')}>
+							<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('day')}>
 								<DayIcon />Day
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
@@ -234,8 +286,19 @@ export default function WeekCalendar() {
 
 
 			<WeekHeader days={weekDays} view={currentView} />
-			<div className="flex-1 overflow-scroll" ref={scrollRef}>
-				<div className="relative flex-1 grid grid-cols-1 grid-rows-1">
+			<div className="flex-1 overflow-scroll"
+				ref={scrollRef}
+				onTouchStart={handleTouchStart}
+				onTouchMove={handleTouchMove}
+				onTouchEnd={handleTouchEnd}
+			>
+				<div className="relative flex-1 grid grid-cols-1 grid-rows-1"
+					ref={containerRef}
+					style={{
+						opacity: 1 - swipeProgress,
+						transform: `translateX(${offsetX}px)`,
+					}}
+				>
 					<CalendarHours />
 					<WeekViewGrid view={currentView} weekDays={weekDays} />
 					<EventLayer events={events} weekDays={weekDays} view={currentView} />
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 8cc4546..08e02b8 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -36,3 +36,10 @@ export const formatHourIntl = (hour: number) => {
 	const date = new Date(0, 0, 0, hour);
 	return formatter.format(date);
   }
+
+export const getTailwindEventColor = (eventColor: string) => {
+	const color = eventColor.split('-')[0];
+	const shade = eventColor.split('-')[1];
+	if(!shade) return `bg-${color}-400`;
+	return `bg-${color}-${shade}`;
+}
diff --git a/src/types/index.ts b/src/types/index.ts
index 0f71be0..1c2c401 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -1,6 +1,7 @@
 export interface CalendarEvent {
 	id: string;
 	title: string;
+	location?: string;
 	start: Date;
 	end: Date;
 	color: string;

From 15483eaeded4b8a6cfd112487e89c4fba9271e8f Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Tue, 28 Jan 2025 21:24:40 -0500
Subject: [PATCH 20/54] more work, start schedule view

---
 src/components/Calendar/event-embed.tsx       | 16 ++++++
 .../Calendar/views/schedule-view.tsx          | 45 +++++++++++++++++
 .../Calendar/views/week/week-header.tsx       |  1 +
 .../Calendar/views/week/week-view-grid.tsx    | 36 +++++++++++--
 src/components/Calendar/week-calendar.tsx     | 50 +++++++++++--------
 src/lib/types.ts                              | 10 +++-
 src/types/index.ts                            |  8 ---
 7 files changed, 133 insertions(+), 33 deletions(-)
 create mode 100644 src/components/Calendar/event-embed.tsx
 create mode 100644 src/components/Calendar/views/schedule-view.tsx

diff --git a/src/components/Calendar/event-embed.tsx b/src/components/Calendar/event-embed.tsx
new file mode 100644
index 0000000..4df32e8
--- /dev/null
+++ b/src/components/Calendar/event-embed.tsx
@@ -0,0 +1,16 @@
+import { CalendarEvent } from "@/lib/types";
+import { Separator } from "../ui/separator";
+import { cn } from "@/lib/utils";
+
+export default function EventEmbed({ event, key }: { event: CalendarEvent, key: string }) {
+	return (
+		<div className={cn("flex flex-row p-4 gap-2 rounded-xl", event.color)} key={key}>
+			{/** Vertical line */}
+			<Separator orientation="vertical" className={"bg-primary"} />
+			<div className="flex flex-col">
+				<p className="text-lg font-semibold">{event.title}</p>
+				<p className="text-sm">{event.location}</p>
+			</div>
+		</div>
+	)
+}
diff --git a/src/components/Calendar/views/schedule-view.tsx b/src/components/Calendar/views/schedule-view.tsx
new file mode 100644
index 0000000..a617174
--- /dev/null
+++ b/src/components/Calendar/views/schedule-view.tsx
@@ -0,0 +1,45 @@
+import { CalendarEvent } from "@/lib/types";
+import { cn } from "@/lib/utils";
+import moment from "moment";
+import EventEmbed from "../event-embed";
+
+export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
+	// Group events by day
+	const groupedEvents = events.reduce((acc, event) => {
+		const day = moment(event.start).format('YYYY-MM-DD');
+		if (!acc[day]) {
+			acc[day] = [];
+		}
+		acc[day].push(event);
+		return acc;
+	}, {} as Record<string, CalendarEvent[]>);
+
+	return (
+		<div className="flex flex-row gap-4 w-full">
+			<div className="flex flex-col">
+				{Object.entries(groupedEvents).map(([day, dayEvents]) => (
+					<div key={day} className={cn(
+							"flex flex-col p-4 text-center",
+							!moment(dayEvents[0].start).isSame(moment(), "day") && "text-neutral-500 dark:text-neutral-400"
+						)}>
+						<span className="text-xl font-semibold">{moment(dayEvents[0].start).format("D")}</span>
+						<span className={cn(
+							"text-sm font-normal",
+						)}>
+						{moment(dayEvents[0].start).format("ddd")}
+					</span>
+					</div>
+				))}
+			</div>
+			<div className="flex flex-col w-full">
+				{Object.entries(groupedEvents).map(([day, dayEvents]) => (
+					<div key={day} className="flex flex-col gap-2">
+						{dayEvents.map((event) => (
+							<EventEmbed event={event} key={event.id} />
+						))}
+					</div>
+				))}
+			</div>
+		</div>
+	)
+}
diff --git a/src/components/Calendar/views/week/week-header.tsx b/src/components/Calendar/views/week/week-header.tsx
index 2948e29..9b020af 100644
--- a/src/components/Calendar/views/week/week-header.tsx
+++ b/src/components/Calendar/views/week/week-header.tsx
@@ -1,5 +1,6 @@
 import moment from 'moment';
 import { cn } from '@/lib/utils';
+import { CalendarView } from '@/lib/types';
 
 interface WeekHeaderProps {
 	days: moment.Moment[];
diff --git a/src/components/Calendar/views/week/week-view-grid.tsx b/src/components/Calendar/views/week/week-view-grid.tsx
index 6cb7160..3ffbe9a 100644
--- a/src/components/Calendar/views/week/week-view-grid.tsx
+++ b/src/components/Calendar/views/week/week-view-grid.tsx
@@ -2,6 +2,8 @@ import { cn, formatHourIntl } from '@/lib/utils';
 import { useWindowSize } from '@/hooks';
 import { MinimumWidth } from '@/types';
 import moment from 'moment';
+import { useEffect, useState } from 'react';
+import { CalendarView } from '@/lib/types';
 
 const findDayLength = (view: CalendarView) => {
 	if (view === 'week') return 5;
@@ -21,13 +23,29 @@ interface WeekViewGridProps {
 
 export function WeekViewGrid({ weekDays, view }: WeekViewGridProps) {
 	const hours = Array.from({ length: 24 }, (_, i) => i);
-	const windowSize = useWindowSize();
-	const isDesktop = windowSize.width > MinimumWidth.Large;
+	const [currentTime, setCurrentTime] = useState(moment());
+
+	// Update current time every minute
+	useEffect(() => {
+		const timer = setInterval(() => {
+			setCurrentTime(moment());
+		}, 60000); // 60000ms = 1 minute
+
+		return () => clearInterval(timer);
+	}, []);
+
+	// Calculate position for current time indicator
+	const getCurrentTimePosition = () => {
+		const hours = currentTime.hours();
+		const minutes = currentTime.minutes();
+		const totalMinutes = hours * 60 + minutes;
+		return (totalMinutes / 1440) * 100; // Convert to percentage of day
+	};
 
 	return (
 		<div
 			className={cn(
-				"mt-2 ml-10 grid h-[1440px] grid-cols-5 row-start-1 col-start-1",
+				"mt-2 ml-10 grid h-[1440px] grid-cols-5 row-start-1 col-start-1 relative",
 				view === 'week' && "grid-cols-5",
 				view === '3day' && "grid-cols-3",
 				view === 'day' && "grid-cols-1",
@@ -36,6 +54,18 @@ export function WeekViewGrid({ weekDays, view }: WeekViewGridProps) {
 				gridTemplateRows: view === 'day' ? 'repeat(12, minmax(0, 1fr))' : 'repeat(288, minmax(0, 1fr))',
 			}}
 		>
+			{/* Current time indicator */}
+			{moment().isSame(weekDays[0], 'day') && (
+				<div
+					className="absolute w-full z-10 flex items-center pointer-events-none"
+					style={{
+						top: `${getCurrentTimePosition()}%`
+					}}
+				>
+					<div className="w-2 h-2 rounded-full bg-primary -translate-x-1" />
+					<div className="flex-1 h-[1px] bg-primary" />
+				</div>
+			)}
 
 			{/* Day columns */}
 			{Array.from({ length: findDayLength(view) }).map((_, dayIndex) => (
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 6f2396c..1beeb57 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -10,6 +10,8 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSepara
 import { DayIcon, MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icons/calendar';
 import { WeekViewGrid } from './views/week/week-view-grid';
 import CalendarHours from './hours';
+import ScheduleView from './views/schedule-view';
+import { CalendarView } from '@/lib/types';
 
 const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 	const today = moment(baseDate);
@@ -53,7 +55,7 @@ const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 export default function WeekCalendar() {
 	const [currentDate, setCurrentDate] = useState(moment());
 	const [events] = useState<CalendarEvent[]>(() => generateMockEvents(currentDate));
-	const isDesktop = window.innerWidth > MinimumWidth.Large;
+	const isDesktop = window?.innerWidth > MinimumWidth.Large;
 	const scrollRef = useRef<HTMLDivElement>(null);
 	const [currentView, setCurrentView] = useState<CalendarView>('week');
 
@@ -174,7 +176,7 @@ export default function WeekCalendar() {
 		const currentX = e.touches[0].clientX;
 		const delta = currentX - startX;
 		const progress = Math.max(0, Math.min(1, Math.abs(delta) / window.innerWidth)); // 0 to 1
-		console.log({progress, delta, })
+		console.log({ progress, delta, })
 		setSwipeProgress(progress);
 	};
 
@@ -251,6 +253,7 @@ export default function WeekCalendar() {
 									{currentView === '3day' && (<><ThreeDayIcon />3 Day</>)}
 									{currentView === 'week' && (<><WeekIcon />Week</>)}
 									{currentView === 'day' && (<><DayIcon />Day</>)}
+									{currentView === 'schedule' && (<><ScheduleIcon />Schedule</>)}
 								</div>
 								<div>
 									<ChevronDownIcon />
@@ -275,7 +278,7 @@ export default function WeekCalendar() {
 								<MonthIcon />Month
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
-							<DropdownMenuItem className='flex items-center gap-1'>
+							<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('schedule')}>
 								<ScheduleIcon />Schedule
 							</DropdownMenuItem>
 						</DropdownMenuContent>
@@ -284,26 +287,31 @@ export default function WeekCalendar() {
 
 			</div>
 
-
-			<WeekHeader days={weekDays} view={currentView} />
-			<div className="flex-1 overflow-scroll"
-				ref={scrollRef}
-				onTouchStart={handleTouchStart}
-				onTouchMove={handleTouchMove}
-				onTouchEnd={handleTouchEnd}
-			>
-				<div className="relative flex-1 grid grid-cols-1 grid-rows-1"
-					ref={containerRef}
-					style={{
-						opacity: 1 - swipeProgress,
-						transform: `translateX(${offsetX}px)`,
-					}}
+			{currentView === 'schedule' ? (
+				<ScheduleView events={events} />
+			) : (
+			<>
+				<WeekHeader days={weekDays} view={currentView} />
+				<div className="flex-1 overflow-scroll"
+					ref={scrollRef}
+					onTouchStart={handleTouchStart}
+					onTouchMove={handleTouchMove}
+					onTouchEnd={handleTouchEnd}
 				>
-					<CalendarHours />
-					<WeekViewGrid view={currentView} weekDays={weekDays} />
-					<EventLayer events={events} weekDays={weekDays} view={currentView} />
+					<div className="relative flex-1 grid grid-cols-1 grid-rows-1"
+						ref={containerRef}
+						style={{
+							opacity: 1 - swipeProgress,
+							transform: `translateX(${offsetX}px)`,
+						}}
+					>
+						<CalendarHours />
+						<WeekViewGrid view={currentView} weekDays={weekDays} />
+						<EventLayer events={events} weekDays={weekDays} view={currentView} />
+					</div>
 				</div>
-			</div>
+			</>
+			)}
 		</div>
 	);
 }
diff --git a/src/lib/types.ts b/src/lib/types.ts
index 01bb416..c0a2a00 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -13,4 +13,12 @@ type Message = {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-type CalendarView = 'week' | '3day' | 'day';
+export type CalendarView = 'week' | '3day' | 'day' | 'schedule';
+export interface CalendarEvent {
+	id: string;
+	title: string;
+	location?: string;
+	start: Date;
+	end: Date;
+	color: string;
+}
diff --git a/src/types/index.ts b/src/types/index.ts
index 1c2c401..6706256 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -1,11 +1,3 @@
-export interface CalendarEvent {
-	id: string;
-	title: string;
-	location?: string;
-	start: Date;
-	end: Date;
-	color: string;
-}
 
 export enum MinimumWidth {
 	Small = 640,

From bf0402b84ad145d3ae54d4d8b5e33aa31f71acf1 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Tue, 28 Jan 2025 21:34:43 -0500
Subject: [PATCH 21/54] fix goTo logic (calendar dates)

---
 src/components/Calendar/week-calendar.tsx | 62 +++++++++--------------
 1 file changed, 24 insertions(+), 38 deletions(-)

diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 1beeb57..38f5f43 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -74,77 +74,63 @@ export default function WeekCalendar() {
 	);
 
 	const goToPrevious = () => {
-		// if (currentView === 'week') {
-		// 	const newDate = currentDate.clone().subtract(1, "week");
-		// 	setCurrentDate(newDate);
-		// 	setWeekDays(
-		// 		Array.from({ length: 5 }, (_, i) =>
-		// 			moment(newDate).startOf('week').add(i, 'days')
-		// 		)
-		// 	);
-		// } else
+		let newDate: moment.Moment;
 		if (currentView === 'day') {
-			const newDate = currentDate.clone().subtract(1, "days")
-			setCurrentDate(newDate);
+			newDate = currentDate.clone().subtract(1, "days");
 			setWeekDays(
 				Array.from({ length: 5 }, (_, i) =>
 					moment(newDate).add(i, 'days')
 				)
 			);
 		} else if (currentView === '3day') {
-			const newDate = currentDate.clone().subtract(3, "days");
-			setCurrentDate(newDate);
+			const firstShownDate = weekDays[0];
+			newDate = moment(firstShownDate).subtract(3, "days");
 			setWeekDays(
 				Array.from({ length: 3 }, (_, i) =>
-					moment(newDate).startOf('day').add(i, 'days')
+					moment(newDate).add(i, 'days')
 				)
 			);
 		} else if (currentView === 'week') {
-			const newDate = currentDate.clone().subtract(1, "week");
-			setCurrentDate(newDate);
+			const firstShownDate = weekDays[0];
+			newDate = moment(firstShownDate).subtract(5, "days");
 			setWeekDays(
 				Array.from({ length: 5 }, (_, i) =>
-					moment(newDate).startOf('week').add(i, 'days')
+					moment(newDate).add(i, 'days')
 				)
 			);
 		}
+
+		setCurrentDate(newDate!);
 	};
 
 	const goToNext = () => {
-		// if (currentView === 'ddd') {
-		// 	const newDate = currentDate.clone().add(1, "week");
-		// 	setCurrentDate(newDate);
-		// 	setWeekDays(
-		// 		Array.from({ length: 5 }, (_, i) =>
-		// 			moment(newDate).startOf('week').add(i, 'days')
-		// 		)
-		// 	);
-		// } else
+		let newDate: moment.Moment;
 		if (currentView === 'day') {
-			const newDate = currentDate.clone().add(1, "days");
-			setCurrentDate(newDate);
+			newDate = currentDate.clone().add(1, "days");
 			setWeekDays(
 				Array.from({ length: 5 }, (_, i) =>
 					moment(newDate).add(i, 'days')
 				)
 			);
-		} else if (currentView === 'week') {
-			const newDate = currentDate.clone().add(1, "week");
-			setCurrentDate(newDate);
+		} else if (currentView === '3day') {
+			const lastShownDate = weekDays[2];
+			newDate = moment(lastShownDate).add(1, "days");
 			setWeekDays(
-				Array.from({ length: 5 }, (_, i) =>
-					moment(newDate).startOf('week').add(i, 'days')
+				Array.from({ length: 3 }, (_, i) =>
+					moment(newDate).add(i, 'days')
 				)
 			);
-		} else if (currentView === '3day') {
-			const newDate = currentDate.clone().add(3, "days");
-			setCurrentDate(newDate);
+		} else if (currentView === 'week') {
+			const lastShownDate = weekDays[4];
+			newDate = moment(lastShownDate).add(1, "days");
 			setWeekDays(
-				Array.from({ length: 3 }, (_, i) =>
-					moment(newDate).startOf('day').add(i, 'days')
+				Array.from({ length: 5 }, (_, i) =>
+					moment(newDate).add(i, 'days')
 				)
 			);
 		}
+
+		setCurrentDate(newDate!);
 	};
 
 	const goToToday = () => {

From be7fb7d17f8e686699696771a7581fa0454434db Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 29 Jan 2025 16:06:34 -0500
Subject: [PATCH 22/54] fix up schedule view - better positioning logic, event
 handling (overlaps), and more

---
 src/components/Calendar/event-embed.tsx       |  10 +-
 src/components/Calendar/event-layer.tsx       |  43 +++++--
 .../Calendar/views/schedule-view.tsx          |  79 +++++++++---
 .../Calendar/views/week/week-view-grid.tsx    |   4 +-
 src/components/Calendar/week-calendar.tsx     | 116 +++++++++++++-----
 5 files changed, 185 insertions(+), 67 deletions(-)

diff --git a/src/components/Calendar/event-embed.tsx b/src/components/Calendar/event-embed.tsx
index 4df32e8..4e8749c 100644
--- a/src/components/Calendar/event-embed.tsx
+++ b/src/components/Calendar/event-embed.tsx
@@ -1,15 +1,19 @@
 import { CalendarEvent } from "@/lib/types";
 import { Separator } from "../ui/separator";
 import { cn } from "@/lib/utils";
+import moment from "moment";
 
 export default function EventEmbed({ event, key }: { event: CalendarEvent, key: string }) {
 	return (
-		<div className={cn("flex flex-row p-4 gap-2 rounded-xl", event.color)} key={key}>
+		<div className={cn("flex flex-row p-3 gap-2 rounded-xl bg-opacity-70 hover:bg-opacity-100", event.color)} key={key}>
 			{/** Vertical line */}
 			<Separator orientation="vertical" className={"bg-primary"} />
 			<div className="flex flex-col">
-				<p className="text-lg font-semibold">{event.title}</p>
-				<p className="text-sm">{event.location}</p>
+				<p className="text-lg tracking-wide font-medium">{event.title}</p>
+				<span className="text-sm flex flex-row gap-2 items-center">
+					<p className="min-w-20">{event.location}</p>
+					<p>{moment(event.start).format("h:mm a")} - {moment(event.end).format("h:mm a")}</p>
+				</span>
 			</div>
 		</div>
 	)
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 68238c4..9e193d0 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -1,6 +1,6 @@
 import moment from 'moment';
-import { cn, getTailwindEventColor } from '@/lib/utils';
-import type { CalendarEvent } from '@/types';
+import { cn } from '@/lib/utils';
+import { CalendarEvent, CalendarView } from '@/lib/types';
 
 interface EventLayerProps {
 	events: CalendarEvent[];
@@ -15,16 +15,41 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 
 		if(view === 'day') {
 			if (!weekDays[0].isSame(event.start, 'day')) return null;
+
+			// Get all events for this day
+			const dayEvents = events.filter(e => moment(e.start).isSame(weekDays[0], 'day'));
+			const isOverlapping = dayEvents.some(e =>
+				e.id !== event.id &&
+				moment(event.start).isBefore(moment(e.end)) &&
+				moment(event.end).isAfter(moment(e.start))
+			);
+
+			if(isOverlapping) console.log(event.title, events.findIndex(e => e.id === event.id) % 2 === 0);
+
 			return {
 				gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`,
 				gridColumn: 1,
-			}
+				width: isOverlapping ? '48%' : '100%',
+				justifySelf: isOverlapping ? events.findIndex(e => e.id === event.id) % 2 === 0 ? 'end' : 'start' : 'stretch'
+			};
 		}
+
 		const dayIndex = weekDays.findIndex(day => day.isSame(event.start, 'day'));
 		if (dayIndex === -1) return null;
+
+		// Check for overlaps
+		const dayEvents = events.filter(e => moment(e.start).isSame(weekDays[dayIndex], 'day'));
+		const isOverlapping = dayEvents.some(e =>
+			e.id !== event.id &&
+			moment(event.start).isBefore(moment(e.end)) &&
+			moment(event.end).isAfter(moment(e.start))
+		);
+
 		return {
-			gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`, // 5 minutes per slot
-			gridColumn: dayIndex + 1, // +1 because first column is time
+			gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`,
+			gridColumn: dayIndex + 1,
+			width: isOverlapping ? '47%' : 'unset',
+			justifySelf: isOverlapping ? events.findIndex(e => e.id === event.id) % 2 === 0 ? 'end' : 'start' : 'stretch'
 		};
 	};
 
@@ -54,8 +79,6 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 						className={cn(
 							"flex flex-col relative mx-1 rounded-md p-2 mb-1 overflow-hidden cursor-pointer",
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
-							// view === 'week' && "min-w-[4.8rem] max-w-[4.8rem] sm:min-w-[7rem] sm:max-w-[7rem]",
-							// view === '3day' && "min-w-[8rem] max-w-[8rem]",
 							event.color,
 							"dark:invert dark:bg-neutral-300 dark:shadow-white",
 							"bg-opacity-70 hover:bg-opacity-100"
@@ -63,6 +86,8 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 						style={{
 							gridRow: position.gridRow,
 							gridColumn: position.gridColumn,
+							width: position.width,
+							justifySelf: position.justifySelf
 						}}
 						onMouseEnter={(e) => {
 							const currentTarget = e.currentTarget;
@@ -76,10 +101,10 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 							e.currentTarget.style.height = 'unset';
 						}}
 					>
-						<p className="text-xs opacity-75 font-semibold">
+						<p className="text-xs opacity-75 font-semibold truncate">
 							{event.title}
 						</p>
-						<p className={cn(`${view === "week" ? "text-[0.5rem] sm:text-xs" : "text-xs"} font-light`)}>{event.location}</p>
+						<p className={cn(`${view === "week" ? "text-[0.5rem] sm:text-xs" : "text-xs"} font-light truncate`)}>{event.location}</p>
 					</div>
 				);
 			})}
diff --git a/src/components/Calendar/views/schedule-view.tsx b/src/components/Calendar/views/schedule-view.tsx
index a617174..2198fca 100644
--- a/src/components/Calendar/views/schedule-view.tsx
+++ b/src/components/Calendar/views/schedule-view.tsx
@@ -2,6 +2,7 @@ import { CalendarEvent } from "@/lib/types";
 import { cn } from "@/lib/utils";
 import moment from "moment";
 import EventEmbed from "../event-embed";
+import ZzIcon from "@/components/ui/zz-icon";
 
 export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 	// Group events by day
@@ -14,29 +15,69 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 		return acc;
 	}, {} as Record<string, CalendarEvent[]>);
 
+	const today = moment().format('YYYY-MM-DD');
+	if (!groupedEvents[today]) {
+		groupedEvents[today] = [];
+	}
+	const sortedDays = Object.keys(groupedEvents).sort((a, b) =>
+		moment(a).diff(moment(b))
+	);
+
+	const getDayHeight = (day: string): number => {
+		if (groupedEvents[day].length === 0) {
+			return moment(day).isSame(moment(), 'day') ? 5 : 0; // 5rem for empty today, 0 for other empty days
+		}
+
+		// Calculate height based on number of events
+		// Each event is ~5rem tall plus some gap spacing
+		return groupedEvents[day].length * 5; // 5.5rem per event to account for gaps
+	};
+
 	return (
-		<div className="flex flex-row gap-4 w-full">
-			<div className="flex flex-col">
-				{Object.entries(groupedEvents).map(([day, dayEvents]) => (
-					<div key={day} className={cn(
-							"flex flex-col p-4 text-center",
-							!moment(dayEvents[0].start).isSame(moment(), "day") && "text-neutral-500 dark:text-neutral-400"
-						)}>
-						<span className="text-xl font-semibold">{moment(dayEvents[0].start).format("D")}</span>
-						<span className={cn(
-							"text-sm font-normal",
-						)}>
-						{moment(dayEvents[0].start).format("ddd")}
-					</span>
+		<div className="flex flex-row gap-4 w-full h-full min-h-screen overflow-auto">
+			<div className="flex flex-col bg-sky-50 rounded-lg h-fit min-h-screen gap-4">
+				{/** Day column */}
+				{sortedDays.map((day) => (
+					<div
+						key={day}
+						className={cn(
+							"flex flex-col p-4 text-center rounded-lg transition-all",
+							!moment(day).isSame(moment(), "day")
+							? "text-neutral-500 dark:text-neutral-400"
+							: "bg-blue-400/50"
+						)}
+						style={{
+							height: `${getDayHeight(day)}rem`,
+							minHeight: '80px'
+						}}
+					>
+						<span className="text-xl font-semibold">{moment(day).format("D")}</span>
+						<span className={cn("text-sm font-normal")}>
+							{moment(day).format("ddd")}
+						</span>
 					</div>
 				))}
 			</div>
-			<div className="flex flex-col w-full">
-				{Object.entries(groupedEvents).map(([day, dayEvents]) => (
-					<div key={day} className="flex flex-col gap-2">
-						{dayEvents.map((event) => (
-							<EventEmbed event={event} key={event.id} />
-						))}
+			{/** Event column */}
+			<div className="flex flex-col w-full h-fit gap-4">
+				{sortedDays.map((day) => (
+					<div
+						key={day}
+						className="flex flex-col gap-2 transition-all"
+						style={{
+							height: `${getDayHeight(day)}rem`,
+							minHeight: '80px'
+						}}
+					>
+						{groupedEvents[day].length === 0 && moment(day).isSame(moment(), 'day') ? (
+							<div className="flex flex-col p-4 text-neutral-500 dark:text-neutral-400 text-center">
+								<ZzIcon />Your schedule is empty for today
+							</div>
+						) : (
+							groupedEvents[day].map((event) => (
+								<EventEmbed event={event} key={event.id} />
+							))
+						)}
 					</div>
 				))}
 			</div>
diff --git a/src/components/Calendar/views/week/week-view-grid.tsx b/src/components/Calendar/views/week/week-view-grid.tsx
index 3ffbe9a..389829b 100644
--- a/src/components/Calendar/views/week/week-view-grid.tsx
+++ b/src/components/Calendar/views/week/week-view-grid.tsx
@@ -55,9 +55,9 @@ export function WeekViewGrid({ weekDays, view }: WeekViewGridProps) {
 			}}
 		>
 			{/* Current time indicator */}
-			{moment().isSame(weekDays[0], 'day') && (
+			{moment().isSame(weekDays[0], 'day') && view === 'day' && (
 				<div
-					className="absolute w-full z-10 flex items-center pointer-events-none"
+					className="absolute w-full z-50 flex items-center pointer-events-none"
 					style={{
 						top: `${getCurrentTimePosition()}%`
 					}}
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 38f5f43..00c0a43 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -14,42 +14,90 @@ import ScheduleView from './views/schedule-view';
 import { CalendarView } from '@/lib/types';
 
 const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
-	const today = moment(baseDate);
+	const events: CalendarEvent[] = [];
+	const eventTitles = [
+		'Team Meeting',
+		'Project Review',
+		'Client Call',
+		'Lunch Break',
+		'Code Review',
+		'Design Sprint',
+		'Weekly Sync',
+		'Planning Session',
+		'1:1 Meeting',
+		'Workshop'
+	];
 
-	return [
-		{
-			id: '1',
-			title: 'Org Mgmt',
-			location: 'Room 101',
-			start: moment(today).add(1, 'day').hour(9).minute(0).toDate(),
-			end: moment(today).add(1, 'day').hour(10).minute(0).toDate(),
-			color: 'bg-red-300',
-		},
-		{
-			id: '2',
-			title: 'Macro',
-			location: 'Room 102',
-			start: moment(today).add(1, 'day').hour(10).minute(0).toDate(),
-			end: moment(today).add(1, 'day').hour(11).minute(0).toDate(),
-			color: 'bg-orange-300',
-		},
-		{
-			id: '3',
-			title: 'Micro',
-			location: 'Room 103',
-			start: moment(today).add(1, 'day').hour(11).minute(0).toDate(),
-			end: moment(today).add(1, 'day').hour(12).minute(0).toDate(),
-			color: 'bg-yellow-300',
-		},
-		{
-			id: '4',
-			title: 'Financial Mgmt',
-			location: 'Room 104',
-			start: moment(today).add(1, 'day').hour(12).minute(0).toDate(),
-			end: moment(today).add(1, 'day').hour(14).minute(0).toDate(),
-			color: 'bg-green-300',
-		}
+	const locations = [
+		'Room 101',
+		'Room 102',
+		'Room 103',
+		'Conference A',
+		'Conference B',
+		'Meeting Room 1',
+		'Meeting Room 2',
+		'Cafeteria',
+		'Office',
+		'Virtual'
+	];
+
+	const colors = [
+		'bg-red-300',
+		'bg-orange-300',
+		'bg-yellow-300',
+		'bg-green-300',
+		'bg-blue-300',
+		'bg-indigo-300',
+		'bg-purple-300',
+		'bg-pink-300'
 	];
+
+	// Generate events for 14 days
+	for (let day = 0; day < 14; day++) {
+		const currentDay = moment(baseDate).add(day, 'days');
+
+		// Skip weekends
+		if (currentDay.day() === 0 || currentDay.day() === 6) continue;
+
+		// Random number of events for this day (2-5)
+		const numEvents = Math.floor(Math.random() * 4) + 2;
+
+		// Keep track of used hours to avoid overlap
+		const usedHours = new Set();
+
+		for (let i = 0; i < numEvents; i++) {
+			// Find an available start hour (9-16)
+			let startHour;
+			do {
+				startHour = Math.floor(Math.random() * 8) + 9; // 9 AM to 4 PM
+			} while (usedHours.has(startHour));
+
+			usedHours.add(startHour);
+
+			// Random duration 1-2 hours
+			const duration = Math.random() < 0.7 ? 1 : 2;
+
+			events.push({
+				id: `${day}-${i}`,
+				title: eventTitles[Math.floor(Math.random() * eventTitles.length)],
+				location: locations[Math.floor(Math.random() * locations.length)],
+				start: moment(currentDay)
+					.hour(startHour)
+					.minute(0)
+					.toDate(),
+				end: moment(currentDay)
+					.hour(startHour + duration)
+					.minute(0)
+					.toDate(),
+				color: colors[Math.floor(Math.random() * colors.length)],
+			});
+		}
+
+		// Sort events by start time
+		events.sort((a, b) => moment(a.start).diff(moment(b.start)));
+	}
+
+	return events;
 };
 
 export default function WeekCalendar() {

From 83f2fe074e08c1b7881792c673529862dbc02def Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 29 Jan 2025 18:47:27 -0500
Subject: [PATCH 23/54] editing events functionality, other changes w events

---
 package-lock.json                             | 1843 +++++++++--------
 package.json                                  |    2 +-
 .../Calendar/components/EventModal.tsx        |  205 ++
 src/components/Calendar/event-embed.tsx       |   20 +-
 src/components/Calendar/event-layer.tsx       |   25 +-
 .../Calendar/views/schedule-view.tsx          |    4 +-
 src/components/chat_options/RenameChat.tsx    |    6 +-
 src/components/ui/color-select.tsx            |   48 +
 src/components/ui/date-time-input.tsx         |   32 +
 src/components/ui/dialog.tsx                  |    2 +-
 10 files changed, 1290 insertions(+), 897 deletions(-)
 create mode 100644 src/components/Calendar/components/EventModal.tsx
 create mode 100644 src/components/ui/color-select.tsx
 create mode 100644 src/components/ui/date-time-input.tsx

diff --git a/package-lock.json b/package-lock.json
index bfee6cc..3a22327 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35,7 +35,7 @@
         "next": "14.2.13",
         "next-themes": "^0.3.0",
         "react": "^18",
-        "react-aria-components": "^1.5.0",
+        "react-aria-components": "^1.6.0",
         "react-big-calendar": "^1.16.0",
         "react-day-picker": "^8.10.1",
         "react-dom": "^18",
@@ -176,47 +176,47 @@
       "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
     },
     "node_modules/@formatjs/ecma402-abstract": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.1.tgz",
-      "integrity": "sha512-Ip9uV+/MpLXWRk03U/GzeJMuPeOXpJBSB5V1tjA6kJhvqssye5J5LoYLc7Z5IAHb7nR62sRoguzrFiVCP/hnzw==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.3.2.tgz",
+      "integrity": "sha512-6sE5nyvDloULiyOMbOTJEEgWL32w+VHkZQs8S02Lnn8Y/O5aQhjOEXwWzvR7SsBE/exxlSpY2EsWZgqHbtLatg==",
       "dependencies": {
-        "@formatjs/fast-memoize": "2.2.5",
-        "@formatjs/intl-localematcher": "0.5.9",
+        "@formatjs/fast-memoize": "2.2.6",
+        "@formatjs/intl-localematcher": "0.5.10",
         "decimal.js": "10",
         "tslib": "2"
       }
     },
     "node_modules/@formatjs/fast-memoize": {
-      "version": "2.2.5",
-      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.5.tgz",
-      "integrity": "sha512-6PoewUMrrcqxSoBXAOJDiW1m+AmkrAj0RiXnOMD59GRaswjXhm3MDhgepXPBgonc09oSirAJTsAggzAGQf6A6g==",
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.6.tgz",
+      "integrity": "sha512-luIXeE2LJbQnnzotY1f2U2m7xuQNj2DA8Vq4ce1BY9ebRZaoPB1+8eZ6nXpLzsxuW5spQxr7LdCg+CApZwkqkw==",
       "dependencies": {
         "tslib": "2"
       }
     },
     "node_modules/@formatjs/icu-messageformat-parser": {
-      "version": "2.9.7",
-      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.9.7.tgz",
-      "integrity": "sha512-cuEHyRM5VqLQobANOjtjlgU7+qmk9Q3fDQuBiRRJ3+Wp3ZoZhpUPtUfuimZXsir6SaI2TaAJ+SLo9vLnV5QcbA==",
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.11.0.tgz",
+      "integrity": "sha512-Hp81uTjjdTk3FLh/dggU5NK7EIsVWc5/ZDWrIldmf2rBuPejuZ13CZ/wpVE2SToyi4EiroPTQ1XJcJuZFIxTtw==",
       "dependencies": {
-        "@formatjs/ecma402-abstract": "2.3.1",
-        "@formatjs/icu-skeleton-parser": "1.8.11",
+        "@formatjs/ecma402-abstract": "2.3.2",
+        "@formatjs/icu-skeleton-parser": "1.8.12",
         "tslib": "2"
       }
     },
     "node_modules/@formatjs/icu-skeleton-parser": {
-      "version": "1.8.11",
-      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.11.tgz",
-      "integrity": "sha512-8LlHHE/yL/zVJZHAX3pbKaCjZKmBIO6aJY1mkVh4RMSEu/2WRZ4Ysvv3kKXJ9M8RJLBHdnk1/dUQFdod1Dt7Dw==",
+      "version": "1.8.12",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.12.tgz",
+      "integrity": "sha512-QRAY2jC1BomFQHYDMcZtClqHR55EEnB96V7Xbk/UiBodsuFc5kujybzt87+qj1KqmJozFhk6n4KiT1HKwAkcfg==",
       "dependencies": {
-        "@formatjs/ecma402-abstract": "2.3.1",
+        "@formatjs/ecma402-abstract": "2.3.2",
         "tslib": "2"
       }
     },
     "node_modules/@formatjs/intl-localematcher": {
-      "version": "0.5.9",
-      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.9.tgz",
-      "integrity": "sha512-8zkGu/sv5euxbjfZ/xmklqLyDGQSxsLqg8XOq88JW3cmJtzhCP8EtSJXlaKZnVO4beEaoiT9wj4eIoCQ9smwxA==",
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.10.tgz",
+      "integrity": "sha512-af3qATX+m4Rnd9+wHcjJ4w2ijq+rAVP3CCinJQvFv1kgSu1W6jypUmvleJxcewdxmutM8dmIRZFxO/IQBZmP2Q==",
       "dependencies": {
         "tslib": "2"
       }
@@ -265,9 +265,9 @@
       "dev": true
     },
     "node_modules/@internationalized/date": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.6.0.tgz",
-      "integrity": "sha512-+z6ti+CcJnRlLHok/emGEsWQhe7kfSmEW+/6qCzvKY67YPh7YOBfvc7+/+NXq+zJlbArg30tYpqLjNgcAYv2YQ==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.7.0.tgz",
+      "integrity": "sha512-VJ5WS3fcVx0bejE/YHfbDKR/yawZgKqn/if+oEeLqNwBtPzVB06olkfcnojTmEMX+gTpH+FlQ69SHNitJ8/erQ==",
       "dependencies": {
         "@swc/helpers": "^0.5.0"
       }
@@ -2065,54 +2065,80 @@
       "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz",
       "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg=="
     },
+    "node_modules/@react-aria/autocomplete": {
+      "version": "3.0.0-alpha.37",
+      "resolved": "https://registry.npmjs.org/@react-aria/autocomplete/-/autocomplete-3.0.0-alpha.37.tgz",
+      "integrity": "sha512-a7awFG3hshJ/kX7Qti/cJAKOG0XU5F/XW6fQffKGfEge7PmiWIvaLTrT5her79/v8v/bRBykIkpEgDCFE7WGzg==",
+      "dependencies": {
+        "@react-aria/combobox": "^3.11.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/listbox": "^3.14.0",
+        "@react-aria/searchfield": "^3.8.0",
+        "@react-aria/textfield": "^3.16.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/autocomplete": "3.0.0-alpha.0",
+        "@react-stately/combobox": "^3.10.2",
+        "@react-types/autocomplete": "3.0.0-alpha.28",
+        "@react-types/button": "^3.10.2",
+        "@react-types/shared": "^3.27.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
     "node_modules/@react-aria/breadcrumbs": {
-      "version": "3.5.19",
-      "resolved": "https://registry.npmjs.org/@react-aria/breadcrumbs/-/breadcrumbs-3.5.19.tgz",
-      "integrity": "sha512-mVngOPFYVVhec89rf/CiYQGTfaLRfHFtX+JQwY7sNYNqSA+gO8p4lNARe3Be6bJPgH+LUQuruIY9/ZDL6LT3HA==",
-      "dependencies": {
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/link": "^3.7.7",
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/breadcrumbs": "^3.7.9",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.5.20",
+      "resolved": "https://registry.npmjs.org/@react-aria/breadcrumbs/-/breadcrumbs-3.5.20.tgz",
+      "integrity": "sha512-xqVSSDPpQuUFpJyIXMQv8L7zumk5CeGX7qTzo4XRvqm5T9qnNAX4XpYEMdktnLrQRY/OemCBScbx7SEwr0B3Kg==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/link": "^3.7.8",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/breadcrumbs": "^3.7.10",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/button": {
-      "version": "3.11.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/button/-/button-3.11.0.tgz",
-      "integrity": "sha512-b37eIV6IW11KmNIAm65F3SEl2/mgj5BrHIysW6smZX3KoKWTGYsYfcQkmtNgY0GOSFfDxMCoolsZ6mxC00nSDA==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/toolbar": "3.0.0-beta.11",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/toggle": "^3.8.0",
-        "@react-types/button": "^3.10.1",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.11.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/button/-/button-3.11.1.tgz",
+      "integrity": "sha512-NSs2HxHSSPSuYy5bN+PMJzsCNDVsbm1fZ/nrWM2WWWHTBrx9OqyrEXZVV9ebzQCN9q0nzhwpf6D42zHIivWtJA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/toolbar": "3.0.0-beta.12",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/toggle": "^3.8.1",
+        "@react-types/button": "^3.10.2",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/calendar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/calendar/-/calendar-3.6.0.tgz",
-      "integrity": "sha512-tZ3nd5DP8uxckbj83Pt+4RqgcTWDlGi7njzc7QqFOG2ApfnYDUXbIpb/Q4KY6JNlJskG8q33wo0XfOwNy8J+eg==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/calendar/-/calendar-3.7.0.tgz",
+      "integrity": "sha512-9YUbgcox7cQgvZfQtL2BLLRsIuX4mJeclk9HkFoOsAu3RGO5HNsteah8FV54W8BMjm/bNRXIPUxtjTTP+1L6jg==",
       "dependencies": {
-        "@internationalized/date": "^3.6.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
+        "@internationalized/date": "^3.7.0",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
         "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/calendar": "^3.6.0",
-        "@react-types/button": "^3.10.1",
-        "@react-types/calendar": "^3.5.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/calendar": "^3.7.0",
+        "@react-types/button": "^3.10.2",
+        "@react-types/calendar": "^3.6.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2121,34 +2147,35 @@
       }
     },
     "node_modules/@react-aria/checkbox": {
-      "version": "3.15.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/checkbox/-/checkbox-3.15.0.tgz",
-      "integrity": "sha512-z/8xd4em7o0MroBXwkkwv7QRwiJaA1FwqMhRUb7iqtBGP2oSytBEDf0N7L09oci32a1P4ZPz2rMK5GlLh/PD6g==",
-      "dependencies": {
-        "@react-aria/form": "^3.0.11",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/label": "^3.7.13",
-        "@react-aria/toggle": "^3.10.10",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/checkbox": "^3.6.10",
-        "@react-stately/form": "^3.1.0",
-        "@react-stately/toggle": "^3.8.0",
-        "@react-types/checkbox": "^3.9.0",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.15.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/checkbox/-/checkbox-3.15.1.tgz",
+      "integrity": "sha512-ETgsMDZ0IZzRXy/OVlGkazm8T+PcMHoTvsxp0c+U82c8iqdITA+VJ615eBPOQh6OkkYIIn4cRn/e+69RmGzXng==",
+      "dependencies": {
+        "@react-aria/form": "^3.0.12",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/label": "^3.7.14",
+        "@react-aria/toggle": "^3.10.11",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/checkbox": "^3.6.11",
+        "@react-stately/form": "^3.1.1",
+        "@react-stately/toggle": "^3.8.1",
+        "@react-types/checkbox": "^3.9.1",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/collections": {
-      "version": "3.0.0-alpha.6",
-      "resolved": "https://registry.npmjs.org/@react-aria/collections/-/collections-3.0.0-alpha.6.tgz",
-      "integrity": "sha512-A+7Eap/zvsghMb5/C3EAPn41axSzRhtX2glQRXSBj1mK31CTPCZ9BhrMIMC5DL7ZnfA7C+Ysilo9nI2YQh5PMg==",
+      "version": "3.0.0-alpha.7",
+      "resolved": "https://registry.npmjs.org/@react-aria/collections/-/collections-3.0.0-alpha.7.tgz",
+      "integrity": "sha512-JR2Ro33Chlf26NM12zJsK+MOs5/k+PQallT5+4YawndYmbxqlDLADcoFdcORJqh0pKf9OnluWtANobCkQGd0aQ==",
       "dependencies": {
         "@react-aria/ssr": "^3.9.7",
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0",
         "use-sync-external-store": "^1.2.0"
       },
@@ -2158,22 +2185,22 @@
       }
     },
     "node_modules/@react-aria/color": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/@react-aria/color/-/color-3.0.2.tgz",
-      "integrity": "sha512-dSM5qQRcR1gRGYCBw0IGRmc29gjfoht3cQleKb8MMNcgHYa2oi5VdCs2yKXmYFwwVC6uPtnlNy9S6e0spqdr+w==",
-      "dependencies": {
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/numberfield": "^3.11.9",
-        "@react-aria/slider": "^3.7.14",
-        "@react-aria/spinbutton": "^3.6.10",
-        "@react-aria/textfield": "^3.15.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-aria/visually-hidden": "^3.8.18",
-        "@react-stately/color": "^3.8.1",
-        "@react-stately/form": "^3.1.0",
-        "@react-types/color": "^3.0.1",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/color/-/color-3.0.3.tgz",
+      "integrity": "sha512-DDVma2107VHBfSuEnnmy+KJvXvxEXWSAooii2vlHHmQNb5x4rv4YTk+dP5GZl/7MgT8OgPTB9UHoC83bXFMDRA==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/numberfield": "^3.11.10",
+        "@react-aria/slider": "^3.7.15",
+        "@react-aria/spinbutton": "^3.6.11",
+        "@react-aria/textfield": "^3.16.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-aria/visually-hidden": "^3.8.19",
+        "@react-stately/color": "^3.8.2",
+        "@react-stately/form": "^3.1.1",
+        "@react-types/color": "^3.0.2",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2182,24 +2209,24 @@
       }
     },
     "node_modules/@react-aria/combobox": {
-      "version": "3.11.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/combobox/-/combobox-3.11.0.tgz",
-      "integrity": "sha512-s88YMmPkMO1WSoiH1KIyZDLJqUwvM2wHXXakj3cYw1tBHGo4rOUFq+JWQIbM5EDO4HOR4AUUqzIUd0NO7t3zyg==",
+      "version": "3.11.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/combobox/-/combobox-3.11.1.tgz",
+      "integrity": "sha512-TTNbGhUuqxzPcJzd6hufOxuHzX0UARkw+0bl+TuCwNPQnqrcPf20EoOZvd3MHZwGq6GCP4QV+qo0uGx83RpUvA==",
       "dependencies": {
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/listbox": "^3.13.6",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/listbox": "^3.14.0",
         "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/menu": "^3.16.0",
-        "@react-aria/overlays": "^3.24.0",
-        "@react-aria/selection": "^3.21.0",
-        "@react-aria/textfield": "^3.15.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/collections": "^3.12.0",
-        "@react-stately/combobox": "^3.10.1",
-        "@react-stately/form": "^3.1.0",
-        "@react-types/button": "^3.10.1",
-        "@react-types/combobox": "^3.13.1",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/menu": "^3.17.0",
+        "@react-aria/overlays": "^3.25.0",
+        "@react-aria/selection": "^3.22.0",
+        "@react-aria/textfield": "^3.16.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/collections": "^3.12.1",
+        "@react-stately/combobox": "^3.10.2",
+        "@react-stately/form": "^3.1.1",
+        "@react-types/button": "^3.10.2",
+        "@react-types/combobox": "^3.13.2",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2208,27 +2235,27 @@
       }
     },
     "node_modules/@react-aria/datepicker": {
-      "version": "3.12.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/datepicker/-/datepicker-3.12.0.tgz",
-      "integrity": "sha512-VYNXioLfddIHpwQx211+rTYuunDmI7VHWBRetCpH3loIsVFuhFSRchTQpclAzxolO3g0vO7pMVj9VYt7Swp6kg==",
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/datepicker/-/datepicker-3.13.0.tgz",
+      "integrity": "sha512-TmJan65P3Vk7VDBNW5rH9Z25cAn0vk8TEtaP3boCs8wJFE+HbEuB8EqLxBFu47khtuKTEqDP3dTlUh2Vt/f7Xw==",
       "dependencies": {
-        "@internationalized/date": "^3.6.0",
+        "@internationalized/date": "^3.7.0",
         "@internationalized/number": "^3.6.0",
         "@internationalized/string": "^3.2.5",
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/form": "^3.0.11",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/label": "^3.7.13",
-        "@react-aria/spinbutton": "^3.6.10",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/datepicker": "^3.11.0",
-        "@react-stately/form": "^3.1.0",
-        "@react-types/button": "^3.10.1",
-        "@react-types/calendar": "^3.5.0",
-        "@react-types/datepicker": "^3.9.0",
-        "@react-types/dialog": "^3.5.14",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/form": "^3.0.12",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/label": "^3.7.14",
+        "@react-aria/spinbutton": "^3.6.11",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/datepicker": "^3.12.0",
+        "@react-stately/form": "^3.1.1",
+        "@react-types/button": "^3.10.2",
+        "@react-types/calendar": "^3.6.0",
+        "@react-types/datepicker": "^3.10.0",
+        "@react-types/dialog": "^3.5.15",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2237,15 +2264,15 @@
       }
     },
     "node_modules/@react-aria/dialog": {
-      "version": "3.5.20",
-      "resolved": "https://registry.npmjs.org/@react-aria/dialog/-/dialog-3.5.20.tgz",
-      "integrity": "sha512-l0GZVLgeOd3kL3Yj8xQW7wN3gn9WW3RLd/SGI9t7ciTq+I/FhftjXCWzXLlOCCTLMf+gv7eazecECtmoWUaZWQ==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/overlays": "^3.24.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/dialog": "^3.5.14",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.5.21",
+      "resolved": "https://registry.npmjs.org/@react-aria/dialog/-/dialog-3.5.21.tgz",
+      "integrity": "sha512-tBsn9swBhcptJ9QIm0+ur0PVR799N6qmGguva3rUdd+gfitknFScyT08d7AoMr9AbXYdJ+2R9XNSZ3H3uIWQMw==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/overlays": "^3.25.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/dialog": "^3.5.15",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2254,14 +2281,14 @@
       }
     },
     "node_modules/@react-aria/disclosure": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/disclosure/-/disclosure-3.0.0.tgz",
-      "integrity": "sha512-xO9QTQSvymujTjCs1iCQ4+dKZvtF/rVVaFZBKlUtqIqwTHMdqeZu4fh5miLEnTyVLNHMGzLrFggsd8Q+niC9Og==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/disclosure/-/disclosure-3.0.1.tgz",
+      "integrity": "sha512-rNH8RFcePoAQizcqB7KuHbBOr7sPsysFKCUwbVSOXLPgvCfXKafIhjgFJVqekfsbn5zWvkcTupnzGVJj/F9p+g==",
       "dependencies": {
         "@react-aria/ssr": "^3.9.7",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/disclosure": "^3.0.0",
-        "@react-types/button": "^3.10.1",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/disclosure": "^3.0.1",
+        "@react-types/button": "^3.10.2",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2270,19 +2297,19 @@
       }
     },
     "node_modules/@react-aria/dnd": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/dnd/-/dnd-3.8.0.tgz",
-      "integrity": "sha512-JiqHY3E9fDU5Kb4gN22cuK6QNlpMCGe6ngR/BV+Q8mLEsdoWcoUAYOtYXVNNTRvCdVbEWI87FUU+ThyPpoDhNQ==",
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/dnd/-/dnd-3.8.1.tgz",
+      "integrity": "sha512-FoXYQ4z33E9YBzIGRJM1B1oZep6CvEWgXvjCZGURatjr3qG7vf95mOqA5kVd9bjLL7QK4w0ujJWEBfog3WmufA==",
       "dependencies": {
         "@internationalized/string": "^3.2.5",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
         "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/overlays": "^3.24.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/dnd": "^3.5.0",
-        "@react-types/button": "^3.10.1",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/overlays": "^3.25.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/dnd": "^3.5.1",
+        "@react-types/button": "^3.10.2",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2291,52 +2318,54 @@
       }
     },
     "node_modules/@react-aria/focus": {
-      "version": "3.19.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.19.0.tgz",
-      "integrity": "sha512-hPF9EXoUQeQl1Y21/rbV2H4FdUR2v+4/I0/vB+8U3bT1CJ+1AFj1hc/rqx2DqEwDlEwOHN+E4+mRahQmlybq0A==",
+      "version": "3.19.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/focus/-/focus-3.19.1.tgz",
+      "integrity": "sha512-bix9Bu1Ue7RPcYmjwcjhB14BMu2qzfJ3tMQLqDc9pweJA66nOw8DThy3IfVr8Z7j2PHktOLf9kcbiZpydKHqzg==",
       "dependencies": {
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0",
         "clsx": "^2.0.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/form": {
-      "version": "3.0.11",
-      "resolved": "https://registry.npmjs.org/@react-aria/form/-/form-3.0.11.tgz",
-      "integrity": "sha512-oXzjTiwVuuWjZ8muU0hp3BrDH5qjVctLOF50mjPvqUbvXQTHhoDxWweyIXPQjGshaqBd2w4pWaE4A2rG2O/apw==",
-      "dependencies": {
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/form": "^3.1.0",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.0.12",
+      "resolved": "https://registry.npmjs.org/@react-aria/form/-/form-3.0.12.tgz",
+      "integrity": "sha512-8uvPYEd3GDyGt5NRJIzdWW1Ry5HLZq37vzRZKUW8alZ2upFMH3KJJG55L9GP59KiF6zBrYBebvI/YK1Ye1PE1g==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/form": "^3.1.1",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/grid": {
-      "version": "3.11.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/grid/-/grid-3.11.0.tgz",
-      "integrity": "sha512-lN5FpQgu2Rq0CzTPWmzRpq6QHcMmzsXYeClsgO3108uVp1/genBNAObYVTxGOKe/jb9q99trz8EtIn05O6KN1g==",
+      "version": "3.11.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/grid/-/grid-3.11.1.tgz",
+      "integrity": "sha512-Wg8m68RtNWfkhP3Qjrrsl1q1et8QCjXPMRsYgKBahYRS0kq2MDcQ+UBdG1fiCQn/MfNImhTUGVeQX276dy1lww==",
       "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
         "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/selection": "^3.21.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/collections": "^3.12.0",
-        "@react-stately/grid": "^3.10.0",
-        "@react-stately/selection": "^3.18.0",
-        "@react-types/checkbox": "^3.9.0",
-        "@react-types/grid": "^3.2.10",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/selection": "^3.22.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/collections": "^3.12.1",
+        "@react-stately/grid": "^3.10.1",
+        "@react-stately/selection": "^3.19.0",
+        "@react-types/checkbox": "^3.9.1",
+        "@react-types/grid": "^3.2.11",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2345,20 +2374,20 @@
       }
     },
     "node_modules/@react-aria/gridlist": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/gridlist/-/gridlist-3.10.0.tgz",
-      "integrity": "sha512-UcblfSZ7kJBrjg9mQ5VbnRevN81UiYB4NuL5PwIpBpridO7tnl4ew6+96PYU7Wj1chHhPS3x0b0zmuSVN7A0LA==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/grid": "^3.11.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/selection": "^3.21.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/collections": "^3.12.0",
-        "@react-stately/list": "^3.11.1",
-        "@react-stately/tree": "^3.8.6",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/gridlist/-/gridlist-3.10.1.tgz",
+      "integrity": "sha512-11FlupBg5C9ehs7R6OjqMPWEOLK/4IuSrq7D1xU+Hnm7ZYI/KKcCXvNMjMmnOz/gGzOmfgVwz5PIKaY9aZarEg==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/grid": "^3.11.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/selection": "^3.22.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/collections": "^3.12.1",
+        "@react-stately/list": "^3.11.2",
+        "@react-stately/tree": "^3.8.7",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2367,79 +2396,83 @@
       }
     },
     "node_modules/@react-aria/i18n": {
-      "version": "3.12.4",
-      "resolved": "https://registry.npmjs.org/@react-aria/i18n/-/i18n-3.12.4.tgz",
-      "integrity": "sha512-j9+UL3q0Ls8MhXV9gtnKlyozq4aM95YywXqnmJtzT1rYeBx7w28hooqrWkCYLfqr4OIryv1KUnPiCSLwC2OC7w==",
+      "version": "3.12.5",
+      "resolved": "https://registry.npmjs.org/@react-aria/i18n/-/i18n-3.12.5.tgz",
+      "integrity": "sha512-ooeop2pTG94PuaHoN2OTk2hpkqVuoqgEYxRvnc1t7DVAtsskfhS/gVOTqyWGsxvwAvRi7m/CnDu6FYdeQ/bK5w==",
       "dependencies": {
-        "@internationalized/date": "^3.6.0",
+        "@internationalized/date": "^3.7.0",
         "@internationalized/message": "^3.1.6",
         "@internationalized/number": "^3.6.0",
         "@internationalized/string": "^3.2.5",
         "@react-aria/ssr": "^3.9.7",
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/interactions": {
-      "version": "3.22.5",
-      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.22.5.tgz",
-      "integrity": "sha512-kMwiAD9E0TQp+XNnOs13yVJghiy8ET8L0cbkeuTgNI96sOAp/63EJ1FSrDf17iD8sdjt41LafwX/dKXW9nCcLQ==",
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/interactions/-/interactions-3.23.0.tgz",
+      "integrity": "sha512-0qR1atBIWrb7FzQ+Tmr3s8uH5mQdyRH78n0krYaG8tng9+u1JlSi8DGRSaC9ezKyNB84m7vHT207xnHXGeJ3Fg==",
       "dependencies": {
         "@react-aria/ssr": "^3.9.7",
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/label": {
-      "version": "3.7.13",
-      "resolved": "https://registry.npmjs.org/@react-aria/label/-/label-3.7.13.tgz",
-      "integrity": "sha512-brSAXZVTey5RG/Ex6mTrV/9IhGSQFU4Al34qmjEDho+Z2qT4oPwf8k7TRXWWqzOU0ugYxekYbsLd2zlN3XvWcg==",
+      "version": "3.7.14",
+      "resolved": "https://registry.npmjs.org/@react-aria/label/-/label-3.7.14.tgz",
+      "integrity": "sha512-EN1Md2YvcC4sMqBoggsGYUEGlTNqUfJZWzduSt29fbQp1rKU2KlybTe+TWxKq/r2fFd+4JsRXxMeJiwB3w2AQA==",
       "dependencies": {
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/link": {
-      "version": "3.7.7",
-      "resolved": "https://registry.npmjs.org/@react-aria/link/-/link-3.7.7.tgz",
-      "integrity": "sha512-eVBRcHKhNSsATYWv5wRnZXRqPVcKAWWakyvfrYePIKpC3s4BaHZyTGYdefk8ZwZdEOuQZBqLMnjW80q1uhtkuA==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/link": "^3.5.9",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.7.8",
+      "resolved": "https://registry.npmjs.org/@react-aria/link/-/link-3.7.8.tgz",
+      "integrity": "sha512-oiXUPQLZmf9Q9Xehb/sG1QRxfo28NFKdh9w+unD12sHI6NdLMETl5MA4CYyTgI0dfMtTjtfrF68GCnWfc7JvXQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/link": "^3.5.10",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/listbox": {
-      "version": "3.13.6",
-      "resolved": "https://registry.npmjs.org/@react-aria/listbox/-/listbox-3.13.6.tgz",
-      "integrity": "sha512-6hEXEXIZVau9lgBZ4VVjFR3JnGU+fJaPmV3HP0UZ2ucUptfG0MZo24cn+ZQJsWiuaCfNFv5b8qribiv+BcO+Kg==",
-      "dependencies": {
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/label": "^3.7.13",
-        "@react-aria/selection": "^3.21.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/collections": "^3.12.0",
-        "@react-stately/list": "^3.11.1",
-        "@react-types/listbox": "^3.5.3",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.14.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/listbox/-/listbox-3.14.0.tgz",
+      "integrity": "sha512-pyVbKavh8N8iyiwOx6I3JIcICvAzFXkKSFni1yarfgngJsJV3KSyOkzLomOfN9UhbjcV4sX61/fccwJuvlurlA==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/label": "^3.7.14",
+        "@react-aria/selection": "^3.22.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/collections": "^3.12.1",
+        "@react-stately/list": "^3.11.2",
+        "@react-types/listbox": "^3.5.4",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2456,23 +2489,23 @@
       }
     },
     "node_modules/@react-aria/menu": {
-      "version": "3.16.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/menu/-/menu-3.16.0.tgz",
-      "integrity": "sha512-TNk+Vd3TbpBPUxEloAdHRTaRxf9JBK7YmkHYiq0Yj5Lc22KS0E2eTyhpPM9xJvEWN2TlC5TEvNfdyui2kYWFFQ==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/overlays": "^3.24.0",
-        "@react-aria/selection": "^3.21.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/collections": "^3.12.0",
-        "@react-stately/menu": "^3.9.0",
-        "@react-stately/selection": "^3.18.0",
-        "@react-stately/tree": "^3.8.6",
-        "@react-types/button": "^3.10.1",
-        "@react-types/menu": "^3.9.13",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.17.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/menu/-/menu-3.17.0.tgz",
+      "integrity": "sha512-aiFvSv3G1YvPC0klJQ/9quB05xIDZzJ5Lt6/CykP0UwGK5i8GCqm6/cyFLwEXsS5ooUPxS3bqmdOsgdADSSgqg==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/overlays": "^3.25.0",
+        "@react-aria/selection": "^3.22.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/collections": "^3.12.1",
+        "@react-stately/menu": "^3.9.1",
+        "@react-stately/selection": "^3.19.0",
+        "@react-stately/tree": "^3.8.7",
+        "@react-types/button": "^3.10.2",
+        "@react-types/menu": "^3.9.14",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2481,13 +2514,13 @@
       }
     },
     "node_modules/@react-aria/meter": {
-      "version": "3.4.18",
-      "resolved": "https://registry.npmjs.org/@react-aria/meter/-/meter-3.4.18.tgz",
-      "integrity": "sha512-tTX3LLlmDIHqrC42dkdf+upb1c4UbhlpZ52gqB64lZD4OD4HE+vMTwNSe+7MRKMLvcdKPWCRC35PnxIHZ15kfQ==",
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/@react-aria/meter/-/meter-3.4.19.tgz",
+      "integrity": "sha512-IIA+gTHrNVbMuBgcqdGLEKd/ZiKM2hOUqS6uztbT15dwPJTmtfJiTWA2872PiY52p+gqPSanZuTc2TXYJa+rew==",
       "dependencies": {
-        "@react-aria/progress": "^3.4.18",
-        "@react-types/meter": "^3.4.5",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/progress": "^3.4.19",
+        "@react-types/meter": "^3.4.6",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2495,20 +2528,20 @@
       }
     },
     "node_modules/@react-aria/numberfield": {
-      "version": "3.11.9",
-      "resolved": "https://registry.npmjs.org/@react-aria/numberfield/-/numberfield-3.11.9.tgz",
-      "integrity": "sha512-3tiGPx2y4zyOV7PmdBASes99ZZsFTZAJTnU45Z+p1CW4131lw7y2ZhbojBl7U6DaXAJvi1z6zY6cq2UE9w5a0Q==",
-      "dependencies": {
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/spinbutton": "^3.6.10",
-        "@react-aria/textfield": "^3.15.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/form": "^3.1.0",
-        "@react-stately/numberfield": "^3.9.8",
-        "@react-types/button": "^3.10.1",
-        "@react-types/numberfield": "^3.8.7",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.11.10",
+      "resolved": "https://registry.npmjs.org/@react-aria/numberfield/-/numberfield-3.11.10.tgz",
+      "integrity": "sha512-bYbTfO9NbAKMFOfEGGs+lvlxk0I9L0lU3WD2PFQZWdaoBz9TCkL+vK0fJk1zsuKaVjeGsmHP9VesBPRmaP0MiA==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/spinbutton": "^3.6.11",
+        "@react-aria/textfield": "^3.16.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/form": "^3.1.1",
+        "@react-stately/numberfield": "^3.9.9",
+        "@react-types/button": "^3.10.2",
+        "@react-types/numberfield": "^3.8.8",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2517,20 +2550,20 @@
       }
     },
     "node_modules/@react-aria/overlays": {
-      "version": "3.24.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.24.0.tgz",
-      "integrity": "sha512-0kAXBsMNTc/a3M07tK9Cdt/ea8CxTAEJ223g8YgqImlmoBBYAL7dl5G01IOj67TM64uWPTmZrOklBchHWgEm3A==",
+      "version": "3.25.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/overlays/-/overlays-3.25.0.tgz",
+      "integrity": "sha512-UEqJJ4duowrD1JvwXpPZreBuK79pbyNjNxFUVpFSskpGEJe3oCWwsSDKz7P1O7xbx5OYp+rDiY8fk/sE5rkaKw==",
       "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
         "@react-aria/ssr": "^3.9.7",
-        "@react-aria/utils": "^3.26.0",
-        "@react-aria/visually-hidden": "^3.8.18",
-        "@react-stately/overlays": "^3.6.12",
-        "@react-types/button": "^3.10.1",
-        "@react-types/overlays": "^3.8.11",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-aria/visually-hidden": "^3.8.19",
+        "@react-stately/overlays": "^3.6.13",
+        "@react-types/button": "^3.10.2",
+        "@react-types/overlays": "^3.8.12",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2539,77 +2572,80 @@
       }
     },
     "node_modules/@react-aria/progress": {
-      "version": "3.4.18",
-      "resolved": "https://registry.npmjs.org/@react-aria/progress/-/progress-3.4.18.tgz",
-      "integrity": "sha512-FOLgJ9t9i1u3oAAimybJG6r7/soNPBnJfWo4Yr6MmaUv90qVGa1h6kiuM5m9H/bm5JobAebhdfHit9lFlgsCmg==",
-      "dependencies": {
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/label": "^3.7.13",
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/progress": "^3.5.8",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/@react-aria/progress/-/progress-3.4.19.tgz",
+      "integrity": "sha512-5HHnBJHqEUuY+dYsjIZDYsENeKr49VCuxeaDZ0OSahbOlloIOB1baCo/6jLBv1O1rwrAzZ2gCCPcVGed/cjrcw==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/label": "^3.7.14",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/progress": "^3.5.9",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/radio": {
-      "version": "3.10.10",
-      "resolved": "https://registry.npmjs.org/@react-aria/radio/-/radio-3.10.10.tgz",
-      "integrity": "sha512-NVdeOVrsrHgSfwL2jWCCXFsWZb+RMRZErj5vthHQW4nkHECGOzeX56VaLWTSvdoCPqi9wdIX8A6K9peeAIgxzA==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/form": "^3.0.11",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/label": "^3.7.13",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/radio": "^3.10.9",
-        "@react-types/radio": "^3.8.5",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.10.11",
+      "resolved": "https://registry.npmjs.org/@react-aria/radio/-/radio-3.10.11.tgz",
+      "integrity": "sha512-R150HsBFPr1jLMShI4aBM8heCa1k6h0KEvnFRfTAOBu+B9hMSZOPB+d6GQOwGPysNlbset90Kej8G15FGHjqiA==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/form": "^3.0.12",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/label": "^3.7.14",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/radio": "^3.10.10",
+        "@react-types/radio": "^3.8.6",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/searchfield": {
-      "version": "3.7.11",
-      "resolved": "https://registry.npmjs.org/@react-aria/searchfield/-/searchfield-3.7.11.tgz",
-      "integrity": "sha512-wFf6QxtBFfoxy0ANxI0+ftFEBGynVCY0+ce4H4Y9LpUTQsIKMp3sdc7LoUFORWw5Yee6Eid5cFPQX0Ymnk+ZJg==",
-      "dependencies": {
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/textfield": "^3.15.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/searchfield": "^3.5.8",
-        "@react-types/button": "^3.10.1",
-        "@react-types/searchfield": "^3.5.10",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/searchfield/-/searchfield-3.8.0.tgz",
+      "integrity": "sha512-AaZuH9YIWlMyE1m7cSjHCfOuQmlWN+w8HVW32TxeGGGL1kJsYAlSYWYHUyYFIKh245kq/m5zUxAxmw5Ygmnx5w==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/textfield": "^3.16.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/searchfield": "^3.5.9",
+        "@react-types/button": "^3.10.2",
+        "@react-types/searchfield": "^3.5.11",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/select": {
-      "version": "3.15.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/select/-/select-3.15.0.tgz",
-      "integrity": "sha512-zgBOUNy81aJplfc3NKDJMv8HkXjBGzaFF3XDzNfW8vJ7nD9rcTRUN5SQ1XCEnKMv12B/Euk9zt6kd+tX0wk1vQ==",
-      "dependencies": {
-        "@react-aria/form": "^3.0.11",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/label": "^3.7.13",
-        "@react-aria/listbox": "^3.13.6",
-        "@react-aria/menu": "^3.16.0",
-        "@react-aria/selection": "^3.21.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-aria/visually-hidden": "^3.8.18",
-        "@react-stately/select": "^3.6.9",
-        "@react-types/button": "^3.10.1",
-        "@react-types/select": "^3.9.8",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.15.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/select/-/select-3.15.1.tgz",
+      "integrity": "sha512-FOtY1tuHt0YTHwOEy/sf7LEIL+Nnkho3wJmfpWQuTxsvMCF7UJdQPYPd6/jGCcCdiqW7H4iqyjUkSp6nk/XRWQ==",
+      "dependencies": {
+        "@react-aria/form": "^3.0.12",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/label": "^3.7.14",
+        "@react-aria/listbox": "^3.14.0",
+        "@react-aria/menu": "^3.17.0",
+        "@react-aria/selection": "^3.22.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-aria/visually-hidden": "^3.8.19",
+        "@react-stately/select": "^3.6.10",
+        "@react-types/button": "^3.10.2",
+        "@react-types/select": "^3.9.9",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2618,16 +2654,16 @@
       }
     },
     "node_modules/@react-aria/selection": {
-      "version": "3.21.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.21.0.tgz",
-      "integrity": "sha512-52JJ6hlPcM+gt0VV3DBmz6Kj1YAJr13TfutrKfGWcK36LvNCBm1j0N+TDqbdnlp8Nue6w0+5FIwZq44XPYiBGg==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/selection": "^3.18.0",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.22.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/selection/-/selection-3.22.0.tgz",
+      "integrity": "sha512-XFOrK525HX2eeWeLZcZscUAs5qsuC1ZxsInDXMjvLeAaUPtQNEhUKHj3psDAl6XDU4VV1IJo0qCmFTVqTTMZSg==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/selection": "^3.19.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2636,47 +2672,49 @@
       }
     },
     "node_modules/@react-aria/separator": {
-      "version": "3.4.4",
-      "resolved": "https://registry.npmjs.org/@react-aria/separator/-/separator-3.4.4.tgz",
-      "integrity": "sha512-dH+qt0Mdh0nhKXCHW6AR4DF8DKLUBP26QYWaoThPdBwIpypH/JVKowpPtWms1P4b36U6XzHXHnTTEn/ZVoCqNA==",
+      "version": "3.4.5",
+      "resolved": "https://registry.npmjs.org/@react-aria/separator/-/separator-3.4.5.tgz",
+      "integrity": "sha512-RQA9sKZdAEjP1Yrv0GpDdXgmXd56kXDE8atPDHEC0/A4lpYh/YFLfXcv1JW0Hlg4kBocdX2pB2INyDGhiD+yfw==",
       "dependencies": {
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/slider": {
-      "version": "3.7.14",
-      "resolved": "https://registry.npmjs.org/@react-aria/slider/-/slider-3.7.14.tgz",
-      "integrity": "sha512-7rOiKjLkEZ0j7mPMlwrqivc+K4OSfL14slaQp06GHRiJkhiWXh2/drPe15hgNq55HmBQBpA0umKMkJcqVgmXPA==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/label": "^3.7.13",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/slider": "^3.6.0",
-        "@react-types/shared": "^3.26.0",
-        "@react-types/slider": "^3.7.7",
+      "version": "3.7.15",
+      "resolved": "https://registry.npmjs.org/@react-aria/slider/-/slider-3.7.15.tgz",
+      "integrity": "sha512-v9tujsuvJYRX0vE/vMYBzTT9FXbzrLsjkOrouNq+UdBIr7wRjIWTHHM0j+khb2swyCWNTbdv6Ce316Zqx2qWFg==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/label": "^3.7.14",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/slider": "^3.6.1",
+        "@react-types/shared": "^3.27.0",
+        "@react-types/slider": "^3.7.8",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/spinbutton": {
-      "version": "3.6.10",
-      "resolved": "https://registry.npmjs.org/@react-aria/spinbutton/-/spinbutton-3.6.10.tgz",
-      "integrity": "sha512-nhYEYk7xUNOZDaqiQ5w/nHH9ouqjJbabTWXH+KK7UR1oVGfo4z1wG94l8KWF3Z6SGGnBxzLJyTBguZ4g9aYTSg==",
+      "version": "3.6.11",
+      "resolved": "https://registry.npmjs.org/@react-aria/spinbutton/-/spinbutton-3.6.11.tgz",
+      "integrity": "sha512-RM+gYS9tf9Wb+GegV18n4ArK3NBKgcsak7Nx1CkEgX9BjJ0yayWUHdfEjRRvxGXl+1z1n84cJVkZ6FUlWOWEZA==",
       "dependencies": {
-        "@react-aria/i18n": "^3.12.4",
+        "@react-aria/i18n": "^3.12.5",
         "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/button": "^3.10.1",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/button": "^3.10.2",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2699,14 +2737,14 @@
       }
     },
     "node_modules/@react-aria/switch": {
-      "version": "3.6.10",
-      "resolved": "https://registry.npmjs.org/@react-aria/switch/-/switch-3.6.10.tgz",
-      "integrity": "sha512-FtaI9WaEP1tAmra1sYlAkYXg9x75P5UtgY8pSbe9+1WRyWbuE1QZT+RNCTi3IU4fZ7iJQmXH6+VaMyzPlSUagw==",
-      "dependencies": {
-        "@react-aria/toggle": "^3.10.10",
-        "@react-stately/toggle": "^3.8.0",
-        "@react-types/shared": "^3.26.0",
-        "@react-types/switch": "^3.5.7",
+      "version": "3.6.11",
+      "resolved": "https://registry.npmjs.org/@react-aria/switch/-/switch-3.6.11.tgz",
+      "integrity": "sha512-paYCpH+oeL+8rgQK+cBJ+IaZ1sXSh3+50WPlg2LvLBta0QVfQhPR4juPvfXRpfHHhCjFBgF4/RGbV8q5zpl3vA==",
+      "dependencies": {
+        "@react-aria/toggle": "^3.10.11",
+        "@react-stately/toggle": "^3.8.1",
+        "@react-types/shared": "^3.27.0",
+        "@react-types/switch": "^3.5.8",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2714,24 +2752,24 @@
       }
     },
     "node_modules/@react-aria/table": {
-      "version": "3.16.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/table/-/table-3.16.0.tgz",
-      "integrity": "sha512-9xF9S3CJ7XRiiK92hsIKxPedD0kgcQWwqTMtj3IBynpQ4vsnRiW3YNIzrn9C3apjknRZDTSta8O2QPYCUMmw2A==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/grid": "^3.11.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
+      "version": "3.16.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/table/-/table-3.16.1.tgz",
+      "integrity": "sha512-T28TIGnKnPBunyErDBmm5jUX7AyzT7NVWBo9pDSt9wUuEnz0rVNd7p9sjmP2+u7I645feGG9klcdpCvFeqrk8A==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/grid": "^3.11.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
         "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/utils": "^3.26.0",
-        "@react-aria/visually-hidden": "^3.8.18",
-        "@react-stately/collections": "^3.12.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-aria/visually-hidden": "^3.8.19",
+        "@react-stately/collections": "^3.12.1",
         "@react-stately/flags": "^3.0.5",
-        "@react-stately/table": "^3.13.0",
-        "@react-types/checkbox": "^3.9.0",
-        "@react-types/grid": "^3.2.10",
-        "@react-types/shared": "^3.26.0",
-        "@react-types/table": "^3.10.3",
+        "@react-stately/table": "^3.13.1",
+        "@react-types/checkbox": "^3.9.1",
+        "@react-types/grid": "^3.2.11",
+        "@react-types/shared": "^3.27.0",
+        "@react-types/table": "^3.10.4",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2740,17 +2778,17 @@
       }
     },
     "node_modules/@react-aria/tabs": {
-      "version": "3.9.8",
-      "resolved": "https://registry.npmjs.org/@react-aria/tabs/-/tabs-3.9.8.tgz",
-      "integrity": "sha512-Nur/qRFBe+Zrt4xcCJV/ULXCS3Mlae+B89bp1Gl20vSDqk6uaPtGk+cS5k03eugOvas7AQapqNJsJgKd66TChw==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/selection": "^3.21.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/tabs": "^3.7.0",
-        "@react-types/shared": "^3.26.0",
-        "@react-types/tabs": "^3.3.11",
+      "version": "3.9.9",
+      "resolved": "https://registry.npmjs.org/@react-aria/tabs/-/tabs-3.9.9.tgz",
+      "integrity": "sha512-oXPtANs16xu6MdMGLHjGV/2Zupvyp9CJEt7ORPLv5xAzSY5hSjuQHJLZ0te3Lh/KSG5/0o3RW/W5yEqo7pBQQQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/selection": "^3.22.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/tabs": "^3.7.1",
+        "@react-types/shared": "^3.27.0",
+        "@react-types/tabs": "^3.3.12",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2759,19 +2797,19 @@
       }
     },
     "node_modules/@react-aria/tag": {
-      "version": "3.4.8",
-      "resolved": "https://registry.npmjs.org/@react-aria/tag/-/tag-3.4.8.tgz",
-      "integrity": "sha512-exWl52bsFtJuzaqMYvSnLteUoPqb3Wf+uICru/yRtREJsWVqjJF38NCVlU73Yqd9qMPTctDrboSZFAWAWKDxoA==",
-      "dependencies": {
-        "@react-aria/gridlist": "^3.10.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/label": "^3.7.13",
-        "@react-aria/selection": "^3.21.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/list": "^3.11.1",
-        "@react-types/button": "^3.10.1",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.4.9",
+      "resolved": "https://registry.npmjs.org/@react-aria/tag/-/tag-3.4.9.tgz",
+      "integrity": "sha512-Vnps+zk8vYyjevv2Bc6vc9kSp9HFLKrKUDmrWMc0DfseypwJMc3Ya6F965ZVTjF9nuWrojNmvgusNu7qyXFShQ==",
+      "dependencies": {
+        "@react-aria/gridlist": "^3.10.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/label": "^3.7.14",
+        "@react-aria/selection": "^3.22.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/list": "^3.11.2",
+        "@react-types/button": "^3.10.2",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2780,85 +2818,89 @@
       }
     },
     "node_modules/@react-aria/textfield": {
-      "version": "3.15.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.15.0.tgz",
-      "integrity": "sha512-V5mg7y1OR6WXYHdhhm4FC7QyGc9TideVRDFij1SdOJrIo5IFB7lvwpOS0GmgwkVbtr71PTRMjZnNbrJUFU6VNA==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/form": "^3.0.11",
-        "@react-aria/label": "^3.7.13",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/form": "^3.1.0",
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/textfield/-/textfield-3.16.0.tgz",
+      "integrity": "sha512-53RVpMeMDN/QoabqnYZ1lxTh1xTQ3IBYQARuayq5EGGMafyxoFHzttxUdSqkZGK/+zdSF2GfmjOYJVm2nDKuDQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/form": "^3.0.12",
+        "@react-aria/label": "^3.7.14",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/form": "^3.1.1",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.26.0",
-        "@react-types/textfield": "^3.10.0",
+        "@react-types/shared": "^3.27.0",
+        "@react-types/textfield": "^3.11.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/toggle": {
-      "version": "3.10.10",
-      "resolved": "https://registry.npmjs.org/@react-aria/toggle/-/toggle-3.10.10.tgz",
-      "integrity": "sha512-QwMT/vTNrbrILxWVHfd9zVQ3mV2NdBwyRu+DphVQiFAXcmc808LEaIX2n0lI6FCsUDC9ZejCyvzd91/YemdZ1Q==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/toggle": "^3.8.0",
-        "@react-types/checkbox": "^3.9.0",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.10.11",
+      "resolved": "https://registry.npmjs.org/@react-aria/toggle/-/toggle-3.10.11.tgz",
+      "integrity": "sha512-J3jO3KJiUbaYVDEpeXSBwqcyKxpi9OreiHRGiaxb6VwB+FWCj7Gb2WKajByXNyfs8jc6kX9VUFaXa7jze60oEQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/toggle": "^3.8.1",
+        "@react-types/checkbox": "^3.9.1",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/toolbar": {
-      "version": "3.0.0-beta.11",
-      "resolved": "https://registry.npmjs.org/@react-aria/toolbar/-/toolbar-3.0.0-beta.11.tgz",
-      "integrity": "sha512-LM3jTRFNDgoEpoL568WaiuqiVM7eynSQLJis1hV0vlVnhTd7M7kzt7zoOjzxVb5Uapz02uCp1Fsm4wQMz09qwQ==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.0.0-beta.12",
+      "resolved": "https://registry.npmjs.org/@react-aria/toolbar/-/toolbar-3.0.0-beta.12.tgz",
+      "integrity": "sha512-a+Be27BtM2lzEdTzm19FikPbitfW65g/JZln3kyAvgpswhU6Ljl8lztaVw4ixjG4H0nqnKvVggMy4AlWwDUaVQ==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/tooltip": {
-      "version": "3.7.10",
-      "resolved": "https://registry.npmjs.org/@react-aria/tooltip/-/tooltip-3.7.10.tgz",
-      "integrity": "sha512-Udi3XOnrF/SYIz72jw9bgB74MG/yCOzF5pozHj2FH2HiJlchYv/b6rHByV/77IZemdlkmL/uugrv/7raPLSlnw==",
-      "dependencies": {
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/tooltip": "^3.5.0",
-        "@react-types/shared": "^3.26.0",
-        "@react-types/tooltip": "^3.4.13",
+      "version": "3.7.11",
+      "resolved": "https://registry.npmjs.org/@react-aria/tooltip/-/tooltip-3.7.11.tgz",
+      "integrity": "sha512-mhZgAWUj7bUWipDeJXaVPZdqnzoBCd/uaEbdafnvgETmov1udVqPTh9w4ZKX2Oh1wa2+OdLFrBOk+8vC6QbWag==",
+      "dependencies": {
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/tooltip": "^3.5.1",
+        "@react-types/shared": "^3.27.0",
+        "@react-types/tooltip": "^3.4.14",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/tree": {
-      "version": "3.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/@react-aria/tree/-/tree-3.0.0-beta.2.tgz",
-      "integrity": "sha512-lH3hVl2VgG3YLN+ee1zQzm+2F+BGLd/HBhfMYPuI3IjHvDb+m+jCJXHdBOGrfG2Qydk2LYheqX8QXCluulu0qQ==",
-      "dependencies": {
-        "@react-aria/gridlist": "^3.10.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/selection": "^3.21.0",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/tree": "^3.8.6",
-        "@react-types/button": "^3.10.1",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@react-aria/tree/-/tree-3.0.0-beta.3.tgz",
+      "integrity": "sha512-eQnCtvDgpunCHInIT+Da3qdgzDzKEFW9REX2j1vMqWTsbM1YikVlBzB9AJOd9KIAWyn+p4TYdL8zzPWxvuSdfA==",
+      "dependencies": {
+        "@react-aria/gridlist": "^3.10.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/selection": "^3.22.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/tree": "^3.8.7",
+        "@react-types/button": "^3.10.2",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2867,30 +2909,31 @@
       }
     },
     "node_modules/@react-aria/utils": {
-      "version": "3.26.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.26.0.tgz",
-      "integrity": "sha512-LkZouGSjjQ0rEqo4XJosS4L3YC/zzQkfRM3KoqK6fUOmUJ9t0jQ09WjiF+uOoG9u+p30AVg3TrZRUWmoTS+koQ==",
+      "version": "3.27.0",
+      "resolved": "https://registry.npmjs.org/@react-aria/utils/-/utils-3.27.0.tgz",
+      "integrity": "sha512-p681OtApnKOdbeN8ITfnnYqfdHS0z7GE+4l8EXlfLnr70Rp/9xicBO6d2rU+V/B3JujDw2gPWxYKEnEeh0CGCw==",
       "dependencies": {
         "@react-aria/ssr": "^3.9.7",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0",
         "clsx": "^2.0.0"
       },
       "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-aria/virtualizer": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@react-aria/virtualizer/-/virtualizer-4.1.0.tgz",
-      "integrity": "sha512-ziSq3Y7iuaAMJWGZU1RRs/TykuPapQfx8dyH2eyKPLgEjBUoXRGWE7n6jklBwal14b0lPK0wkCzRoQbkUvX3cg==",
-      "dependencies": {
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/utils": "^3.26.0",
-        "@react-stately/virtualizer": "^4.2.0",
-        "@react-types/shared": "^3.26.0",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@react-aria/virtualizer/-/virtualizer-4.1.1.tgz",
+      "integrity": "sha512-AYQmC/S9HhxGOj8HkQdxDW8/+sUEmmfcGpjkInzXB8UZCB1FQLC0LpvA8fOP7AfzLaAL+HVcYF5BvnGMPijHTQ==",
+      "dependencies": {
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-stately/virtualizer": "^4.2.1",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2899,13 +2942,26 @@
       }
     },
     "node_modules/@react-aria/visually-hidden": {
-      "version": "3.8.18",
-      "resolved": "https://registry.npmjs.org/@react-aria/visually-hidden/-/visually-hidden-3.8.18.tgz",
-      "integrity": "sha512-l/0igp+uub/salP35SsNWq5mGmg3G5F5QMS1gDZ8p28n7CgjvzyiGhJbbca7Oxvaw1HRFzVl9ev+89I7moNnFQ==",
+      "version": "3.8.19",
+      "resolved": "https://registry.npmjs.org/@react-aria/visually-hidden/-/visually-hidden-3.8.19.tgz",
+      "integrity": "sha512-MZgCCyQ3sdG94J5iJz7I7Ai3IxoN0U5d/+EaUnA1mfK7jf2fSYQBqi6Eyp8sWUYzBTLw4giXB5h0RGAnWzk9hA==",
+      "dependencies": {
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/shared": "^3.27.0",
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-stately/autocomplete": {
+      "version": "3.0.0-alpha.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/autocomplete/-/autocomplete-3.0.0-alpha.0.tgz",
+      "integrity": "sha512-as4si0pBcnGnggwpvemMwCLTeV0h9GS9e5eHSR3RFg14eqUHZBEzYJ0kh9oTugpsGuf1TSM/HDizo8GQk3EtPA==",
       "dependencies": {
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-stately/utils": "^3.10.4",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2913,14 +2969,14 @@
       }
     },
     "node_modules/@react-stately/calendar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/calendar/-/calendar-3.6.0.tgz",
-      "integrity": "sha512-GqUtOtGnwWjtNrJud8nY/ywI4VBP5byToNVRTnxbMl+gYO1Qe/uc5NG7zjwMxhb2kqSBHZFdkF0DXVqG2Ul+BA==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/calendar/-/calendar-3.7.0.tgz",
+      "integrity": "sha512-N15zKubP2S7eWfPSJjKVlmJA7YpWzrIGx52BFhwLSQAZcV+OPcMgvOs71WtB7PLwl6DUYQGsgc0B3tcHzzvdvQ==",
       "dependencies": {
-        "@internationalized/date": "^3.6.0",
+        "@internationalized/date": "^3.7.0",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/calendar": "^3.5.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/calendar": "^3.6.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2928,14 +2984,14 @@
       }
     },
     "node_modules/@react-stately/checkbox": {
-      "version": "3.6.10",
-      "resolved": "https://registry.npmjs.org/@react-stately/checkbox/-/checkbox-3.6.10.tgz",
-      "integrity": "sha512-LHm7i4YI8A/RdgWAuADrnSAYIaYYpQeZqsp1a03Og0pJHAlZL0ymN3y2IFwbZueY0rnfM+yF+kWNXjJqbKrFEQ==",
+      "version": "3.6.11",
+      "resolved": "https://registry.npmjs.org/@react-stately/checkbox/-/checkbox-3.6.11.tgz",
+      "integrity": "sha512-jApdBis+Q1sXLivg+f7krcVaP/AMMMiQcVqcz5gwxlweQN+dRZ/NpL0BYaDOuGc26Mp0lcuVaET3jIZeHwtyxA==",
       "dependencies": {
-        "@react-stately/form": "^3.1.0",
+        "@react-stately/form": "^3.1.1",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/checkbox": "^3.9.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/checkbox": "^3.9.1",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2943,11 +2999,11 @@
       }
     },
     "node_modules/@react-stately/collections": {
-      "version": "3.12.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.12.0.tgz",
-      "integrity": "sha512-MfR9hwCxe5oXv4qrLUnjidwM50U35EFmInUeFf8i9mskYwWlRYS0O1/9PZ0oF1M0cKambaRHKEy98jczgb9ycA==",
+      "version": "3.12.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/collections/-/collections-3.12.1.tgz",
+      "integrity": "sha512-8QmFBL7f+P64dEP4o35pYH61/lP0T/ziSdZAvNMrCqaM+fXcMfUp2yu1E63kADVX7WRDsFJWE3CVMeqirPH6Xg==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2955,19 +3011,18 @@
       }
     },
     "node_modules/@react-stately/color": {
-      "version": "3.8.1",
-      "resolved": "https://registry.npmjs.org/@react-stately/color/-/color-3.8.1.tgz",
-      "integrity": "sha512-7eN7K+KJRu+rxK351eGrzoq2cG+yipr90i5b1cUu4lioYmcH4WdsfjmM5Ku6gypbafH+kTDfflvO6hiY1NZH+A==",
+      "version": "3.8.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/color/-/color-3.8.2.tgz",
+      "integrity": "sha512-GXwLmv1Eos2OwOiRsGFrXBKx8+uZh2q0qzLZEVYrWsedNhIdTm7nnpwO68nCYZPHkqhv6rhhVSlOOFmDLY++ow==",
       "dependencies": {
         "@internationalized/number": "^3.6.0",
         "@internationalized/string": "^3.2.5",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-stately/form": "^3.1.0",
-        "@react-stately/numberfield": "^3.9.8",
-        "@react-stately/slider": "^3.6.0",
+        "@react-stately/form": "^3.1.1",
+        "@react-stately/numberfield": "^3.9.9",
+        "@react-stately/slider": "^3.6.1",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/color": "^3.0.1",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/color": "^3.0.2",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2975,18 +3030,18 @@
       }
     },
     "node_modules/@react-stately/combobox": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/@react-stately/combobox/-/combobox-3.10.1.tgz",
-      "integrity": "sha512-Rso+H+ZEDGFAhpKWbnRxRR/r7YNmYVtt+Rn0eNDNIUp3bYaxIBCdCySyAtALs4I8RZXZQ9zoUznP7YeVwG3cLg==",
-      "dependencies": {
-        "@react-stately/collections": "^3.12.0",
-        "@react-stately/form": "^3.1.0",
-        "@react-stately/list": "^3.11.1",
-        "@react-stately/overlays": "^3.6.12",
-        "@react-stately/select": "^3.6.9",
+      "version": "3.10.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/combobox/-/combobox-3.10.2.tgz",
+      "integrity": "sha512-uT642Dool4tQBh+8UQjlJnTisrJVtg3LqmiP/HqLQ4O3pW0O+ImbG+2r6c9dUzlAnH4kEfmEwCp9dxkBkmFWsg==",
+      "dependencies": {
+        "@react-stately/collections": "^3.12.1",
+        "@react-stately/form": "^3.1.1",
+        "@react-stately/list": "^3.11.2",
+        "@react-stately/overlays": "^3.6.13",
+        "@react-stately/select": "^3.6.10",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/combobox": "^3.13.1",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/combobox": "^3.13.2",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -2994,11 +3049,11 @@
       }
     },
     "node_modules/@react-stately/data": {
-      "version": "3.12.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/data/-/data-3.12.0.tgz",
-      "integrity": "sha512-6PiW2oA56lcH1CVjDcajutzsv91w/PER8K61/OGxtNFFUWaIZH80RWmK4kjU/Lf0vygzXCxout3kEb388lUk0w==",
+      "version": "3.12.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/data/-/data-3.12.1.tgz",
+      "integrity": "sha512-/Nc8X1FmrJ53QU4rN/1i1JtNir4iqo+39Xn5ZOJ74Nng7T+xVVuEuWSo+OEGaycCJf2eZRsomauPxUnnZgCM1A==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3006,17 +3061,17 @@
       }
     },
     "node_modules/@react-stately/datepicker": {
-      "version": "3.11.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/datepicker/-/datepicker-3.11.0.tgz",
-      "integrity": "sha512-d9MJF34A0VrhL5y5S8mAISA8uwfNCQKmR2k4KoQJm3De1J8SQeNzSjLviAwh1faDow6FXGlA6tVbTrHyDcBgBg==",
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/datepicker/-/datepicker-3.12.0.tgz",
+      "integrity": "sha512-AfJEP36d+QgQ30GfacXtYdGsJvqY2yuCJ+JrjHct+m1nYuTkMvMMnhwNBFasgDJPLCDyHzyANlWkl2kQGfsBFw==",
       "dependencies": {
-        "@internationalized/date": "^3.6.0",
+        "@internationalized/date": "^3.7.0",
         "@internationalized/string": "^3.2.5",
-        "@react-stately/form": "^3.1.0",
-        "@react-stately/overlays": "^3.6.12",
+        "@react-stately/form": "^3.1.1",
+        "@react-stately/overlays": "^3.6.13",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/datepicker": "^3.9.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/datepicker": "^3.10.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3024,12 +3079,12 @@
       }
     },
     "node_modules/@react-stately/disclosure": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/disclosure/-/disclosure-3.0.0.tgz",
-      "integrity": "sha512-Z9+fi0/41ZXHjGopORQza7mk4lFEFslKhy65ehEo6O6j2GuIV0659ExIVDsmJoJSFjXCfGh0sX8oTSOlXi9gqg==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/disclosure/-/disclosure-3.0.1.tgz",
+      "integrity": "sha512-afpNy5b0UcqRGjU/W5OD0xkx4PbymvhMrgQZ4o4OdtDVMMvr9T5UqMF8/j3J591DxgQfXM872tJu0kotqT0L6Q==",
       "dependencies": {
         "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3037,12 +3092,12 @@
       }
     },
     "node_modules/@react-stately/dnd": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/dnd/-/dnd-3.5.0.tgz",
-      "integrity": "sha512-ZcWFw1npEDnATiy3TEdzA1skQ3UEIyfbNA6VhPNO8yiSVLxoxBOaEaq8VVS72fRGAtxud6dgOy8BnsP9JwDClQ==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/dnd/-/dnd-3.5.1.tgz",
+      "integrity": "sha512-N18wt6fka9ngJJqxfAzmdtyrk9whAnqWUxZn22CatjNQsqukI4a6KRYwZTXM9x/wm7KamhVOp+GBl85zM8GLdA==",
       "dependencies": {
-        "@react-stately/selection": "^3.18.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-stately/selection": "^3.19.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3058,11 +3113,11 @@
       }
     },
     "node_modules/@react-stately/form": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.1.0.tgz",
-      "integrity": "sha512-E2wxNQ0QaTyDHD0nJFtTSnEH9A3bpJurwxhS4vgcUmESHgjFEMLlC9irUSZKgvOgb42GAq+fHoWBsgKeTp9Big==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/form/-/form-3.1.1.tgz",
+      "integrity": "sha512-qavrz5X5Mdf/Q1v/QJRxc0F8UTNEyRCNSM1we/nnF7GV64+aYSDLOtaRGmzq+09RSwo1c8ZYnIkK5CnwsPhTsQ==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3070,14 +3125,14 @@
       }
     },
     "node_modules/@react-stately/grid": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/grid/-/grid-3.10.0.tgz",
-      "integrity": "sha512-ii+DdsOBvCnHMgL0JvUfFwO1kiAPP19Bpdpl6zn/oOltk6F5TmnoyNrzyz+2///1hCiySI3FE1O7ujsAQs7a6Q==",
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/grid/-/grid-3.10.1.tgz",
+      "integrity": "sha512-MOIy//AdxZxIXIzvWSKpvMvaPEMZGQNj+/cOsElHepv/Veh0psNURZMh2TP6Mr0+MnDTZbX+5XIeinGkWYO3JQ==",
       "dependencies": {
-        "@react-stately/collections": "^3.12.0",
-        "@react-stately/selection": "^3.18.0",
-        "@react-types/grid": "^3.2.10",
-        "@react-types/shared": "^3.26.0",
+        "@react-stately/collections": "^3.12.1",
+        "@react-stately/selection": "^3.19.0",
+        "@react-types/grid": "^3.2.11",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3085,16 +3140,16 @@
       }
     },
     "node_modules/@react-stately/layout": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/layout/-/layout-4.1.0.tgz",
-      "integrity": "sha512-pSBqn+4EeOaf2QMK+w2SHgsWKYHdgMZWY3qgJijdzWGZ4JpYmHuiD0yOq80qFdUwxcexPW3vFg3hqIQlMpXeCw==",
-      "dependencies": {
-        "@react-stately/collections": "^3.12.0",
-        "@react-stately/table": "^3.13.0",
-        "@react-stately/virtualizer": "^4.2.0",
-        "@react-types/grid": "^3.2.10",
-        "@react-types/shared": "^3.26.0",
-        "@react-types/table": "^3.10.3",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/layout/-/layout-4.1.1.tgz",
+      "integrity": "sha512-kXeo7HKYTOcqMKru1sKFoMoZA+YywSUqHeIA90MptzRugbFhQGq4nUbIYM2p3FeHAX9HU1JAXThuLcwDOHhB8Q==",
+      "dependencies": {
+        "@react-stately/collections": "^3.12.1",
+        "@react-stately/table": "^3.13.1",
+        "@react-stately/virtualizer": "^4.2.1",
+        "@react-types/grid": "^3.2.11",
+        "@react-types/shared": "^3.27.0",
+        "@react-types/table": "^3.10.4",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3102,14 +3157,14 @@
       }
     },
     "node_modules/@react-stately/list": {
-      "version": "3.11.1",
-      "resolved": "https://registry.npmjs.org/@react-stately/list/-/list-3.11.1.tgz",
-      "integrity": "sha512-UCOpIvqBOjwLtk7zVTYWuKU1m1Oe61Q5lNar/GwHaV1nAiSQ8/yYlhr40NkBEs9X3plEfsV28UIpzOrYnu1tPg==",
+      "version": "3.11.2",
+      "resolved": "https://registry.npmjs.org/@react-stately/list/-/list-3.11.2.tgz",
+      "integrity": "sha512-eU2tY3aWj0SEeC7lH9AQoeAB4LL9mwS54FvTgHHoOgc1ZIwRJUaZoiuETyWQe98AL8KMgR1nrnDJ1I+CcT1Y7g==",
       "dependencies": {
-        "@react-stately/collections": "^3.12.0",
-        "@react-stately/selection": "^3.18.0",
+        "@react-stately/collections": "^3.12.1",
+        "@react-stately/selection": "^3.19.0",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3117,13 +3172,13 @@
       }
     },
     "node_modules/@react-stately/menu": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/menu/-/menu-3.9.0.tgz",
-      "integrity": "sha512-++sm0fzZeUs9GvtRbj5RwrP+KL9KPANp9f4SvtI3s+MP+Y/X3X7LNNePeeccGeyikB5fzMsuyvd82bRRW9IhDQ==",
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/menu/-/menu-3.9.1.tgz",
+      "integrity": "sha512-WRjGGImhQlQaer/hhahGytwd1BDq3fjpTkY/04wv3cQJPJR6lkVI5nSvGFMHfCaErsA1bNyB8/T9Y5F5u4u9ng==",
       "dependencies": {
-        "@react-stately/overlays": "^3.6.12",
-        "@react-types/menu": "^3.9.13",
-        "@react-types/shared": "^3.26.0",
+        "@react-stately/overlays": "^3.6.13",
+        "@react-types/menu": "^3.9.14",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3131,14 +3186,14 @@
       }
     },
     "node_modules/@react-stately/numberfield": {
-      "version": "3.9.8",
-      "resolved": "https://registry.npmjs.org/@react-stately/numberfield/-/numberfield-3.9.8.tgz",
-      "integrity": "sha512-J6qGILxDNEtu7yvd3/y+FpbrxEaAeIODwlrFo6z1kvuDlLAm/KszXAc75yoDi0OtakFTCMP6/HR5VnHaQdMJ3w==",
+      "version": "3.9.9",
+      "resolved": "https://registry.npmjs.org/@react-stately/numberfield/-/numberfield-3.9.9.tgz",
+      "integrity": "sha512-hZsLiGGHTHmffjFymbH1qVmA633rU2GNjMFQTuSsN4lqqaP8fgxngd5pPCoTCUFEkUgWjdHenw+ZFByw8lIE+g==",
       "dependencies": {
         "@internationalized/number": "^3.6.0",
-        "@react-stately/form": "^3.1.0",
+        "@react-stately/form": "^3.1.1",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/numberfield": "^3.8.7",
+        "@react-types/numberfield": "^3.8.8",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3146,12 +3201,12 @@
       }
     },
     "node_modules/@react-stately/overlays": {
-      "version": "3.6.12",
-      "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.12.tgz",
-      "integrity": "sha512-QinvZhwZgj8obUyPIcyURSCjTZlqZYRRCS60TF8jH8ZpT0tEAuDb3wvhhSXuYA3Xo9EHLwvLjEf3tQKKdAQArw==",
+      "version": "3.6.13",
+      "resolved": "https://registry.npmjs.org/@react-stately/overlays/-/overlays-3.6.13.tgz",
+      "integrity": "sha512-WsU85Gf/b+HbWsnnYw7P/Ila3wD+C37Uk/WbU4/fHgJ26IEOWsPE6wlul8j54NZ1PnLNhV9Fn+Kffi+PaJMQXQ==",
       "dependencies": {
         "@react-stately/utils": "^3.10.5",
-        "@react-types/overlays": "^3.8.11",
+        "@react-types/overlays": "^3.8.12",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3159,14 +3214,14 @@
       }
     },
     "node_modules/@react-stately/radio": {
-      "version": "3.10.9",
-      "resolved": "https://registry.npmjs.org/@react-stately/radio/-/radio-3.10.9.tgz",
-      "integrity": "sha512-kUQ7VdqFke8SDRCatw2jW3rgzMWbvw+n2imN2THETynI47NmNLzNP11dlGO2OllRtTrsLhmBNlYHa3W62pFpAw==",
+      "version": "3.10.10",
+      "resolved": "https://registry.npmjs.org/@react-stately/radio/-/radio-3.10.10.tgz",
+      "integrity": "sha512-9x3bpq87uV8iYA4NaioTTWjriQSlSdp+Huqlxll0T3W3okpyraTTejE91PbIoRTUmL5qByIh2WzxYmr4QdBgAA==",
       "dependencies": {
-        "@react-stately/form": "^3.1.0",
+        "@react-stately/form": "^3.1.1",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/radio": "^3.8.5",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/radio": "^3.8.6",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3174,12 +3229,12 @@
       }
     },
     "node_modules/@react-stately/searchfield": {
-      "version": "3.5.8",
-      "resolved": "https://registry.npmjs.org/@react-stately/searchfield/-/searchfield-3.5.8.tgz",
-      "integrity": "sha512-jtquvGadx1DmtQqPKaVO6Qg/xpBjNxsOd59ciig9xRxpxV+90i996EX1E2R6R+tGJdSM1pD++7PVOO4yE++HOg==",
+      "version": "3.5.9",
+      "resolved": "https://registry.npmjs.org/@react-stately/searchfield/-/searchfield-3.5.9.tgz",
+      "integrity": "sha512-7/aO/oLJ4czKEji0taI/lbHKqPJRag9p3YmRaZ4yqjIMpKxzmJCWQcov5lzWeFhG/1hINKndYlxFnVIKV/urpg==",
       "dependencies": {
         "@react-stately/utils": "^3.10.5",
-        "@react-types/searchfield": "^3.5.10",
+        "@react-types/searchfield": "^3.5.11",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3187,15 +3242,15 @@
       }
     },
     "node_modules/@react-stately/select": {
-      "version": "3.6.9",
-      "resolved": "https://registry.npmjs.org/@react-stately/select/-/select-3.6.9.tgz",
-      "integrity": "sha512-vASUDv7FhEYQURzM+JIwcusPv7/x/l3zHc/oKJPvoCl3aa9pwS8hZwS82SC00o2iFnrDscfDJju4IE/cd4hucg==",
-      "dependencies": {
-        "@react-stately/form": "^3.1.0",
-        "@react-stately/list": "^3.11.1",
-        "@react-stately/overlays": "^3.6.12",
-        "@react-types/select": "^3.9.8",
-        "@react-types/shared": "^3.26.0",
+      "version": "3.6.10",
+      "resolved": "https://registry.npmjs.org/@react-stately/select/-/select-3.6.10.tgz",
+      "integrity": "sha512-V7V0FCL9T+GzLjyfnJB6PUaKldFyT/8Rj6M+R9ura1A0O+s/FEOesy0pdMXFoL1l5zeUpGlCnhJrsI5HFWHfDw==",
+      "dependencies": {
+        "@react-stately/form": "^3.1.1",
+        "@react-stately/list": "^3.11.2",
+        "@react-stately/overlays": "^3.6.13",
+        "@react-types/select": "^3.9.9",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3203,13 +3258,13 @@
       }
     },
     "node_modules/@react-stately/selection": {
-      "version": "3.18.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.18.0.tgz",
-      "integrity": "sha512-6EaNNP3exxBhW2LkcRR4a3pg+3oDguZlBSqIVVR7lyahv/D8xXHRC4dX+m0mgGHJpsgjs7664Xx6c8v193TFxg==",
+      "version": "3.19.0",
+      "resolved": "https://registry.npmjs.org/@react-stately/selection/-/selection-3.19.0.tgz",
+      "integrity": "sha512-AvbUqnWjqVQC48RD39S9BpMKMLl55Zo5l/yx5JQFPl55cFwe9Tpku1KY0wzt3fXXiXWaqjDn/7Gkg1VJYy8esQ==",
       "dependencies": {
-        "@react-stately/collections": "^3.12.0",
+        "@react-stately/collections": "^3.12.1",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3217,13 +3272,13 @@
       }
     },
     "node_modules/@react-stately/slider": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/slider/-/slider-3.6.0.tgz",
-      "integrity": "sha512-w5vJxVh267pmD1X+Ppd9S3ZzV1hcg0cV8q5P4Egr160b9WMcWlUspZPtsthwUlN7qQe/C8y5IAhtde4s29eNag==",
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/slider/-/slider-3.6.1.tgz",
+      "integrity": "sha512-8kij5O82Xe233vZZ6qNGqPXidnlNQiSnyF1q613c7ktFmzAyGjkIWVUapHi23T1fqm7H2Rs3RWlmwE9bo2KecA==",
       "dependencies": {
         "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.26.0",
-        "@react-types/slider": "^3.7.7",
+        "@react-types/shared": "^3.27.0",
+        "@react-types/slider": "^3.7.8",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3231,18 +3286,18 @@
       }
     },
     "node_modules/@react-stately/table": {
-      "version": "3.13.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/table/-/table-3.13.0.tgz",
-      "integrity": "sha512-mRbNYrwQIE7xzVs09Lk3kPteEVFVyOc20vA8ph6EP54PiUf/RllJpxZe/WUYLf4eom9lUkRYej5sffuUBpxjCA==",
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/table/-/table-3.13.1.tgz",
+      "integrity": "sha512-Im8W+F8o9EhglY5kqRa3xcMGXl8zBi6W5phGpAjXb+UGDL1tBIlAcYj733bw8g/ITCnaSz9ubsmON0HekPd6Jg==",
       "dependencies": {
-        "@react-stately/collections": "^3.12.0",
+        "@react-stately/collections": "^3.12.1",
         "@react-stately/flags": "^3.0.5",
-        "@react-stately/grid": "^3.10.0",
-        "@react-stately/selection": "^3.18.0",
+        "@react-stately/grid": "^3.10.1",
+        "@react-stately/selection": "^3.19.0",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/grid": "^3.2.10",
-        "@react-types/shared": "^3.26.0",
-        "@react-types/table": "^3.10.3",
+        "@react-types/grid": "^3.2.11",
+        "@react-types/shared": "^3.27.0",
+        "@react-types/table": "^3.10.4",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3250,13 +3305,13 @@
       }
     },
     "node_modules/@react-stately/tabs": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/tabs/-/tabs-3.7.0.tgz",
-      "integrity": "sha512-ox4hTkfZCoR4Oyr3Op3rBlWNq2Wxie04vhEYpTZQ2hobR3l4fYaOkd7CPClILktJ3TC104j8wcb0knWxIBRx9w==",
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/tabs/-/tabs-3.7.1.tgz",
+      "integrity": "sha512-gr9ACyuWrYuc727h7WaHdmNw8yxVlUyQlguziR94MdeRtFGQnf3V6fNQG3kxyB77Ljko69tgDF7Nf6kfPUPAQQ==",
       "dependencies": {
-        "@react-stately/list": "^3.11.1",
-        "@react-types/shared": "^3.26.0",
-        "@react-types/tabs": "^3.3.11",
+        "@react-stately/list": "^3.11.2",
+        "@react-types/shared": "^3.27.0",
+        "@react-types/tabs": "^3.3.12",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3264,13 +3319,13 @@
       }
     },
     "node_modules/@react-stately/toggle": {
-      "version": "3.8.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.8.0.tgz",
-      "integrity": "sha512-pyt/k/J8BwE/2g6LL6Z6sMSWRx9HEJB83Sm/MtovXnI66sxJ2EfQ1OaXB7Su5PEL9OMdoQF6Mb+N1RcW3zAoPw==",
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/toggle/-/toggle-3.8.1.tgz",
+      "integrity": "sha512-MVpe79ghVQiwLmVzIPhF/O/UJAUc9B+ZSylVTyJiEPi0cwhbkKGQv9thOF0ebkkRkace5lojASqUAYtSTZHQJA==",
       "dependencies": {
         "@react-stately/utils": "^3.10.5",
-        "@react-types/checkbox": "^3.9.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/checkbox": "^3.9.1",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3278,12 +3333,12 @@
       }
     },
     "node_modules/@react-stately/tooltip": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/tooltip/-/tooltip-3.5.0.tgz",
-      "integrity": "sha512-+xzPNztJDd2XJD0X3DgWKlrgOhMqZpSzsIssXeJgO7uCnP8/Z513ESaipJhJCFC8fxj5caO/DK4Uu8hEtlB8cQ==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/tooltip/-/tooltip-3.5.1.tgz",
+      "integrity": "sha512-0aI3U5kB7Cop9OCW9/Bag04zkivFSdUcQgy/TWL4JtpXidVWmOha8txI1WySawFSjZhH83KIyPc+wKm1msfLMQ==",
       "dependencies": {
-        "@react-stately/overlays": "^3.6.12",
-        "@react-types/tooltip": "^3.4.13",
+        "@react-stately/overlays": "^3.6.13",
+        "@react-types/tooltip": "^3.4.14",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3291,14 +3346,14 @@
       }
     },
     "node_modules/@react-stately/tree": {
-      "version": "3.8.6",
-      "resolved": "https://registry.npmjs.org/@react-stately/tree/-/tree-3.8.6.tgz",
-      "integrity": "sha512-lblUaxf1uAuIz5jm6PYtcJ+rXNNVkqyFWTIMx6g6gW/mYvm8GNx1G/0MLZE7E6CuDGaO9dkLSY2bB1uqyKHidA==",
+      "version": "3.8.7",
+      "resolved": "https://registry.npmjs.org/@react-stately/tree/-/tree-3.8.7.tgz",
+      "integrity": "sha512-hpc3pyuXWeQV5ufQ02AeNQg/MYhnzZ4NOznlY5OOUoPzpLYiI3ZJubiY3Dot4jw5N/LR7CqvDLHmrHaJPmZlHg==",
       "dependencies": {
-        "@react-stately/collections": "^3.12.0",
-        "@react-stately/selection": "^3.18.0",
+        "@react-stately/collections": "^3.12.1",
+        "@react-stately/selection": "^3.19.0",
         "@react-stately/utils": "^3.10.5",
-        "@react-types/shared": "^3.26.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
       "peerDependencies": {
@@ -3317,318 +3372,332 @@
       }
     },
     "node_modules/@react-stately/virtualizer": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/@react-stately/virtualizer/-/virtualizer-4.2.0.tgz",
-      "integrity": "sha512-aTMpa9AQoz/xLqn8AI1BR/caUUY7/OUo9GbuF434w2u5eGCL7+SAn3Fmq7WSCwqYyDsO+jEIERek4JTX7pEW0A==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@react-stately/virtualizer/-/virtualizer-4.2.1.tgz",
+      "integrity": "sha512-GHGEXV0ZRhq34U/P3LzkByCBfy2IDynYlV1SE4njkUWWGE/0AH56UegM6w2l3GeiNpXsXCgXl7jpAKeIGMEnrQ==",
       "dependencies": {
-        "@react-aria/utils": "^3.26.0",
-        "@react-types/shared": "^3.26.0",
+        "@react-aria/utils": "^3.27.0",
+        "@react-types/shared": "^3.27.0",
         "@swc/helpers": "^0.5.0"
       },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+        "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+      }
+    },
+    "node_modules/@react-types/autocomplete": {
+      "version": "3.0.0-alpha.28",
+      "resolved": "https://registry.npmjs.org/@react-types/autocomplete/-/autocomplete-3.0.0-alpha.28.tgz",
+      "integrity": "sha512-meHxBVS5H2L7lVOX99jiAfhcvtG0s7EE7iF7X20/yqEnkwWSpyeMKcDKFpvx/bLGUSmRTVFCBLgvPpwUyhcFkg==",
+      "dependencies": {
+        "@react-types/combobox": "^3.13.2",
+        "@react-types/searchfield": "^3.5.11",
+        "@react-types/shared": "^3.27.0"
+      },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/breadcrumbs": {
-      "version": "3.7.9",
-      "resolved": "https://registry.npmjs.org/@react-types/breadcrumbs/-/breadcrumbs-3.7.9.tgz",
-      "integrity": "sha512-eARYJo8J+VfNV8vP4uw3L2Qliba9wLV2bx9YQCYf5Lc/OE5B/y4gaTLz+Y2P3Rtn6gBPLXY447zCs5i7gf+ICg==",
+      "version": "3.7.10",
+      "resolved": "https://registry.npmjs.org/@react-types/breadcrumbs/-/breadcrumbs-3.7.10.tgz",
+      "integrity": "sha512-5HhRxkKHfAQBoyOYzyf4HT+24HgPE/C/QerxJLNNId303LXO03yeYrbvRqhYZSlD1ACLJW9OmpPpREcw5iSqgw==",
       "dependencies": {
-        "@react-types/link": "^3.5.9",
-        "@react-types/shared": "^3.26.0"
+        "@react-types/link": "^3.5.10",
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/button": {
-      "version": "3.10.1",
-      "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.10.1.tgz",
-      "integrity": "sha512-XTtap8o04+4QjPNAshFWOOAusUTxQlBjU2ai0BTVLShQEjHhRVDBIWsI2B2FKJ4KXT6AZ25llaxhNrreWGonmA==",
+      "version": "3.10.2",
+      "resolved": "https://registry.npmjs.org/@react-types/button/-/button-3.10.2.tgz",
+      "integrity": "sha512-h8SB/BLoCgoBulCpyzaoZ+miKXrolK9XC48+n1dKJXT8g4gImrficurDW6+PRTQWaRai0Q0A6bu8UibZOU4syg==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/calendar": {
-      "version": "3.5.0",
-      "resolved": "https://registry.npmjs.org/@react-types/calendar/-/calendar-3.5.0.tgz",
-      "integrity": "sha512-O3IRE7AGwAWYnvJIJ80cOy7WwoJ0m8GtX/qSmvXQAjC4qx00n+b5aFNBYAQtcyc3RM5QpW6obs9BfwGetFiI8w==",
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@react-types/calendar/-/calendar-3.6.0.tgz",
+      "integrity": "sha512-BtFh4BFwvsYlsaSqUOVxlqXZSlJ6u4aozgO3PwHykhpemwidlzNwm9qDZhcMWPioNF/w2cU/6EqhvEKUHDnFZg==",
       "dependencies": {
-        "@internationalized/date": "^3.6.0",
-        "@react-types/shared": "^3.26.0"
+        "@internationalized/date": "^3.7.0",
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/checkbox": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.9.0.tgz",
-      "integrity": "sha512-9hbHx0Oo2Hp5a8nV8Q75LQR0DHtvOIJbFaeqESSopqmV9EZoYjtY/h0NS7cZetgahQgnqYWQi44XGooMDCsmxA==",
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@react-types/checkbox/-/checkbox-3.9.1.tgz",
+      "integrity": "sha512-0x/KQcipfNM9Nvy6UMwYG25roRLvsiqf0J3woTYylNNWzF+72XT0iI5FdJkE3w2wfa0obmSoeq4WcbFREQrH/A==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/color": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@react-types/color/-/color-3.0.1.tgz",
-      "integrity": "sha512-KemFziO3GbmT3HEKrgOGdqNA6Gsmy9xrwFO3f8qXSG7gVz6M27Ic4R9HVQv4iAjap5uti6W13/pk2bc/jLVcEA==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@react-types/color/-/color-3.0.2.tgz",
+      "integrity": "sha512-4k9c0l5SACwTtkHV0dQ0GrF0Kktk/NChkxtyu58BamyUQOsCe8sqny+uul2nPrqQvuVof/dkRjKhv/DVyyx2mw==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0",
-        "@react-types/slider": "^3.7.7"
+        "@react-types/shared": "^3.27.0",
+        "@react-types/slider": "^3.7.8"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/combobox": {
-      "version": "3.13.1",
-      "resolved": "https://registry.npmjs.org/@react-types/combobox/-/combobox-3.13.1.tgz",
-      "integrity": "sha512-7xr+HknfhReN4QPqKff5tbKTe2kGZvH+DGzPYskAtb51FAAiZsKo+WvnNAvLwg3kRoC9Rkn4TAiVBp/HgymRDw==",
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/@react-types/combobox/-/combobox-3.13.2.tgz",
+      "integrity": "sha512-yl2yMcM5/v3lJiNZWjpAhQ9vRW6dD55CD4rYmO2K7XvzYJaFVT4WYI/AymPYD8RqomMp7coBmBHfHW0oupk8gg==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/datepicker": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/@react-types/datepicker/-/datepicker-3.9.0.tgz",
-      "integrity": "sha512-dbKL5Qsm2MQwOTtVQdOcKrrphcXAqDD80WLlSQrBLg+waDuuQ7H+TrvOT0thLKloNBlFUGnZZfXGRHINpih/0g==",
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@react-types/datepicker/-/datepicker-3.10.0.tgz",
+      "integrity": "sha512-Att7y4NedNH1CogMDIX9URXgMLxGbZgnFCZ8oxgFAVndWzbh3TBcc4s7uoJDPvgRMAalq+z+SrlFFeoBeJmvvg==",
       "dependencies": {
-        "@internationalized/date": "^3.6.0",
-        "@react-types/calendar": "^3.5.0",
-        "@react-types/overlays": "^3.8.11",
-        "@react-types/shared": "^3.26.0"
+        "@internationalized/date": "^3.7.0",
+        "@react-types/calendar": "^3.6.0",
+        "@react-types/overlays": "^3.8.12",
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/dialog": {
-      "version": "3.5.14",
-      "resolved": "https://registry.npmjs.org/@react-types/dialog/-/dialog-3.5.14.tgz",
-      "integrity": "sha512-OXWMjrALwrlgw8aHD8SeRm/s3tbAssdaEh2h73KUSeFau3fU3n5mfKv+WnFqsEaOtN261o48l7hTlS6615H9AA==",
+      "version": "3.5.15",
+      "resolved": "https://registry.npmjs.org/@react-types/dialog/-/dialog-3.5.15.tgz",
+      "integrity": "sha512-BX1+mV35Oa0aIlhu98OzJaSB7uiCWDPQbr0AkpFBajSSlESUoAjntN+4N+QJmj24z2v6UE9zxGQ85/U/0Le+bw==",
       "dependencies": {
-        "@react-types/overlays": "^3.8.11",
-        "@react-types/shared": "^3.26.0"
+        "@react-types/overlays": "^3.8.12",
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/form": {
-      "version": "3.7.8",
-      "resolved": "https://registry.npmjs.org/@react-types/form/-/form-3.7.8.tgz",
-      "integrity": "sha512-0wOS97/X0ijTVuIqik1lHYTZnk13QkvMTKvIEhM7c6YMU3vPiirBwLbT2kJiAdwLiymwcCkrBdDF1NTRG6kPFA==",
+      "version": "3.7.9",
+      "resolved": "https://registry.npmjs.org/@react-types/form/-/form-3.7.9.tgz",
+      "integrity": "sha512-+qGDrQFdIh8umU82zmnYJ0V2rLoGSQ3yApFT02URz//NWeTA7qo0Oab2veKvXUkcBb47oSvytZYmkExPikxIEg==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/grid": {
-      "version": "3.2.10",
-      "resolved": "https://registry.npmjs.org/@react-types/grid/-/grid-3.2.10.tgz",
-      "integrity": "sha512-Z5cG0ITwqjUE4kWyU5/7VqiPl4wqMJ7kG/ZP7poAnLmwRsR8Ai0ceVn+qzp5nTA19cgURi8t3LsXn3Ar1FBoog==",
+      "version": "3.2.11",
+      "resolved": "https://registry.npmjs.org/@react-types/grid/-/grid-3.2.11.tgz",
+      "integrity": "sha512-Mww9nrasppvPbsBi+uUqFnf7ya8fXN0cTVzDNG+SveD8mhW+sbtuy+gPtEpnFD2Oyi8qLuObefzt4gdekJX2Yw==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/link": {
-      "version": "3.5.9",
-      "resolved": "https://registry.npmjs.org/@react-types/link/-/link-3.5.9.tgz",
-      "integrity": "sha512-JcKDiDMqrq/5Vpn+BdWQEuXit4KN4HR/EgIi3yKnNbYkLzxBoeQZpQgvTaC7NEQeZnSqkyXQo3/vMUeX/ZNIKw==",
+      "version": "3.5.10",
+      "resolved": "https://registry.npmjs.org/@react-types/link/-/link-3.5.10.tgz",
+      "integrity": "sha512-IM2mbSpB0qP44Jh1Iqpevo7bQdZAr0iDyDi13OhsiUYJeWgPMHzGEnQqdBMkrfQeOTXLtZtUyOYLXE2v39bhzQ==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/listbox": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/@react-types/listbox/-/listbox-3.5.3.tgz",
-      "integrity": "sha512-v1QXd9/XU3CCKr2Vgs7WLcTr6VMBur7CrxHhWZQQFExsf9bgJ/3wbUdjy4aThY/GsYHiaS38EKucCZFr1QAfqA==",
+      "version": "3.5.4",
+      "resolved": "https://registry.npmjs.org/@react-types/listbox/-/listbox-3.5.4.tgz",
+      "integrity": "sha512-5otTes0zOwRZwNtqysPD/aW4qFJSxd5znjwoWTLnzDXXOBHXPyR83IJf8ITgvIE5C0y+EFadsWR/BBO3k9Pj7g==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/menu": {
-      "version": "3.9.13",
-      "resolved": "https://registry.npmjs.org/@react-types/menu/-/menu-3.9.13.tgz",
-      "integrity": "sha512-7SuX6E2tDsqQ+HQdSvIda1ji/+ujmR86dtS9CUu5yWX91P25ufRjZ72EvLRqClWNQsj1Xl4+2zBDLWlceznAjw==",
+      "version": "3.9.14",
+      "resolved": "https://registry.npmjs.org/@react-types/menu/-/menu-3.9.14.tgz",
+      "integrity": "sha512-RJW/S8IPwbRuohJ/A9HJ7W8QaAY816tm7Nv6+H/TLXG76zu2AS5vEgq+0TcCAWvJJwUdLDpJWJMlo0iIoIBtcg==",
       "dependencies": {
-        "@react-types/overlays": "^3.8.11",
-        "@react-types/shared": "^3.26.0"
+        "@react-types/overlays": "^3.8.12",
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/meter": {
-      "version": "3.4.5",
-      "resolved": "https://registry.npmjs.org/@react-types/meter/-/meter-3.4.5.tgz",
-      "integrity": "sha512-04w1lEtvP/c3Ep8ND8hhH2rwjz2MtQ8o8SNLhahen3u0rX3jKOgD4BvHujsyvXXTMjj1Djp74sGzNawb4Ppi9w==",
+      "version": "3.4.6",
+      "resolved": "https://registry.npmjs.org/@react-types/meter/-/meter-3.4.6.tgz",
+      "integrity": "sha512-YczAht1VXy3s4fR6Dq0ibGsjulGHzS/A/K4tOruSNTL6EkYH9ktHX62Xk/OhCiKHxV315EbZ136WJaCeO4BgHw==",
       "dependencies": {
-        "@react-types/progress": "^3.5.8"
+        "@react-types/progress": "^3.5.9"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/numberfield": {
-      "version": "3.8.7",
-      "resolved": "https://registry.npmjs.org/@react-types/numberfield/-/numberfield-3.8.7.tgz",
-      "integrity": "sha512-KccMPi39cLoVkB2T0V7HW6nsxQVAwt89WWCltPZJVGzsebv/k0xTQlPVAgrUake4kDLoE687e3Fr/Oe3+1bDhw==",
+      "version": "3.8.8",
+      "resolved": "https://registry.npmjs.org/@react-types/numberfield/-/numberfield-3.8.8.tgz",
+      "integrity": "sha512-825JPppxDaWh0Zxb0Q+wSslgRQYOtQPCAuhszPuWEy6d2F/M+hLR+qQqvQm9+LfMbdwiTg6QK5wxdWFCp2t7jw==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/overlays": {
-      "version": "3.8.11",
-      "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.11.tgz",
-      "integrity": "sha512-aw7T0rwVI3EuyG5AOaEIk8j7dZJQ9m34XAztXJVZ/W2+4pDDkLDbJ/EAPnuo2xGYRGhowuNDn4tDju01eHYi+w==",
+      "version": "3.8.12",
+      "resolved": "https://registry.npmjs.org/@react-types/overlays/-/overlays-3.8.12.tgz",
+      "integrity": "sha512-ZvR1t0YV7/6j+6OD8VozKYjvsXT92+C/2LOIKozy7YUNS5KI4MkXbRZzJvkuRECVZOmx8JXKTUzhghWJM/3QuQ==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/progress": {
-      "version": "3.5.8",
-      "resolved": "https://registry.npmjs.org/@react-types/progress/-/progress-3.5.8.tgz",
-      "integrity": "sha512-PR0rN5mWevfblR/zs30NdZr+82Gka/ba7UHmYOW9/lkKlWeD7PHgl1iacpd/3zl/jUF22evAQbBHmk1mS6Mpqw==",
+      "version": "3.5.9",
+      "resolved": "https://registry.npmjs.org/@react-types/progress/-/progress-3.5.9.tgz",
+      "integrity": "sha512-zFxOzx3G8XUmHgpm037Hcayls5bqzXVa182E3iM7YWTmrjxJPKZ58XL0WWBgpTd+mJD7fTpnFdAZqSmFbtDOdA==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/radio": {
-      "version": "3.8.5",
-      "resolved": "https://registry.npmjs.org/@react-types/radio/-/radio-3.8.5.tgz",
-      "integrity": "sha512-gSImTPid6rsbJmwCkTliBIU/npYgJHOFaI3PNJo7Y0QTAnFelCtYeFtBiWrFodSArSv7ASqpLLUEj9hZu/rxIg==",
+      "version": "3.8.6",
+      "resolved": "https://registry.npmjs.org/@react-types/radio/-/radio-3.8.6.tgz",
+      "integrity": "sha512-woTQYdRFjPzuml4qcIf+2zmycRuM5w3fDS5vk6CQmComVUjOFPtD28zX3Z9kc9lSNzaBQz9ONZfFqkZ1gqfICA==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/searchfield": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@react-types/searchfield/-/searchfield-3.5.10.tgz",
-      "integrity": "sha512-7wW4pJzbReawoGPu8a4l+CODTCDN088EN/ysUzl622ewim57PjArjix+lpO4+aEtJqS9HKpq8UEbjwo9axpcUA==",
+      "version": "3.5.11",
+      "resolved": "https://registry.npmjs.org/@react-types/searchfield/-/searchfield-3.5.11.tgz",
+      "integrity": "sha512-MX8d9pgvxZxmgDwI0tiDaf6ijOY8XcRj0HM8Ocfttlk7PEFJK44p51WsUC+fPX1GmZni2JpFkx/haPOSLUECdw==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0",
-        "@react-types/textfield": "^3.10.0"
+        "@react-types/shared": "^3.27.0",
+        "@react-types/textfield": "^3.11.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/select": {
-      "version": "3.9.8",
-      "resolved": "https://registry.npmjs.org/@react-types/select/-/select-3.9.8.tgz",
-      "integrity": "sha512-RGsYj2oFjXpLnfcvWMBQnkcDuKkwT43xwYWZGI214/gp/B64tJiIUgTM5wFTRAeGDX23EePkhCQF+9ctnqFd6g==",
+      "version": "3.9.9",
+      "resolved": "https://registry.npmjs.org/@react-types/select/-/select-3.9.9.tgz",
+      "integrity": "sha512-/hCd0o+ztn29FKCmVec+v7t4JpOzz56o+KrG7NDq2pcRWqUR9kNwCjrPhSbJIIEDm4ubtrfPu41ysIuDvRd2Bg==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/shared": {
-      "version": "3.26.0",
-      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.26.0.tgz",
-      "integrity": "sha512-6FuPqvhmjjlpEDLTiYx29IJCbCNWPlsyO+ZUmCUXzhUv2ttShOXfw8CmeHWHftT/b2KweAWuzqSlfeXPR76jpw==",
+      "version": "3.27.0",
+      "resolved": "https://registry.npmjs.org/@react-types/shared/-/shared-3.27.0.tgz",
+      "integrity": "sha512-gvznmLhi6JPEf0bsq7SwRYTHAKKq/wcmKqFez9sRdbED+SPMUmK5omfZ6w3EwUFQHbYUa4zPBYedQ7Knv70RMw==",
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/slider": {
-      "version": "3.7.7",
-      "resolved": "https://registry.npmjs.org/@react-types/slider/-/slider-3.7.7.tgz",
-      "integrity": "sha512-lYTR9zXQV2fSEm/G3gwDENWiki1IXd/oorsgf0zu1DBi2SQDbOsLsGUXiwvD24Xy6OkUuhAqjLPPexezo7+u9g==",
+      "version": "3.7.8",
+      "resolved": "https://registry.npmjs.org/@react-types/slider/-/slider-3.7.8.tgz",
+      "integrity": "sha512-utW1o9KT70hqFwu1zqMtyEWmP0kSATk4yx+Fm/peSR4iZa+BasRqH83yzir5GKc8OfqfE1kmEsSlO98/k986+w==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/switch": {
-      "version": "3.5.7",
-      "resolved": "https://registry.npmjs.org/@react-types/switch/-/switch-3.5.7.tgz",
-      "integrity": "sha512-1IKiq510rPTHumEZuhxuazuXBa2Cuxz6wBIlwf3NCVmgWEvU+uk1ETG0sH2yymjwCqhtJDKXi+qi9HSgPEDwAg==",
+      "version": "3.5.8",
+      "resolved": "https://registry.npmjs.org/@react-types/switch/-/switch-3.5.8.tgz",
+      "integrity": "sha512-sL7jmh8llF8BxzY4HXkSU4bwU8YU6gx45P85D0AdYXgRHxU9Cp7BQPOMF4pJoQ8TTej05MymY5q7xvJVmxUTAQ==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/table": {
-      "version": "3.10.3",
-      "resolved": "https://registry.npmjs.org/@react-types/table/-/table-3.10.3.tgz",
-      "integrity": "sha512-Ac+W+m/zgRzlTU8Z2GEg26HkuJFswF9S6w26r+R3MHwr8z2duGPvv37XRtE1yf3dbpRBgHEAO141xqS2TqGwNg==",
+      "version": "3.10.4",
+      "resolved": "https://registry.npmjs.org/@react-types/table/-/table-3.10.4.tgz",
+      "integrity": "sha512-d0tLz/whxVteqr1rophtuuxqyknHHfTKeXrCgDjt8pAyd9U8GPDbfcFSfYPUhWdELRt7aLVyQw6VblZHioVEgQ==",
       "dependencies": {
-        "@react-types/grid": "^3.2.10",
-        "@react-types/shared": "^3.26.0"
+        "@react-types/grid": "^3.2.11",
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/tabs": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/@react-types/tabs/-/tabs-3.3.11.tgz",
-      "integrity": "sha512-BjF2TqBhZaIcC4lc82R5pDJd1F7kstj1K0Nokhz99AGYn8C0ITdp6lR+DPVY9JZRxKgP9R2EKfWGI90Lo7NQdA==",
+      "version": "3.3.12",
+      "resolved": "https://registry.npmjs.org/@react-types/tabs/-/tabs-3.3.12.tgz",
+      "integrity": "sha512-E9O9G+wf9kaQ8UbDEDliW/oxYlJnh7oDCW1zaMOySwnG4yeCh7Wu02EOCvlQW4xvgn/i+lbEWgirf7L+yj5nRg==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/textfield": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.10.0.tgz",
-      "integrity": "sha512-ShU3d6kLJGQjPXccVFjM3KOXdj3uyhYROqH9YgSIEVxgA9W6LRflvk/IVBamD9pJYTPbwmVzuP0wQkTDupfZ1w==",
+      "version": "3.11.0",
+      "resolved": "https://registry.npmjs.org/@react-types/textfield/-/textfield-3.11.0.tgz",
+      "integrity": "sha512-YORBgr6wlu2xfvr4MqjKFHGpj+z8LBzk14FbWDbYnnhGnv0I10pj+m2KeOHgDNFHrfkDdDOQmMIKn1UCqeUuEg==",
       "dependencies": {
-        "@react-types/shared": "^3.26.0"
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
       }
     },
     "node_modules/@react-types/tooltip": {
-      "version": "3.4.13",
-      "resolved": "https://registry.npmjs.org/@react-types/tooltip/-/tooltip-3.4.13.tgz",
-      "integrity": "sha512-KPekFC17RTT8kZlk7ZYubueZnfsGTDOpLw7itzolKOXGddTXsrJGBzSB4Bb060PBVllaDO0MOrhPap8OmrIl1Q==",
+      "version": "3.4.14",
+      "resolved": "https://registry.npmjs.org/@react-types/tooltip/-/tooltip-3.4.14.tgz",
+      "integrity": "sha512-J7CeYL2yPeKIasx1rPaEefyCHGEx2DOCx+7bM3XcKGmCxvNdVQLjimNJOt8IHlUA0nFJQOjmSW/mz9P0f2/kUw==",
       "dependencies": {
-        "@react-types/overlays": "^3.8.11",
-        "@react-types/shared": "^3.26.0"
+        "@react-types/overlays": "^3.8.12",
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
@@ -4677,9 +4746,9 @@
       }
     },
     "node_modules/decimal.js": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
-      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA=="
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.5.0.tgz",
+      "integrity": "sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw=="
     },
     "node_modules/deep-equal": {
       "version": "2.2.3",
@@ -5949,13 +6018,13 @@
       }
     },
     "node_modules/intl-messageformat": {
-      "version": "10.7.10",
-      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.10.tgz",
-      "integrity": "sha512-hp7iejCBiJdW3zmOe18FdlJu8U/JsADSDiBPQhfdSeI8B9POtvPRvPh3nMlvhYayGMKLv6maldhR7y3Pf1vkpw==",
+      "version": "10.7.14",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.14.tgz",
+      "integrity": "sha512-mMGnE4E1otdEutV5vLUdCxRJygHB5ozUBxsPB5qhitewssrS/qGruq9bmvIRkkGsNeK5ZWLfYRld18UHGTIifQ==",
       "dependencies": {
-        "@formatjs/ecma402-abstract": "2.3.1",
-        "@formatjs/fast-memoize": "2.2.5",
-        "@formatjs/icu-messageformat-parser": "2.9.7",
+        "@formatjs/ecma402-abstract": "2.3.2",
+        "@formatjs/fast-memoize": "2.2.6",
+        "@formatjs/icu-messageformat-parser": "2.11.0",
         "tslib": "2"
       }
     },
@@ -7311,49 +7380,49 @@
       }
     },
     "node_modules/react-aria": {
-      "version": "3.36.0",
-      "resolved": "https://registry.npmjs.org/react-aria/-/react-aria-3.36.0.tgz",
-      "integrity": "sha512-AK5XyIhAN+e5HDlwlF+YwFrOrVI7RYmZ6kg/o7ZprQjkYqYKapXeUpWscmNm/3H2kDboE5Z4ymUnK6ZhobLqOw==",
+      "version": "3.37.0",
+      "resolved": "https://registry.npmjs.org/react-aria/-/react-aria-3.37.0.tgz",
+      "integrity": "sha512-u3WUEMTcbQFaoHauHO3KhPaBYzEv1o42EdPcLAs05GBw9Q6Axlqwo73UFgMrsc2ElwLAZ4EKpSdWHLo1R5gfiw==",
       "dependencies": {
         "@internationalized/string": "^3.2.5",
-        "@react-aria/breadcrumbs": "^3.5.19",
-        "@react-aria/button": "^3.11.0",
-        "@react-aria/calendar": "^3.6.0",
-        "@react-aria/checkbox": "^3.15.0",
-        "@react-aria/color": "^3.0.2",
-        "@react-aria/combobox": "^3.11.0",
-        "@react-aria/datepicker": "^3.12.0",
-        "@react-aria/dialog": "^3.5.20",
-        "@react-aria/disclosure": "^3.0.0",
-        "@react-aria/dnd": "^3.8.0",
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/gridlist": "^3.10.0",
-        "@react-aria/i18n": "^3.12.4",
-        "@react-aria/interactions": "^3.22.5",
-        "@react-aria/label": "^3.7.13",
-        "@react-aria/link": "^3.7.7",
-        "@react-aria/listbox": "^3.13.6",
-        "@react-aria/menu": "^3.16.0",
-        "@react-aria/meter": "^3.4.18",
-        "@react-aria/numberfield": "^3.11.9",
-        "@react-aria/overlays": "^3.24.0",
-        "@react-aria/progress": "^3.4.18",
-        "@react-aria/radio": "^3.10.10",
-        "@react-aria/searchfield": "^3.7.11",
-        "@react-aria/select": "^3.15.0",
-        "@react-aria/selection": "^3.21.0",
-        "@react-aria/separator": "^3.4.4",
-        "@react-aria/slider": "^3.7.14",
+        "@react-aria/breadcrumbs": "^3.5.20",
+        "@react-aria/button": "^3.11.1",
+        "@react-aria/calendar": "^3.7.0",
+        "@react-aria/checkbox": "^3.15.1",
+        "@react-aria/color": "^3.0.3",
+        "@react-aria/combobox": "^3.11.1",
+        "@react-aria/datepicker": "^3.13.0",
+        "@react-aria/dialog": "^3.5.21",
+        "@react-aria/disclosure": "^3.0.1",
+        "@react-aria/dnd": "^3.8.1",
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/gridlist": "^3.10.1",
+        "@react-aria/i18n": "^3.12.5",
+        "@react-aria/interactions": "^3.23.0",
+        "@react-aria/label": "^3.7.14",
+        "@react-aria/link": "^3.7.8",
+        "@react-aria/listbox": "^3.14.0",
+        "@react-aria/menu": "^3.17.0",
+        "@react-aria/meter": "^3.4.19",
+        "@react-aria/numberfield": "^3.11.10",
+        "@react-aria/overlays": "^3.25.0",
+        "@react-aria/progress": "^3.4.19",
+        "@react-aria/radio": "^3.10.11",
+        "@react-aria/searchfield": "^3.8.0",
+        "@react-aria/select": "^3.15.1",
+        "@react-aria/selection": "^3.22.0",
+        "@react-aria/separator": "^3.4.5",
+        "@react-aria/slider": "^3.7.15",
         "@react-aria/ssr": "^3.9.7",
-        "@react-aria/switch": "^3.6.10",
-        "@react-aria/table": "^3.16.0",
-        "@react-aria/tabs": "^3.9.8",
-        "@react-aria/tag": "^3.4.8",
-        "@react-aria/textfield": "^3.15.0",
-        "@react-aria/tooltip": "^3.7.10",
-        "@react-aria/utils": "^3.26.0",
-        "@react-aria/visually-hidden": "^3.8.18",
-        "@react-types/shared": "^3.26.0"
+        "@react-aria/switch": "^3.6.11",
+        "@react-aria/table": "^3.16.1",
+        "@react-aria/tabs": "^3.9.9",
+        "@react-aria/tag": "^3.4.9",
+        "@react-aria/textfield": "^3.16.0",
+        "@react-aria/tooltip": "^3.7.11",
+        "@react-aria/utils": "^3.27.0",
+        "@react-aria/visually-hidden": "^3.8.19",
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
@@ -7361,41 +7430,43 @@
       }
     },
     "node_modules/react-aria-components": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/react-aria-components/-/react-aria-components-1.5.0.tgz",
-      "integrity": "sha512-wzf0g6cvWrqAJd4FkisAfFnslx6AJREgOd/NEmVE/RGuDxGTzss4awcwbo98rIVmqbTTFApiygy0SyWGrRZfDA==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/react-aria-components/-/react-aria-components-1.6.0.tgz",
+      "integrity": "sha512-YfG9PUE7XrXtDDAqT4pLTGyYQaiHHTBFdAK/wNgGsypVnQSdzmyYlV3Ty8aHlZJI6hP9RWkbywvosXkU7KcPHg==",
       "dependencies": {
-        "@internationalized/date": "^3.6.0",
+        "@internationalized/date": "^3.7.0",
         "@internationalized/string": "^3.2.5",
-        "@react-aria/collections": "3.0.0-alpha.6",
-        "@react-aria/color": "^3.0.2",
-        "@react-aria/disclosure": "^3.0.0",
-        "@react-aria/dnd": "^3.8.0",
-        "@react-aria/focus": "^3.19.0",
-        "@react-aria/interactions": "^3.22.5",
+        "@react-aria/autocomplete": "3.0.0-alpha.37",
+        "@react-aria/collections": "3.0.0-alpha.7",
+        "@react-aria/color": "^3.0.3",
+        "@react-aria/disclosure": "^3.0.1",
+        "@react-aria/dnd": "^3.8.1",
+        "@react-aria/focus": "^3.19.1",
+        "@react-aria/interactions": "^3.23.0",
         "@react-aria/live-announcer": "^3.4.1",
-        "@react-aria/menu": "^3.16.0",
-        "@react-aria/toolbar": "3.0.0-beta.11",
-        "@react-aria/tree": "3.0.0-beta.2",
-        "@react-aria/utils": "^3.26.0",
-        "@react-aria/virtualizer": "^4.1.0",
-        "@react-stately/color": "^3.8.1",
-        "@react-stately/disclosure": "^3.0.0",
-        "@react-stately/layout": "^4.1.0",
-        "@react-stately/menu": "^3.9.0",
-        "@react-stately/selection": "^3.18.0",
-        "@react-stately/table": "^3.13.0",
+        "@react-aria/menu": "^3.17.0",
+        "@react-aria/toolbar": "3.0.0-beta.12",
+        "@react-aria/tree": "3.0.0-beta.3",
+        "@react-aria/utils": "^3.27.0",
+        "@react-aria/virtualizer": "^4.1.1",
+        "@react-stately/autocomplete": "3.0.0-alpha.0",
+        "@react-stately/color": "^3.8.2",
+        "@react-stately/disclosure": "^3.0.1",
+        "@react-stately/layout": "^4.1.1",
+        "@react-stately/menu": "^3.9.1",
+        "@react-stately/selection": "^3.19.0",
+        "@react-stately/table": "^3.13.1",
         "@react-stately/utils": "^3.10.5",
-        "@react-stately/virtualizer": "^4.2.0",
-        "@react-types/color": "^3.0.1",
-        "@react-types/form": "^3.7.8",
-        "@react-types/grid": "^3.2.10",
-        "@react-types/shared": "^3.26.0",
-        "@react-types/table": "^3.10.3",
+        "@react-stately/virtualizer": "^4.2.1",
+        "@react-types/color": "^3.0.2",
+        "@react-types/form": "^3.7.9",
+        "@react-types/grid": "^3.2.11",
+        "@react-types/shared": "^3.27.0",
+        "@react-types/table": "^3.10.4",
         "@swc/helpers": "^0.5.0",
         "client-only": "^0.0.1",
-        "react-aria": "^3.36.0",
-        "react-stately": "^3.34.0",
+        "react-aria": "^3.37.0",
+        "react-stately": "^3.35.0",
         "use-sync-external-store": "^1.2.0"
       },
       "peerDependencies": {
@@ -7553,35 +7624,35 @@
       }
     },
     "node_modules/react-stately": {
-      "version": "3.34.0",
-      "resolved": "https://registry.npmjs.org/react-stately/-/react-stately-3.34.0.tgz",
-      "integrity": "sha512-0N9tZ8qQ/CxpJH7ao0O6gr+8955e7VrOskg9N+TIxkFknPetwOCtgppMYhnTfteBV8WfM/vv4OC1NbkgYTqXJA==",
-      "dependencies": {
-        "@react-stately/calendar": "^3.6.0",
-        "@react-stately/checkbox": "^3.6.10",
-        "@react-stately/collections": "^3.12.0",
-        "@react-stately/color": "^3.8.1",
-        "@react-stately/combobox": "^3.10.1",
-        "@react-stately/data": "^3.12.0",
-        "@react-stately/datepicker": "^3.11.0",
-        "@react-stately/disclosure": "^3.0.0",
-        "@react-stately/dnd": "^3.5.0",
-        "@react-stately/form": "^3.1.0",
-        "@react-stately/list": "^3.11.1",
-        "@react-stately/menu": "^3.9.0",
-        "@react-stately/numberfield": "^3.9.8",
-        "@react-stately/overlays": "^3.6.12",
-        "@react-stately/radio": "^3.10.9",
-        "@react-stately/searchfield": "^3.5.8",
-        "@react-stately/select": "^3.6.9",
-        "@react-stately/selection": "^3.18.0",
-        "@react-stately/slider": "^3.6.0",
-        "@react-stately/table": "^3.13.0",
-        "@react-stately/tabs": "^3.7.0",
-        "@react-stately/toggle": "^3.8.0",
-        "@react-stately/tooltip": "^3.5.0",
-        "@react-stately/tree": "^3.8.6",
-        "@react-types/shared": "^3.26.0"
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/react-stately/-/react-stately-3.35.0.tgz",
+      "integrity": "sha512-1BH21J/TOHpyZe7c+f1BU2bnRWaBDTjLH0WdBuzNfPOXu7RBG3ebPIRvqd7UkPaVfIcol2QJnxe8S0a314JWKA==",
+      "dependencies": {
+        "@react-stately/calendar": "^3.7.0",
+        "@react-stately/checkbox": "^3.6.11",
+        "@react-stately/collections": "^3.12.1",
+        "@react-stately/color": "^3.8.2",
+        "@react-stately/combobox": "^3.10.2",
+        "@react-stately/data": "^3.12.1",
+        "@react-stately/datepicker": "^3.12.0",
+        "@react-stately/disclosure": "^3.0.1",
+        "@react-stately/dnd": "^3.5.1",
+        "@react-stately/form": "^3.1.1",
+        "@react-stately/list": "^3.11.2",
+        "@react-stately/menu": "^3.9.1",
+        "@react-stately/numberfield": "^3.9.9",
+        "@react-stately/overlays": "^3.6.13",
+        "@react-stately/radio": "^3.10.10",
+        "@react-stately/searchfield": "^3.5.9",
+        "@react-stately/select": "^3.6.10",
+        "@react-stately/selection": "^3.19.0",
+        "@react-stately/slider": "^3.6.1",
+        "@react-stately/table": "^3.13.1",
+        "@react-stately/tabs": "^3.7.1",
+        "@react-stately/toggle": "^3.8.1",
+        "@react-stately/tooltip": "^3.5.1",
+        "@react-stately/tree": "^3.8.7",
+        "@react-types/shared": "^3.27.0"
       },
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
diff --git a/package.json b/package.json
index 216cb22..e9c95e6 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "next": "14.2.13",
     "next-themes": "^0.3.0",
     "react": "^18",
-    "react-aria-components": "^1.5.0",
+    "react-aria-components": "^1.6.0",
     "react-big-calendar": "^1.16.0",
     "react-day-picker": "^8.10.1",
     "react-dom": "^18",
diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
new file mode 100644
index 0000000..eca225b
--- /dev/null
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -0,0 +1,205 @@
+"use client";
+
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { CalendarEvent } from "@/lib/types";
+import { CircleAlert, SquarePenIcon } from "lucide-react";
+import { useId, useState, useEffect } from "react";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/components/ui/form";
+import DateTimeInput from "@/components/ui/date-time-input";
+import { ColorSelect } from "@/components/ui/color-select";
+import { toast } from "sonner";
+import React from "react";
+
+const eventForm = z.object({
+	title: z.string()
+		.min(1, 'Name must be at least 1 character')
+		.max(40, 'Name cannot be more than 40 characters'),
+	location: z.string()
+		.min(1, 'Location must be at least 1 character')
+		.max(40, 'Location cannot be more than 40 characters'),
+	start: z.date(),
+	end: z.date(),
+	color: z.string(),
+}).refine((data) => {
+	return data.end > data.start;
+}, {
+	message: "End time must be after start time",
+	path: ["end"],
+}).refine((data) => {
+	const duration = data.end.getTime() - data.start.getTime();
+	const maxDuration = 24 * 60 * 60 * 1000; // 24 hours in milliseconds
+	return duration <= maxDuration;
+}, {
+	message: "Event cannot be longer than 24 hours",
+	path: ["end"],
+}).refine((data) => {
+	const startHour = data.start.getHours();
+	const endHour = data.end.getHours();
+	return startHour >= 6 && endHour <= 22; // Example: restrict to 6 AM - 10 PM
+}, {
+	message: "Events must be between 6 AM and 10 PM",
+	path: ["start"],
+});
+
+export default function EventModal({ event, open, onOpenChange }: { event: CalendarEvent, open: boolean, onOpenChange: (open: boolean) => void }) {
+	const id = useId();
+	const [inputValue, setInputValue] = useState("");
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const [isDirty, setIsDirty] = useState(false);
+
+	const form = useForm<z.infer<typeof eventForm>>({
+		resolver: zodResolver(eventForm),
+		defaultValues: {
+			title: event.title,
+			location: event.location,
+			start: event.start,
+			end: event.end,
+			color: event.color,
+		}
+	});
+
+	const startDate = form.watch("start");
+	useEffect(() => {
+		form.trigger("end");
+	}, [startDate, form]);
+
+	useEffect(() => {
+		const subscription = form.watch(() => setIsDirty(true));
+		return () => subscription.unsubscribe();
+	}, [form]);
+
+	const onSubmit = async (values: z.infer<typeof eventForm>, event: CalendarEvent) => {
+		setIsSubmitting(true);
+		try {
+			onOpenChange(false);
+			console.log(values);
+			event.title = values.title;
+			event.location = values.location;
+			event.start = values.start;
+			event.end = values.end;
+			event.color = values.color;
+			toast.success('Changes saved successfully');
+		} catch (error: unknown) {
+			toast.error('Failed to save changes');
+		} finally {
+			setIsSubmitting(false);
+			onOpenChange(false);
+		}
+	}
+
+	return (
+		<Dialog
+			open={open}
+			onOpenChange={(open) => {
+				if (!open && isDirty && !window.confirm('You have unsaved changes. Are you sure you want to close?')) {
+					return;
+				}
+				onOpenChange(open);
+			}}
+		>
+			<DialogContent onOpenAutoFocus={(e) => e.preventDefault()}>
+				<div className="flex flex-col items-center gap-2 w-full">
+					<div
+						className="flex size-9 shrink-0 items-center justify-center rounded-full border border-border"
+						aria-hidden="true"
+					>
+						<SquarePenIcon className="opacity-80" size={16} strokeWidth={2} />
+					</div>
+					<DialogHeader className="w-full">
+						<DialogTitle className="sm:text-center">Edit {event.title}</DialogTitle>
+						<DialogDescription className="sm:text-center">
+							Make changes to your event here
+						</DialogDescription>
+						<Form {...form}>
+							<form onSubmit={form.handleSubmit((data) => {
+								onSubmit(data, event)
+							})} className="space-y-4">
+								<FormField
+									control={form.control}
+									name="title"
+									render={({ field }) => (
+										<FormItem className="w-full text-start">
+											<FormLabel className="text-start text-muted-foreground">Title</FormLabel>
+											<FormControl>
+												<Input placeholder={event.title} type="text" autoComplete="off" {...field} className="text-base" />
+											</FormControl>
+											<FormMessage />
+										</FormItem>
+									)} />
+									<FormField
+									control={form.control}
+									name="location"
+									render={({ field }) => (
+										<FormItem className="w-full text-start">
+											<FormLabel className="text-start text-muted-foreground">Location</FormLabel>
+											<FormControl>
+												<Input placeholder={event.location} type="text" autoComplete="off" {...field} className="text-base" />
+											</FormControl>
+											<FormMessage />
+										</FormItem>
+									)} />
+									<div className="flex flex-row gap-2">
+										<FormField
+										control={form.control}
+										name="start"
+										render={({ field }) => (
+											<FormItem className="w-full text-start">
+												<DateTimeInput label="Start" value={field.value} onChange={field.onChange} />
+												<FormMessage />
+											</FormItem>
+										)} />
+										<FormField
+										control={form.control}
+										name="end"
+										render={({ field }) => (
+											<FormItem className="w-full text-start">
+												<DateTimeInput label="End" value={field.value} onChange={field.onChange} />
+												<FormMessage />
+											</FormItem>
+										)} />
+									</div>
+									<FormField
+									control={form.control}
+									name="color"
+									render={({ field }) => (
+										<FormItem className="w-full text-start">
+											<FormLabel className="text-start text-muted-foreground">Color</FormLabel>
+											<FormControl>
+												<ColorSelect value={field.value} onChange={field.onChange} />
+											</FormControl>
+											<FormMessage />
+										</FormItem>
+									)}
+								/>
+								<div className="flex flex-row gap-1">
+								<Button type="submit" disabled={isSubmitting} className="mr-2 w-full bg-green-500">
+									{isSubmitting ? 'Saving...' : 'Submit'}
+								</Button>
+								<Button
+									type="button"
+									variant="destructive"
+									onClick={() => {
+										if (window.confirm('Are you sure you want to delete this event?')) {
+											// Handle delete
+											onOpenChange(false);
+										}
+									}}
+									className="w-full"
+								>
+									Delete
+								</Button>
+								</div>
+							</form>
+						</Form>
+					</DialogHeader>
+				</div>
+			</DialogContent>
+		</Dialog>
+	);
+}
diff --git a/src/components/Calendar/event-embed.tsx b/src/components/Calendar/event-embed.tsx
index 4e8749c..985553e 100644
--- a/src/components/Calendar/event-embed.tsx
+++ b/src/components/Calendar/event-embed.tsx
@@ -2,14 +2,28 @@ import { CalendarEvent } from "@/lib/types";
 import { Separator } from "../ui/separator";
 import { cn } from "@/lib/utils";
 import moment from "moment";
+import EventModal from "./components/EventModal";
+import { useState } from "react";
 
 export default function EventEmbed({ event, key }: { event: CalendarEvent, key: string }) {
+	const [open, setOpen] = useState(false);
+
 	return (
-		<div className={cn("flex flex-row p-3 gap-2 rounded-xl bg-opacity-70 hover:bg-opacity-100", event.color)} key={key}>
-			{/** Vertical line */}
+		<div
+		className={cn("flex flex-row p-3 gap-2 rounded-xl bg-opacity-70 hover:bg-opacity-100", event.color)}
+		key={key}
+		onClick={() => setOpen(true)}
+		>
+			<EventModal
+				event={event}
+				open={open}
+				onOpenChange={(open) => {
+					setOpen(open);
+				}}
+			/>
 			<Separator orientation="vertical" className={"bg-primary"} />
 			<div className="flex flex-col">
-				<p className="text-lg tracking-wide font-medium">{event.title}</p>
+				<p className="text-lg font-medium">{event.title}</p>
 				<span className="text-sm flex flex-row gap-2 items-center">
 					<p className="min-w-20">{event.location}</p>
 					<p>{moment(event.start).format("h:mm a")} - {moment(event.end).format("h:mm a")}</p>
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 9e193d0..14850a7 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -1,6 +1,9 @@
 import moment from 'moment';
 import { cn } from '@/lib/utils';
 import { CalendarEvent, CalendarView } from '@/lib/types';
+import { useState } from 'react';
+import EventModal from './components/EventModal';
+import { AnimatePresence } from "framer-motion";
 
 interface EventLayerProps {
 	events: CalendarEvent[];
@@ -9,6 +12,9 @@ interface EventLayerProps {
 }
 
 export function EventLayer({ events, weekDays, view }: EventLayerProps) {
+	const [editModalOpen, setEditModalOpen] = useState(false);
+	const [selectedEvent, setSelectedEvent] = useState<CalendarEvent | null>(null);
+
 	const calculateEventPosition = (event: CalendarEvent, view: CalendarView) => {
 		const startHour = moment(event.start).hour();
 		const duration = moment(event.end).diff(moment(event.start), 'minutes');
@@ -48,11 +54,16 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 		return {
 			gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`,
 			gridColumn: dayIndex + 1,
-			width: isOverlapping ? '47%' : 'unset',
+			width: isOverlapping ? '45%' : 'unset',
 			justifySelf: isOverlapping ? events.findIndex(e => e.id === event.id) % 2 === 0 ? 'end' : 'start' : 'stretch'
 		};
 	};
 
+	const handleEventClick = (event: CalendarEvent) => {
+		setSelectedEvent(event);
+		setEditModalOpen(true);
+	};
+
 	return (
 		<div
 			className={cn(
@@ -100,6 +111,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 						onMouseLeave={(e) => {
 							e.currentTarget.style.height = 'unset';
 						}}
+						onClick={() => handleEventClick(event)}
 					>
 						<p className="text-xs opacity-75 font-semibold truncate">
 							{event.title}
@@ -108,6 +120,17 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 					</div>
 				);
 			})}
+
+			{selectedEvent && (
+				<EventModal
+					event={selectedEvent}
+					open={editModalOpen}
+					onOpenChange={(open) => {
+						setEditModalOpen(open);
+						if (!open) setSelectedEvent(null);
+					}}
+				/>
+			)}
 		</div>
 	);
 }
diff --git a/src/components/Calendar/views/schedule-view.tsx b/src/components/Calendar/views/schedule-view.tsx
index 2198fca..3aba88f 100644
--- a/src/components/Calendar/views/schedule-view.tsx
+++ b/src/components/Calendar/views/schedule-view.tsx
@@ -34,8 +34,8 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 	};
 
 	return (
-		<div className="flex flex-row gap-4 w-full h-full min-h-screen overflow-auto">
-			<div className="flex flex-col bg-sky-50 rounded-lg h-fit min-h-screen gap-4">
+		<div className="flex flex-row gap-4 w-full h-full overflow-auto">
+			<div className="flex flex-col bg-sky-50 rounded-lg h-fit gap-4">
 				{/** Day column */}
 				{sortedDays.map((day) => (
 					<div
diff --git a/src/components/chat_options/RenameChat.tsx b/src/components/chat_options/RenameChat.tsx
index c3c036c..b1f6009 100644
--- a/src/components/chat_options/RenameChat.tsx
+++ b/src/components/chat_options/RenameChat.tsx
@@ -12,9 +12,9 @@ import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Di
 
 const renameForm = z.object({
 	name: z.string()
-		.min(1, 'Name must be at least 1 character')
-		.max(40, 'Name cannot be more than 40 characters')
-		.regex(/^[a-zA-Z0-9 ]+$/, 'Name can only contain letters, numbers, and spaces'),
+		.min(1, 'Title must be at least 1 character')
+		.max(40, 'Title cannot be more than 40 characters')
+		.regex(/^[a-zA-Z0-9 ]+$/, 'Title can only contain letters, numbers, and spaces'),
 });
 
 export default function RenameChat({
diff --git a/src/components/ui/color-select.tsx b/src/components/ui/color-select.tsx
new file mode 100644
index 0000000..caf00c7
--- /dev/null
+++ b/src/components/ui/color-select.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import * as React from "react";
+import { cn } from "@/lib/utils";
+import { Check } from "lucide-react";
+
+const colors = [
+	{ value: 'bg-red-300', label: 'Red' },
+	{ value: 'bg-orange-300', label: 'Orange' },
+	{ value: 'bg-yellow-300', label: 'Yellow' },
+	{ value: 'bg-green-300', label: 'Green' },
+	{ value: 'bg-blue-300', label: 'Blue' },
+	{ value: 'bg-indigo-300', label: 'Indigo' },
+	{ value: 'bg-purple-300', label: 'Purple' },
+	{ value: 'bg-pink-300', label: 'Pink' },
+];
+
+interface ColorSelectProps {
+	value?: string;
+	onChange?: (value: string) => void;
+	className?: string;
+}
+
+export function ColorSelect({ value, onChange, className }: ColorSelectProps) {
+	return (
+		<div className={cn("flex flex-row gap-2 flex-wrap", className)}>
+			{colors.map((color) => (
+				<button
+					key={color.value}
+					type="button"
+					onClick={() => onChange?.(color.value)}
+					className={cn(
+						"w-8 h-8 rounded-full flex items-center justify-center transition-all",
+						color.value,
+						"hover:scale-110 hover:shadow-md",
+						"focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+						value === color.value && "ring-2 ring-ring"
+					)}
+					aria-label={color.label}
+				>
+					{value === color.value && (
+						<Check className="h-4 w-4 text-primary-foreground" />
+					)}
+				</button>
+			))}
+		</div>
+	);
+}
diff --git a/src/components/ui/date-time-input.tsx b/src/components/ui/date-time-input.tsx
new file mode 100644
index 0000000..3a13855
--- /dev/null
+++ b/src/components/ui/date-time-input.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { DateField, DateInput, DateSegment, Label } from "react-aria-components";
+import { CalendarDateTime } from "@internationalized/date";
+
+export default function DateTimeInput({ label, value, onChange }: { label: string, value: Date, onChange: (date: Date) => void }) {
+	return (
+		<DateField
+		className="space-y-2"
+		granularity="minute"
+		hourCycle={12}
+		value={new CalendarDateTime(
+			value.getFullYear(),
+			value.getMonth() + 1,
+			value.getDate(),
+			value.getHours(),
+			value.getMinutes()
+		)}
+		onChange={(date) => onChange(date ? date.toDate('UTC') : new Date())}
+		>
+			<Label className="text-sm font-medium text-muted-foreground">{label}</Label>
+			<DateInput className="relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-lg border border-input bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-[disabled]:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20 tracking-tighter">
+				{(segment) => (
+					<DateSegment
+						segment={segment}
+						className="inline rounded p-0.5 text-foreground caret-transparent outline outline-0 data-[disabled]:cursor-not-allowed data-[focused]:bg-accent data-[invalid]:data-[focused]:bg-destructive data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground data-[invalid]:data-[focused]:data-[placeholder]:text-destructive-foreground data-[invalid]:data-[focused]:text-destructive-foreground data-[invalid]:data-[placeholder]:text-destructive data-[invalid]:text-destructive data-[placeholder]:text-muted-foreground/70 data-[type=literal]:text-muted-foreground/70 data-[disabled]:opacity-50"
+					/>
+				)}
+			</DateInput>
+		</DateField>
+	);
+}
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index 886a38b..f59f1dd 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -37,7 +37,7 @@ const DialogContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        "fixed left-[50%] top-[50%] z-50 grid w-11/12 sm:w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
         className
       )}
       {...props}

From 32ebdc1203684604627c33d5f260f4d7e3fa3673 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 29 Jan 2025 19:49:13 -0500
Subject: [PATCH 24/54] fix dialog not closing on schedule view with event
 embeds

---
 .../Calendar/components/EventModal.tsx          |  6 +++++-
 src/components/Calendar/event-embed.tsx         | 17 ++++++++---------
 src/components/Calendar/views/schedule-view.tsx |  9 +++++----
 3 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index eca225b..d25403c 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -97,7 +97,11 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 		<Dialog
 			open={open}
 			onOpenChange={(open) => {
-				if (!open && isDirty && !window.confirm('You have unsaved changes. Are you sure you want to close?')) {
+				if (!open && isDirty) {
+					if (window.confirm('You have unsaved changes. Are you sure you want to close?')) {
+						setIsDirty(false);
+						onOpenChange(false);
+					}
 					return;
 				}
 				onOpenChange(open);
diff --git a/src/components/Calendar/event-embed.tsx b/src/components/Calendar/event-embed.tsx
index 985553e..ec694eb 100644
--- a/src/components/Calendar/event-embed.tsx
+++ b/src/components/Calendar/event-embed.tsx
@@ -5,22 +5,21 @@ import moment from "moment";
 import EventModal from "./components/EventModal";
 import { useState } from "react";
 
-export default function EventEmbed({ event, key }: { event: CalendarEvent, key: string }) {
+export default function EventEmbed({ event }: { event: CalendarEvent }) {
 	const [open, setOpen] = useState(false);
 
 	return (
 		<div
 		className={cn("flex flex-row p-3 gap-2 rounded-xl bg-opacity-70 hover:bg-opacity-100", event.color)}
-		key={key}
 		onClick={() => setOpen(true)}
 		>
-			<EventModal
-				event={event}
-				open={open}
-				onOpenChange={(open) => {
-					setOpen(open);
-				}}
-			/>
+			<div onClick={(e) => e.stopPropagation()}>
+				<EventModal
+					event={event}
+					open={open}
+					onOpenChange={setOpen}
+				/>
+			</div>
 			<Separator orientation="vertical" className={"bg-primary"} />
 			<div className="flex flex-col">
 				<p className="text-lg font-medium">{event.title}</p>
diff --git a/src/components/Calendar/views/schedule-view.tsx b/src/components/Calendar/views/schedule-view.tsx
index 3aba88f..a5d0d51 100644
--- a/src/components/Calendar/views/schedule-view.tsx
+++ b/src/components/Calendar/views/schedule-view.tsx
@@ -28,9 +28,7 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 			return moment(day).isSame(moment(), 'day') ? 5 : 0; // 5rem for empty today, 0 for other empty days
 		}
 
-		// Calculate height based on number of events
-		// Each event is ~5rem tall plus some gap spacing
-		return groupedEvents[day].length * 5; // 5.5rem per event to account for gaps
+		return groupedEvents[day].length * 5;
 	};
 
 	return (
@@ -75,7 +73,10 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 							</div>
 						) : (
 							groupedEvents[day].map((event) => (
-								<EventEmbed event={event} key={event.id} />
+								<EventEmbed
+									key={event.id}
+									event={event}
+								/>
 							))
 						)}
 					</div>

From 5cf204bf6880fbffb15a7696877dbd406d201e7f Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 29 Jan 2025 20:06:44 -0500
Subject: [PATCH 25/54] fix some styling stuff and the input hour converting

---
 .../Calendar/components/EventModal.tsx        |  2 +-
 src/components/Calendar/event-embed.tsx       |  2 +-
 .../Calendar/views/schedule-view.tsx          |  2 +-
 src/components/ui/date-time-input.tsx         | 28 +++++++++++--------
 4 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index d25403c..c6107a2 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -183,7 +183,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 								/>
 								<div className="flex flex-row gap-1">
 								<Button type="submit" disabled={isSubmitting} className="mr-2 w-full bg-green-500">
-									{isSubmitting ? 'Saving...' : 'Submit'}
+									{isSubmitting ? 'Saving...' : 'Save'}
 								</Button>
 								<Button
 									type="button"
diff --git a/src/components/Calendar/event-embed.tsx b/src/components/Calendar/event-embed.tsx
index ec694eb..b784973 100644
--- a/src/components/Calendar/event-embed.tsx
+++ b/src/components/Calendar/event-embed.tsx
@@ -22,7 +22,7 @@ export default function EventEmbed({ event }: { event: CalendarEvent }) {
 			</div>
 			<Separator orientation="vertical" className={"bg-primary"} />
 			<div className="flex flex-col">
-				<p className="text-lg font-medium">{event.title}</p>
+				<p className="text-base font-medium">{event.title}</p>
 				<span className="text-sm flex flex-row gap-2 items-center">
 					<p className="min-w-20">{event.location}</p>
 					<p>{moment(event.start).format("h:mm a")} - {moment(event.end).format("h:mm a")}</p>
diff --git a/src/components/Calendar/views/schedule-view.tsx b/src/components/Calendar/views/schedule-view.tsx
index a5d0d51..5fb9c1e 100644
--- a/src/components/Calendar/views/schedule-view.tsx
+++ b/src/components/Calendar/views/schedule-view.tsx
@@ -28,7 +28,7 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 			return moment(day).isSame(moment(), 'day') ? 5 : 0; // 5rem for empty today, 0 for other empty days
 		}
 
-		return groupedEvents[day].length * 5;
+		return groupedEvents[day].length * 4.75;
 	};
 
 	return (
diff --git a/src/components/ui/date-time-input.tsx b/src/components/ui/date-time-input.tsx
index 3a13855..85c7172 100644
--- a/src/components/ui/date-time-input.tsx
+++ b/src/components/ui/date-time-input.tsx
@@ -6,17 +6,23 @@ import { CalendarDateTime } from "@internationalized/date";
 export default function DateTimeInput({ label, value, onChange }: { label: string, value: Date, onChange: (date: Date) => void }) {
 	return (
 		<DateField
-		className="space-y-2"
-		granularity="minute"
-		hourCycle={12}
-		value={new CalendarDateTime(
-			value.getFullYear(),
-			value.getMonth() + 1,
-			value.getDate(),
-			value.getHours(),
-			value.getMinutes()
-		)}
-		onChange={(date) => onChange(date ? date.toDate('UTC') : new Date())}
+			className="space-y-2"
+			granularity="minute"
+			hourCycle={12}
+			hideTimeZone
+			value={new CalendarDateTime(
+				value.getFullYear(),
+				value.getMonth() + 1,
+				value.getDate(),
+				value.getHours(),
+				value.getMinutes()
+			)}
+			onChange={(date) => {
+				if (date) {
+					const newDate = date.toDate(Intl.DateTimeFormat().resolvedOptions().timeZone);
+					onChange(newDate);
+				}
+			}}
 		>
 			<Label className="text-sm font-medium text-muted-foreground">{label}</Label>
 			<DateInput className="relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-lg border border-input bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-[disabled]:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20 tracking-tighter">

From 48b0637608dd61b6af904b92a025c974281ba9c6 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 29 Jan 2025 23:11:39 -0500
Subject: [PATCH 26/54] darkmode styling

---
 src/components/Calendar/components/EventModal.tsx     | 6 +++---
 src/components/Calendar/event-layer.tsx               | 2 +-
 src/components/Calendar/views/schedule-view.tsx       | 2 +-
 src/components/Calendar/views/week/week-view-grid.tsx | 2 +-
 src/components/Calendar/week-calendar.tsx             | 2 +-
 src/components/ui/date-time-input.tsx                 | 2 +-
 src/components/ui/input.tsx                           | 2 +-
 src/icons/calendar/day-icon.tsx                       | 4 +++-
 src/icons/calendar/month-icon.tsx                     | 4 +++-
 src/icons/calendar/schedule-icon.tsx                  | 4 +++-
 src/icons/calendar/three-day-icon.tsx                 | 4 +++-
 src/icons/calendar/week-icon.tsx                      | 4 +++-
 tailwind.config.ts                                    | 4 ++++
 13 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index c6107a2..72e776a 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -5,7 +5,7 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { CalendarEvent } from "@/lib/types";
-import { CircleAlert, SquarePenIcon } from "lucide-react";
+import { CircleAlert, SquarePenIcon, Trash, Trash2Icon } from "lucide-react";
 import { useId, useState, useEffect } from "react";
 import { z } from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -194,9 +194,9 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 											onOpenChange(false);
 										}
 									}}
-									className="w-full"
+									
 								>
-									Delete
+									<Trash2Icon />
 								</Button>
 								</div>
 							</form>
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 14850a7..cdea271 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -91,7 +91,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 							"flex flex-col relative mx-1 rounded-md p-2 mb-1 overflow-hidden cursor-pointer",
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
 							event.color,
-							"dark:invert dark:bg-neutral-300 dark:shadow-white",
+							"",
 							"bg-opacity-70 hover:bg-opacity-100"
 						)}
 						style={{
diff --git a/src/components/Calendar/views/schedule-view.tsx b/src/components/Calendar/views/schedule-view.tsx
index 5fb9c1e..b1d51f6 100644
--- a/src/components/Calendar/views/schedule-view.tsx
+++ b/src/components/Calendar/views/schedule-view.tsx
@@ -33,7 +33,7 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 
 	return (
 		<div className="flex flex-row gap-4 w-full h-full overflow-auto">
-			<div className="flex flex-col bg-sky-50 rounded-lg h-fit gap-4">
+			<div className="flex flex-col bg-sky-50 dark:bg-neutral-900/30 rounded-lg h-fit gap-4">
 				{/** Day column */}
 				{sortedDays.map((day) => (
 					<div
diff --git a/src/components/Calendar/views/week/week-view-grid.tsx b/src/components/Calendar/views/week/week-view-grid.tsx
index 389829b..102c45f 100644
--- a/src/components/Calendar/views/week/week-view-grid.tsx
+++ b/src/components/Calendar/views/week/week-view-grid.tsx
@@ -78,7 +78,7 @@ export function WeekViewGrid({ weekDays, view }: WeekViewGridProps) {
 							key={hour}
 							className={cn(
 								"h-[60px] border-r border-t border-border/50 dark:border-neutral-200/10",
-								findTodayIndex(weekDays) === dayIndex && view !== 'day' && "bg-neutral-100"
+								findTodayIndex(weekDays) === dayIndex && view !== 'day' && "bg-neutral-100 dark:bg-neutral-900/30"
 							)}
 							style={{
 								gridRow: `span 12`, // 12 5-minute slots per hour
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 00c0a43..73a3e25 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -282,7 +282,7 @@ export default function WeekCalendar() {
 				<div className='w-full'>
 					<DropdownMenu>
 						<DropdownMenuTrigger asChild>
-							<Button variant="outline" className='rounded-2xl w-full justify-between'>
+							<Button variant="outline" className='rounded-2xl w-full justify-between dark:border-neutral-300'>
 								<div className='flex flex-row gap-2 items-center'>
 									{currentView === '3day' && (<><ThreeDayIcon />3 Day</>)}
 									{currentView === 'week' && (<><WeekIcon />Week</>)}
diff --git a/src/components/ui/date-time-input.tsx b/src/components/ui/date-time-input.tsx
index 85c7172..1004836 100644
--- a/src/components/ui/date-time-input.tsx
+++ b/src/components/ui/date-time-input.tsx
@@ -25,7 +25,7 @@ export default function DateTimeInput({ label, value, onChange }: { label: strin
 			}}
 		>
 			<Label className="text-sm font-medium text-muted-foreground">{label}</Label>
-			<DateInput className="relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-lg border border-input bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-[disabled]:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20 tracking-tighter">
+			<DateInput className="relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-lg border border-input dark:border-neutral-500/50 bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-[disabled]:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20 tracking-tighter">
 				{(segment) => (
 					<DateSegment
 						segment={segment}
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index af13834..46bcf43 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -10,7 +10,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
       <input
         type={type}
         className={cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          "flex h-9 w-full rounded-md border border-input dark:border-neutral-500/50 bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
           className
         )}
         ref={ref}
diff --git a/src/icons/calendar/day-icon.tsx b/src/icons/calendar/day-icon.tsx
index c00aa49..f687de3 100644
--- a/src/icons/calendar/day-icon.tsx
+++ b/src/icons/calendar/day-icon.tsx
@@ -1,6 +1,8 @@
+import { cn } from "@/lib/utils";
+
 export function DayIcon({ className }: { className?: string }) {
 	return (
-		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
+		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={cn("dark:invert", className)}>
 			<path d="M8.25 7.5C8.05109 7.5 7.86032 7.57902 7.71967 7.71967C7.57902 7.86032 7.5 8.05109 7.5 8.25C7.5 8.44891 7.57902 8.63968 7.71967 8.78033C7.86032 8.92098 8.05109 9 8.25 9H15.75C15.9489 9 16.1397 8.92098 16.2803 8.78033C16.421 8.63968 16.5 8.44891 16.5 8.25C16.5 8.05109 16.421 7.86032 16.2803 7.71967C16.1397 7.57902 15.9489 7.5 15.75 7.5H8.25ZM8.25 12C8.05109 12 7.86032 12.079 7.71967 12.2197C7.57902 12.3603 7.5 12.5511 7.5 12.75V15.75C7.5 15.9489 7.57902 16.1397 7.71967 16.2803C7.86032 16.421 8.05109 16.5 8.25 16.5H15.75C15.9489 16.5 16.1397 16.421 16.2803 16.2803C16.421 16.1397 16.5 15.9489 16.5 15.75V12.75C16.5 12.5511 16.421 12.3603 16.2803 12.2197C16.1397 12.079 15.9489 12 15.75 12H8.25ZM9 15V13.5H15V15H9ZM21 6.75C21 5.75544 20.6049 4.80161 19.9016 4.09835C19.1984 3.39509 18.2446 3 17.25 3H6.75C5.75544 3 4.80161 3.39509 4.09835 4.09835C3.39509 4.80161 3 5.75544 3 6.75V17.25C3 18.2446 3.39509 19.1984 4.09835 19.9016C4.80161 20.6049 5.75544 21 6.75 21H17.25C18.2446 21 19.1984 20.6049 19.9016 19.9016C20.6049 19.1984 21 18.2446 21 17.25V6.75ZM4.5 17.25V6.75C4.5 6.15326 4.73705 5.58097 5.15901 5.15901C5.58097 4.73705 6.15326 4.5 6.75 4.5H17.25C17.8467 4.5 18.419 4.73705 18.841 5.15901C19.2629 5.58097 19.5 6.15326 19.5 6.75V17.25C19.5 17.8467 19.2629 18.419 18.841 18.841C18.419 19.2629 17.8467 19.5 17.25 19.5H6.75C6.15326 19.5 5.58097 19.2629 5.15901 18.841C4.73705 18.419 4.5 17.8467 4.5 17.25Z" fill="black" />
 		</svg>
 	)
diff --git a/src/icons/calendar/month-icon.tsx b/src/icons/calendar/month-icon.tsx
index ce42e2e..b6e0cc1 100644
--- a/src/icons/calendar/month-icon.tsx
+++ b/src/icons/calendar/month-icon.tsx
@@ -1,6 +1,8 @@
+import { cn } from "@/lib/utils";
+
 export function MonthIcon({ className }: { className?: string }) {
 	return (
-		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
+		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={cn("dark:invert", className)}>
 			<path d="M9 9.375C9 9.67337 8.88147 9.95952 8.6705 10.1705C8.45952 10.3815 8.17337 10.5 7.875 10.5C7.57663 10.5 7.29048 10.3815 7.0795 10.1705C6.86853 9.95952 6.75 9.67337 6.75 9.375C6.75 9.07663 6.86853 8.79048 7.0795 8.5795C7.29048 8.36853 7.57663 8.25 7.875 8.25C8.17337 8.25 8.45952 8.36853 8.6705 8.5795C8.88147 8.79048 9 9.07663 9 9.375ZM7.875 15C8.17337 15 8.45952 14.8815 8.6705 14.6705C8.88147 14.4595 9 14.1734 9 13.875C9 13.5766 8.88147 13.2905 8.6705 13.0795C8.45952 12.8685 8.17337 12.75 7.875 12.75C7.57663 12.75 7.29048 12.8685 7.0795 13.0795C6.86853 13.2905 6.75 13.5766 6.75 13.875C6.75 14.1734 6.86853 14.4595 7.0795 14.6705C7.29048 14.8815 7.57663 15 7.875 15ZM12 15C12.2984 15 12.5845 14.8815 12.7955 14.6705C13.0065 14.4595 13.125 14.1734 13.125 13.875C13.125 13.5766 13.0065 13.2905 12.7955 13.0795C12.5845 12.8685 12.2984 12.75 12 12.75C11.7016 12.75 11.4155 12.8685 11.2045 13.0795C10.9935 13.2905 10.875 13.5766 10.875 13.875C10.875 14.1734 10.9935 14.4595 11.2045 14.6705C11.4155 14.8815 11.7016 15 12 15ZM12 10.5C12.1477 10.5 12.294 10.4709 12.4305 10.4144C12.567 10.3578 12.691 10.275 12.7955 10.1705C12.9 10.066 12.9828 9.94201 13.0394 9.80552C13.0959 9.66903 13.125 9.52274 13.125 9.375C13.125 9.22726 13.0959 9.08097 13.0394 8.94448C12.9828 8.80799 12.9 8.68397 12.7955 8.5795C12.691 8.47504 12.567 8.39217 12.4305 8.33564C12.294 8.2791 12.1477 8.25 12 8.25C11.7016 8.25 11.4155 8.36853 11.2045 8.5795C10.9935 8.79048 10.875 9.07663 10.875 9.375C10.875 9.67337 10.9935 9.95952 11.2045 10.1705C11.4155 10.3815 11.7016 10.5 12 10.5ZM16.125 10.5C16.2727 10.5 16.419 10.4709 16.5555 10.4144C16.692 10.3578 16.816 10.275 16.9205 10.1705C17.025 10.066 17.1078 9.94201 17.1644 9.80552C17.2209 9.66903 17.25 9.52274 17.25 9.375C17.25 9.22726 17.2209 9.08097 17.1644 8.94448C17.1078 8.80799 17.025 8.68397 16.9205 8.5795C16.816 8.47504 16.692 8.39217 16.5555 8.33564C16.419 8.2791 16.2727 8.25 16.125 8.25C15.8266 8.25 15.5405 8.36853 15.3295 8.5795C15.1185 8.79048 15 9.07663 15 9.375C15 9.67337 15.1185 9.95952 15.3295 10.1705C15.5405 10.3815 15.8266 10.5 16.125 10.5ZM5.625 2.25C4.72989 2.25 3.87145 2.60558 3.23851 3.23851C2.60558 3.87145 2.25 4.72989 2.25 5.625V18.375C2.25 19.2701 2.60558 20.1286 3.23851 20.7615C3.87145 21.3944 4.72989 21.75 5.625 21.75H18.375C19.2701 21.75 20.1286 21.3944 20.7615 20.7615C21.3944 20.1286 21.75 19.2701 21.75 18.375V5.625C21.75 4.72989 21.3944 3.87145 20.7615 3.23851C20.1286 2.60558 19.2701 2.25 18.375 2.25H5.625ZM3.75 5.625C3.75 5.12772 3.94754 4.65081 4.29917 4.29917C4.65081 3.94754 5.12772 3.75 5.625 3.75H18.375C18.8723 3.75 19.3492 3.94754 19.7008 4.29917C20.0525 4.65081 20.25 5.12772 20.25 5.625V18.375C20.25 18.8723 20.0525 19.3492 19.7008 19.7008C19.3492 20.0525 18.8723 20.25 18.375 20.25H5.625C5.12772 20.25 4.65081 20.0525 4.29917 19.7008C3.94754 19.3492 3.75 18.8723 3.75 18.375V5.625Z" fill="black" />
 		</svg>
 	)
diff --git a/src/icons/calendar/schedule-icon.tsx b/src/icons/calendar/schedule-icon.tsx
index 5a03199..50871c1 100644
--- a/src/icons/calendar/schedule-icon.tsx
+++ b/src/icons/calendar/schedule-icon.tsx
@@ -1,6 +1,8 @@
+import { cn } from "@/lib/utils";
+
 export function ScheduleIcon({ className }: { className?: string }) {
 	return (
-		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
+		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={cn("dark:invert", className)}>
 			<path d="M7.63162 17.1064C7.87687 17.1064 8.08237 17.0231 8.24812 16.8566C8.41312 16.6909 8.49562 16.485 8.49562 16.239C8.49562 15.993 8.41237 15.7875 8.24587 15.6225C8.07937 15.4575 7.8735 15.375 7.62825 15.375C7.383 15.375 7.1775 15.4582 7.01175 15.6247C6.846 15.7912 6.7635 15.9971 6.76425 16.2424C6.765 16.4876 6.84825 16.6927 7.014 16.8577C7.17975 17.0227 7.38562 17.1064 7.63162 17.1064ZM7.63162 12.8651C7.87687 12.8651 8.08237 12.7822 8.24812 12.6165C8.41312 12.45 8.49562 12.2437 8.49562 11.9977C8.49562 11.7517 8.41237 11.5466 8.24587 11.3824C8.07937 11.2181 7.8735 11.1356 7.62825 11.1349C7.383 11.1341 7.1775 11.217 7.01175 11.3835C6.846 11.55 6.7635 11.7562 6.76425 12.0022C6.765 12.2482 6.84825 12.4534 7.014 12.6176C7.17975 12.7819 7.38562 12.8644 7.63162 12.8651ZM7.63162 8.625C7.87687 8.625 8.08237 8.54212 8.24812 8.37637C8.41312 8.20987 8.49562 8.00362 8.49562 7.75762C8.49562 7.51162 8.41237 7.3065 8.24587 7.14225C8.07937 6.978 7.8735 6.8955 7.62825 6.89475C7.383 6.894 7.1775 6.97687 7.01175 7.14337C6.84675 7.30987 6.76425 7.51575 6.76425 7.761C6.76425 8.00625 6.8475 8.21175 7.014 8.3775C7.1805 8.54325 7.38637 8.62575 7.63162 8.625ZM11.6535 16.8037H16.5866C16.7464 16.8037 16.8799 16.7494 16.9871 16.6406C17.0944 16.5319 17.1484 16.3984 17.1491 16.2401C17.1499 16.0819 17.0959 15.9484 16.9871 15.8396C16.8784 15.7309 16.7449 15.6769 16.5866 15.6776H11.6535C11.4945 15.6776 11.361 15.7316 11.253 15.8396C11.145 15.9476 11.091 16.0815 11.091 16.2412C11.091 16.401 11.145 16.5345 11.253 16.6417C11.361 16.749 11.4945 16.8026 11.6535 16.8026M11.6535 12.5625H16.5866C16.7464 12.5625 16.8799 12.5085 16.9871 12.4005C17.0944 12.2925 17.1484 12.1586 17.1491 11.9989C17.1499 11.8391 17.0959 11.7056 16.9871 11.5984C16.8784 11.4911 16.7449 11.4375 16.5866 11.4375H11.6535C11.4945 11.4375 11.361 11.4915 11.253 11.5995C11.145 11.7075 11.091 11.8414 11.091 12.0011C11.091 12.1609 11.145 12.2944 11.253 12.4016C11.361 12.5089 11.4945 12.5625 11.6535 12.5625ZM11.6535 8.32125H16.5866C16.7464 8.32125 16.8799 8.26762 16.9871 8.16037C17.0951 8.05237 17.1491 7.9185 17.1491 7.75875C17.1491 7.599 17.0951 7.4655 16.9871 7.35825C16.8791 7.251 16.7456 7.19737 16.5866 7.19737H11.6535C11.4945 7.19737 11.361 7.25137 11.253 7.35937C11.145 7.46737 11.091 7.60125 11.091 7.761C11.091 7.92075 11.145 8.05425 11.253 8.1615C11.361 8.26875 11.4945 8.32237 11.6535 8.32237M4.818 21C4.29975 21 3.86737 20.8267 3.52087 20.4802C3.17437 20.1337 3.00075 19.701 3 19.182V4.818C3 4.29975 3.17362 3.86737 3.52087 3.52087C3.86812 3.17437 4.3005 3.00075 4.818 3H19.1831C19.7006 3 20.133 3.17362 20.4802 3.52087C20.8275 3.86812 21.0007 4.3005 21 4.818V19.1831C21 19.7006 20.8267 20.133 20.4802 20.4802C20.1337 20.8275 19.701 21.0007 19.182 21H4.818ZM4.818 19.875H19.1831C19.3556 19.875 19.5142 19.803 19.659 19.659C19.8037 19.515 19.8757 19.356 19.875 19.182V4.818C19.875 4.64475 19.803 4.48575 19.659 4.341C19.515 4.19625 19.356 4.12425 19.182 4.125H4.818C4.64475 4.125 4.48575 4.197 4.341 4.341C4.19625 4.485 4.12425 4.644 4.125 4.818V19.1831C4.125 19.3556 4.197 19.5142 4.341 19.659C4.485 19.8037 4.64362 19.8757 4.81687 19.875" fill="black" />
 		</svg>
 	)
diff --git a/src/icons/calendar/three-day-icon.tsx b/src/icons/calendar/three-day-icon.tsx
index c0404a8..3b8d6d7 100644
--- a/src/icons/calendar/three-day-icon.tsx
+++ b/src/icons/calendar/three-day-icon.tsx
@@ -1,6 +1,8 @@
+import { cn } from "@/lib/utils";
+
 export function ThreeDayIcon({ className }: { className?: string }) {
 	return (
-		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
+		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={cn("dark:invert", className)}>
 			<path d="M9 8.25C9 8.05109 8.92098 7.86032 8.78033 7.71967C8.63968 7.57902 8.44891 7.5 8.25 7.5C8.05109 7.5 7.86032 7.57902 7.71967 7.71967C7.57902 7.86032 7.5 8.05109 7.5 8.25V15.75C7.5 15.9489 7.57902 16.1397 7.71967 16.2803C7.86032 16.421 8.05109 16.5 8.25 16.5C8.44891 16.5 8.63968 16.421 8.78033 16.2803C8.92098 16.1397 9 15.9489 9 15.75V8.25ZM12.75 8.25C12.75 8.05109 12.671 7.86032 12.5303 7.71967C12.3897 7.57902 12.1989 7.5 12 7.5C11.8011 7.5 11.6103 7.57902 11.4697 7.71967C11.329 7.86032 11.25 8.05109 11.25 8.25V15.75C11.25 15.9489 11.329 16.1397 11.4697 16.2803C11.6103 16.421 11.8011 16.5 12 16.5C12.1989 16.5 12.3897 16.421 12.5303 16.2803C12.671 16.1397 12.75 15.9489 12.75 15.75V8.25ZM16.5 8.25C16.5 8.05109 16.421 7.86032 16.2803 7.71967C16.1397 7.57902 15.9489 7.5 15.75 7.5C15.5511 7.5 15.3603 7.57902 15.2197 7.71967C15.079 7.86032 15 8.05109 15 8.25V15.75C15 15.9489 15.079 16.1397 15.2197 16.2803C15.3603 16.421 15.5511 16.5 15.75 16.5C15.9489 16.5 16.1397 16.421 16.2803 16.2803C16.421 16.1397 16.5 15.9489 16.5 15.75V8.25ZM21 6.75C21 5.75544 20.6049 4.80161 19.9016 4.09835C19.1984 3.39509 18.2446 3 17.25 3H6.75C5.75544 3 4.80161 3.39509 4.09835 4.09835C3.39509 4.80161 3 5.75544 3 6.75V17.25C3 18.2446 3.39509 19.1984 4.09835 19.9016C4.80161 20.6049 5.75544 21 6.75 21H17.25C18.2446 21 19.1984 20.6049 19.9016 19.9016C20.6049 19.1984 21 18.2446 21 17.25V6.75ZM4.5 17.25V6.75C4.5 6.15326 4.73705 5.58097 5.15901 5.15901C5.58097 4.73705 6.15326 4.5 6.75 4.5H17.25C17.8467 4.5 18.419 4.73705 18.841 5.15901C19.2629 5.58097 19.5 6.15326 19.5 6.75V17.25C19.5 17.8467 19.2629 18.419 18.841 18.841C18.419 19.2629 17.8467 19.5 17.25 19.5H6.75C6.15326 19.5 5.58097 19.2629 5.15901 18.841C4.73705 18.419 4.5 17.8467 4.5 17.25Z" fill="black" />
 		</svg>
 	)
diff --git a/src/icons/calendar/week-icon.tsx b/src/icons/calendar/week-icon.tsx
index 2b3b81f..d6c55ca 100644
--- a/src/icons/calendar/week-icon.tsx
+++ b/src/icons/calendar/week-icon.tsx
@@ -1,6 +1,8 @@
+import { cn } from "@/lib/utils";
+
 export function WeekIcon({ className }: { className?: string }) {
 	return (
-		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
+		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" className={cn("dark:invert", className)}>
 			<path d="M17.75 3C18.612 3 19.4386 3.34241 20.0481 3.9519C20.6576 4.5614 21 5.38805 21 6.25V17.75C21 18.612 20.6576 19.4386 20.0481 20.0481C19.4386 20.6576 18.612 21 17.75 21H6.25C5.38805 21 4.5614 20.6576 3.9519 20.0481C3.34241 19.4386 3 18.612 3 17.75V6.25C3 5.38805 3.34241 4.5614 3.9519 3.9519C4.5614 3.34241 5.38805 3 6.25 3H17.75ZM17.75 4.5H6.25C5.78587 4.5 5.34075 4.68437 5.01256 5.01256C4.68437 5.34075 4.5 5.78587 4.5 6.25V17.75C4.5 18.716 5.284 19.5 6.25 19.5H17.75C18.2141 19.5 18.6592 19.3156 18.9874 18.9874C19.3156 18.6592 19.5 18.2141 19.5 17.75V6.25C19.5 5.78587 19.3156 5.34075 18.9874 5.01256C18.6592 4.68437 18.2141 4.5 17.75 4.5ZM7.75 7C7.93124 7.00001 8.10634 7.06564 8.24293 7.18477C8.37952 7.30389 8.46835 7.46845 8.493 7.648L8.5 7.75V16.25C8.49994 16.44 8.42776 16.6229 8.29803 16.7618C8.1683 16.9006 7.9907 16.9851 7.80112 16.998C7.61154 17.011 7.42411 16.9515 7.2767 16.8316C7.12929 16.7117 7.0329 16.5402 7.007 16.352L7 16.25V7.75C7 7.55109 7.07902 7.36032 7.21967 7.21967C7.36032 7.07902 7.55109 7 7.75 7Z" fill="black" />
 		</svg>
 	)
diff --git a/tailwind.config.ts b/tailwind.config.ts
index aa781ac..f98b9fb 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -7,6 +7,10 @@ const config: Config = {
 		"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
 		"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
 		"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+		"./src/icons/**/*.{js,ts,jsx,tsx,mdx}",
+	],
+	safelist: [
+		'dark:invert',
 	],
 	theme: {
 		extend: {

From 1b40e7c6dd1a0075db4e5f04a9f51445dda056fb Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 30 Jan 2025 00:08:38 -0500
Subject: [PATCH 27/54] some style fixing for event modal

---
 .../Calendar/components/EventModal.tsx        | 11 ++-
 src/components/Calendar/event-embed.tsx       | 14 +--
 .../Calendar/views/schedule-view.tsx          | 93 +++++++++++--------
 src/components/ui/date-time-input.tsx         |  4 +-
 4 files changed, 69 insertions(+), 53 deletions(-)

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index 72e776a..f0dd1a6 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -148,12 +148,12 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 											<FormMessage />
 										</FormItem>
 									)} />
-									<div className="flex flex-row gap-2">
+									<div className="flex flex-col sm:flex-row gap-2">
 										<FormField
 										control={form.control}
 										name="start"
 										render={({ field }) => (
-											<FormItem className="w-full text-start">
+											<FormItem className="text-start">
 												<DateTimeInput label="Start" value={field.value} onChange={field.onChange} />
 												<FormMessage />
 											</FormItem>
@@ -162,7 +162,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 										control={form.control}
 										name="end"
 										render={({ field }) => (
-											<FormItem className="w-full text-start">
+											<FormItem className="text-start">
 												<DateTimeInput label="End" value={field.value} onChange={field.onChange} />
 												<FormMessage />
 											</FormItem>
@@ -194,9 +194,10 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 											onOpenChange(false);
 										}
 									}}
-									
+
 								>
-									<Trash2Icon />
+									<Trash2Icon className="scale-75"/>
+									<span className="sr-only">Delete Event</span>
 								</Button>
 								</div>
 							</form>
diff --git a/src/components/Calendar/event-embed.tsx b/src/components/Calendar/event-embed.tsx
index b784973..b6b3eee 100644
--- a/src/components/Calendar/event-embed.tsx
+++ b/src/components/Calendar/event-embed.tsx
@@ -10,8 +10,8 @@ export default function EventEmbed({ event }: { event: CalendarEvent }) {
 
 	return (
 		<div
-		className={cn("flex flex-row p-3 gap-2 rounded-xl bg-opacity-70 hover:bg-opacity-100", event.color)}
-		onClick={() => setOpen(true)}
+			className={cn("flex flex-row p-3 gap-2 rounded-xl bg-opacity-70 hover:bg-opacity-100", event.color)}
+			onClick={() => setOpen(true)}
 		>
 			<div onClick={(e) => e.stopPropagation()}>
 				<EventModal
@@ -21,11 +21,11 @@ export default function EventEmbed({ event }: { event: CalendarEvent }) {
 				/>
 			</div>
 			<Separator orientation="vertical" className={"bg-primary"} />
-			<div className="flex flex-col">
-				<p className="text-base font-medium">{event.title}</p>
-				<span className="text-sm flex flex-row gap-2 items-center">
-					<p className="min-w-20">{event.location}</p>
-					<p>{moment(event.start).format("h:mm a")} - {moment(event.end).format("h:mm a")}</p>
+			<div className="flex flex-col w-full">
+				<p className="text-base font-medium max-w-64 truncate">{event.title}</p>
+				<span className="text-sm flex flex-row gap-2 items-center w-full justify-between">
+					<p className="max-w-32 truncate">{event.location}</p>
+					<p className="mr-2">{moment(event.start).format("h:mm a")} - {moment(event.end).format("h:mm a")}</p>
 				</span>
 			</div>
 		</div>
diff --git a/src/components/Calendar/views/schedule-view.tsx b/src/components/Calendar/views/schedule-view.tsx
index b1d51f6..a7c07e5 100644
--- a/src/components/Calendar/views/schedule-view.tsx
+++ b/src/components/Calendar/views/schedule-view.tsx
@@ -3,9 +3,9 @@ import { cn } from "@/lib/utils";
 import moment from "moment";
 import EventEmbed from "../event-embed";
 import ZzIcon from "@/components/ui/zz-icon";
+import React from "react";
 
 export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
-	// Group events by day
 	const groupedEvents = events.reduce((acc, event) => {
 		const day = moment(event.start).format('YYYY-MM-DD');
 		if (!acc[day]) {
@@ -31,55 +31,70 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 		return groupedEvents[day].length * 4.75;
 	};
 
+	const isNewMonth = (currentDay: string, prevDay?: string) => {
+		if (!prevDay) return true;
+		return moment(currentDay).month() !== moment(prevDay).month();
+	};
+
 	return (
 		<div className="flex flex-row gap-4 w-full h-full overflow-auto">
 			<div className="flex flex-col bg-sky-50 dark:bg-neutral-900/30 rounded-lg h-fit gap-4">
 				{/** Day column */}
-				{sortedDays.map((day) => (
-					<div
-						key={day}
-						className={cn(
-							"flex flex-col p-4 text-center rounded-lg transition-all",
-							!moment(day).isSame(moment(), "day")
-							? "text-neutral-500 dark:text-neutral-400"
-							: "bg-blue-400/50"
+				{sortedDays.map((day, index) => (
+					<React.Fragment key={day}>
+						{isNewMonth(day, sortedDays[index - 1]) && (
+							<div className="h-10" />
 						)}
-						style={{
-							height: `${getDayHeight(day)}rem`,
-							minHeight: '80px'
-						}}
-					>
-						<span className="text-xl font-semibold">{moment(day).format("D")}</span>
-						<span className={cn("text-sm font-normal")}>
-							{moment(day).format("ddd")}
-						</span>
-					</div>
+						<div
+							className={cn(
+								"flex flex-col p-4 text-center rounded-lg transition-all",
+								!moment(day).isSame(moment(), "day")
+								? "text-neutral-500 dark:text-neutral-400"
+								: "bg-blue-400/50"
+							)}
+							style={{
+								height: `${getDayHeight(day)}rem`,
+								minHeight: '80px'
+							}}
+						>
+							<span className="text-xl font-semibold">{moment(day).format("D")}</span>
+							<span className={cn("text-sm font-normal")}>
+								{moment(day).format("ddd")}
+							</span>
+						</div>
+					</React.Fragment>
 				))}
 			</div>
 			{/** Event column */}
 			<div className="flex flex-col w-full h-fit gap-4">
-				{sortedDays.map((day) => (
-					<div
-						key={day}
-						className="flex flex-col gap-2 transition-all"
-						style={{
-							height: `${getDayHeight(day)}rem`,
-							minHeight: '80px'
-						}}
-					>
-						{groupedEvents[day].length === 0 && moment(day).isSame(moment(), 'day') ? (
-							<div className="flex flex-col p-4 text-neutral-500 dark:text-neutral-400 text-center">
-								<ZzIcon />Your schedule is empty for today
+				{sortedDays.map((day, index) => (
+					<React.Fragment key={day}>
+						{isNewMonth(day, sortedDays[index - 1]) && (
+							<div className="px-4 py-2 font-medium text-muted-foreground">
+								{moment(day).format("MMMM YYYY")}
 							</div>
-						) : (
-							groupedEvents[day].map((event) => (
-								<EventEmbed
-									key={event.id}
-									event={event}
-								/>
-							))
 						)}
-					</div>
+						<div
+							className="flex flex-col gap-2 transition-all"
+							style={{
+								height: `${getDayHeight(day)}rem`,
+								minHeight: '80px'
+							}}
+						>
+							{groupedEvents[day].length === 0 && moment(day).isSame(moment(), 'day') ? (
+								<div className="flex flex-col p-4 text-neutral-500 dark:text-neutral-400 text-center">
+									<ZzIcon />Your schedule is empty for today
+								</div>
+							) : (
+								groupedEvents[day].map((event) => (
+									<EventEmbed
+										key={event.id}
+										event={event}
+									/>
+								))
+							)}
+						</div>
+					</React.Fragment>
 				))}
 			</div>
 		</div>
diff --git a/src/components/ui/date-time-input.tsx b/src/components/ui/date-time-input.tsx
index 1004836..48c7b50 100644
--- a/src/components/ui/date-time-input.tsx
+++ b/src/components/ui/date-time-input.tsx
@@ -6,7 +6,7 @@ import { CalendarDateTime } from "@internationalized/date";
 export default function DateTimeInput({ label, value, onChange }: { label: string, value: Date, onChange: (date: Date) => void }) {
 	return (
 		<DateField
-			className="space-y-2"
+			className="space-y-2 flex flex-col"
 			granularity="minute"
 			hourCycle={12}
 			hideTimeZone
@@ -25,7 +25,7 @@ export default function DateTimeInput({ label, value, onChange }: { label: strin
 			}}
 		>
 			<Label className="text-sm font-medium text-muted-foreground">{label}</Label>
-			<DateInput className="relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-lg border border-input dark:border-neutral-500/50 bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-[disabled]:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20 tracking-tighter">
+			<DateInput className="relative inline-flex h-9 w-fit items-center overflow-hidden whitespace-nowrap rounded-lg border border-input dark:border-neutral-500/50 bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-[disabled]:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20 tracking-tighter">
 				{(segment) => (
 					<DateSegment
 						segment={segment}

From 1183641cc4d7c5a30647a9a758b726292a98cbe7 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 30 Jan 2025 18:42:42 -0500
Subject: [PATCH 28/54] fix some logic with alignment and margins with event
 grid

---
 .../Calendar/components/EventModal.tsx        |   2 +-
 src/components/Calendar/event-embed.tsx       |   2 +-
 .../Calendar/views/schedule-view.tsx          |   2 +-
 .../Calendar/views/week/week-view-grid.tsx    | 121 +++++++++---------
 src/components/Calendar/week-calendar.tsx     |   2 +-
 5 files changed, 64 insertions(+), 65 deletions(-)

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index f0dd1a6..d8c04ee 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -116,7 +116,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 						<SquarePenIcon className="opacity-80" size={16} strokeWidth={2} />
 					</div>
 					<DialogHeader className="w-full">
-						<DialogTitle className="sm:text-center">Edit {event.title}</DialogTitle>
+						<DialogTitle className="sm:text-center max-w-80 truncate">Edit {event.title}</DialogTitle>
 						<DialogDescription className="sm:text-center">
 							Make changes to your event here
 						</DialogDescription>
diff --git a/src/components/Calendar/event-embed.tsx b/src/components/Calendar/event-embed.tsx
index b6b3eee..0d88eb5 100644
--- a/src/components/Calendar/event-embed.tsx
+++ b/src/components/Calendar/event-embed.tsx
@@ -10,7 +10,7 @@ export default function EventEmbed({ event }: { event: CalendarEvent }) {
 
 	return (
 		<div
-			className={cn("flex flex-row p-3 gap-2 rounded-xl bg-opacity-70 hover:bg-opacity-100", event.color)}
+			className={cn("flex flex-row py-3 px-1 gap-2 rounded-xl bg-opacity-70 hover:bg-opacity-100 shadow-md", event.color)}
 			onClick={() => setOpen(true)}
 		>
 			<div onClick={(e) => e.stopPropagation()}>
diff --git a/src/components/Calendar/views/schedule-view.tsx b/src/components/Calendar/views/schedule-view.tsx
index a7c07e5..f0c4b1a 100644
--- a/src/components/Calendar/views/schedule-view.tsx
+++ b/src/components/Calendar/views/schedule-view.tsx
@@ -37,7 +37,7 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 	};
 
 	return (
-		<div className="flex flex-row gap-4 w-full h-full overflow-auto">
+		<div className="flex flex-row gap-4 w-full h-full mb-4 overflow-auto">
 			<div className="flex flex-col bg-sky-50 dark:bg-neutral-900/30 rounded-lg h-fit gap-4">
 				{/** Day column */}
 				{sortedDays.map((day, index) => (
diff --git a/src/components/Calendar/views/week/week-view-grid.tsx b/src/components/Calendar/views/week/week-view-grid.tsx
index 102c45f..b5bbff6 100644
--- a/src/components/Calendar/views/week/week-view-grid.tsx
+++ b/src/components/Calendar/views/week/week-view-grid.tsx
@@ -1,8 +1,8 @@
-import { cn, formatHourIntl } from '@/lib/utils';
+import { cn } from '@/lib/utils';
 import { useWindowSize } from '@/hooks';
 import { MinimumWidth } from '@/types';
 import moment from 'moment';
-import { useEffect, useState } from 'react';
+import { useEffect, useState, useRef } from 'react';
 import { CalendarView } from '@/lib/types';
 
 const findDayLength = (view: CalendarView) => {
@@ -22,71 +22,70 @@ interface WeekViewGridProps {
 }
 
 export function WeekViewGrid({ weekDays, view }: WeekViewGridProps) {
-	const hours = Array.from({ length: 24 }, (_, i) => i);
-	const [currentTime, setCurrentTime] = useState(moment());
+	const gridRef = useRef<HTMLDivElement>(null);
 
-	// Update current time every minute
-	useEffect(() => {
-		const timer = setInterval(() => {
-			setCurrentTime(moment());
-		}, 60000); // 60000ms = 1 minute
+	const getCurrentTimePosition = () => {
+		if (!gridRef.current) return 0;
 
-		return () => clearInterval(timer);
-	}, []);
+		const startOfDay = moment().startOf('day');
+		const diffInMinutes = moment().diff(startOfDay, 'minutes');
+		const minutesInDay = 24 * 60;
 
-	// Calculate position for current time indicator
-	const getCurrentTimePosition = () => {
-		const hours = currentTime.hours();
-		const minutes = currentTime.minutes();
-		const totalMinutes = hours * 60 + minutes;
-		return (totalMinutes / 1440) * 100; // Convert to percentage of day
+		const gridHeight = gridRef.current.clientHeight;
+		const pixelsPerMinute = gridHeight / minutesInDay;
+
+		return (diffInMinutes * pixelsPerMinute);
 	};
 
 	return (
-		<div
-			className={cn(
-				"mt-2 ml-10 grid h-[1440px] grid-cols-5 row-start-1 col-start-1 relative",
-				view === 'week' && "grid-cols-5",
-				view === '3day' && "grid-cols-3",
-				view === 'day' && "grid-cols-1",
-			)}
-			style={{
-				gridTemplateRows: view === 'day' ? 'repeat(12, minmax(0, 1fr))' : 'repeat(288, minmax(0, 1fr))',
-			}}
-		>
-			{/* Current time indicator */}
-			{moment().isSame(weekDays[0], 'day') && view === 'day' && (
-				<div
-					className="absolute w-full z-50 flex items-center pointer-events-none"
-					style={{
-						top: `${getCurrentTimePosition()}%`
-					}}
-				>
-					<div className="w-2 h-2 rounded-full bg-primary -translate-x-1" />
-					<div className="flex-1 h-[1px] bg-primary" />
-				</div>
-			)}
+		<>
+			<div
+				ref={gridRef}
+				className={cn(
+					"mt-2 mb-4 ml-10 md:mb-0 grid grid-cols-5 row-start-1 col-start-1 relative",
+					"h-[1440px]", // 24 hours * 60 minutes
+					view === 'week' && "grid-cols-5",
+					view === '3day' && "grid-cols-3",
+					view === 'day' && "grid-cols-1",
+				)}
+				style={{
+					gridTemplateRows: view === 'day' ? 'repeat(12, minmax(0, 1fr))' : 'repeat(288, minmax(0, 1fr))',
+				}}
+			>
+				{/* Current time indicator */}
+				{moment().isSame(weekDays[0], 'day') && view === 'day' && (
+					<div
+						className="absolute w-full z-50 flex items-center pointer-events-none"
+						style={{
+							top: `${getCurrentTimePosition()}px`
+						}}
+					>
+						<div className="w-2 h-2 rounded-full bg-primary -translate-x-1" />
+						<div className="flex-1 h-[1px] bg-primary" />
+					</div>
+				)}
 
-			{/* Day columns */}
-			{Array.from({ length: findDayLength(view) }).map((_, dayIndex) => (
-				<div
-					key={dayIndex}
-					className={cn("border-r relative", dayIndex === 6 && "border-r-0")}
-				>
-					{hours.map((hour) => (
-						<div
-							key={hour}
-							className={cn(
-								"h-[60px] border-r border-t border-border/50 dark:border-neutral-200/10",
-								findTodayIndex(weekDays) === dayIndex && view !== 'day' && "bg-neutral-100 dark:bg-neutral-900/30"
-							)}
-							style={{
-								gridRow: `span 12`, // 12 5-minute slots per hour
-							}}
-						/>
-					))}
-				</div>
-			))}
-		</div>
+				{/* Day columns */}
+				{Array.from({ length: findDayLength(view) }).map((_, dayIndex) => (
+					<div
+						key={dayIndex}
+						className={cn("border-r relative", dayIndex === 6 && "border-r-0")}
+					>
+						{Array.from({ length: 24 }).map((_, hour) => (
+							<div
+								key={hour}
+								className={cn(
+									"h-[60px] border-r border-t border-border/50 dark:border-neutral-200/10",
+									findTodayIndex(weekDays) === dayIndex && view !== 'day' && "bg-neutral-100 dark:bg-neutral-900/30"
+								)}
+								style={{
+									gridRow: `span 12`, // 12 5-minute slots per hour
+								}}
+							/>
+						))}
+					</div>
+				))}
+			</div>
+		</>
 	);
 }
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 73a3e25..1e45ac8 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -242,7 +242,7 @@ export default function WeekCalendar() {
 	}, [currentView]);
 
 	return (
-		<div className="w-full max-w-4xl flex flex-col h-[800px] bg-background rounded-lg">
+		<div className="w-full max-w-4xl flex flex-col h-full bg-background rounded-lg">
 			{/* <div className="flex items-center gap-2 w-full mt-4 px-4">
 				<CalendarDays className="w-6 h-6 text-primary" />
 				<h2 className="text-md lg:text-xl text-primary font-medium">

From da760ee9ed974637da40a22854b920088ce14179 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 30 Jan 2025 19:14:34 -0500
Subject: [PATCH 29/54] small fixes and currentView saving

---
 .../Calendar/components/EventModal.tsx        | 95 ++++++++++---------
 src/components/Calendar/week-calendar.tsx     | 36 +++++--
 2 files changed, 77 insertions(+), 54 deletions(-)

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index d8c04ee..a0f9440 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -116,7 +116,11 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 						<SquarePenIcon className="opacity-80" size={16} strokeWidth={2} />
 					</div>
 					<DialogHeader className="w-full">
-						<DialogTitle className="sm:text-center max-w-80 truncate">Edit {event.title}</DialogTitle>
+						<div className="flex justify-center">
+							<DialogTitle className="text-center truncate max-w-[20rem] px-4 pb-1">
+								Edit {event.title}
+							</DialogTitle>
+						</div>
 						<DialogDescription className="sm:text-center">
 							Make changes to your event here
 						</DialogDescription>
@@ -136,7 +140,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 											<FormMessage />
 										</FormItem>
 									)} />
-									<FormField
+								<FormField
 									control={form.control}
 									name="location"
 									render={({ field }) => (
@@ -148,57 +152,60 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 											<FormMessage />
 										</FormItem>
 									)} />
+								<div className="flex flex-row sm:flex-col gap-4">
 									<div className="flex flex-col sm:flex-row gap-2">
 										<FormField
-										control={form.control}
-										name="start"
-										render={({ field }) => (
-											<FormItem className="text-start">
-												<DateTimeInput label="Start" value={field.value} onChange={field.onChange} />
-												<FormMessage />
-											</FormItem>
-										)} />
+											control={form.control}
+											name="start"
+											render={({ field }) => (
+												<FormItem className="text-start">
+													<DateTimeInput label="Start" value={field.value} onChange={field.onChange} />
+													<FormMessage />
+												</FormItem>
+											)} />
 										<FormField
+											control={form.control}
+											name="end"
+											render={({ field }) => (
+												<FormItem className="text-start">
+													<DateTimeInput label="End" value={field.value} onChange={field.onChange} />
+													<FormMessage />
+												</FormItem>
+											)} />
+									</div>
+									<FormField
 										control={form.control}
-										name="end"
+										name="color"
 										render={({ field }) => (
-											<FormItem className="text-start">
-												<DateTimeInput label="End" value={field.value} onChange={field.onChange} />
+											<FormItem className="w-full text-start">
+												<FormLabel className="text-start text-muted-foreground">Color</FormLabel>
+												<FormControl>
+													<ColorSelect value={field.value} onChange={field.onChange} />
+												</FormControl>
 												<FormMessage />
 											</FormItem>
-										)} />
-									</div>
-									<FormField
-									control={form.control}
-									name="color"
-									render={({ field }) => (
-										<FormItem className="w-full text-start">
-											<FormLabel className="text-start text-muted-foreground">Color</FormLabel>
-											<FormControl>
-												<ColorSelect value={field.value} onChange={field.onChange} />
-											</FormControl>
-											<FormMessage />
-										</FormItem>
-									)}
-								/>
+										)}
+									/>
+								</div>
+
 								<div className="flex flex-row gap-1">
-								<Button type="submit" disabled={isSubmitting} className="mr-2 w-full bg-green-500">
-									{isSubmitting ? 'Saving...' : 'Save'}
-								</Button>
-								<Button
-									type="button"
-									variant="destructive"
-									onClick={() => {
-										if (window.confirm('Are you sure you want to delete this event?')) {
-											// Handle delete
-											onOpenChange(false);
-										}
-									}}
+									<Button type="submit" disabled={isSubmitting} className="mr-2 w-full bg-green-500">
+										{isSubmitting ? 'Saving...' : 'Save'}
+									</Button>
+									<Button
+										type="button"
+										variant="destructive"
+										onClick={() => {
+											if (window.confirm('Are you sure you want to delete this event?')) {
+												// Handle delete
+												onOpenChange(false);
+											}
+										}}
 
-								>
-									<Trash2Icon className="scale-75"/>
-									<span className="sr-only">Delete Event</span>
-								</Button>
+									>
+										<Trash2Icon className="scale-75" />
+										<span className="sr-only">Delete Event</span>
+									</Button>
 								</div>
 							</form>
 						</Form>
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 1e45ac8..424f861 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -105,9 +105,12 @@ export default function WeekCalendar() {
 	const [events] = useState<CalendarEvent[]>(() => generateMockEvents(currentDate));
 	const isDesktop = window?.innerWidth > MinimumWidth.Large;
 	const scrollRef = useRef<HTMLDivElement>(null);
-	const [currentView, setCurrentView] = useState<CalendarView>('week');
+	const [currentView, setCurrentView] = useState<CalendarView>(() => {
+		const savedView = localStorage.getItem('calendarView');
+		return (savedView as CalendarView) || '3day';
+	});
 
-	const [swipeProgress, setSwipeProgress] = useState(0); // Track swipe progress
+	const [swipeProgress, setSwipeProgress] = useState(0);
 	const [isSwiping, setIsSwiping] = useState(false);
 	const [startX, setStartX] = useState(0);
 	const [offsetX, setOffsetX] = useState(0);
@@ -209,17 +212,16 @@ export default function WeekCalendar() {
 		setOffsetX(e.touches[0].clientX - startX);
 		const currentX = e.touches[0].clientX;
 		const delta = currentX - startX;
-		const progress = Math.max(0, Math.min(1, Math.abs(delta) / window.innerWidth)); // 0 to 1
-		console.log({ progress, delta, })
+		const progress = Math.max(0, Math.min(1, Math.abs(delta) / window.innerWidth));
 		setSwipeProgress(progress);
 	};
 
 	const handleTouchEnd = () => {
 		setIsSwiping(false);
 		if (offsetX > 50) {
-			goToPrevious(); // Swipe right
+			goToPrevious();
 		} else if (offsetX < -50) {
-			goToNext(); // Swipe left
+			goToNext();
 		}
 		setOffsetX(0);
 		setSwipeProgress(0);
@@ -241,6 +243,11 @@ export default function WeekCalendar() {
 		}
 	}, [currentView]);
 
+	const handleViewChange = (view: CalendarView) => {
+		setCurrentView(view);
+		localStorage.setItem('calendarView', view);
+	};
+
 	return (
 		<div className="w-full max-w-4xl flex flex-col h-full bg-background rounded-lg">
 			{/* <div className="flex items-center gap-2 w-full mt-4 px-4">
@@ -296,15 +303,24 @@ export default function WeekCalendar() {
 							</Button>
 						</DropdownMenuTrigger>
 						<DropdownMenuContent className='rounded-2xl'>
-							<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('day')}>
+							<DropdownMenuItem
+								className='flex items-center gap-1'
+								onClick={() => handleViewChange('day')}
+							>
 								<DayIcon />Day
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
-							<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('3day')}>
+							<DropdownMenuItem
+								className='flex items-center gap-1'
+								onClick={() => handleViewChange('3day')}
+							>
 								<ThreeDayIcon />3 Day
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
-							<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('week')}>
+							<DropdownMenuItem
+								className='flex items-center gap-1'
+								onClick={() => handleViewChange('week')}
+							>
 								<WeekIcon /> Week
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
@@ -312,7 +328,7 @@ export default function WeekCalendar() {
 								<MonthIcon />Month
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
-							<DropdownMenuItem className='flex items-center gap-1' onClick={() => setCurrentView('schedule')}>
+							<DropdownMenuItem className='flex items-center gap-1' onClick={() => handleViewChange('schedule')}>
 								<ScheduleIcon />Schedule
 							</DropdownMenuItem>
 						</DropdownMenuContent>

From bb6c6112718d9c04e8faa1396120f64839698d70 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 30 Jan 2025 19:19:41 -0500
Subject: [PATCH 30/54] add global types and start month view

---
 .../Calendar/views/month/MonthView.tsx        | 15 +++++++++++
 src/components/Calendar/week-calendar.tsx     | 15 ++++++-----
 src/lib/types.ts                              |  2 +-
 src/types/global.d.ts                         | 26 +++++++++++++++++++
 tsconfig.json                                 |  5 ++--
 5 files changed, 54 insertions(+), 9 deletions(-)
 create mode 100644 src/components/Calendar/views/month/MonthView.tsx
 create mode 100644 src/types/global.d.ts

diff --git a/src/components/Calendar/views/month/MonthView.tsx b/src/components/Calendar/views/month/MonthView.tsx
new file mode 100644
index 0000000..217ac21
--- /dev/null
+++ b/src/components/Calendar/views/month/MonthView.tsx
@@ -0,0 +1,15 @@
+import { Calendar } from "@/components/ui/calendar";
+import { useState } from "react";
+
+export default function MonthView() {
+	const [date, setDate] = useState<Date | undefined>(new Date())
+
+	return (
+		<Calendar
+			mode="single"
+			selected={date}
+			onSelect={setDate}
+			className="rounded-md border"
+		/>
+	)
+}
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 424f861..6529e01 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -3,7 +3,7 @@ import moment from 'moment';
 import { ChevronDownIcon, ChevronLeft, ChevronRight } from 'lucide-react';
 import { WeekHeader } from './views/week/week-header';
 import { EventLayer } from './event-layer';
-import { MinimumWidth, type CalendarEvent } from '@/types';
+import { MinimumWidth } from '@/types';
 import { Button } from '../ui/button';
 import { useMaskImage } from '@/hooks';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../ui/dropdown-menu';
@@ -11,7 +11,6 @@ import { DayIcon, MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icon
 import { WeekViewGrid } from './views/week/week-view-grid';
 import CalendarHours from './hours';
 import ScheduleView from './views/schedule-view';
-import { CalendarView } from '@/lib/types';
 
 const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 	const events: CalendarEvent[] = [];
@@ -102,14 +101,14 @@ const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 
 export default function WeekCalendar() {
 	const [currentDate, setCurrentDate] = useState(moment());
-	const [events] = useState<CalendarEvent[]>(() => generateMockEvents(currentDate));
-	const isDesktop = window?.innerWidth > MinimumWidth.Large;
-	const scrollRef = useRef<HTMLDivElement>(null);
 	const [currentView, setCurrentView] = useState<CalendarView>(() => {
 		const savedView = localStorage.getItem('calendarView');
 		return (savedView as CalendarView) || '3day';
 	});
 
+	const [events] = useState<CalendarEvent[]>(() => generateMockEvents(currentDate));
+	const isDesktop = window?.innerWidth > MinimumWidth.Large;
+	const scrollRef = useRef<HTMLDivElement>(null);
 	const [swipeProgress, setSwipeProgress] = useState(0);
 	const [isSwiping, setIsSwiping] = useState(false);
 	const [startX, setStartX] = useState(0);
@@ -295,6 +294,7 @@ export default function WeekCalendar() {
 									{currentView === 'week' && (<><WeekIcon />Week</>)}
 									{currentView === 'day' && (<><DayIcon />Day</>)}
 									{currentView === 'schedule' && (<><ScheduleIcon />Schedule</>)}
+									{currentView === 'month' && (<><MonthIcon />Month</>)}
 								</div>
 								<div>
 									<ChevronDownIcon />
@@ -324,7 +324,10 @@ export default function WeekCalendar() {
 								<WeekIcon /> Week
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
-							<DropdownMenuItem className='flex items-center gap-1'>
+							<DropdownMenuItem
+								className='flex items-center gap-1'
+								onClick={() => handleViewChange('month')}
+							>
 								<MonthIcon />Month
 							</DropdownMenuItem>
 							<DropdownMenuSeparator />
diff --git a/src/lib/types.ts b/src/lib/types.ts
index c0a2a00..84394b3 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -13,7 +13,7 @@ type Message = {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-export type CalendarView = 'week' | '3day' | 'day' | 'schedule';
+export type CalendarView = 'week' | '3day' | 'day' | 'month' | 'schedule';
 export interface CalendarEvent {
 	id: string;
 	title: string;
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
new file mode 100644
index 0000000..3b24183
--- /dev/null
+++ b/src/types/global.d.ts
@@ -0,0 +1,26 @@
+declare global {
+	type CalendarView = 'week' | '3day' | 'day' | 'month' | 'schedule';
+
+	interface CalendarEvent {
+		id: string;
+		title: string;
+		location?: string;
+		start: Date;
+		end: Date;
+		color: string;
+	}
+
+	type Message = {
+		text: string;
+		isUser: boolean;
+		timestamp: number;
+	}
+
+	type Conversation = {
+		id: string;
+		title: string;
+		messages: Message[];
+	}
+}
+
+export { };
diff --git a/tsconfig.json b/tsconfig.json
index 7b28589..97a776a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -19,8 +19,9 @@
     ],
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+    "typeRoots": ["./node_modules/@types", "./src/types"],
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "src/types/**/*.ts"],
   "exclude": ["node_modules"]
 }

From 2c4607d7d1ccbdb9d5fd3226f345d0423efbdcda Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 30 Jan 2025 20:17:10 -0500
Subject: [PATCH 31/54] add month view

---
 .../EventEmbed.tsx}                           |   4 +-
 .../Calendar/components/MonthCalendar.tsx     | 129 ++++++++++++++++++
 .../Calendar/views/month/MonthView.tsx        |  30 ++--
 .../Calendar/views/schedule-view.tsx          |   2 +-
 src/components/Calendar/week-calendar.tsx     |   3 +
 5 files changed, 156 insertions(+), 12 deletions(-)
 rename src/components/Calendar/{event-embed.tsx => components/EventEmbed.tsx} (91%)
 create mode 100644 src/components/Calendar/components/MonthCalendar.tsx

diff --git a/src/components/Calendar/event-embed.tsx b/src/components/Calendar/components/EventEmbed.tsx
similarity index 91%
rename from src/components/Calendar/event-embed.tsx
rename to src/components/Calendar/components/EventEmbed.tsx
index 0d88eb5..cb01f1c 100644
--- a/src/components/Calendar/event-embed.tsx
+++ b/src/components/Calendar/components/EventEmbed.tsx
@@ -1,8 +1,8 @@
 import { CalendarEvent } from "@/lib/types";
-import { Separator } from "../ui/separator";
+import { Separator } from "../../ui/separator";
 import { cn } from "@/lib/utils";
 import moment from "moment";
-import EventModal from "./components/EventModal";
+import EventModal from "./EventModal";
 import { useState } from "react";
 
 export default function EventEmbed({ event }: { event: CalendarEvent }) {
diff --git a/src/components/Calendar/components/MonthCalendar.tsx b/src/components/Calendar/components/MonthCalendar.tsx
new file mode 100644
index 0000000..c435734
--- /dev/null
+++ b/src/components/Calendar/components/MonthCalendar.tsx
@@ -0,0 +1,129 @@
+"use client"
+
+import * as React from "react"
+import { DayPicker } from "react-day-picker"
+import moment from "moment"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+import { ChevronLeftIcon, ChevronRightIcon } from "@radix-ui/react-icons"
+import { Dispatch } from "react"
+import { SetStateAction } from "react"
+
+export type CalendarProps = React.ComponentProps<typeof DayPicker> & {
+	events?: CalendarEvent[];
+	onSelect?: Dispatch<SetStateAction<Date>>;
+}
+
+function MonthCalendar({
+	className,
+	classNames,
+	showOutsideDays = true,
+	events = [],
+	selected,
+	onSelect,
+	...props
+}: CalendarProps) {
+	const [currentMonth, setCurrentMonth] = React.useState<Date>(props.defaultMonth || new Date());
+
+	// Function to get events for a specific day
+	const getEventsForDay = (day: Date) => {
+		return events?.filter(event =>
+			moment(event.start).isSame(day, 'day')
+		).slice(0, 3); // Only take first 3 events
+	};
+
+	return (
+		<DayPicker
+			showOutsideDays={showOutsideDays}
+			className={cn("p-3", className)}
+			onMonthChange={setCurrentMonth}
+			classNames={{
+				months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+				month: "space-y-4",
+				caption: "flex justify-center pt-1 relative items-center",
+				caption_label: "text-sm font-medium",
+				nav: "space-x-1 flex items-center",
+				nav_button: cn(
+					buttonVariants({ variant: "outline" }),
+					"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+				),
+				nav_button_previous: "absolute left-1",
+				nav_button_next: "absolute right-1",
+				table: "w-full border-collapse space-y-1",
+				head_row: "flex justify-center gap-4",
+				head_cell:
+					"text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+				row: "flex w-full mt-2 justify-center gap-4",
+				cell: cn(
+					"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
+					props.mode === "range"
+						? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md"
+						: "[&:has([aria-selected])]:rounded-md"
+				),
+				day: cn(
+					buttonVariants({ variant: "ghost" }),
+					"h-8 w-8 p-0 font-normal aria-selected:opacity-100 relative"
+				),
+				day_range_start: "day-range-start",
+				day_range_end: "day-range-end",
+				day_selected:
+					"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+				day_today: "bg-accent text-accent-foreground",
+				day_outside:
+					"day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground",
+				day_disabled: "text-muted-foreground opacity-50",
+				day_range_middle:
+					"aria-selected:bg-accent aria-selected:text-accent-foreground",
+				day_hidden: "invisible",
+				...classNames,
+			}}
+			components={{
+				IconLeft: () => <ChevronLeftIcon className="h-4 w-4" />,
+				IconRight: () => <ChevronRightIcon className="h-4 w-4" />,
+				Day: ({ date, ...dayProps }: { date: Date } & React.ButtonHTMLAttributes<HTMLButtonElement>) => {
+					const dayEvents = getEventsForDay(date);
+					const isSelected = selected instanceof Date && moment(date).isSame(selected, 'day');
+					const isOutsideMonth = !moment(date).isSame(currentMonth, 'month');
+
+					return (
+						<button
+							{...dayProps}
+							onClick={(e) => {
+								dayProps.onClick?.(e);
+								onSelect?.(date);
+							}}
+							className={cn(
+								buttonVariants({ variant: "ghost" }),
+								"h-8 w-8 p-0 font-normal relative flex flex-col items-center",
+								isSelected && "bg-neutral-200",
+								isOutsideMonth && "text-muted-foreground",
+								dayProps.className
+							)}
+						>
+							<span>{date.getDate()}</span>
+							{dayEvents.length > 0 && (
+								<div className="flex gap-0.5 absolute -bottom-[0.05px]">
+									{dayEvents.map((event) => (
+										<div
+											key={event.id}
+											className={cn(
+												"w-1 h-1 rounded-full",
+												event.color,
+												isOutsideMonth && "opacity-50"
+											)}
+										/>
+									))}
+								</div>
+							)}
+						</button>
+					);
+				}
+			}}
+			{...props}
+		/>
+	)
+}
+MonthCalendar.displayName = "MonthCalendar"
+
+export { MonthCalendar }
diff --git a/src/components/Calendar/views/month/MonthView.tsx b/src/components/Calendar/views/month/MonthView.tsx
index 217ac21..57a017e 100644
--- a/src/components/Calendar/views/month/MonthView.tsx
+++ b/src/components/Calendar/views/month/MonthView.tsx
@@ -1,15 +1,27 @@
-import { Calendar } from "@/components/ui/calendar";
+import { MonthCalendar } from "@/components/Calendar/components/MonthCalendar";
 import { useState } from "react";
+import EventEmbed from "@/components/Calendar/components/EventEmbed";
+import moment from "moment";
 
-export default function MonthView() {
-	const [date, setDate] = useState<Date | undefined>(new Date())
+export default function MonthView({ events }: { events: CalendarEvent[] }) {
+	const [date, setDate] = useState<Date>(new Date());
 
 	return (
-		<Calendar
-			mode="single"
-			selected={date}
-			onSelect={setDate}
-			className="rounded-md border"
-		/>
+		<div className="flex flex-col p-4 overflow-auto">
+			<MonthCalendar
+				mode="single"
+				selected={date}
+				// eslint-disable-next-line @typescript-eslint/no-explicit-any
+				onSelect={setDate as any}
+				className="w-full"
+				events={events}
+				defaultMonth={date}
+			/>
+			<div className="flex flex-col gap-2">
+				{events.filter(event => moment(event.start).isSame(date, 'day')).map((event) => (
+					<EventEmbed key={event.id} event={event} />
+				))}
+			</div>
+		</div>
 	)
 }
diff --git a/src/components/Calendar/views/schedule-view.tsx b/src/components/Calendar/views/schedule-view.tsx
index f0c4b1a..f30c876 100644
--- a/src/components/Calendar/views/schedule-view.tsx
+++ b/src/components/Calendar/views/schedule-view.tsx
@@ -1,7 +1,7 @@
 import { CalendarEvent } from "@/lib/types";
 import { cn } from "@/lib/utils";
 import moment from "moment";
-import EventEmbed from "../event-embed";
+import EventEmbed from "../components/EventEmbed";
 import ZzIcon from "@/components/ui/zz-icon";
 import React from "react";
 
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 6529e01..d49c1d8 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -11,6 +11,7 @@ import { DayIcon, MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icon
 import { WeekViewGrid } from './views/week/week-view-grid';
 import CalendarHours from './hours';
 import ScheduleView from './views/schedule-view';
+import MonthView from './views/month/MonthView';
 
 const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 	const events: CalendarEvent[] = [];
@@ -342,6 +343,8 @@ export default function WeekCalendar() {
 
 			{currentView === 'schedule' ? (
 				<ScheduleView events={events} />
+			) : currentView === 'month' ? (
+				<MonthView events={events} />
 			) : (
 			<>
 				<WeekHeader days={weekDays} view={currentView} />

From b4809d7a85ff1713d7df1b26acf72976fb1fe983 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 30 Jan 2025 20:50:08 -0500
Subject: [PATCH 32/54] small fixes and file structure changes

---
 src/components/Calendar/CalendarGrid.tsx      | 153 ------------------
 .../Calendar/views/month/MonthView.tsx        |  14 +-
 .../ScheduleView.tsx}                         |   4 +-
 src/components/Calendar/week-calendar.tsx     |   2 +-
 .../Navigation/RecentConversations.tsx        |   4 +-
 .../ui => icons/general}/zz-icon.tsx          |   0
 6 files changed, 16 insertions(+), 161 deletions(-)
 delete mode 100644 src/components/Calendar/CalendarGrid.tsx
 rename src/components/Calendar/views/{schedule-view.tsx => schedule/ScheduleView.tsx} (96%)
 rename src/{components/ui => icons/general}/zz-icon.tsx (100%)

diff --git a/src/components/Calendar/CalendarGrid.tsx b/src/components/Calendar/CalendarGrid.tsx
deleted file mode 100644
index c9071e1..0000000
--- a/src/components/Calendar/CalendarGrid.tsx
+++ /dev/null
@@ -1,153 +0,0 @@
-"use client";
-import React, { useRef, useState } from "react";
-import moment from "moment";
-import { Button } from "../ui/button";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { formatHourIntl } from "@/lib/utils";
-import { useMaskImage } from "@/hooks/useMaskImage";
-
-const events = [
-	{
-		title: "Morning Meeting",
-		start: new Date(moment().hours(10).minutes(0).toDate()),
-		end: new Date(moment().hours(11).minutes(20).toDate()),
-	},
-	{
-		title: "Afternoon Work Session",
-		start: new Date(moment().add(1, "days").hours(13).minutes(15).toDate()),
-		end: new Date(moment().add(1, "days").hours(15).minutes(45).toDate()),
-	},
-];
-
-const WeeklyCalendar: React.FC = () => {
-	const [currentDate, setCurrentDate] = useState(moment());
-	const ref = useRef<HTMLDivElement>(null);
-
-	useMaskImage(ref);
-
-	const goToPreviousWeek = () => {
-		setCurrentDate(currentDate.clone().subtract(1, "week"));
-	};
-
-	const goToNextWeek = () => {
-		setCurrentDate(currentDate.clone().add(1, "week"));
-	};
-
-	const goToToday = () => {
-		setCurrentDate(moment());
-	};
-
-	const startOfWeek = currentDate.clone().startOf("week");
-	const daysOfWeek = Array.from({ length: 7 }, (_, i) =>
-		startOfWeek.clone().add(i, "days")
-	);
-	const hours = Array.from({ length: 24 }, (_, index) => formatHourIntl(index));
-
-	const getEventPosition = (event: typeof events[number]) => {
-		const start = moment(event.start);
-		const end = moment(event.end);
-
-		const dayIndex = start.diff(startOfWeek, "days");
-		const startMinutes = start.hours() * 60 + start.minutes();
-		const endMinutes = end.hours() * 60 + end.minutes();
-		const durationMinutes = endMinutes - startMinutes;
-
-		const startTop = (startMinutes / 60) * 4.5;
-		const height = (durationMinutes / 60) * 4;
-
-		return { dayIndex, startTop, height };
-	};
-
-	return (
-		<div className="w-full max-w-5xl mx-auto">
-			<header className="flex flex-1 items-center mb-4">
-				<div className="inline-flex ml-24 -space-x-px rounded-lg shadow-sm shadow-black/5 rtl:space-x-reverse">
-					<Button
-						className="rounded-none shadow-none first:rounded-s-lg last:rounded-e-lg focus-visible:z-10"
-						variant="secondary"
-						size="icon"
-						aria-label="Previous week"
-						onClick={goToPreviousWeek}
-					>
-						<ChevronLeftIcon size={16} strokeWidth={2} aria-hidden="true" />
-					</Button>
-					<Button
-						variant="secondary"
-						className="p-2 rounded-none border-r-1 boreder-l-1 border-r-gray-50"
-						onClick={goToToday}
-					>
-						Today
-					</Button>
-					<Button
-						className="rounded-none shadow-none first:rounded-s-lg last:rounded-e-lg focus-visible:z-10"
-						variant="secondary"
-						size="icon"
-						aria-label="Next week"
-						onClick={goToNextWeek}
-					>
-						<ChevronRightIcon size={16} strokeWidth={2} aria-hidden="true" />
-					</Button>
-				</div>
-				<h2 className="ml-auto text-xl font-bold">{`Week of ${startOfWeek.format(
-					"MMM D, YYYY"
-				)}`}</h2>
-			</header>
-			<div className="grid max-h-[45rem] overflow-scroll " style={{ gridTemplateColumns: "1fr repeat(7, 1fr)" }} ref={ref}>
-				<div className="grid grid-rows-24 gap-0.5">
-					{hours.map((hour, index) => (
-						<div
-							key={index}
-							className="mr-4 text-xs text-muted-foreground font-medium text-center flex items-end justify-end"
-						>
-							{hour}
-						</div>
-					))}
-				</div>
-				{daysOfWeek.map((day) => (
-					<div key={day.toString()} className="relative">
-						<div className="grid grid-rows-24 gap-0.5 max-h-scren">
-							<div className="text-center font-semibold py-2 h-16 flex flex-col items-start justify-center border-b bg-background w-full fixed z-10">
-								<span className="text-sm font-semibold text-neutral-500">
-									{day.format("ddd").toUpperCase()}
-								</span>
-								<span className="text-xl font-medium">{day.format("D")}</span>
-							</div>
-							{hours.map((hour) => (
-								<div
-									key={`${day}-${hour}`}
-									className="h-16 border-b border-l border-neutral-300/40 dark:border-neutral-500/40 hover:bg-neutral-100 dark:hover:bg-neutral-500/40 transition-all"
-								/>
-							))}
-							{events.map((event, index) => {
-								const { dayIndex, startTop, height } = getEventPosition(event);
-								if (dayIndex !== daysOfWeek.indexOf(day)) return null;
-
-								return (
-									<div
-										key={index}
-										className="absolute flex flex-col bg-blue-200 border-l-4 border-l-blue-500 text-blue-500 font-bold text-xs p-2 rounded-md shadow-md"
-										style={{
-											top: `${startTop}rem`,
-											height: `${height}rem`,
-											width: "calc(100% - 1rem)",
-											left: "0.5rem",
-										}}
-									>
-										<span className="" >
-											{moment(event.start).format('h:mm A')}
-										</span>
-										<span className="">
-											{event.title}
-										</span>
-									</div>
-								);
-							})}
-						</div>
-					</div>
-				))}
-			</div>
-		</div>
-	);
-};
-
-export default WeeklyCalendar;
diff --git a/src/components/Calendar/views/month/MonthView.tsx b/src/components/Calendar/views/month/MonthView.tsx
index 57a017e..ea932cd 100644
--- a/src/components/Calendar/views/month/MonthView.tsx
+++ b/src/components/Calendar/views/month/MonthView.tsx
@@ -2,6 +2,7 @@ import { MonthCalendar } from "@/components/Calendar/components/MonthCalendar";
 import { useState } from "react";
 import EventEmbed from "@/components/Calendar/components/EventEmbed";
 import moment from "moment";
+import ZzIcon from "@/icons/general/zz-icon";
 
 export default function MonthView({ events }: { events: CalendarEvent[] }) {
 	const [date, setDate] = useState<Date>(new Date());
@@ -18,9 +19,16 @@ export default function MonthView({ events }: { events: CalendarEvent[] }) {
 				defaultMonth={date}
 			/>
 			<div className="flex flex-col gap-2">
-				{events.filter(event => moment(event.start).isSame(date, 'day')).map((event) => (
-					<EventEmbed key={event.id} event={event} />
-				))}
+				{events.filter(event => moment(event.start).isSame(date, 'day')).length > 0 ?
+					events.filter(event => moment(event.start).isSame(date, 'day')).map((event) => (
+						<EventEmbed key={event.id} event={event} />
+					)) : (
+						<div className="flex flex-col mt-20 gap-2 text-neutral-500 dark:text-neutral-400 text-center justify-center items-center">
+							<ZzIcon />
+							<p>No events for this day</p>
+							<p>Yay or nay?</p>
+						</div>
+					)}
 			</div>
 		</div>
 	)
diff --git a/src/components/Calendar/views/schedule-view.tsx b/src/components/Calendar/views/schedule/ScheduleView.tsx
similarity index 96%
rename from src/components/Calendar/views/schedule-view.tsx
rename to src/components/Calendar/views/schedule/ScheduleView.tsx
index f30c876..5e97914 100644
--- a/src/components/Calendar/views/schedule-view.tsx
+++ b/src/components/Calendar/views/schedule/ScheduleView.tsx
@@ -1,8 +1,8 @@
 import { CalendarEvent } from "@/lib/types";
 import { cn } from "@/lib/utils";
 import moment from "moment";
-import EventEmbed from "../components/EventEmbed";
-import ZzIcon from "@/components/ui/zz-icon";
+import EventEmbed from "../../components/EventEmbed";
+import ZzIcon from "@/icons/general/zz-icon";
 import React from "react";
 
 export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index d49c1d8..e7b514e 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -10,7 +10,7 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSepara
 import { DayIcon, MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icons/calendar';
 import { WeekViewGrid } from './views/week/week-view-grid';
 import CalendarHours from './hours';
-import ScheduleView from './views/schedule-view';
+import ScheduleView from './views/schedule/ScheduleView';
 import MonthView from './views/month/MonthView';
 
 const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
diff --git a/src/components/Navigation/RecentConversations.tsx b/src/components/Navigation/RecentConversations.tsx
index dde4c7a..62c695b 100644
--- a/src/components/Navigation/RecentConversations.tsx
+++ b/src/components/Navigation/RecentConversations.tsx
@@ -2,7 +2,7 @@
 
 import { useConversationStore } from "@/stores/useConversationStore";
 import RecentConversationItem from "./RecentConversationItem";
-import ZzIcon from "../ui/zz-icon";
+import ZzIcon from "../../icons/general/zz-icon";
 
 const RecentConversations = ({
 	small
@@ -26,7 +26,7 @@ const RecentConversations = ({
 				)) : (
 					<div className="flex flex-col gap-4 justify-center items-center w-full h-96">
 						<ZzIcon className="text-muted-foreground" />
-						{!small && <p className="text-muted-foreground text-center text-sm">When you create a new chat, it'll show up here</p>}
+						{!small && <p className="text-muted-foreground text-center text-sm">{"When you create a new chat, it'll show up here"}</p>}
 					</div>
 				)}
 
diff --git a/src/components/ui/zz-icon.tsx b/src/icons/general/zz-icon.tsx
similarity index 100%
rename from src/components/ui/zz-icon.tsx
rename to src/icons/general/zz-icon.tsx

From 00c5e28f7c321a63f173e16e052c8e8f864b6d46 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Thu, 30 Jan 2025 21:04:28 -0500
Subject: [PATCH 33/54] more fixes eslint

---
 src/components/Calendar/components/EventEmbed.tsx |  2 +-
 src/components/Calendar/components/EventModal.tsx | 11 +++++------
 src/components/Calendar/event-layer.tsx           |  1 -
 src/components/Calendar/week-calendar.tsx         |  2 +-
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/Calendar/components/EventEmbed.tsx b/src/components/Calendar/components/EventEmbed.tsx
index cb01f1c..56f7c42 100644
--- a/src/components/Calendar/components/EventEmbed.tsx
+++ b/src/components/Calendar/components/EventEmbed.tsx
@@ -10,7 +10,7 @@ export default function EventEmbed({ event }: { event: CalendarEvent }) {
 
 	return (
 		<div
-			className={cn("flex flex-row py-3 px-1 gap-2 rounded-xl bg-opacity-70 hover:bg-opacity-100 shadow-md", event.color)}
+			className={cn("flex flex-row py-3 px-1 gap-2 rounded-xl bg-opacity-70 shadow-md hover:cursor-pointer", event.color)}
 			onClick={() => setOpen(true)}
 		>
 			<div onClick={(e) => e.stopPropagation()}>
diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index a0f9440..b612d66 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -1,12 +1,11 @@
 "use client";
 
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
 import { CalendarEvent } from "@/lib/types";
-import { CircleAlert, SquarePenIcon, Trash, Trash2Icon } from "lucide-react";
-import { useId, useState, useEffect } from "react";
+import { SquarePenIcon, Trash2Icon } from "lucide-react";
+import { useState, useEffect } from "react";
 import { z } from "zod";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { useForm } from "react-hook-form";
@@ -48,8 +47,6 @@ const eventForm = z.object({
 });
 
 export default function EventModal({ event, open, onOpenChange }: { event: CalendarEvent, open: boolean, onOpenChange: (open: boolean) => void }) {
-	const id = useId();
-	const [inputValue, setInputValue] = useState("");
 	const [isSubmitting, setIsSubmitting] = useState(false);
 	const [isDirty, setIsDirty] = useState(false);
 
@@ -86,10 +83,12 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 			event.color = values.color;
 			toast.success('Changes saved successfully');
 		} catch (error: unknown) {
+			console.error(error);
 			toast.error('Failed to save changes');
 		} finally {
 			setIsSubmitting(false);
 			onOpenChange(false);
+			setIsDirty(false);
 		}
 	}
 
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index cdea271..4884c8e 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -3,7 +3,6 @@ import { cn } from '@/lib/utils';
 import { CalendarEvent, CalendarView } from '@/lib/types';
 import { useState } from 'react';
 import EventModal from './components/EventModal';
-import { AnimatePresence } from "framer-motion";
 
 interface EventLayerProps {
 	events: CalendarEvent[];
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index e7b514e..8846f36 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -241,7 +241,7 @@ export default function WeekCalendar() {
 				)
 			);
 		}
-	}, [currentView]);
+	}, [currentView, currentDate]);
 
 	const handleViewChange = (view: CalendarView) => {
 		setCurrentView(view);

From 3580c51aa3e6f5af8915ef407c9522380d30252f Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sat, 1 Feb 2025 22:23:06 -0500
Subject: [PATCH 34/54] start logic for recurring events

---
 .../Calendar/components/EventEmbed.tsx        |  2 +-
 src/components/Calendar/event-layer.tsx       |  2 +-
 src/components/Calendar/week-calendar.tsx     | 91 ++++++++++++++++++-
 src/types/global.d.ts                         |  9 +-
 4 files changed, 96 insertions(+), 8 deletions(-)

diff --git a/src/components/Calendar/components/EventEmbed.tsx b/src/components/Calendar/components/EventEmbed.tsx
index 56f7c42..cbce7bc 100644
--- a/src/components/Calendar/components/EventEmbed.tsx
+++ b/src/components/Calendar/components/EventEmbed.tsx
@@ -22,7 +22,7 @@ export default function EventEmbed({ event }: { event: CalendarEvent }) {
 			</div>
 			<Separator orientation="vertical" className={"bg-primary"} />
 			<div className="flex flex-col w-full">
-				<p className="text-base font-medium max-w-64 truncate">{event.title}</p>
+				<p className="text-base font-medium max-w-64">{event.title}</p>
 				<span className="text-sm flex flex-row gap-2 items-center w-full justify-between">
 					<p className="max-w-32 truncate">{event.location}</p>
 					<p className="mr-2">{moment(event.start).format("h:mm a")} - {moment(event.end).format("h:mm a")}</p>
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 4884c8e..32fe2c2 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -112,7 +112,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 						}}
 						onClick={() => handleEventClick(event)}
 					>
-						<p className="text-xs opacity-75 font-semibold truncate">
+						<p className="text-xs opacity-75 font-semibold">
 							{event.title}
 						</p>
 						<p className={cn(`${view === "week" ? "text-[0.5rem] sm:text-xs" : "text-xs"} font-light truncate`)}>{event.location}</p>
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index 8846f36..eee901b 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState, useMemo } from 'react';
 import moment from 'moment';
 import { ChevronDownIcon, ChevronLeft, ChevronRight } from 'lucide-react';
 import { WeekHeader } from './views/week/week-header';
@@ -92,14 +92,89 @@ const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
 				color: colors[Math.floor(Math.random() * colors.length)],
 			});
 		}
-
-		// Sort events by start time
-		events.sort((a, b) => moment(a.start).diff(moment(b.start)));
 	}
 
+	const recurringEvents: CalendarEvent[] = [
+		{
+			id: 'daily-standup',
+			title: 'Recur 0',
+			location: 'Virtual',
+			start: moment(baseDate).hour(10).minute(0).toDate(),
+			end: moment(baseDate).hour(10).minute(30).toDate(),
+			color: 'bg-blue-300',
+			recurrence: {
+				type: 'specific-days',
+				days: ['monday', 'tuesday', 'wednesday', 'thursday', 'friday'],
+				endDate: moment(baseDate).add(3, 'months').toDate()
+			}
+		},
+		{
+			id: 'weekly-planning',
+			title: 'Recur 1',
+			location: 'Conference A',
+			start: moment(baseDate).day(1).hour(14).minute(0).toDate(), // Monday
+			end: moment(baseDate).day(1).hour(15).minute(0).toDate(),
+			color: 'bg-green-300',
+			recurrence: {
+				type: 'weekly'
+			}
+		}
+	];
+
+	events.push(...recurringEvents);
+
+	events.sort((a, b) => moment(a.start).diff(moment(b.start)));
+	console.log({ events });
 	return events;
 };
 
+const expandRecurringEvents = (events: CalendarEvent[], startDate: Date, endDate: Date): CalendarEvent[] => {
+	const expandedEvents: CalendarEvent[] = [];
+
+	events.forEach(event => {
+		if (!event.recurrence) {
+			expandedEvents.push(event);
+			return;
+		}
+
+		const start = moment(startDate);
+		const end = moment(endDate);
+		const eventStart = moment(event.start);
+		const eventEnd = moment(event.end);
+		const duration = moment.duration(eventEnd.diff(eventStart));
+
+		while (start.isBefore(end)) {
+			if (event.recurrence.type === 'daily') {
+				expandedEvents.push({
+					...event,
+					id: `${event.id}-${start.format('YYYY-MM-DD')}`,
+					start: start.clone().hour(eventStart.hour()).minute(eventStart.minute()).toDate(),
+					end: start.clone().hour(eventEnd.hour()).minute(eventEnd.minute()).toDate(),
+				});
+			} else if (event.recurrence.type === 'weekly' && start.day() === eventStart.day()) {
+				expandedEvents.push({
+					...event,
+					id: `${event.id}-${start.format('YYYY-MM-DD')}`,
+					start: start.clone().hour(eventStart.hour()).minute(eventStart.minute()).toDate(),
+					end: start.clone().hour(eventEnd.hour()).minute(eventEnd.minute()).toDate(),
+				});
+			} else if (event.recurrence.type === 'specific-days' &&
+					   event.recurrence.days?.includes(start.format('dddd').toLowerCase() as any)) {
+				expandedEvents.push({
+					...event,
+					id: `${event.id}-${start.format('YYYY-MM-DD')}`,
+					start: start.clone().hour(eventStart.hour()).minute(eventStart.minute()).toDate(),
+					end: start.clone().hour(eventEnd.hour()).minute(eventEnd.minute()).toDate(),
+				});
+			}
+			start.add(1, 'day');
+		}
+	});
+
+	// Sort all expanded events by start time
+	return expandedEvents.sort((a, b) => moment(a.start).diff(moment(b.start)));
+};
+
 export default function WeekCalendar() {
 	const [currentDate, setCurrentDate] = useState(moment());
 	const [currentView, setCurrentView] = useState<CalendarView>(() => {
@@ -107,7 +182,13 @@ export default function WeekCalendar() {
 		return (savedView as CalendarView) || '3day';
 	});
 
-	const [events] = useState<CalendarEvent[]>(() => generateMockEvents(currentDate));
+	const [baseEvents] = useState<CalendarEvent[]>(() => generateMockEvents(currentDate));
+	const events = useMemo(() => {
+		const startDate = moment(currentDate).subtract(2, 'weeks');
+		const endDate = moment(currentDate).add(2, 'weeks');
+		return expandRecurringEvents(baseEvents, startDate.toDate(), endDate.toDate());
+	}, [baseEvents, currentDate]);
+
 	const isDesktop = window?.innerWidth > MinimumWidth.Large;
 	const scrollRef = useRef<HTMLDivElement>(null);
 	const [swipeProgress, setSwipeProgress] = useState(0);
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
index 3b24183..941ba68 100644
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -1,13 +1,20 @@
 declare global {
 	type CalendarView = 'week' | '3day' | 'day' | 'month' | 'schedule';
 
+	type RecurrencePattern = {
+		type: 'daily' | 'weekly' | 'specific-days';
+		days?: ('monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday')[];
+		endDate?: Date;
+	}
+
 	interface CalendarEvent {
 		id: string;
 		title: string;
-		location?: string;
+		location: string;
 		start: Date;
 		end: Date;
 		color: string;
+		recurrence?: RecurrencePattern;
 	}
 
 	type Message = {

From 05c662c42d9ee68d81893e99df6c4a9dee23603f Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sat, 1 Feb 2025 22:41:47 -0500
Subject: [PATCH 35/54] small fixes and changes

---
 src/components/Calendar/components/EventEmbed.tsx    | 4 ++--
 src/components/Calendar/components/MonthCalendar.tsx | 4 ++--
 src/components/Calendar/event-layer.tsx              | 9 ++++++++-
 src/components/Calendar/views/month/MonthView.tsx    | 2 +-
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/Calendar/components/EventEmbed.tsx b/src/components/Calendar/components/EventEmbed.tsx
index cbce7bc..7453bec 100644
--- a/src/components/Calendar/components/EventEmbed.tsx
+++ b/src/components/Calendar/components/EventEmbed.tsx
@@ -10,7 +10,7 @@ export default function EventEmbed({ event }: { event: CalendarEvent }) {
 
 	return (
 		<div
-			className={cn("flex flex-row py-3 px-1 gap-2 rounded-xl bg-opacity-70 shadow-md hover:cursor-pointer", event.color)}
+			className={cn("flex flex-row py-3 px-1 gap-2 rounded-xl bg-opacity-70 hover:bg-opacity-100 transition-all duration-200 shadow-md hover:cursor-pointer", event.color)}
 			onClick={() => setOpen(true)}
 		>
 			<div onClick={(e) => e.stopPropagation()}>
@@ -22,7 +22,7 @@ export default function EventEmbed({ event }: { event: CalendarEvent }) {
 			</div>
 			<Separator orientation="vertical" className={"bg-primary"} />
 			<div className="flex flex-col w-full">
-				<p className="text-base font-medium max-w-64">{event.title}</p>
+				<p className="text-base font-medium max-w-64 truncate">{event.title}</p>
 				<span className="text-sm flex flex-row gap-2 items-center w-full justify-between">
 					<p className="max-w-32 truncate">{event.location}</p>
 					<p className="mr-2">{moment(event.start).format("h:mm a")} - {moment(event.end).format("h:mm a")}</p>
diff --git a/src/components/Calendar/components/MonthCalendar.tsx b/src/components/Calendar/components/MonthCalendar.tsx
index c435734..dbb8076 100644
--- a/src/components/Calendar/components/MonthCalendar.tsx
+++ b/src/components/Calendar/components/MonthCalendar.tsx
@@ -42,7 +42,7 @@ function MonthCalendar({
 				months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
 				month: "space-y-4",
 				caption: "flex justify-center pt-1 relative items-center",
-				caption_label: "text-sm font-medium",
+				caption_label: "text-base font-medium",
 				nav: "space-x-1 flex items-center",
 				nav_button: cn(
 					buttonVariants({ variant: "outline" }),
@@ -96,7 +96,7 @@ function MonthCalendar({
 							className={cn(
 								buttonVariants({ variant: "ghost" }),
 								"h-8 w-8 p-0 font-normal relative flex flex-col items-center",
-								isSelected && "bg-neutral-200",
+								isSelected && "bg-neutral-100 border border-neutral-200",
 								isOutsideMonth && "text-muted-foreground",
 								dayProps.className
 							)}
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 32fe2c2..695c826 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -115,7 +115,14 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 						<p className="text-xs opacity-75 font-semibold">
 							{event.title}
 						</p>
-						<p className={cn(`${view === "week" ? "text-[0.5rem] sm:text-xs" : "text-xs"} font-light truncate`)}>{event.location}</p>
+						<p className={cn(`${
+							view === "week" && !position.gridRow.includes("span 12") // if it is a long event and week view, show the location
+								? "text-[0.5rem] sm:text-xs"
+								: view === "week"
+									? "hidden"
+									: "text-xs"
+							}
+							font-light truncate`)}>{event.location}</p>
 					</div>
 				);
 			})}
diff --git a/src/components/Calendar/views/month/MonthView.tsx b/src/components/Calendar/views/month/MonthView.tsx
index ea932cd..d130f3c 100644
--- a/src/components/Calendar/views/month/MonthView.tsx
+++ b/src/components/Calendar/views/month/MonthView.tsx
@@ -18,7 +18,7 @@ export default function MonthView({ events }: { events: CalendarEvent[] }) {
 				events={events}
 				defaultMonth={date}
 			/>
-			<div className="flex flex-col gap-2">
+			<div className="flex flex-col gap-4">
 				{events.filter(event => moment(event.start).isSame(date, 'day')).length > 0 ?
 					events.filter(event => moment(event.start).isSame(date, 'day')).map((event) => (
 						<EventEmbed key={event.id} event={event} />

From b46401663bcebf54b4dda1be53f0e7751aa28b90 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sat, 1 Feb 2025 23:32:08 -0500
Subject: [PATCH 36/54] implement recurring events and use zustand for events
 now

---
 package-lock.json                             | 125 ++++++++++
 package.json                                  |   1 +
 .../Calendar/components/EventEmbed.tsx        |   1 -
 .../Calendar/components/EventModal.tsx        | 235 ++++++++++++++++--
 src/components/Calendar/event-layer.tsx       |   1 -
 .../Calendar/views/schedule/ScheduleView.tsx  |   1 -
 src/components/Calendar/week-calendar.tsx     | 162 +++---------
 src/components/ui/checkbox.tsx                |  29 +++
 src/components/ui/date-time-input.tsx         |   4 +-
 src/stores/useEventStore.ts                   | 109 ++++++++
 src/types/global.d.ts                         |   3 +-
 11 files changed, 513 insertions(+), 158 deletions(-)
 create mode 100644 src/components/ui/checkbox.tsx
 create mode 100644 src/stores/useEventStore.ts

diff --git a/package-lock.json b/package-lock.json
index 3a22327..39508f4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@hookform/resolvers": "^3.9.0",
         "@microsoft/applicationinsights-web": "^3.3.4",
         "@radix-ui/react-alert-dialog": "^1.1.2",
+        "@radix-ui/react-checkbox": "^1.1.3",
         "@radix-ui/react-context-menu": "^2.2.2",
         "@radix-ui/react-dialog": "^1.1.2",
         "@radix-ui/react-dropdown-menu": "^2.1.1",
@@ -830,6 +831,130 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.3.tgz",
+      "integrity": "sha512-HD7/ocp8f1B3e6OHygH0n7ZKjONkhciy1Nh0yuBgObqThc3oyx+vuMfFHKAknXRHHWVE9XvXStxJFyjUmB8PIw==",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
+      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-collection": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.0.tgz",
diff --git a/package.json b/package.json
index e9c95e6..f7ab36c 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "@hookform/resolvers": "^3.9.0",
     "@microsoft/applicationinsights-web": "^3.3.4",
     "@radix-ui/react-alert-dialog": "^1.1.2",
+    "@radix-ui/react-checkbox": "^1.1.3",
     "@radix-ui/react-context-menu": "^2.2.2",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
diff --git a/src/components/Calendar/components/EventEmbed.tsx b/src/components/Calendar/components/EventEmbed.tsx
index 7453bec..1385ab6 100644
--- a/src/components/Calendar/components/EventEmbed.tsx
+++ b/src/components/Calendar/components/EventEmbed.tsx
@@ -1,4 +1,3 @@
-import { CalendarEvent } from "@/lib/types";
 import { Separator } from "../../ui/separator";
 import { cn } from "@/lib/utils";
 import moment from "moment";
diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index b612d66..d90b051 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -3,7 +3,6 @@
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import { CalendarEvent } from "@/lib/types";
 import { SquarePenIcon, Trash2Icon } from "lucide-react";
 import { useState, useEffect } from "react";
 import { z } from "zod";
@@ -14,6 +13,11 @@ import DateTimeInput from "@/components/ui/date-time-input";
 import { ColorSelect } from "@/components/ui/color-select";
 import { toast } from "sonner";
 import React from "react";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Label } from "@/components/ui/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import moment from "moment";
+import { useEventStore } from '@/stores/useEventStore';
 
 const eventForm = z.object({
 	title: z.string()
@@ -25,6 +29,11 @@ const eventForm = z.object({
 	start: z.date(),
 	end: z.date(),
 	color: z.string(),
+	recurring: z.boolean().optional(),
+	recurrence: z.string().optional(), // "daily", "weekly", "specific-days",
+	recurrenceInterval: z.number().optional(), // 1, 2, 3, 4, 5
+	recurrenceDays: z.array(z.string()).optional(), // ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"]
+	recurrenceEnd: z.date().optional().nullable(),
 }).refine((data) => {
 	return data.end > data.start;
 }, {
@@ -32,7 +41,7 @@ const eventForm = z.object({
 	path: ["end"],
 }).refine((data) => {
 	const duration = data.end.getTime() - data.start.getTime();
-	const maxDuration = 24 * 60 * 60 * 1000; // 24 hours in milliseconds
+	const maxDuration = 24 * 60 * 60 * 1000;
 	return duration <= maxDuration;
 }, {
 	message: "Event cannot be longer than 24 hours",
@@ -40,15 +49,41 @@ const eventForm = z.object({
 }).refine((data) => {
 	const startHour = data.start.getHours();
 	const endHour = data.end.getHours();
-	return startHour >= 6 && endHour <= 22; // Example: restrict to 6 AM - 10 PM
+	return startHour >= 6 && endHour <= 22;
 }, {
 	message: "Events must be between 6 AM and 10 PM",
 	path: ["start"],
+}).refine((data) => {
+	if (data.recurring && !data.recurrence) {
+		return false;
+	}
+	return true;
+}, {
+	message: "Please select a recurrence type",
+	path: ["recurrence"],
+}).refine((data) => {
+	if (data.recurring && (!data.recurrenceEnd || moment(data.recurrenceEnd).isSameOrBefore(moment(), 'day'))) {
+		return false;
+	}
+	return true;
+}, {
+	message: "End date must be set and must be in the future",
+	path: ["recurrenceEnd"],
+}).refine((data) => {
+	if (data.recurrence === 'specific-days' && (!data.recurrenceDays || data.recurrenceDays.length === 0)) {
+		return false;
+	}
+	return true;
+}, {
+	message: "Please select at least one day",
+	path: ["recurrenceDays"],
 });
 
 export default function EventModal({ event, open, onOpenChange }: { event: CalendarEvent, open: boolean, onOpenChange: (open: boolean) => void }) {
+	const { baseEvents, updateEvent, deleteEvent } = useEventStore();
 	const [isSubmitting, setIsSubmitting] = useState(false);
 	const [isDirty, setIsDirty] = useState(false);
+	const [isRecurring, setIsRecurring] = useState(!!event.recurrence);
 
 	const form = useForm<z.infer<typeof eventForm>>({
 		resolver: zodResolver(eventForm),
@@ -58,6 +93,11 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 			start: event.start,
 			end: event.end,
 			color: event.color,
+			recurring: !!event.recurrence,
+			recurrence: event.recurrence?.type,
+			recurrenceInterval: event.recurrence?.interval,
+			recurrenceDays: event.recurrence?.days,
+			recurrenceEnd: event.recurrence?.endDate || null,
 		}
 	});
 
@@ -71,16 +111,46 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 		return () => subscription.unsubscribe();
 	}, [form]);
 
-	const onSubmit = async (values: z.infer<typeof eventForm>, event: CalendarEvent) => {
+	// Add this effect to reset form when event changes
+	useEffect(() => {
+		form.reset({
+			title: event.title,
+			location: event.location,
+			start: event.start,
+			end: event.end,
+			color: event.color,
+			recurring: !!event.recurrence,
+			recurrence: event.recurrence?.type,
+			recurrenceInterval: event.recurrence?.interval,
+			recurrenceDays: event.recurrence?.days,
+			recurrenceEnd: event.recurrence?.endDate || null,
+		});
+		setIsRecurring(!!event.recurrence);
+		setIsDirty(false);
+	}, [event, form]);
+
+	const onSubmit = async (values: z.infer<typeof eventForm>) => {
 		setIsSubmitting(true);
 		try {
 			onOpenChange(false);
-			console.log(values);
-			event.title = values.title;
-			event.location = values.location;
-			event.start = values.start;
-			event.end = values.end;
-			event.color = values.color;
+
+			// Find and update all instances of this recurring event
+			const baseEvent = baseEvents.find(e => e.id === event.id);
+			if (baseEvent) {
+				updateEvent({
+					...baseEvent,
+					title: values.title,
+					location: values.location,
+					color: values.color,
+					recurrence: values.recurring ? {
+						type: values.recurrence as "daily" | "weekly" | "specific-days",
+						interval: values.recurrenceInterval,
+						days: values.recurrenceDays as ("monday" | "tuesday" | "wednesday" | "thursday" | "friday" | "saturday" | "sunday")[],
+						endDate: values.recurrenceEnd || undefined,
+					} : undefined,
+				});
+			}
+
 			toast.success('Changes saved successfully');
 		} catch (error: unknown) {
 			console.error(error);
@@ -92,6 +162,19 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 		}
 	}
 
+	const handleDelete = () => {
+		if (window.confirm('Are you sure you want to delete this event?')) {
+			try {
+				deleteEvent(event.id);
+				toast.success('Event deleted successfully');
+				onOpenChange(false);
+			} catch (error) {
+				console.error(error);
+				toast.error('Failed to delete event');
+			}
+		}
+	};
+
 	return (
 		<Dialog
 			open={open}
@@ -125,7 +208,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 						</DialogDescription>
 						<Form {...form}>
 							<form onSubmit={form.handleSubmit((data) => {
-								onSubmit(data, event)
+								onSubmit(data)
 							})} className="space-y-4">
 								<FormField
 									control={form.control}
@@ -187,6 +270,128 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 									/>
 								</div>
 
+								<div className="flex flex-row gap-2 items-center">
+									<FormField
+										control={form.control}
+										name="recurring"
+										render={({ field }) => (
+											<FormItem className="flex flex-row items-center space-x-2 space-y-0">
+												<FormControl>
+													<Checkbox
+														checked={field.value}
+														onCheckedChange={(checked) => {
+															field.onChange(checked);
+															setIsRecurring(checked as boolean);
+														}}
+														id="recurring"
+													/>
+												</FormControl>
+												<Label htmlFor="recurring">Recurring</Label>
+											</FormItem>
+										)}
+									/>
+								</div>
+
+								{isRecurring && (
+									<div className="space-y-4">
+										<FormField
+											control={form.control}
+											name="recurrence"
+											render={({ field }) => (
+												<FormItem className="w-full text-start">
+													<FormLabel className="text-start text-muted-foreground">Recurrence Type</FormLabel>
+													<Select
+														onValueChange={field.onChange}
+														defaultValue={field.value}
+													>
+														<SelectTrigger>
+															<SelectValue placeholder="Select recurrence type" />
+														</SelectTrigger>
+														<SelectContent>
+															<SelectItem value="weekly">Weekly</SelectItem>
+															<SelectItem value="daily">Daily</SelectItem>
+															<SelectItem value="specific-days">Specific Days</SelectItem>
+														</SelectContent>
+													</Select>
+													<FormMessage />
+												</FormItem>
+											)}
+										/>
+
+										{(form.watch("recurrence") === "weekly" || form.watch("recurrence") === "specific-days") && (
+											<FormField
+												control={form.control}
+												name="recurrenceInterval"
+												render={({ field }) => (
+													<FormItem className="w-full text-start">
+														<FormLabel className="text-start text-muted-foreground">Repeat every</FormLabel>
+														<Select
+															onValueChange={(value) => field.onChange(parseInt(value))}
+															defaultValue={field.value?.toString()}
+														>
+															<SelectTrigger>
+																<SelectValue placeholder="Select interval" />
+															</SelectTrigger>
+															<SelectContent>
+																{[1, 2, 3, 4].map((num) => (
+																	<SelectItem key={num} value={num.toString()}>
+																		{num} {num === 1 ? 'week' : 'weeks'}
+																	</SelectItem>
+																))}
+															</SelectContent>
+														</Select>
+														<FormMessage />
+													</FormItem>
+												)}
+											/>
+										)}
+
+										{form.watch("recurrence") === "specific-days" && (
+											<FormField
+												control={form.control}
+												name="recurrenceDays"
+												render={({ field }) => (
+													<FormItem className="w-full text-start">
+														<FormLabel className="text-start text-muted-foreground">Repeat on</FormLabel>
+														<div className="flex flex-wrap gap-2">
+															{['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'].map((day) => (
+																<div key={day} className="flex items-center space-x-2">
+																	<Checkbox
+																		checked={field.value?.includes(day)}
+																		onCheckedChange={(checked) => {
+																			const updatedDays = checked
+																				? [...(field.value || []), day]
+																				: field.value?.filter(d => d !== day) || [];
+																			field.onChange(updatedDays);
+																		}}
+																	/>
+																	<Label>{day.charAt(0).toUpperCase() + day.slice(1)}</Label>
+																</div>
+															))}
+														</div>
+														<FormMessage />
+													</FormItem>
+												)}
+											/>
+										)}
+
+										<FormField
+											control={form.control}
+											name="recurrenceEnd"
+											render={({ field }) => (
+												<FormItem className="w-full text-start">
+													<DateTimeInput
+														label="End Date"
+														value={field.value || new Date()}
+														onChange={field.onChange}
+													/>
+													<FormMessage />
+												</FormItem>
+											)}
+										/>
+									</div>
+								)}
+
 								<div className="flex flex-row gap-1">
 									<Button type="submit" disabled={isSubmitting} className="mr-2 w-full bg-green-500">
 										{isSubmitting ? 'Saving...' : 'Save'}
@@ -194,13 +399,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 									<Button
 										type="button"
 										variant="destructive"
-										onClick={() => {
-											if (window.confirm('Are you sure you want to delete this event?')) {
-												// Handle delete
-												onOpenChange(false);
-											}
-										}}
-
+										onClick={handleDelete}
 									>
 										<Trash2Icon className="scale-75" />
 										<span className="sr-only">Delete Event</span>
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 695c826..052eebb 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -1,6 +1,5 @@
 import moment from 'moment';
 import { cn } from '@/lib/utils';
-import { CalendarEvent, CalendarView } from '@/lib/types';
 import { useState } from 'react';
 import EventModal from './components/EventModal';
 
diff --git a/src/components/Calendar/views/schedule/ScheduleView.tsx b/src/components/Calendar/views/schedule/ScheduleView.tsx
index 5e97914..ad905a9 100644
--- a/src/components/Calendar/views/schedule/ScheduleView.tsx
+++ b/src/components/Calendar/views/schedule/ScheduleView.tsx
@@ -1,4 +1,3 @@
-import { CalendarEvent } from "@/lib/types";
 import { cn } from "@/lib/utils";
 import moment from "moment";
 import EventEmbed from "../../components/EventEmbed";
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index eee901b..ef767fe 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -12,121 +12,7 @@ import { WeekViewGrid } from './views/week/week-view-grid';
 import CalendarHours from './hours';
 import ScheduleView from './views/schedule/ScheduleView';
 import MonthView from './views/month/MonthView';
-
-const generateMockEvents = (baseDate: moment.Moment): CalendarEvent[] => {
-	const events: CalendarEvent[] = [];
-	const eventTitles = [
-		'Team Meeting',
-		'Project Review',
-		'Client Call',
-		'Lunch Break',
-		'Code Review',
-		'Design Sprint',
-		'Weekly Sync',
-		'Planning Session',
-		'1:1 Meeting',
-		'Workshop'
-	];
-
-	const locations = [
-		'Room 101',
-		'Room 102',
-		'Room 103',
-		'Conference A',
-		'Conference B',
-		'Meeting Room 1',
-		'Meeting Room 2',
-		'Cafeteria',
-		'Office',
-		'Virtual'
-	];
-
-	const colors = [
-		'bg-red-300',
-		'bg-orange-300',
-		'bg-yellow-300',
-		'bg-green-300',
-		'bg-blue-300',
-		'bg-indigo-300',
-		'bg-purple-300',
-		'bg-pink-300'
-	];
-
-	// Generate events for 14 days
-	for (let day = 0; day < 14; day++) {
-		const currentDay = moment(baseDate).add(day, 'days');
-
-		// Skip weekends
-		if (currentDay.day() === 0 || currentDay.day() === 6) continue;
-
-		// Random number of events for this day (2-5)
-		const numEvents = Math.floor(Math.random() * 4) + 2;
-
-		// Keep track of used hours to avoid overlap
-		const usedHours = new Set();
-
-		for (let i = 0; i < numEvents; i++) {
-			// Find an available start hour (9-16)
-			let startHour;
-			do {
-				startHour = Math.floor(Math.random() * 8) + 9; // 9 AM to 4 PM
-			} while (usedHours.has(startHour));
-
-			usedHours.add(startHour);
-
-			// Random duration 1-2 hours
-			const duration = Math.random() < 0.7 ? 1 : 2;
-
-			events.push({
-				id: `${day}-${i}`,
-				title: eventTitles[Math.floor(Math.random() * eventTitles.length)],
-				location: locations[Math.floor(Math.random() * locations.length)],
-				start: moment(currentDay)
-					.hour(startHour)
-					.minute(0)
-					.toDate(),
-				end: moment(currentDay)
-					.hour(startHour + duration)
-					.minute(0)
-					.toDate(),
-				color: colors[Math.floor(Math.random() * colors.length)],
-			});
-		}
-	}
-
-	const recurringEvents: CalendarEvent[] = [
-		{
-			id: 'daily-standup',
-			title: 'Recur 0',
-			location: 'Virtual',
-			start: moment(baseDate).hour(10).minute(0).toDate(),
-			end: moment(baseDate).hour(10).minute(30).toDate(),
-			color: 'bg-blue-300',
-			recurrence: {
-				type: 'specific-days',
-				days: ['monday', 'tuesday', 'wednesday', 'thursday', 'friday'],
-				endDate: moment(baseDate).add(3, 'months').toDate()
-			}
-		},
-		{
-			id: 'weekly-planning',
-			title: 'Recur 1',
-			location: 'Conference A',
-			start: moment(baseDate).day(1).hour(14).minute(0).toDate(), // Monday
-			end: moment(baseDate).day(1).hour(15).minute(0).toDate(),
-			color: 'bg-green-300',
-			recurrence: {
-				type: 'weekly'
-			}
-		}
-	];
-
-	events.push(...recurringEvents);
-
-	events.sort((a, b) => moment(a.start).diff(moment(b.start)));
-	console.log({ events });
-	return events;
-};
+import { useEventStore } from '@/stores/useEventStore';
 
 const expandRecurringEvents = (events: CalendarEvent[], startDate: Date, endDate: Date): CalendarEvent[] => {
 	const expandedEvents: CalendarEvent[] = [];
@@ -141,48 +27,56 @@ const expandRecurringEvents = (events: CalendarEvent[], startDate: Date, endDate
 		const end = moment(endDate);
 		const eventStart = moment(event.start);
 		const eventEnd = moment(event.end);
-		const duration = moment.duration(eventEnd.diff(eventStart));
 
 		while (start.isBefore(end)) {
 			if (event.recurrence.type === 'daily') {
 				expandedEvents.push({
 					...event,
-					id: `${event.id}-${start.format('YYYY-MM-DD')}`,
-					start: start.clone().hour(eventStart.hour()).minute(eventStart.minute()).toDate(),
-					end: start.clone().hour(eventEnd.hour()).minute(eventEnd.minute()).toDate(),
-				});
-			} else if (event.recurrence.type === 'weekly' && start.day() === eventStart.day()) {
-				expandedEvents.push({
-					...event,
-					id: `${event.id}-${start.format('YYYY-MM-DD')}`,
-					start: start.clone().hour(eventStart.hour()).minute(eventStart.minute()).toDate(),
-					end: start.clone().hour(eventEnd.hour()).minute(eventEnd.minute()).toDate(),
-				});
-			} else if (event.recurrence.type === 'specific-days' &&
-					   event.recurrence.days?.includes(start.format('dddd').toLowerCase() as any)) {
-				expandedEvents.push({
-					...event,
-					id: `${event.id}-${start.format('YYYY-MM-DD')}`,
 					start: start.clone().hour(eventStart.hour()).minute(eventStart.minute()).toDate(),
 					end: start.clone().hour(eventEnd.hour()).minute(eventEnd.minute()).toDate(),
 				});
+			} else if (event.recurrence.type === 'weekly') {
+				const interval = event.recurrence.interval || 1;
+				const weekDiff = start.diff(eventStart, 'weeks');
+				if (start.day() === eventStart.day() && weekDiff % interval === 0) {
+					expandedEvents.push({
+						...event,
+						start: start.clone().hour(eventStart.hour()).minute(eventStart.minute()).toDate(),
+						end: start.clone().hour(eventEnd.hour()).minute(eventEnd.minute()).toDate(),
+					});
+				}
+			} else if (event.recurrence.type === 'specific-days') {
+				const interval = event.recurrence.interval || 1;
+				const weekDiff = start.diff(eventStart, 'weeks');
+				if (event.recurrence.days?.includes(start.format('dddd').toLowerCase() as 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday') &&
+					weekDiff % interval === 0) {
+					expandedEvents.push({
+						...event,
+						start: start.clone().hour(eventStart.hour()).minute(eventStart.minute()).toDate(),
+						end: start.clone().hour(eventEnd.hour()).minute(eventEnd.minute()).toDate(),
+					});
+				}
 			}
 			start.add(1, 'day');
 		}
 	});
 
-	// Sort all expanded events by start time
 	return expandedEvents.sort((a, b) => moment(a.start).diff(moment(b.start)));
 };
 
 export default function WeekCalendar() {
+	const { baseEvents, generateMockEvents } = useEventStore();
 	const [currentDate, setCurrentDate] = useState(moment());
 	const [currentView, setCurrentView] = useState<CalendarView>(() => {
 		const savedView = localStorage.getItem('calendarView');
 		return (savedView as CalendarView) || '3day';
 	});
 
-	const [baseEvents] = useState<CalendarEvent[]>(() => generateMockEvents(currentDate));
+	// Initialize events on mount
+	useEffect(() => {
+		generateMockEvents(currentDate);
+	}, []);
+
 	const events = useMemo(() => {
 		const startDate = moment(currentDate).subtract(2, 'weeks');
 		const endDate = moment(currentDate).add(2, 'weeks');
diff --git a/src/components/ui/checkbox.tsx b/src/components/ui/checkbox.tsx
new file mode 100644
index 0000000..83692e2
--- /dev/null
+++ b/src/components/ui/checkbox.tsx
@@ -0,0 +1,29 @@
+"use client"
+
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { cn } from "@/lib/utils"
+import { CheckIcon } from "@radix-ui/react-icons"
+
+const Checkbox = React.forwardRef<
+  React.ElementRef<typeof CheckboxPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <CheckboxPrimitive.Root
+    ref={ref}
+    className={cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    )}
+    {...props}
+  >
+    <CheckboxPrimitive.Indicator
+      className={cn("flex items-center justify-center text-current")}
+    >
+      <CheckIcon className="h-4 w-4" />
+    </CheckboxPrimitive.Indicator>
+  </CheckboxPrimitive.Root>
+))
+Checkbox.displayName = CheckboxPrimitive.Root.displayName
+
+export { Checkbox }
diff --git a/src/components/ui/date-time-input.tsx b/src/components/ui/date-time-input.tsx
index 48c7b50..d7d57a1 100644
--- a/src/components/ui/date-time-input.tsx
+++ b/src/components/ui/date-time-input.tsx
@@ -3,7 +3,7 @@
 import { DateField, DateInput, DateSegment, Label } from "react-aria-components";
 import { CalendarDateTime } from "@internationalized/date";
 
-export default function DateTimeInput({ label, value, onChange }: { label: string, value: Date, onChange: (date: Date) => void }) {
+export default function DateTimeInput({ label, value, onChange }: { label?: string, value: Date, onChange: (date: Date) => void }) {
 	return (
 		<DateField
 			className="space-y-2 flex flex-col"
@@ -24,7 +24,7 @@ export default function DateTimeInput({ label, value, onChange }: { label: strin
 				}
 			}}
 		>
-			<Label className="text-sm font-medium text-muted-foreground">{label}</Label>
+			{label && <Label className="text-sm font-medium text-muted-foreground">{label}</Label>}
 			<DateInput className="relative inline-flex h-9 w-fit items-center overflow-hidden whitespace-nowrap rounded-lg border border-input dark:border-neutral-500/50 bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-[disabled]:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20 tracking-tighter">
 				{(segment) => (
 					<DateSegment
diff --git a/src/stores/useEventStore.ts b/src/stores/useEventStore.ts
new file mode 100644
index 0000000..6417ff4
--- /dev/null
+++ b/src/stores/useEventStore.ts
@@ -0,0 +1,109 @@
+import { create } from 'zustand';
+import moment from 'moment';
+import { v4 as uuidv4 } from 'uuid';
+
+interface EventStore {
+    baseEvents: CalendarEvent[];
+    setBaseEvents: (events: CalendarEvent[]) => void;
+    updateEvent: (event: CalendarEvent) => void;
+    deleteEvent: (eventId: string) => void;
+    generateMockEvents: (baseDate: moment.Moment) => void;
+}
+
+const eventTitles = [
+    'Team Meeting', 'Project Review', 'Client Call', 'Lunch Break',
+    'Code Review', 'Design Sprint', 'Weekly Sync', 'Planning Session',
+    '1:1 Meeting', 'Workshop'
+];
+
+const locations = [
+    'Room 101', 'Room 102', 'Room 103', 'Conference A', 'Conference B',
+    'Meeting Room 1', 'Meeting Room 2', 'Cafeteria', 'Office', 'Virtual'
+];
+
+const colors = [
+    'bg-red-300', 'bg-orange-300', 'bg-yellow-300', 'bg-green-300',
+    'bg-blue-300', 'bg-indigo-300', 'bg-purple-300', 'bg-pink-300'
+];
+
+export const useEventStore = create<EventStore>((set) => ({
+    baseEvents: [],
+    setBaseEvents: (events) => set({ baseEvents: events }),
+    updateEvent: (updatedEvent) => set((state) => ({
+        baseEvents: state.baseEvents.map(event =>
+            event.id === updatedEvent.id ? updatedEvent : event
+        )
+    })),
+    deleteEvent: (eventId) => set((state) => ({
+        baseEvents: state.baseEvents.filter(event => event.id !== eventId)
+    })),
+    generateMockEvents: (baseDate) => {
+        const events: CalendarEvent[] = [];
+
+        // Generate events for 14 days
+        for (let day = 0; day < 14; day++) {
+            const currentDay = moment(baseDate).add(day, 'days');
+
+            // Skip weekends
+            if (currentDay.day() === 0 || currentDay.day() === 6) continue;
+
+            // Random number of events for this day (2-5)
+            const numEvents = Math.floor(Math.random() * 4) + 2;
+            const usedHours = new Set();
+
+            for (let i = 0; i < numEvents; i++) {
+                // Find an available start hour (9-16)
+                let startHour;
+                do {
+                    startHour = Math.floor(Math.random() * 8) + 9; // 9 AM to 4 PM
+                } while (usedHours.has(startHour));
+
+                usedHours.add(startHour);
+                const duration = Math.random() < 0.7 ? 1 : 2;
+
+                events.push({
+                    id: uuidv4(),
+                    title: eventTitles[Math.floor(Math.random() * eventTitles.length)],
+                    location: locations[Math.floor(Math.random() * locations.length)],
+                    start: moment(currentDay).hour(startHour).minute(0).toDate(),
+                    end: moment(currentDay).hour(startHour + duration).minute(0).toDate(),
+                    color: colors[Math.floor(Math.random() * colors.length)],
+                });
+            }
+        }
+
+        // Add recurring events
+        const recurringEvents: CalendarEvent[] = [
+            {
+                id: uuidv4(),
+                title: 'Recur 0',
+                location: 'Virtual',
+                start: moment(baseDate).hour(10).minute(0).toDate(),
+                end: moment(baseDate).hour(10).minute(30).toDate(),
+                color: 'bg-blue-300',
+                recurrence: {
+                    type: 'specific-days',
+                    days: ['monday', 'tuesday', 'wednesday', 'thursday', 'friday'],
+                    endDate: moment(baseDate).add(3, 'months').toDate()
+                }
+            },
+            {
+                id: uuidv4(),
+                title: 'Recur 1',
+                location: 'Conference A',
+                start: moment(baseDate).day(1).hour(14).minute(0).toDate(),
+                end: moment(baseDate).day(1).hour(15).minute(0).toDate(),
+                color: 'bg-green-300',
+                recurrence: {
+                    type: 'weekly',
+                    interval: 2
+                }
+            }
+        ];
+
+        events.push(...recurringEvents);
+        events.sort((a, b) => moment(a.start).diff(moment(b.start)));
+
+        set({ baseEvents: events });
+    }
+}));
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
index 941ba68..505e9aa 100644
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -3,8 +3,9 @@ declare global {
 
 	type RecurrencePattern = {
 		type: 'daily' | 'weekly' | 'specific-days';
+		interval?: number;
 		days?: ('monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday')[];
-		endDate?: Date;
+		endDate?: Date | null;
 	}
 
 	interface CalendarEvent {

From bf35f7f23778e948c1b01138c18864d9e36b3887 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sat, 1 Feb 2025 23:41:31 -0500
Subject: [PATCH 37/54] fix display events error by only checking events in
 view

---
 src/components/Calendar/event-layer.tsx | 41 ++++++++++++-------------
 1 file changed, 19 insertions(+), 22 deletions(-)

diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 052eebb..faf1a7e 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -28,33 +28,30 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 				moment(event.end).isAfter(moment(e.start))
 			);
 
-			if(isOverlapping) console.log(event.title, events.findIndex(e => e.id === event.id) % 2 === 0);
-
 			return {
 				gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`,
 				gridColumn: 1,
 				width: isOverlapping ? '48%' : '100%',
-				justifySelf: isOverlapping ? events.findIndex(e => e.id === event.id) % 2 === 0 ? 'end' : 'start' : 'stretch'
+				justifySelf: isOverlapping ? dayEvents.findIndex(e => e.id === event.id) % 2 === 0 ? 'end' : 'start' : 'stretch'
 			};
-		}
-
-		const dayIndex = weekDays.findIndex(day => day.isSame(event.start, 'day'));
-		if (dayIndex === -1) return null;
+		} else {
+			const dayIndex = weekDays.findIndex(day => day.isSame(event.start, 'day'));
+			if (dayIndex === -1) return null;
 
-		// Check for overlaps
-		const dayEvents = events.filter(e => moment(e.start).isSame(weekDays[dayIndex], 'day'));
-		const isOverlapping = dayEvents.some(e =>
-			e.id !== event.id &&
-			moment(event.start).isBefore(moment(e.end)) &&
-			moment(event.end).isAfter(moment(e.start))
-		);
+			const dayEvents = events.filter(e => moment(e.start).isSame(weekDays[dayIndex], 'day'));
+			const isOverlapping = dayEvents.some(e =>
+				e.id !== event.id &&
+				moment(event.start).isBefore(moment(e.end)) &&
+				moment(event.end).isAfter(moment(e.start))
+			);
 
-		return {
-			gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`,
-			gridColumn: dayIndex + 1,
-			width: isOverlapping ? '45%' : 'unset',
-			justifySelf: isOverlapping ? events.findIndex(e => e.id === event.id) % 2 === 0 ? 'end' : 'start' : 'stretch'
-		};
+			return {
+				gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`,
+				gridColumn: dayIndex + 1,
+				width: isOverlapping ? '45%' : 'unset',
+				justifySelf: isOverlapping ? dayEvents.findIndex(e => e.id === event.id) % 2 === 0 ? 'end' : 'start' : 'stretch'
+			};
+		}
 	};
 
 	const handleEventClick = (event: CalendarEvent) => {
@@ -78,13 +75,13 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
 			}}
 		>
-			{events.map((event) => {
+			{events.map((event, index) => {
 				const position = calculateEventPosition(event, view);
 				if (!position) return null;
 
 				return (
 					<div
-						key={event.id}
+						key={`${event.id}-${index}`}
 						className={cn(
 							"flex flex-col relative mx-1 rounded-md p-2 mb-1 overflow-hidden cursor-pointer",
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",

From 72bb16ffc4ecf6674ad77f518e2c75725b2aa387 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 2 Feb 2025 00:00:11 -0500
Subject: [PATCH 38/54] fix errors in recurring events and event modals

---
 .../Calendar/components/EventModal.tsx        | 77 +++++++++++++------
 .../Calendar/components/MonthCalendar.tsx     | 12 ++-
 .../Calendar/views/month/MonthView.tsx        |  8 +-
 src/components/Calendar/week-calendar.tsx     | 14 +++-
 src/components/ui/day-select.tsx              | 50 ++++++++++++
 5 files changed, 129 insertions(+), 32 deletions(-)
 create mode 100644 src/components/ui/day-select.tsx

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index d90b051..ffdb6c3 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -18,6 +18,7 @@ import { Label } from "@/components/ui/label";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import moment from "moment";
 import { useEventStore } from '@/stores/useEventStore';
+import { DaySelect, Day } from "@/components/ui/day-select";
 
 const eventForm = z.object({
 	title: z.string()
@@ -77,6 +78,14 @@ const eventForm = z.object({
 }, {
 	message: "Please select at least one day",
 	path: ["recurrenceDays"],
+}).refine((data) => {
+	if ((data.recurrence === 'weekly' || data.recurrence === 'specific-days') && !data.recurrenceInterval) {
+		return false;
+	}
+	return true;
+}, {
+	message: "Please select an interval",
+	path: ["recurrenceInterval"],
 });
 
 export default function EventModal({ event, open, onOpenChange }: { event: CalendarEvent, open: boolean, onOpenChange: (open: boolean) => void }) {
@@ -111,7 +120,6 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 		return () => subscription.unsubscribe();
 	}, [form]);
 
-	// Add this effect to reset form when event changes
 	useEffect(() => {
 		form.reset({
 			title: event.title,
@@ -179,14 +187,45 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 		<Dialog
 			open={open}
 			onOpenChange={(open) => {
-				if (!open && isDirty) {
-					if (window.confirm('You have unsaved changes. Are you sure you want to close?')) {
-						setIsDirty(false);
-						onOpenChange(false);
+				if (!open) {
+					if (isDirty) {
+						if (window.confirm('You have unsaved changes. Are you sure you want to close?')) {
+							form.reset({
+								title: event.title,
+								location: event.location,
+								start: event.start,
+								end: event.end,
+								color: event.color,
+								recurring: !!event.recurrence,
+								recurrence: event.recurrence?.type,
+								recurrenceInterval: event.recurrence?.interval,
+								recurrenceDays: event.recurrence?.days,
+								recurrenceEnd: event.recurrence?.endDate || null,
+							});
+							setIsRecurring(!!event.recurrence);
+							setIsDirty(false);
+							onOpenChange(false);
+						}
+						return;
 					}
-					return;
+					// Reset form even when no changes were made
+					form.reset({
+						title: event.title,
+						location: event.location,
+						start: event.start,
+						end: event.end,
+						color: event.color,
+						recurring: !!event.recurrence,
+						recurrence: event.recurrence?.type,
+						recurrenceInterval: event.recurrence?.interval,
+						recurrenceDays: event.recurrence?.days,
+						recurrenceEnd: event.recurrence?.endDate || null,
+					});
+					setIsRecurring(!!event.recurrence);
+					onOpenChange(false);
+				} else {
+					onOpenChange(true);
 				}
-				onOpenChange(open);
 			}}
 		>
 			<DialogContent onOpenAutoFocus={(e) => e.preventDefault()}>
@@ -327,7 +366,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 														<FormLabel className="text-start text-muted-foreground">Repeat every</FormLabel>
 														<Select
 															onValueChange={(value) => field.onChange(parseInt(value))}
-															defaultValue={field.value?.toString()}
+															value={field.value?.toString() || "1"}
 														>
 															<SelectTrigger>
 																<SelectValue placeholder="Select interval" />
@@ -353,22 +392,12 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 												render={({ field }) => (
 													<FormItem className="w-full text-start">
 														<FormLabel className="text-start text-muted-foreground">Repeat on</FormLabel>
-														<div className="flex flex-wrap gap-2">
-															{['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'].map((day) => (
-																<div key={day} className="flex items-center space-x-2">
-																	<Checkbox
-																		checked={field.value?.includes(day)}
-																		onCheckedChange={(checked) => {
-																			const updatedDays = checked
-																				? [...(field.value || []), day]
-																				: field.value?.filter(d => d !== day) || [];
-																			field.onChange(updatedDays);
-																		}}
-																	/>
-																	<Label>{day.charAt(0).toUpperCase() + day.slice(1)}</Label>
-																</div>
-															))}
-														</div>
+														<FormControl>
+															<DaySelect
+																value={(field.value || []) as Day[]}
+																onChange={field.onChange}
+															/>
+														</FormControl>
 														<FormMessage />
 													</FormItem>
 												)}
diff --git a/src/components/Calendar/components/MonthCalendar.tsx b/src/components/Calendar/components/MonthCalendar.tsx
index dbb8076..779ef9e 100644
--- a/src/components/Calendar/components/MonthCalendar.tsx
+++ b/src/components/Calendar/components/MonthCalendar.tsx
@@ -13,6 +13,7 @@ import { SetStateAction } from "react"
 export type CalendarProps = React.ComponentProps<typeof DayPicker> & {
 	events?: CalendarEvent[];
 	onSelect?: Dispatch<SetStateAction<Date>>;
+	onNavigate?: (date: Date) => void;
 }
 
 function MonthCalendar({
@@ -22,22 +23,27 @@ function MonthCalendar({
 	events = [],
 	selected,
 	onSelect,
+	onNavigate,
 	...props
 }: CalendarProps) {
 	const [currentMonth, setCurrentMonth] = React.useState<Date>(props.defaultMonth || new Date());
 
-	// Function to get events for a specific day
 	const getEventsForDay = (day: Date) => {
 		return events?.filter(event =>
 			moment(event.start).isSame(day, 'day')
-		).slice(0, 3); // Only take first 3 events
+		).slice(0, 3);
 	};
 
 	return (
 		<DayPicker
 			showOutsideDays={showOutsideDays}
 			className={cn("p-3", className)}
-			onMonthChange={setCurrentMonth}
+			onMonthChange={(date) => {
+				if (date && onNavigate) {
+					onNavigate(date);
+				}
+				setCurrentMonth(date);
+			}}
 			classNames={{
 				months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
 				month: "space-y-4",
diff --git a/src/components/Calendar/views/month/MonthView.tsx b/src/components/Calendar/views/month/MonthView.tsx
index d130f3c..000d25a 100644
--- a/src/components/Calendar/views/month/MonthView.tsx
+++ b/src/components/Calendar/views/month/MonthView.tsx
@@ -4,7 +4,12 @@ import EventEmbed from "@/components/Calendar/components/EventEmbed";
 import moment from "moment";
 import ZzIcon from "@/icons/general/zz-icon";
 
-export default function MonthView({ events }: { events: CalendarEvent[] }) {
+interface MonthViewProps {
+	events: CalendarEvent[];
+	onMonthChange?: (date: moment.Moment) => void;
+}
+
+export default function MonthView({ events, onMonthChange }: MonthViewProps) {
 	const [date, setDate] = useState<Date>(new Date());
 
 	return (
@@ -17,6 +22,7 @@ export default function MonthView({ events }: { events: CalendarEvent[] }) {
 				className="w-full"
 				events={events}
 				defaultMonth={date}
+				onNavigate={(date) => onMonthChange?.(moment(date))}
 			/>
 			<div className="flex flex-col gap-4">
 				{events.filter(event => moment(event.start).isSame(date, 'day')).length > 0 ?
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index ef767fe..f69cbd2 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -72,14 +72,13 @@ export default function WeekCalendar() {
 		return (savedView as CalendarView) || '3day';
 	});
 
-	// Initialize events on mount
 	useEffect(() => {
 		generateMockEvents(currentDate);
 	}, []);
 
 	const events = useMemo(() => {
-		const startDate = moment(currentDate).subtract(2, 'weeks');
-		const endDate = moment(currentDate).add(2, 'weeks');
+		const startDate = moment(currentDate).subtract(6, 'weeks');
+		const endDate = moment(currentDate).add(6, 'weeks');
 		return expandRecurringEvents(baseEvents, startDate.toDate(), endDate.toDate());
 	}, [baseEvents, currentDate]);
 
@@ -223,6 +222,10 @@ export default function WeekCalendar() {
 		localStorage.setItem('calendarView', view);
 	};
 
+	const handleMonthChange = (newDate: moment.Moment) => {
+		setCurrentDate(newDate);
+	};
+
 	return (
 		<div className="w-full max-w-4xl flex flex-col h-full bg-background rounded-lg">
 			{/* <div className="flex items-center gap-2 w-full mt-4 px-4">
@@ -319,7 +322,10 @@ export default function WeekCalendar() {
 			{currentView === 'schedule' ? (
 				<ScheduleView events={events} />
 			) : currentView === 'month' ? (
-				<MonthView events={events} />
+				<MonthView
+					events={events}
+					onMonthChange={handleMonthChange}
+				/>
 			) : (
 			<>
 				<WeekHeader days={weekDays} view={currentView} />
diff --git a/src/components/ui/day-select.tsx b/src/components/ui/day-select.tsx
new file mode 100644
index 0000000..3c86223
--- /dev/null
+++ b/src/components/ui/day-select.tsx
@@ -0,0 +1,50 @@
+import { cn } from "@/lib/utils";
+
+export type Day = 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday';
+
+const dayAbbreviations: Record<Day, string> = {
+    monday: 'M',
+    tuesday: 'Tu',
+    wednesday: 'W',
+    thursday: 'Th',
+    friday: 'F',
+    saturday: 'Sa',
+    sunday: 'Su'
+};
+
+interface DaySelectProps {
+    value: Day[];
+    onChange: (value: Day[]) => void;
+}
+
+export function DaySelect({ value = [], onChange }: DaySelectProps) {
+    const days: Day[] = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
+
+    const toggleDay = (day: Day) => {
+        const newValue = value.includes(day)
+            ? value.filter(d => d !== day)
+            : [...value, day];
+        onChange(newValue);
+    };
+
+    return (
+        <div className="flex flex-row gap-2">
+            {days.map((day) => (
+                <button
+                    key={day}
+                    type="button"
+                    onClick={() => toggleDay(day)}
+                    className={cn(
+                        "size-8 rounded-full flex items-center justify-center text-xs font-medium transition-colors",
+                        "border border-border hover:bg-accent",
+                        value.includes(day)
+                            ? "bg-primary text-primary-foreground hover:bg-primary/90"
+                            : "bg-background"
+                    )}
+                >
+                    {dayAbbreviations[day]}
+                </button>
+            ))}
+        </div>
+    );
+}

From 6589117404098e8ef20dcda31a6459783fc32a55 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 2 Feb 2025 00:17:47 -0500
Subject: [PATCH 39/54] events were not saving start and end time,,

---
 .../Calendar/components/EventModal.tsx        | 24 ++++++++++++++++---
 src/components/Calendar/event-layer.tsx       |  2 +-
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index ffdb6c3..5472248 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -116,9 +116,25 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 	}, [startDate, form]);
 
 	useEffect(() => {
-		const subscription = form.watch(() => setIsDirty(true));
+		const subscription = form.watch(() => {
+			const currentValues = form.getValues();
+			const hasChanges =
+				currentValues.title !== event.title ||
+				currentValues.location !== event.location ||
+				currentValues.color !== event.color ||
+				!moment(currentValues.start).isSame(event.start) ||
+				!moment(currentValues.end).isSame(event.end) ||
+				!!currentValues.recurring !== !!event.recurrence ||
+				currentValues.recurrence !== event.recurrence?.type ||
+				currentValues.recurrenceInterval !== event.recurrence?.interval ||
+				JSON.stringify(currentValues.recurrenceDays) !== JSON.stringify(event.recurrence?.days) ||
+				(currentValues.recurrenceEnd && event.recurrence?.endDate &&
+					!moment(currentValues.recurrenceEnd).isSame(event.recurrence.endDate));
+
+			setIsDirty(hasChanges ?? false);
+		});
 		return () => subscription.unsubscribe();
-	}, [form]);
+	}, [form, event]);
 
 	useEffect(() => {
 		form.reset({
@@ -150,6 +166,8 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 					title: values.title,
 					location: values.location,
 					color: values.color,
+					start: values.start,
+					end: values.end,
 					recurrence: values.recurring ? {
 						type: values.recurrence as "daily" | "weekly" | "specific-days",
 						interval: values.recurrenceInterval,
@@ -320,7 +338,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 														checked={field.value}
 														onCheckedChange={(checked) => {
 															field.onChange(checked);
-															setIsRecurring(checked as boolean);
+															setIsRecurring(!!checked);
 														}}
 														id="recurring"
 													/>
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index faf1a7e..9bcea56 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -83,7 +83,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 					<div
 						key={`${event.id}-${index}`}
 						className={cn(
-							"flex flex-col relative mx-1 rounded-md p-2 mb-1 overflow-hidden cursor-pointer",
+							"flex flex-col relative mx-1 rounded-md p-2 mb-1 shadow-md overflow-hidden cursor-pointer",
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
 							event.color,
 							"",

From 63cb6d98ad4f765b1d504860de9bb8eb3c7cfb9f Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 2 Feb 2025 00:54:42 -0500
Subject: [PATCH 40/54] style fixes and changes

---
 src/components/Calendar/components/EventModal.tsx |  9 ++++++---
 src/components/Calendar/event-layer.tsx           |  2 +-
 .../Calendar/views/schedule/ScheduleView.tsx      | 15 ++++++++++++++-
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index 5472248..fd5435c 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -246,7 +246,10 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 				}
 			}}
 		>
-			<DialogContent onOpenAutoFocus={(e) => e.preventDefault()}>
+			<DialogContent
+				onOpenAutoFocus={(e) => e.preventDefault()}
+				className="max-h-[90dvh] overflow-y-scroll"
+			>
 				<div className="flex flex-col items-center gap-2 w-full">
 					<div
 						className="flex size-9 shrink-0 items-center justify-center rounded-full border border-border"
@@ -260,13 +263,13 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 								Edit {event.title}
 							</DialogTitle>
 						</div>
-						<DialogDescription className="sm:text-center">
+						<DialogDescription className="hidden">
 							Make changes to your event here
 						</DialogDescription>
 						<Form {...form}>
 							<form onSubmit={form.handleSubmit((data) => {
 								onSubmit(data)
-							})} className="space-y-4">
+							})} className="space-y-4 overflow-auto">
 								<FormField
 									control={form.control}
 									name="title"
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index 9bcea56..ae42144 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -83,7 +83,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 					<div
 						key={`${event.id}-${index}`}
 						className={cn(
-							"flex flex-col relative mx-1 rounded-md p-2 mb-1 shadow-md overflow-hidden cursor-pointer",
+							"flex flex-col relative mx-1 rounded-md p-2 mb-1 shadow-sm border border-neutral-200 overflow-hidden cursor-pointer",
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
 							event.color,
 							"",
diff --git a/src/components/Calendar/views/schedule/ScheduleView.tsx b/src/components/Calendar/views/schedule/ScheduleView.tsx
index ad905a9..c7b2a59 100644
--- a/src/components/Calendar/views/schedule/ScheduleView.tsx
+++ b/src/components/Calendar/views/schedule/ScheduleView.tsx
@@ -2,9 +2,20 @@ import { cn } from "@/lib/utils";
 import moment from "moment";
 import EventEmbed from "../../components/EventEmbed";
 import ZzIcon from "@/icons/general/zz-icon";
-import React from "react";
+import React, { useRef, useEffect } from "react";
 
 export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
+	const todayRef = useRef<HTMLDivElement>(null);
+
+	useEffect(() => {
+		// Add a small delay to ensure the DOM is ready
+		setTimeout(() => {
+			todayRef.current?.scrollIntoView({
+				block: 'center'
+			});
+		}, 0);
+	}, []);
+
 	const groupedEvents = events.reduce((acc, event) => {
 		const day = moment(event.start).format('YYYY-MM-DD');
 		if (!acc[day]) {
@@ -45,6 +56,7 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 							<div className="h-10" />
 						)}
 						<div
+							ref={moment(day).isSame(moment(), 'day') ? todayRef : undefined}
 							className={cn(
 								"flex flex-col p-4 text-center rounded-lg transition-all",
 								!moment(day).isSame(moment(), "day")
@@ -74,6 +86,7 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 							</div>
 						)}
 						<div
+							ref={moment(day).isSame(moment(), 'day') ? todayRef : undefined}
 							className="flex flex-col gap-2 transition-all"
 							style={{
 								height: `${getDayHeight(day)}rem`,

From 8ccbc702f83d8478e50fbfac1830248a87477bac Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 2 Feb 2025 11:38:41 -0500
Subject: [PATCH 41/54] style changes

---
 .../Calendar/components/EventEmbed.tsx        |  2 +-
 .../Calendar/components/MonthCalendar.tsx     |  2 +-
 src/components/Calendar/event-layer.tsx       |  3 +-
 src/components/Calendar/week-calendar.tsx     |  4 +-
 src/components/ui/date-time-input.tsx         |  2 +-
 src/components/ui/day-select.tsx              | 72 +++++++++----------
 src/components/ui/input.tsx                   |  2 +-
 src/stores/useEventStore.ts                   |  3 +-
 8 files changed, 45 insertions(+), 45 deletions(-)

diff --git a/src/components/Calendar/components/EventEmbed.tsx b/src/components/Calendar/components/EventEmbed.tsx
index 1385ab6..da23394 100644
--- a/src/components/Calendar/components/EventEmbed.tsx
+++ b/src/components/Calendar/components/EventEmbed.tsx
@@ -9,7 +9,7 @@ export default function EventEmbed({ event }: { event: CalendarEvent }) {
 
 	return (
 		<div
-			className={cn("flex flex-row py-3 px-1 gap-2 rounded-xl bg-opacity-70 hover:bg-opacity-100 transition-all duration-200 shadow-md hover:cursor-pointer", event.color)}
+			className={cn("flex flex-row py-3 px-1 gap-2 rounded-xl bg-opacity-70 dark:bg-opacity-80 hover:bg-opacity-100 transition-all duration-200 shadow-md hover:cursor-pointer", event.color)}
 			onClick={() => setOpen(true)}
 		>
 			<div onClick={(e) => e.stopPropagation()}>
diff --git a/src/components/Calendar/components/MonthCalendar.tsx b/src/components/Calendar/components/MonthCalendar.tsx
index 779ef9e..695ccb3 100644
--- a/src/components/Calendar/components/MonthCalendar.tsx
+++ b/src/components/Calendar/components/MonthCalendar.tsx
@@ -102,7 +102,7 @@ function MonthCalendar({
 							className={cn(
 								buttonVariants({ variant: "ghost" }),
 								"h-8 w-8 p-0 font-normal relative flex flex-col items-center",
-								isSelected && "bg-neutral-100 border border-neutral-200",
+								isSelected && "bg-neutral-100 border border-neutral-200 dark:bg-neutral-800 dark:border-neutral-700",
 								isOutsideMonth && "text-muted-foreground",
 								dayProps.className
 							)}
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/event-layer.tsx
index ae42144..935c0f8 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/event-layer.tsx
@@ -83,10 +83,9 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 					<div
 						key={`${event.id}-${index}`}
 						className={cn(
-							"flex flex-col relative mx-1 rounded-md p-2 mb-1 shadow-sm border border-neutral-200 overflow-hidden cursor-pointer",
+							"flex flex-col relative mx-1 rounded-md p-2 mb-1 shadow-sm border border-neutral-200 dark:border-neutral-700 overflow-hidden cursor-pointer",
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
 							event.color,
-							"",
 							"bg-opacity-70 hover:bg-opacity-100"
 						)}
 						style={{
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/week-calendar.tsx
index f69cbd2..6f309b3 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/week-calendar.tsx
@@ -236,7 +236,7 @@ export default function WeekCalendar() {
 			</div> */}
 
 			<div className="flex items-center p-4 gap-2">
-				<div className="inline-flex -space-x-px rounded-2xl rtl:space-x-reverse shadow-sm border border-neutral-200">
+				<div className="inline-flex -space-x-px rounded-2xl rtl:space-x-reverse shadow-sm border border-neutral-200 dark:border-neutral-700">
 					<Button
 						className="rounded-none shadow-none first:rounded-s-2xl last:rounded-e-2xl focus-visible:z-10"
 						variant="secondary"
@@ -267,7 +267,7 @@ export default function WeekCalendar() {
 				<div className='w-full'>
 					<DropdownMenu>
 						<DropdownMenuTrigger asChild>
-							<Button variant="outline" className='rounded-2xl w-full justify-between dark:border-neutral-300'>
+							<Button variant="outline" className='rounded-2xl w-full justify-between dark:border-neutral-700'>
 								<div className='flex flex-row gap-2 items-center'>
 									{currentView === '3day' && (<><ThreeDayIcon />3 Day</>)}
 									{currentView === 'week' && (<><WeekIcon />Week</>)}
diff --git a/src/components/ui/date-time-input.tsx b/src/components/ui/date-time-input.tsx
index d7d57a1..1c0d8f9 100644
--- a/src/components/ui/date-time-input.tsx
+++ b/src/components/ui/date-time-input.tsx
@@ -25,7 +25,7 @@ export default function DateTimeInput({ label, value, onChange }: { label?: stri
 			}}
 		>
 			{label && <Label className="text-sm font-medium text-muted-foreground">{label}</Label>}
-			<DateInput className="relative inline-flex h-9 w-fit items-center overflow-hidden whitespace-nowrap rounded-lg border border-input dark:border-neutral-500/50 bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-[disabled]:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20 tracking-tighter">
+			<DateInput className="relative inline-flex h-9 w-fit items-center overflow-hidden whitespace-nowrap rounded-lg border border-input bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-[disabled]:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20 tracking-tighter">
 				{(segment) => (
 					<DateSegment
 						segment={segment}
diff --git a/src/components/ui/day-select.tsx b/src/components/ui/day-select.tsx
index 3c86223..474a8b8 100644
--- a/src/components/ui/day-select.tsx
+++ b/src/components/ui/day-select.tsx
@@ -3,48 +3,48 @@ import { cn } from "@/lib/utils";
 export type Day = 'monday' | 'tuesday' | 'wednesday' | 'thursday' | 'friday' | 'saturday' | 'sunday';
 
 const dayAbbreviations: Record<Day, string> = {
-    monday: 'M',
-    tuesday: 'Tu',
-    wednesday: 'W',
-    thursday: 'Th',
-    friday: 'F',
-    saturday: 'Sa',
-    sunday: 'Su'
+	monday: 'M',
+	tuesday: 'Tu',
+	wednesday: 'W',
+	thursday: 'Th',
+	friday: 'F',
+	saturday: 'Sa',
+	sunday: 'Su'
 };
 
 interface DaySelectProps {
-    value: Day[];
-    onChange: (value: Day[]) => void;
+	value: Day[];
+	onChange: (value: Day[]) => void;
 }
 
 export function DaySelect({ value = [], onChange }: DaySelectProps) {
-    const days: Day[] = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
+	const days: Day[] = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
 
-    const toggleDay = (day: Day) => {
-        const newValue = value.includes(day)
-            ? value.filter(d => d !== day)
-            : [...value, day];
-        onChange(newValue);
-    };
+	const toggleDay = (day: Day) => {
+		const newValue = value.includes(day)
+			? value.filter(d => d !== day)
+			: [...value, day];
+		onChange(newValue);
+	};
 
-    return (
-        <div className="flex flex-row gap-2">
-            {days.map((day) => (
-                <button
-                    key={day}
-                    type="button"
-                    onClick={() => toggleDay(day)}
-                    className={cn(
-                        "size-8 rounded-full flex items-center justify-center text-xs font-medium transition-colors",
-                        "border border-border hover:bg-accent",
-                        value.includes(day)
-                            ? "bg-primary text-primary-foreground hover:bg-primary/90"
-                            : "bg-background"
-                    )}
-                >
-                    {dayAbbreviations[day]}
-                </button>
-            ))}
-        </div>
-    );
+	return (
+		<div className="flex flex-row gap-2">
+			{days.map((day) => (
+				<button
+					key={day}
+					type="button"
+					onClick={() => toggleDay(day)}
+					className={cn(
+						"size-8 rounded-full flex items-center justify-center text-xs font-medium transition-colors",
+						"border border-input hover:bg-accent",
+						value.includes(day)
+							? "bg-primary text-primary-foreground hover:bg-primary/90"
+							: "bg-background"
+					)}
+				>
+					{dayAbbreviations[day]}
+				</button>
+			))}
+		</div>
+	);
 }
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
index 46bcf43..af13834 100644
--- a/src/components/ui/input.tsx
+++ b/src/components/ui/input.tsx
@@ -10,7 +10,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
       <input
         type={type}
         className={cn(
-          "flex h-9 w-full rounded-md border border-input dark:border-neutral-500/50 bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
           className
         )}
         ref={ref}
diff --git a/src/stores/useEventStore.ts b/src/stores/useEventStore.ts
index 6417ff4..07209b5 100644
--- a/src/stores/useEventStore.ts
+++ b/src/stores/useEventStore.ts
@@ -84,7 +84,8 @@ export const useEventStore = create<EventStore>((set) => ({
                 recurrence: {
                     type: 'specific-days',
                     days: ['monday', 'tuesday', 'wednesday', 'thursday', 'friday'],
-                    endDate: moment(baseDate).add(3, 'months').toDate()
+                    endDate: moment(baseDate).add(3, 'months').toDate(),
+					interval: 1
                 }
             },
             {

From 0ca5dc3373c1150bd688db3e93b7cc7c6b08d0c4 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 2 Feb 2025 12:47:44 -0500
Subject: [PATCH 42/54] fix the select inside the modal

---
 package-lock.json                             | 2845 ++++++++---------
 package.json                                  |    5 +
 src/app/scheduler/page.tsx                    |    3 +-
 .../Calendar/components/EventModal.tsx        |   44 +-
 src/components/ui/custom-select.tsx           |   68 +
 src/components/ui/select.tsx                  |    2 +-
 6 files changed, 1367 insertions(+), 1600 deletions(-)
 create mode 100644 src/components/ui/custom-select.tsx

diff --git a/package-lock.json b/package-lock.json
index 39508f4..a3892ba 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -52,6 +52,7 @@
       "devDependencies": {
         "@types/dom-speech-recognition": "^0.0.4",
         "@types/dompurify": "^3.0.5",
+        "@types/moment": "^2.13.0",
         "@types/node": "^20",
         "@types/react": "^18",
         "@types/react-big-calendar": "^1.16.0",
@@ -76,9 +77,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
-      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
+      "version": "7.26.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.7.tgz",
+      "integrity": "sha512-AOPI3D+a8dXnja+iwsUqGRjr1BbZIe771sXdapOtYI531gSqpi92vXivKcq2asu/DFpdl1ceFAKZyRzK2PCVcQ==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -87,24 +88,27 @@
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
-      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
+      "integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
       "dev": true,
       "dependencies": {
-        "eslint-visitor-keys": "^3.3.0"
+        "eslint-visitor-keys": "^3.4.3"
       },
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
       "peerDependencies": {
         "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.11.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.1.tgz",
-      "integrity": "sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==",
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
       "dev": true,
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
@@ -143,20 +147,20 @@
       }
     },
     "node_modules/@floating-ui/core": {
-      "version": "1.6.8",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.8.tgz",
-      "integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==",
+      "version": "1.6.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
+      "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
       "dependencies": {
-        "@floating-ui/utils": "^0.2.8"
+        "@floating-ui/utils": "^0.2.9"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.6.11",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.11.tgz",
-      "integrity": "sha512-qkMCxSR24v2vGkhYDo/UzxfJN3D4syqSjyuTFz6C7XcpU1pASPRieNI0Kj5VP3/503mOfYiGY891ugBX1GlABQ==",
+      "version": "1.6.13",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
+      "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
       "dependencies": {
         "@floating-ui/core": "^1.6.0",
-        "@floating-ui/utils": "^0.2.8"
+        "@floating-ui/utils": "^0.2.9"
       }
     },
     "node_modules/@floating-ui/react-dom": {
@@ -172,9 +176,9 @@
       }
     },
     "node_modules/@floating-ui/utils": {
-      "version": "0.2.8",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.8.tgz",
-      "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
+      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg=="
     },
     "node_modules/@formatjs/ecma402-abstract": {
       "version": "2.3.2",
@@ -223,9 +227,9 @@
       }
     },
     "node_modules/@hookform/resolvers": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.9.0.tgz",
-      "integrity": "sha512-bU0Gr4EepJ/EQsH/IwEzYLsT/PEj5C0ynLQ4m+GSHS+xKH4TfSelhluTgOaoc4kA5s7eCsQbM4wvZLzELmWzUg==",
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.10.0.tgz",
+      "integrity": "sha512-79Dv+3mDF7i+2ajj7SkypSKHhl1cbln1OGavqrsF7p6mbUv11xpqpacPsGDCTRvCSjEEIez2ef1NveSVL3b0Ag==",
       "peerDependencies": {
         "react-hook-form": "^7.0.0"
       }
@@ -340,9 +344,9 @@
       }
     },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
-      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
       "dependencies": {
         "@jridgewell/set-array": "^1.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -386,7 +390,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-analytics-js/-/applicationinsights-analytics-js-3.3.4.tgz",
       "integrity": "sha512-RxxyiIgt3TJ/tvLhg1wth1862wrPmru6dBS7vyThFEUkCZ/AYqEAzdH1JiixgTL/e72NesqmgKcvUUPv9kl9rg==",
-      "license": "MIT",
       "dependencies": {
         "@microsoft/applicationinsights-common": "3.3.4",
         "@microsoft/applicationinsights-core-js": "3.3.4",
@@ -402,7 +405,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-cfgsync-js/-/applicationinsights-cfgsync-js-3.3.4.tgz",
       "integrity": "sha512-Q5aLy6e6dFf4zr+FJdO46dOfHIvRgt/6QG1lJNC9tiuyjWYOKBkOSTop/5+2vvFK5IY4p3g0mxJOSeoHsr8RQQ==",
-      "license": "MIT",
       "dependencies": {
         "@microsoft/applicationinsights-common": "3.3.4",
         "@microsoft/applicationinsights-core-js": "3.3.4",
@@ -419,7 +421,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-channel-js/-/applicationinsights-channel-js-3.3.4.tgz",
       "integrity": "sha512-Z4nrxYwGKP9iyrYtm7iPQXVOFy4FsEsX0nDKkAi96Qpgw+vEh6NH4ORxMMuES0EollBQ3faJyvYCwckuCVIj0g==",
-      "license": "MIT",
       "dependencies": {
         "@microsoft/applicationinsights-common": "3.3.4",
         "@microsoft/applicationinsights-core-js": "3.3.4",
@@ -436,7 +437,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-common/-/applicationinsights-common-3.3.4.tgz",
       "integrity": "sha512-4ms16MlIvcP4WiUPqopifNxcWCcrXQJ2ADAK/75uok2mNQe6ZNRsqb/P+pvhUxc8A5HRlvoXPP1ptDSN5Girgw==",
-      "license": "MIT",
       "dependencies": {
         "@microsoft/applicationinsights-core-js": "3.3.4",
         "@microsoft/applicationinsights-shims": "3.0.1",
@@ -451,7 +451,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-core-js/-/applicationinsights-core-js-3.3.4.tgz",
       "integrity": "sha512-MummANF0mgKIkdvVvfmHQTBliK114IZLRhTL0X0Ep+zjDwWMHqYZgew0nlFKAl6ggu42abPZFK5afpE7qjtYJA==",
-      "license": "MIT",
       "dependencies": {
         "@microsoft/applicationinsights-shims": "3.0.1",
         "@microsoft/dynamicproto-js": "^2.0.3",
@@ -466,7 +465,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-dependencies-js/-/applicationinsights-dependencies-js-3.3.4.tgz",
       "integrity": "sha512-RBEFs78v1Zl+9I85nUyw2KdXUKnjxDvdMC0Ul86v7i9ApFrrPJTJ0AVS8h+ydxtJcO2f2nHUEbtVWCf1ixRHiQ==",
-      "license": "MIT",
       "dependencies": {
         "@microsoft/applicationinsights-common": "3.3.4",
         "@microsoft/applicationinsights-core-js": "3.3.4",
@@ -483,7 +481,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-properties-js/-/applicationinsights-properties-js-3.3.4.tgz",
       "integrity": "sha512-iI26hM34ysqxVmdOxVetBeoinPoBnNxSb0/c3A+zbY9iCelvf7HF4tn1Qf+sS9Jqn1Z1XjzzKvan8k82+cK+XA==",
-      "license": "MIT",
       "dependencies": {
         "@microsoft/applicationinsights-common": "3.3.4",
         "@microsoft/applicationinsights-core-js": "3.3.4",
@@ -499,7 +496,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-shims/-/applicationinsights-shims-3.0.1.tgz",
       "integrity": "sha512-DKwboF47H1nb33rSUfjqI6ryX29v+2QWcTrRvcQDA32AZr5Ilkr7whOOSsD1aBzwqX0RJEIP1Z81jfE3NBm/Lg==",
-      "license": "MIT",
       "dependencies": {
         "@nevware21/ts-utils": ">= 0.9.4 < 2.x"
       }
@@ -508,7 +504,6 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/@microsoft/applicationinsights-web/-/applicationinsights-web-3.3.4.tgz",
       "integrity": "sha512-aZdGnI0fby/OoRNIKkYC9xqNjqFJyb7fKiYtIejCGbE/i2sClnHq7tnwiTk1UKBy9oflwryoFFNs0MM6PDBuMA==",
-      "license": "MIT",
       "dependencies": {
         "@microsoft/applicationinsights-analytics-js": "3.3.4",
         "@microsoft/applicationinsights-cfgsync-js": "3.3.4",
@@ -530,25 +525,22 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@microsoft/dynamicproto-js/-/dynamicproto-js-2.0.3.tgz",
       "integrity": "sha512-JTWTU80rMy3mdxOjjpaiDQsTLZ6YSGGqsjURsY6AUQtIj0udlF/jYmhdLZu8693ZIC0T1IwYnFa0+QeiMnziBA==",
-      "license": "MIT",
       "dependencies": {
         "@nevware21/ts-utils": ">= 0.10.4 < 2.x"
       }
     },
     "node_modules/@nevware21/ts-async": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/@nevware21/ts-async/-/ts-async-0.5.3.tgz",
-      "integrity": "sha512-UsF7eerLsVfid7iV1oXF80qXBwHNBeqSqfh/nPZgirRU1MACmSsj83EZKS2ViFHVfSGG6WIuXMGBP6KciXfYhA==",
-      "license": "MIT",
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/@nevware21/ts-async/-/ts-async-0.5.4.tgz",
+      "integrity": "sha512-IBTyj29GwGlxfzXw2NPnzty+w0Adx61Eze1/lknH/XIVdxtF9UnOpk76tnrHXWa6j84a1RR9hsOcHQPFv9qJjA==",
       "dependencies": {
-        "@nevware21/ts-utils": ">= 0.11.5 < 2.x"
+        "@nevware21/ts-utils": ">= 0.11.6 < 2.x"
       }
     },
     "node_modules/@nevware21/ts-utils": {
-      "version": "0.11.5",
-      "resolved": "https://registry.npmjs.org/@nevware21/ts-utils/-/ts-utils-0.11.5.tgz",
-      "integrity": "sha512-7nIzWKR50mf3htOg53kwPLqD5iJaRfVyBvb1NJhlIncyP1WzK8vAQbU9rqIsRtv7td1CnqspdP6IWNEjOjaeug==",
-      "license": "MIT"
+      "version": "0.11.6",
+      "resolved": "https://registry.npmjs.org/@nevware21/ts-utils/-/ts-utils-0.11.6.tgz",
+      "integrity": "sha512-OUUJTh3fnaUSzg9DEHgv3d7jC+DnPL65mIO7RaR+jWve7+MmcgIvF79gY97DPQ4frH+IpNR78YAYd/dW4gK3kg=="
     },
     "node_modules/@next/env": {
       "version": "14.2.13",
@@ -764,21 +756,21 @@
       "integrity": "sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ=="
     },
     "node_modules/@radix-ui/primitive": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz",
-      "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA=="
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
     },
     "node_modules/@radix-ui/react-alert-dialog": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.2.tgz",
-      "integrity": "sha512-eGSlLzPhKO+TErxkiGcCZGuvbVMnLA1MTnyBksGOeGRGkxHiiJUujsjmNTdWTm4iHVSRaUao9/4Ur671auMghQ==",
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.5.tgz",
+      "integrity": "sha512-1Y2sI17QzSZP58RjGtrklfSGIf3AF7U/HkD3aAcAnhOUJrm7+7GG1wRDFaUlSe0nW5B/t4mYd/+7RNbP2Wexug==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dialog": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0"
+        "@radix-ui/react-dialog": "1.1.5",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -795,26 +787,12 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-alert-dialog/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-arrow": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.0.tgz",
-      "integrity": "sha512-FmlW1rCg7hBpEBwFbjHwCW6AmWLQM6g/v0Sn8XbP9NvmSZ2San1FpQeyPtufzOMSIx7Y4dzjlHoifhp+7NkZhw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.1.tgz",
+      "integrity": "sha512-NaVpZfmv8SKeZbn4ijN2V3jlHA9ngBG16VnIIm22nUR0Yk8KUALyBxT3KYEUnNuch9sTE8UTsS3whzBgKOL30w==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -860,67 +838,14 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/primitive": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
-      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA=="
-    },
-    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
-      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-context": {
+    "node_modules/@radix-ui/react-collection": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
-      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz",
+      "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==",
       "dependencies": {
         "@radix-ui/react-compose-refs": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
-      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
-      "dependencies": {
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
@@ -938,52 +863,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
-      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-collection": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.0.tgz",
-      "integrity": "sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
-      "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -995,47 +878,6 @@
       }
     },
     "node_modules/@radix-ui/react-context": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz",
-      "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-context-menu": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context-menu/-/react-context-menu-2.2.2.tgz",
-      "integrity": "sha512-99EatSTpW+hRYHt7m8wdDlLtkmTovEe8Z/hnxUPV+SKuuNL5HWNhQI4QSdjZqNSgXHay2z4M3Dym73j9p2Gx5Q==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-menu": "2.1.2",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-context-menu/node_modules/@radix-ui/react-context": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
       "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
@@ -1049,115 +891,17 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-context-menu/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.1.tgz",
-      "integrity": "sha512-QSxg29lfr/xcev6kSz7MAlmDnzbP1eI/Dwn3Tp1ip0KT5CUELsxkekFEMVBEoykI3oV39hKT4TKZzBNMbcTZYQ==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-context-menu/node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
-      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-context-menu/node_modules/@radix-ui/react-menu": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.2.tgz",
-      "integrity": "sha512-lZ0R4qR2Al6fZ4yCCZzu/ReTFrylHFxIqy7OezIpWF4bL0o9biKo0pFIvkaew3TyZ9Fy5gYVrR5zCGZBVbO1zg==",
+    "node_modules/@radix-ui/react-context-menu": {
+      "version": "2.2.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context-menu/-/react-context-menu-2.2.5.tgz",
+      "integrity": "sha512-MY5PFCwo/ICaaQtpQBQ0g19AyjzI0mhz+a2GUWA2pJf4XFkvglAdcgDV2Iqm+lLbXn8hb+6rbLgcmRtc6ImPvg==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.1",
-        "@radix-ui/react-focus-guards": "1.1.1",
-        "@radix-ui/react-focus-scope": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.2",
-        "@radix-ui/react-presence": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-roving-focus": "1.1.0",
-        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-menu": "2.1.5",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.6.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-context-menu/node_modules/@radix-ui/react-portal": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.2.tgz",
-      "integrity": "sha512-WeDYLGPxJb/5EGBoedyJbT0MpoULmwnIPMJMSldkuiMsBAv7N1cRdsTWZWht9vpPOiN3qyiGAtbK2is47/uMFg==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-context-menu/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.1.tgz",
-      "integrity": "sha512-IeFXVi4YS1K0wVZzXNrbaaUvIJ3qdY+/Ih4eHFhWA9SwGR9UDX7Ck8abvL57C4cv3wwMvUE0OG69Qc3NCcTe/A==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
+        "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1174,49 +918,25 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-context-menu/node_modules/react-remove-scroll": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.0.tgz",
-      "integrity": "sha512-I2U4JVEsQenxDAKaVa3VZ/JeJZe0/2DxPWL8Tj8yLKctQJQiZM52pn/GWFpSp8dftjM3pSAHVJZscAnC/y+ySQ==",
-      "dependencies": {
-        "react-remove-scroll-bar": "^2.3.6",
-        "react-style-singleton": "^2.2.1",
-        "tslib": "^2.1.0",
-        "use-callback-ref": "^1.3.0",
-        "use-sidecar": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-dialog": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.2.tgz",
-      "integrity": "sha512-Yj4dZtqa2o+kG61fzB0H2qUvmwBA2oyQroGLyNtBj1beo1khoQ3q1a2AO8rrQYjd8256CO9+N8L9tvsS+bnIyA==",
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.5.tgz",
+      "integrity": "sha512-LaO3e5h/NOEL4OfXjxD43k9Dx+vn+8n+PCFt6uhX/BADFflllyv3WJG6rgvvSVBxpTch938Qq/LGc2MMxipXPw==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.4",
         "@radix-ui/react-focus-guards": "1.1.1",
-        "@radix-ui/react-focus-scope": "1.1.0",
+        "@radix-ui/react-focus-scope": "1.1.1",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-portal": "1.1.2",
-        "@radix-ui/react-presence": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
         "@radix-ui/react-use-controllable-state": "1.1.0",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.6.0"
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.2"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1233,10 +953,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
+      "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1247,22 +967,23 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.1.tgz",
-      "integrity": "sha512-QSxg29lfr/xcev6kSz7MAlmDnzbP1eI/Dwn3Tp1ip0KT5CUELsxkekFEMVBEoykI3oV39hKT4TKZzBNMbcTZYQ==",
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.5.tgz",
+      "integrity": "sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-escape-keydown": "1.0.3"
       },
       "peerDependencies": {
         "@types/react": "*",
         "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1273,56 +994,44 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
-      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+    "node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/primitive": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.1.tgz",
+      "integrity": "sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
       }
     },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-portal": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.2.tgz",
-      "integrity": "sha512-WeDYLGPxJb/5EGBoedyJbT0MpoULmwnIPMJMSldkuiMsBAv7N1cRdsTWZWht9vpPOiN3qyiGAtbK2is47/uMFg==",
+    "node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz",
+      "integrity": "sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
+        "@babel/runtime": "^7.13.10"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.1.tgz",
-      "integrity": "sha512-IeFXVi4YS1K0wVZzXNrbaaUvIJ3qdY+/Ih4eHFhWA9SwGR9UDX7Ck8abvL57C4cv3wwMvUE0OG69Qc3NCcTe/A==",
+    "node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-primitive": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz",
+      "integrity": "sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-slot": "1.0.2"
       },
       "peerDependencies": {
         "@types/react": "*",
         "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1333,37 +1042,17 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog/node_modules/react-remove-scroll": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.0.tgz",
-      "integrity": "sha512-I2U4JVEsQenxDAKaVa3VZ/JeJZe0/2DxPWL8Tj8yLKctQJQiZM52pn/GWFpSp8dftjM3pSAHVJZscAnC/y+ySQ==",
+    "node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
       "dependencies": {
-        "react-remove-scroll-bar": "^2.3.6",
-        "react-style-singleton": "^2.2.1",
-        "tslib": "^2.1.0",
-        "use-callback-ref": "^1.3.0",
-        "use-sidecar": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=10"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
       },
-      "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-direction": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
-      "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==",
       "peerDependencies": {
         "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1371,43 +1060,34 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.0.tgz",
-      "integrity": "sha512-/UovfmmXGptwGcBQawLzvn2jOfM0t4z3/uKffoBlj724+n3FvBbZ7M0aaBOmkp6pqFYpO4yx8tSVJjx3Fl2jig==",
+    "node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz",
+      "integrity": "sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
+        "@babel/runtime": "^7.13.10"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
     "node_modules/@radix-ui/react-dropdown-menu": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.1.tgz",
-      "integrity": "sha512-y8E+x9fBq9qvteD2Zwa4397pUVhYsh9iq44b5RD5qu1GMJWBCBuVg1hMyItbc6+zH00TxGRqd9Iot4wzf3OoBQ==",
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.5.tgz",
+      "integrity": "sha512-50ZmEFL1kOuLalPKHrLWvPFMons2fGx9TqQCWlPwDVpbAnaUJ1g4XNcKqFNMQymYU0kKWR4MDDi+9vUQBGFgcQ==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-menu": "2.1.1",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-menu": "2.1.5",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-controllable-state": "1.1.0"
       },
       "peerDependencies": {
@@ -1426,9 +1106,9 @@
       }
     },
     "node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.0.tgz",
-      "integrity": "sha512-w6XZNUPVv6xCpZUqb/yN9DL6auvpGX3C/ee6Hdi16v2UUy25HV2Q5bcflsiDyT/g5RwbPQ/GIT1vLkeRb+ITBw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
+      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1440,66 +1120,20 @@
       }
     },
     "node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.0.tgz",
-      "integrity": "sha512-200UD8zylvEyL8Bx+z76RJnASR2gRMuxlgFCPAe/Q/679a/r0eK3MBVYMb7vZODZcffZBdob1EGnky78xmVvcA==",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-icons": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-icons/-/react-icons-1.3.0.tgz",
-      "integrity": "sha512-jQxj/0LKgp+j9BiTXz3O3sgs26RNet2iLWmsPyRz2SIcR4q/4SbazXfnYwbAr+vLYKSfc7qxzyGQA1HLlYiuNw==",
-      "peerDependencies": {
-        "react": "^16.x || ^17.x || ^18.x"
-      }
-    },
-    "node_modules/@radix-ui/react-id": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz",
-      "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==",
-      "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-label": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.0.tgz",
-      "integrity": "sha512-peLblDlFw/ngk3UWq0VnYaOLy6agTZZ+MUO/WhVfm14vJGML+xH4FAl2XQGLqdefjNb7ApRg6Yn7U42ZhmYXdw==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.4.tgz",
+      "integrity": "sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
         "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1510,71 +1144,36 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-menu": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.1.tgz",
-      "integrity": "sha512-oa3mXRRVjHi6DZu/ghuzdylyjaMXLymx83irM7hTxutQbD+7IhPKdMdRHD26Rm+kHRrWcrUkkRPv5pd47a2xFQ==",
+    "node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz",
+      "integrity": "sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
-        "@radix-ui/react-focus-guards": "1.1.0",
-        "@radix-ui/react-focus-scope": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-roving-focus": "1.1.0",
-        "@radix-ui/react-slot": "1.1.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.5.7"
+        "@babel/runtime": "^7.13.10"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-popover": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.2.tgz",
-      "integrity": "sha512-u2HRUyWW+lOiA2g0Le0tMmT55FGOEWHwPFt1EPfbLly7uXQExFo5duNKqG2DzmFXIdqOeNd+TpE8baHWJCyP9w==",
+    "node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-primitive": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz",
+      "integrity": "sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.1",
-        "@radix-ui/react-focus-guards": "1.1.1",
-        "@radix-ui/react-focus-scope": "1.1.0",
-        "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.2",
-        "@radix-ui/react-presence": "1.1.1",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0",
-        "@radix-ui/react-use-controllable-state": "1.1.0",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.6.0"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-slot": "1.0.2"
       },
       "peerDependencies": {
         "@types/react": "*",
         "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1585,13 +1184,17 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+    "node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      },
       "peerDependencies": {
         "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -1599,36 +1202,38 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.1.tgz",
-      "integrity": "sha512-QSxg29lfr/xcev6kSz7MAlmDnzbP1eI/Dwn3Tp1ip0KT5CUELsxkekFEMVBEoykI3oV39hKT4TKZzBNMbcTZYQ==",
+    "node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz",
+      "integrity": "sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
+        "@babel/runtime": "^7.13.10"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
-      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
+    "node_modules/@radix-ui/react-icons": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-icons/-/react-icons-1.3.2.tgz",
+      "integrity": "sha512-fyQIhGDhzfc9pK2kH6Pl9c4BDJGfMkPqkyIgYDthyNYoNg3wVhoJMMh19WS4Up/1KMPFVpNsT2q3WmXn2N1m6g==",
+      "peerDependencies": {
+        "react": "^16.x || ^17.x || ^18.x || ^19.0.0 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz",
+      "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1639,13 +1244,12 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-portal": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.2.tgz",
-      "integrity": "sha512-WeDYLGPxJb/5EGBoedyJbT0MpoULmwnIPMJMSldkuiMsBAv7N1cRdsTWZWht9vpPOiN3qyiGAtbK2is47/uMFg==",
+    "node_modules/@radix-ui/react-label": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.1.tgz",
+      "integrity": "sha512-UUw5E4e/2+4kFMH7+YxORXGWggtY6sM8WIwh5RZchhLuUg2H1hc98Py+pr8HMz6rdaYrK2t296ZEjYLOCO5uUw==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1662,13 +1266,29 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-presence": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.1.tgz",
-      "integrity": "sha512-IeFXVi4YS1K0wVZzXNrbaaUvIJ3qdY+/Ih4eHFhWA9SwGR9UDX7Ck8abvL57C4cv3wwMvUE0OG69Qc3NCcTe/A==",
+    "node_modules/@radix-ui/react-menu": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.5.tgz",
+      "integrity": "sha512-uH+3w5heoMJtqVCgYOtYVMECk1TOrkUn0OG0p5MqXC0W2ppcuVeESbou8PTHoqAjbdTEK19AGXBWcEtR5WpEQg==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.4",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-roving-focus": "1.1.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.2"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1685,40 +1305,52 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-popover/node_modules/react-remove-scroll": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.0.tgz",
-      "integrity": "sha512-I2U4JVEsQenxDAKaVa3VZ/JeJZe0/2DxPWL8Tj8yLKctQJQiZM52pn/GWFpSp8dftjM3pSAHVJZscAnC/y+ySQ==",
+    "node_modules/@radix-ui/react-popover": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.5.tgz",
+      "integrity": "sha512-YXkTAftOIW2Bt3qKH8vYr6n9gCkVrvyvfiTObVjoHVTHnNj26rmvO87IKa3VgtgCjb8FAQ6qOjNViwl+9iIzlg==",
       "dependencies": {
-        "react-remove-scroll-bar": "^2.3.6",
-        "react-style-singleton": "^2.2.1",
-        "tslib": "^2.1.0",
-        "use-callback-ref": "^1.3.0",
-        "use-sidecar": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=10"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.4",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.2"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
         }
       }
     },
     "node_modules/@radix-ui/react-popper": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.0.tgz",
-      "integrity": "sha512-ZnRMshKF43aBxVWPWvbj21+7TQCvhuULWJ4gNIKYpRlQt5xGRhLx66tMp8pya2UkGHTSlhpXwmjqltDYHhw7Vg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.1.tgz",
+      "integrity": "sha512-3kn5Me69L+jv82EKRuQCXdYyf1DqHwD2U/sxoNgBGCB7K9TRc3bQamQ+5EPM9EvyPdli0W41sROd+ZU1dTCztw==",
       "dependencies": {
         "@floating-ui/react-dom": "^2.0.0",
-        "@radix-ui/react-arrow": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-arrow": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-layout-effect": "1.1.0",
         "@radix-ui/react-use-rect": "1.1.0",
@@ -1741,11 +1373,11 @@
       }
     },
     "node_modules/@radix-ui/react-portal": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.1.tgz",
-      "integrity": "sha512-A3UtLk85UtqhzFqtoC8Q0KvR2GbXF3mtPgACSazajqq6A41mEQgo53iPzY4i6BwDxlIFqWIhiQ2G729n+2aw/g==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.3.tgz",
+      "integrity": "sha512-NciRqhXnGojhT93RPyDaMPfLH3ZSl4jjIFbZQ1b/vxvZEdHsBZ49wP9w8L3HzUQwep01LcWtkUvm0OVB5JAHTw==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
@@ -1764,11 +1396,11 @@
       }
     },
     "node_modules/@radix-ui/react-presence": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.0.tgz",
-      "integrity": "sha512-Gq6wuRN/asf9H/E/VzdKoUtT8GC9PQc9z40/vEr0VCJ4u5XvvhWIrSsCB6vD2/cH7ugTdSfYq9fLJCcM00acrQ==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
@@ -1787,11 +1419,11 @@
       }
     },
     "node_modules/@radix-ui/react-primitive": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz",
-      "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz",
+      "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==",
       "dependencies": {
-        "@radix-ui/react-slot": "1.1.0"
+        "@radix-ui/react-slot": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1809,17 +1441,17 @@
       }
     },
     "node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz",
-      "integrity": "sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.1.tgz",
+      "integrity": "sha512-QE1RoxPGJ/Nm8Qmk0PxP8ojmoaS67i0s7hVssS7KuI2FQoc/uzVlZsqKfQvxPE6D8hICCPHJ4D88zNhT3OOmkw==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-direction": "1.1.0",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
+        "@radix-ui/react-primitive": "2.0.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-controllable-state": "1.1.0"
       },
@@ -1839,108 +1471,31 @@
       }
     },
     "node_modules/@radix-ui/react-select": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.1.2.tgz",
-      "integrity": "sha512-rZJtWmorC7dFRi0owDmoijm6nSJH1tVw64QGiNIZ9PNLyBDtG+iAq+XGsya052At4BfarzY/Dhv9wrrUr6IMZA==",
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.1.5.tgz",
+      "integrity": "sha512-eVV7N8jBXAXnyrc+PsOF89O9AfVgGnbLxUtBb0clJ8y8ENMWLARGMI/1/SBRLz7u4HqxLgN71BJ17eono3wcjA==",
       "dependencies": {
         "@radix-ui/number": "1.1.0",
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-collection": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
         "@radix-ui/react-context": "1.1.1",
         "@radix-ui/react-direction": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.4",
         "@radix-ui/react-focus-guards": "1.1.1",
-        "@radix-ui/react-focus-scope": "1.1.0",
+        "@radix-ui/react-focus-scope": "1.1.1",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.2",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
         "@radix-ui/react-use-callback-ref": "1.1.0",
         "@radix-ui/react-use-controllable-state": "1.1.0",
         "@radix-ui/react-use-layout-effect": "1.1.0",
         "@radix-ui/react-use-previous": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.0",
-        "aria-hidden": "^1.1.1",
-        "react-remove-scroll": "2.6.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-context": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
-      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.1.tgz",
-      "integrity": "sha512-QSxg29lfr/xcev6kSz7MAlmDnzbP1eI/Dwn3Tp1ip0KT5CUELsxkekFEMVBEoykI3oV39hKT4TKZzBNMbcTZYQ==",
-      "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-callback-ref": "1.1.0",
-        "@radix-ui/react-use-escape-keydown": "1.1.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
-      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-portal": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.2.tgz",
-      "integrity": "sha512-WeDYLGPxJb/5EGBoedyJbT0MpoULmwnIPMJMSldkuiMsBAv7N1cRdsTWZWht9vpPOiN3qyiGAtbK2is47/uMFg==",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-use-layout-effect": "1.1.0"
+        "@radix-ui/react-visually-hidden": "1.1.1",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.2"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1957,36 +1512,12 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-select/node_modules/react-remove-scroll": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.0.tgz",
-      "integrity": "sha512-I2U4JVEsQenxDAKaVa3VZ/JeJZe0/2DxPWL8Tj8yLKctQJQiZM52pn/GWFpSp8dftjM3pSAHVJZscAnC/y+ySQ==",
-      "dependencies": {
-        "react-remove-scroll-bar": "^2.3.6",
-        "react-style-singleton": "^2.2.1",
-        "tslib": "^2.1.0",
-        "use-callback-ref": "^1.3.0",
-        "use-sidecar": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-separator": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.0.tgz",
-      "integrity": "sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.1.tgz",
+      "integrity": "sha512-RRiNRSrD8iUiXriq/Y5n4/3iE8HzqgLHsusUSg5jVpU2+3tqcUFPJXHDymwEypunc2sWxDUS3UC+rkZRlHedsw==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2004,11 +1535,11 @@
       }
     },
     "node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
+      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
+        "@radix-ui/react-compose-refs": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2021,22 +1552,22 @@
       }
     },
     "node_modules/@radix-ui/react-tooltip": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.2.tgz",
-      "integrity": "sha512-9XRsLwe6Yb9B/tlnYCPVUd/TFS4J7HuOZW345DCeC6vKIxQGMZdx21RK4VoZauPD5frgkXTYVS5y90L+3YBn4w==",
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.7.tgz",
+      "integrity": "sha512-ss0s80BC0+g0+Zc53MvilcnTYSOi4mSuFWBPYPuTOFGjx+pUU+ZrmamMNwS56t8MTFlniA5ocjd4jYm/CdhbOg==",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.0",
-        "@radix-ui/react-compose-refs": "1.1.0",
-        "@radix-ui/react-context": "1.1.0",
-        "@radix-ui/react-dismissable-layer": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.4",
         "@radix-ui/react-id": "1.1.0",
-        "@radix-ui/react-popper": "1.2.0",
-        "@radix-ui/react-portal": "1.1.1",
-        "@radix-ui/react-presence": "1.1.0",
-        "@radix-ui/react-primitive": "2.0.0",
-        "@radix-ui/react-slot": "1.1.0",
+        "@radix-ui/react-popper": "1.2.1",
+        "@radix-ui/react-portal": "1.1.3",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.1",
+        "@radix-ui/react-slot": "1.1.1",
         "@radix-ui/react-use-controllable-state": "1.1.0",
-        "@radix-ui/react-visually-hidden": "1.1.0"
+        "@radix-ui/react-visually-hidden": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2085,15 +1616,33 @@
       }
     },
     "node_modules/@radix-ui/react-use-escape-keydown": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz",
-      "integrity": "sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz",
+      "integrity": "sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==",
       "dependencies": {
-        "@radix-ui/react-use-callback-ref": "1.1.0"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-escape-keydown/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz",
+      "integrity": "sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -2164,11 +1713,11 @@
       }
     },
     "node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.0.tgz",
-      "integrity": "sha512-N8MDZqtgCgG5S3aV60INAB475osJousYpZ4cTJ2cFbMpdHS5Y6loLTH8LPtkj2QN0x93J30HT/M3qJXM0+lyeQ==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz",
+      "integrity": "sha512-vVfA2IZ9q/J+gEamvj761Oq1FpWgCDaNOOIfbPVp2MVPLEomUr5+Vf7kJGwQ24YxZSlQVar7Bes8kyTo5Dshpg==",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.0.0"
+        "@radix-ui/react-primitive": "2.0.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -3846,9 +3395,9 @@
       "dev": true
     },
     "node_modules/@rushstack/eslint-patch": {
-      "version": "1.10.4",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz",
-      "integrity": "sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==",
+      "version": "1.10.5",
+      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.5.tgz",
+      "integrity": "sha512-kkKUDVlII2DQiKy7UstOR1ErJP8kUKAQ4oa+SQtM0K+lPdmmjj0YnnxBgtTVYH7mUKtbsxeFC9y0AmK7Yb78/A==",
       "dev": true
     },
     "node_modules/@swc/counter": {
@@ -3878,12 +3427,13 @@
       "dev": true
     },
     "node_modules/@types/dompurify": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-3.0.5.tgz",
-      "integrity": "sha512-1Wg0g3BtQF7sSb27fJQAKck1HECM6zV1EB66j8JH9i3LCjYabJa0FSdiSgsD5K/RbrsR0SiraKacLB+T8ZVYAg==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-3.2.0.tgz",
+      "integrity": "sha512-Fgg31wv9QbLDA0SpTOXO3MaxySc4DKGLi8sna4/Utjo4r3ZRPdCt4UQee8BWr+Q5z21yifghREPJGYaEOEIACg==",
+      "deprecated": "This is a stub types definition. dompurify provides its own type definitions, so you do not need this installed.",
       "dev": true,
       "dependencies": {
-        "@types/trusted-types": "*"
+        "dompurify": "*"
       }
     },
     "node_modules/@types/json5": {
@@ -3892,33 +3442,43 @@
       "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
       "dev": true
     },
+    "node_modules/@types/moment": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/@types/moment/-/moment-2.13.0.tgz",
+      "integrity": "sha512-DyuyYGpV6r+4Z1bUznLi/Y7HpGn4iQ4IVcGn8zrr1P4KotKLdH0sbK1TFR6RGyX6B+G8u83wCzL+bpawKU/hdQ==",
+      "deprecated": "This is a stub types definition for Moment (https://github.com/moment/moment). Moment provides its own type definitions, so you don't need @types/moment installed!",
+      "dev": true,
+      "dependencies": {
+        "moment": "*"
+      }
+    },
     "node_modules/@types/node": {
-      "version": "20.16.10",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.16.10.tgz",
-      "integrity": "sha512-vQUKgWTjEIRFCvK6CyriPH3MZYiYlNy0fKiEYHWbcoWLEgs4opurGGKlebrTLqdSMIbXImH6XExNiIyNUv3WpA==",
+      "version": "20.17.16",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.16.tgz",
+      "integrity": "sha512-vOTpLduLkZXePLxHiHsBLp98mHGnl8RptV4YAO3HfKO5UHjDvySGbxKtpYfy8Sx5+WKcgc45qNreJJRVM3L6mw==",
       "dev": true,
       "dependencies": {
         "undici-types": "~6.19.2"
       }
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.13",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz",
-      "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA=="
+      "version": "15.7.14",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.14.tgz",
+      "integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ=="
     },
     "node_modules/@types/react": {
-      "version": "18.3.10",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.10.tgz",
-      "integrity": "sha512-02sAAlBnP39JgXwkAq3PeU9DVaaGpZyF3MGcC0MKgQVkZor5IiiDAipVaxQHtDJAmO4GIy/rVBy/LzVj76Cyqg==",
+      "version": "18.3.18",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.18.tgz",
+      "integrity": "sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ==",
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.0.2"
       }
     },
     "node_modules/@types/react-big-calendar": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/@types/react-big-calendar/-/react-big-calendar-1.16.0.tgz",
-      "integrity": "sha512-1w2GXAJWlGmaPZOd9J9cyWA/XBNOGRZ4MmRNypEQhwEMIIL9cfd1UdcvzSrQsnBm0qYF/scqmsISNbUzPBE1vg==",
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/@types/react-big-calendar/-/react-big-calendar-1.16.1.tgz",
+      "integrity": "sha512-pDHFcVWx+BvZbX6U39R4l8c9930vKnfx+09lf4W8r8HuxBDLzGk7Q63ncBmqqnQImEFNDKfwa6MDyu90cfzJ2A==",
       "dev": true,
       "dependencies": {
         "@types/date-arithmetic": "*",
@@ -3927,19 +3487,19 @@
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.3.0",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
-      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
+      "version": "18.3.5",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.5.tgz",
+      "integrity": "sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q==",
       "devOptional": true,
-      "dependencies": {
-        "@types/react": "*"
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
       }
     },
     "node_modules/@types/trusted-types": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
       "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
-      "dev": true
+      "optional": true
     },
     "node_modules/@types/uuid": {
       "version": "10.0.0",
@@ -3953,20 +3513,20 @@
       "integrity": "sha512-D1XC7WK8K+zZEveUPY+cf4+kgauk8N4eHr/XIHXGlGYkHLud6hK9lYfZk1ry1TNh798cZUCgb6MqGEG8DkJt6Q=="
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.7.0.tgz",
-      "integrity": "sha512-RIHOoznhA3CCfSTFiB6kBGLQtB/sox+pJ6jeFu6FxJvqL8qRxq/FfGO/UhsGgQM9oGdXkV4xUgli+dt26biB6A==",
+      "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==",
       "dev": true,
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.7.0",
-        "@typescript-eslint/type-utils": "8.7.0",
-        "@typescript-eslint/utils": "8.7.0",
-        "@typescript-eslint/visitor-keys": "8.7.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",
         "graphemer": "^1.4.0",
         "ignore": "^5.3.1",
         "natural-compare": "^1.4.0",
-        "ts-api-utils": "^1.3.0"
+        "ts-api-utils": "^2.0.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -3977,24 +3537,20 @@
       },
       "peerDependencies": {
         "@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0",
-        "eslint": "^8.57.0 || ^9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.7.0.tgz",
-      "integrity": "sha512-lN0btVpj2unxHlNYLI//BQ7nzbMJYBVQX5+pbNXvGYazdlgYonMn4AhhHifQ+J4fGRYA/m1DjaQjx+fDetqBOQ==",
+      "version": "8.22.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.22.0.tgz",
+      "integrity": "sha512-MqtmbdNEdoNxTPzpWiWnqNac54h8JDAmkWtJExBVVnSrSmi9z+sZUt0LfKqk9rjqmKOIeRhO4fHHJ1nQIjduIQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.7.0",
-        "@typescript-eslint/types": "8.7.0",
-        "@typescript-eslint/typescript-estree": "8.7.0",
-        "@typescript-eslint/visitor-keys": "8.7.0",
+        "@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",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -4005,22 +3561,18 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.7.0.tgz",
-      "integrity": "sha512-87rC0k3ZlDOuz82zzXRtQ7Akv3GKhHs0ti4YcbAJtaomllXoSO8hi7Ix3ccEvCd824dy9aIX+j3d2UMAfCtVpg==",
+      "version": "8.22.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.22.0.tgz",
+      "integrity": "sha512-/lwVV0UYgkj7wPSw0o8URy6YI64QmcOdwHuGuxWIYznO6d45ER0wXUbksr9pYdViAofpUCNJx/tAzNukgvaaiQ==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.7.0",
-        "@typescript-eslint/visitor-keys": "8.7.0"
+        "@typescript-eslint/types": "8.22.0",
+        "@typescript-eslint/visitor-keys": "8.22.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4031,15 +3583,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.7.0.tgz",
-      "integrity": "sha512-tl0N0Mj3hMSkEYhLkjREp54OSb/FI6qyCzfiiclvJvOqre6hsZTGSnHtmFLDU8TIM62G7ygEa1bI08lcuRwEnQ==",
+      "version": "8.22.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.22.0.tgz",
+      "integrity": "sha512-NzE3aB62fDEaGjaAYZE4LH7I1MUwHooQ98Byq0G0y3kkibPJQIXVUspzlFOmOfHhiDLwKzMlWxaNv+/qcZurJA==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "8.7.0",
-        "@typescript-eslint/utils": "8.7.0",
+        "@typescript-eslint/typescript-estree": "8.22.0",
+        "@typescript-eslint/utils": "8.22.0",
         "debug": "^4.3.4",
-        "ts-api-utils": "^1.3.0"
+        "ts-api-utils": "^2.0.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4048,16 +3600,15 @@
         "type": "opencollective",
         "url": "https://opencollective.com/typescript-eslint"
       },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.7.0.tgz",
-      "integrity": "sha512-LLt4BLHFwSfASHSF2K29SZ+ZCsbQOM+LuarPjRUuHm+Qd09hSe3GCeaQbcCr+Mik+0QFRmep/FyZBO6fJ64U3w==",
+      "version": "8.22.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.22.0.tgz",
+      "integrity": "sha512-0S4M4baNzp612zwpD4YOieP3VowOARgK2EkN/GBn95hpyF8E2fbMT55sRHWBq+Huaqk3b3XK+rxxlM8sPgGM6A==",
       "dev": true,
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4068,31 +3619,29 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.7.0.tgz",
-      "integrity": "sha512-MC8nmcGHsmfAKxwnluTQpNqceniT8SteVwd2voYlmiSWGOtjvGXdPl17dYu2797GVscK30Z04WRM28CrKS9WOg==",
+      "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==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.7.0",
-        "@typescript-eslint/visitor-keys": "8.7.0",
+        "@typescript-eslint/types": "8.22.0",
+        "@typescript-eslint/visitor-keys": "8.22.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": "^1.3.0"
+        "ts-api-utils": "^2.0.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
@@ -4120,15 +3669,15 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.7.0.tgz",
-      "integrity": "sha512-ZbdUdwsl2X/s3CiyAu3gOlfQzpbuG3nTWKPoIvAu1pu5r8viiJvv2NPN2AqArL35NCYtw/lrPPfM4gxrMLNLPw==",
+      "version": "8.22.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.22.0.tgz",
+      "integrity": "sha512-T8oc1MbF8L+Bk2msAvCUzjxVB2Z2f+vXYfcucE2wOmYs7ZUwco5Ep0fYZw8quNwOiw9K8GYVL+Kgc2pETNTLOg==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
-        "@typescript-eslint/scope-manager": "8.7.0",
-        "@typescript-eslint/types": "8.7.0",
-        "@typescript-eslint/typescript-estree": "8.7.0"
+        "@typescript-eslint/scope-manager": "8.22.0",
+        "@typescript-eslint/types": "8.22.0",
+        "@typescript-eslint/typescript-estree": "8.22.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4138,17 +3687,18 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "eslint": "^8.57.0 || ^9.0.0"
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.7.0.tgz",
-      "integrity": "sha512-b1tx0orFCCh/THWPQa2ZwWzvOeyzzp36vkJYOpVg0u8UVOIsfVrnuC9FqAw9gRKn+rG2VmWQ/zDJZzkxUnj/XQ==",
+      "version": "8.22.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.22.0.tgz",
+      "integrity": "sha512-AWpYAXnUgvLNabGTy3uBylkgZoosva/miNd1I8Bz3SjotmQPbVqhO4Cczo8AsZ44XVErEBPr/CRSgaj8sG7g0w==",
       "dev": true,
       "dependencies": {
-        "@typescript-eslint/types": "8.7.0",
-        "eslint-visitor-keys": "^3.4.3"
+        "@typescript-eslint/types": "8.22.0",
+        "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4158,17 +3708,28 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/@ungap/structured-clone": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
-      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
       "dev": true
     },
     "node_modules/@vercel/analytics": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.4.0.tgz",
-      "integrity": "sha512-eUwWW7l8nPJb0nJmjZuYp9o7YZ9XPj67lU9mEogaPXiFxq/SFB5DMnvQVk4aKcL8kFgotiYdDZWxdiNcWo7cgg==",
-      "license": "MPL-2.0",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.4.1.tgz",
+      "integrity": "sha512-ekpL4ReX2TH3LnrRZTUKjHHNpNy9S1I7QmS+g/RQXoSUQ8ienzosuX7T9djZ/s8zPhBx1mpHP/Rw5875N+zQIQ==",
       "peerDependencies": {
         "@remix-run/react": "^2",
         "@sveltejs/kit": "^1 || ^2",
@@ -4207,7 +3768,6 @@
       "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.1.0.tgz",
       "integrity": "sha512-rAXxuhhO4mlRGC9noa5F7HLMtGg8YF1zAN6Pjd1Ny4pII4cerhtwSG4vympbCl+pWkH7nBS9kVXRD4FAn54dlg==",
       "hasInstallScript": true,
-      "license": "Apache-2.0",
       "peerDependencies": {
         "@sveltejs/kit": "^1 || ^2",
         "next": ">= 13",
@@ -4238,9 +3798,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.12.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
-      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
       "dev": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -4336,22 +3896,22 @@
       }
     },
     "node_modules/aria-query": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
-      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
       "dev": true,
-      "dependencies": {
-        "deep-equal": "^2.0.5"
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/array-buffer-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
-      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.5",
-        "is-array-buffer": "^3.0.4"
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4421,15 +3981,15 @@
       }
     },
     "node_modules/array.prototype.flat": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz",
-      "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4439,15 +3999,15 @@
       }
     },
     "node_modules/array.prototype.flatmap": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz",
-      "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-shim-unscopables": "^1.0.0"
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4473,19 +4033,18 @@
       }
     },
     "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
-      "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
       "dev": true,
       "dependencies": {
         "array-buffer-byte-length": "^1.0.1",
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.22.3",
-        "es-errors": "^1.2.1",
-        "get-intrinsic": "^1.2.3",
-        "is-array-buffer": "^3.0.4",
-        "is-shared-array-buffer": "^1.0.2"
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4500,6 +4059,15 @@
       "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
       "dev": true
     },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
@@ -4516,9 +4084,9 @@
       }
     },
     "node_modules/axe-core": {
-      "version": "4.10.0",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.10.0.tgz",
-      "integrity": "sha512-Mr2ZakwQ7XUAjp7pAwQWRhhK8mQQ6JAaNWSjmjxil0R8BPioMtQsTLOolGYkji1rcL++3dCqZA3zWqpT+9Ew6g==",
+      "version": "4.10.2",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.10.2.tgz",
+      "integrity": "sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==",
       "dev": true,
       "engines": {
         "node": ">=4"
@@ -4582,16 +4150,44 @@
       }
     },
     "node_modules/call-bind": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
-      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
       "dev": true,
       "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
         "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
         "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.1"
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
+      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
+      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4618,9 +4214,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001664",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001664.tgz",
-      "integrity": "sha512-AmE7k4dXiNKQipgn7a2xg558IRqPN3jMQY/rOsbxDhrd0tyChwbITBfiwtnqz8bi2M5mIWbxAYBvk7W7QBUS2g==",
+      "version": "1.0.30001696",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001696.tgz",
+      "integrity": "sha512-pDCPkvzfa39ehJtJ+OwGT/2yvT2SbjfHhiIW2LWOAcMQ7BzwxT/XuyUp4OTOd0XFWA6BKw0JalnBHgSi5DGJBQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -4687,22 +4283,14 @@
       }
     },
     "node_modules/class-variance-authority": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.0.tgz",
-      "integrity": "sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A==",
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
       "dependencies": {
-        "clsx": "2.0.0"
+        "clsx": "^2.1.1"
       },
       "funding": {
-        "url": "https://joebell.co.uk"
-      }
-    },
-    "node_modules/class-variance-authority/node_modules/clsx": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
-      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
-      "engines": {
-        "node": ">=6"
+        "url": "https://polar.sh/cva"
       }
     },
     "node_modules/client-only": {
@@ -4749,9 +4337,9 @@
       "dev": true
     },
     "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -4784,14 +4372,14 @@
       "dev": true
     },
     "node_modules/data-view-buffer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
-      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "is-data-view": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -4801,29 +4389,29 @@
       }
     },
     "node_modules/data-view-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
-      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
+        "is-data-view": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/inspect-js"
       }
     },
     "node_modules/data-view-byte-offset": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
-      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.2",
         "es-errors": "^1.3.0",
         "is-data-view": "^1.0.1"
       },
@@ -4854,9 +4442,9 @@
       "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
     },
     "node_modules/debug": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
       "dev": true,
       "dependencies": {
         "ms": "^2.1.3"
@@ -4875,38 +4463,6 @@
       "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.5.0.tgz",
       "integrity": "sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw=="
     },
-    "node_modules/deep-equal": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
-      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
-      "dev": true,
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.5",
-        "es-get-iterator": "^1.1.3",
-        "get-intrinsic": "^1.2.2",
-        "is-arguments": "^1.1.1",
-        "is-array-buffer": "^3.0.2",
-        "is-date-object": "^1.0.5",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "isarray": "^2.0.5",
-        "object-is": "^1.1.5",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "side-channel": "^1.0.4",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -4992,9 +4548,26 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.1.7.tgz",
-      "integrity": "sha512-VaTstWtsneJY8xzy7DekmYWEOZcmzIe3Qb3zPd4STve1OBTa+e+WmS1ITQec1fZYXI3HCsOZZiSMpG6oxoWMWQ=="
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.4.tgz",
+      "integrity": "sha512-ysFSFEDVduQpyhzAob/kkuJjf5zWkZD8/A9ywSp1byueyuCfHamrCBa14/Oc2iiB0e51B+NpxSl5gmzn+Ms/mg==",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
     },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
@@ -5007,9 +4580,9 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.17.1",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
-      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+      "version": "5.18.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz",
+      "integrity": "sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==",
       "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
@@ -5020,57 +4593,62 @@
       }
     },
     "node_modules/es-abstract": {
-      "version": "1.23.3",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
-      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
+      "version": "1.23.9",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.9.tgz",
+      "integrity": "sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==",
       "dev": true,
       "dependencies": {
-        "array-buffer-byte-length": "^1.0.1",
-        "arraybuffer.prototype.slice": "^1.0.3",
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
-        "data-view-buffer": "^1.0.1",
-        "data-view-byte-length": "^1.0.1",
-        "data-view-byte-offset": "^1.0.0",
-        "es-define-property": "^1.0.0",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
         "es-errors": "^1.3.0",
         "es-object-atoms": "^1.0.0",
-        "es-set-tostringtag": "^2.0.3",
-        "es-to-primitive": "^1.2.1",
-        "function.prototype.name": "^1.1.6",
-        "get-intrinsic": "^1.2.4",
-        "get-symbol-description": "^1.0.2",
-        "globalthis": "^1.0.3",
-        "gopd": "^1.0.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.0",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
         "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.0.3",
-        "has-symbols": "^1.0.3",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
         "hasown": "^2.0.2",
-        "internal-slot": "^1.0.7",
-        "is-array-buffer": "^3.0.4",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
         "is-callable": "^1.2.7",
-        "is-data-view": "^1.0.1",
-        "is-negative-zero": "^2.0.3",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.3",
-        "is-string": "^1.0.7",
-        "is-typed-array": "^1.1.13",
-        "is-weakref": "^1.0.2",
-        "object-inspect": "^1.13.1",
+        "is-data-view": "^1.0.2",
+        "is-regex": "^1.2.1",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.0",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.3",
         "object-keys": "^1.1.1",
-        "object.assign": "^4.1.5",
-        "regexp.prototype.flags": "^1.5.2",
-        "safe-array-concat": "^1.1.2",
-        "safe-regex-test": "^1.0.3",
-        "string.prototype.trim": "^1.2.9",
-        "string.prototype.trimend": "^1.0.8",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.3",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
         "string.prototype.trimstart": "^1.0.8",
-        "typed-array-buffer": "^1.0.2",
-        "typed-array-byte-length": "^1.0.1",
-        "typed-array-byte-offset": "^1.0.2",
-        "typed-array-length": "^1.0.6",
-        "unbox-primitive": "^1.0.2",
-        "which-typed-array": "^1.1.15"
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.18"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5080,13 +4658,10 @@
       }
     },
     "node_modules/es-define-property": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
-      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
       "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.2.4"
-      },
       "engines": {
         "node": ">= 0.4"
       }
@@ -5100,55 +4675,37 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/es-get-iterator": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "is-arguments": "^1.1.1",
-        "is-map": "^2.0.2",
-        "is-set": "^2.0.2",
-        "is-string": "^1.0.7",
-        "isarray": "^2.0.5",
-        "stop-iteration-iterator": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/es-iterator-helpers": {
-      "version": "1.0.19",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz",
-      "integrity": "sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
+      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.3",
+        "es-abstract": "^1.23.6",
         "es-errors": "^1.3.0",
         "es-set-tostringtag": "^2.0.3",
         "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "globalthis": "^1.0.3",
+        "get-intrinsic": "^1.2.6",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
         "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.0.3",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.7",
-        "iterator.prototype": "^1.1.2",
-        "safe-array-concat": "^1.1.2"
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.4",
+        "safe-array-concat": "^1.1.3"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/es-object-atoms": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
-      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
       "dev": true,
       "dependencies": {
         "es-errors": "^1.3.0"
@@ -5158,14 +4715,15 @@
       }
     },
     "node_modules/es-set-tostringtag": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
-      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
       "dev": true,
       "dependencies": {
-        "get-intrinsic": "^1.2.4",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
         "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.1"
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5181,14 +4739,14 @@
       }
     },
     "node_modules/es-to-primitive": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
-      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
       "dev": true,
       "dependencies": {
-        "is-callable": "^1.1.4",
-        "is-date-object": "^1.0.1",
-        "is-symbol": "^1.0.2"
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5213,6 +4771,7 @@
       "version": "8.57.1",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
       "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
@@ -5312,19 +4871,19 @@
       }
     },
     "node_modules/eslint-import-resolver-typescript": {
-      "version": "3.6.3",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.6.3.tgz",
-      "integrity": "sha512-ud9aw4szY9cCT1EWWdGv1L1XR6hh2PaRWif0j2QjQ0pgTY/69iw+W0Z4qZv5wHahOl8isEr+k/JnyAqNQkLkIA==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.7.0.tgz",
+      "integrity": "sha512-Vrwyi8HHxY97K5ebydMtffsWAn1SCR9eol49eCd5fJS4O1WV7PaAjbcjmbfJJSMz/t4Mal212Uz/fQZrOB8mow==",
       "dev": true,
       "dependencies": {
         "@nolyfill/is-core-module": "1.0.39",
-        "debug": "^4.3.5",
+        "debug": "^4.3.7",
         "enhanced-resolve": "^5.15.0",
-        "eslint-module-utils": "^2.8.1",
         "fast-glob": "^3.3.2",
         "get-tsconfig": "^4.7.5",
         "is-bun-module": "^1.0.2",
-        "is-glob": "^4.0.3"
+        "is-glob": "^4.0.3",
+        "stable-hash": "^0.0.4"
       },
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
@@ -5373,9 +4932,9 @@
       }
     },
     "node_modules/eslint-plugin-import": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.30.0.tgz",
-      "integrity": "sha512-/mHNE9jINJfiD2EKkg1BKyPyUk4zdnT54YgbOgfjSakWT5oyX/qQLVNTkehyfpcMxZXMy1zyonZ2v7hZTX43Yw==",
+      "version": "2.31.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
+      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
       "dev": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
@@ -5386,7 +4945,7 @@
         "debug": "^3.2.7",
         "doctrine": "^2.1.0",
         "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.9.0",
+        "eslint-module-utils": "^2.12.0",
         "hasown": "^2.0.2",
         "is-core-module": "^2.15.1",
         "is-glob": "^4.0.3",
@@ -5395,13 +4954,14 @@
         "object.groupby": "^1.0.3",
         "object.values": "^1.2.0",
         "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.8",
         "tsconfig-paths": "^3.15.0"
       },
       "engines": {
         "node": ">=4"
       },
       "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
       }
     },
     "node_modules/eslint-plugin-import/node_modules/debug": {
@@ -5435,12 +4995,12 @@
       }
     },
     "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.10.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.0.tgz",
-      "integrity": "sha512-ySOHvXX8eSN6zz8Bywacm7CvGNhUtdjvqfQDVe6020TUK34Cywkw7m0KsCCk1Qtm9G1FayfTN1/7mMYnYO2Bhg==",
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
       "dev": true,
       "dependencies": {
-        "aria-query": "~5.1.3",
+        "aria-query": "^5.3.2",
         "array-includes": "^3.1.8",
         "array.prototype.flatmap": "^1.3.2",
         "ast-types-flow": "^0.0.8",
@@ -5448,14 +5008,13 @@
         "axobject-query": "^4.1.0",
         "damerau-levenshtein": "^1.0.8",
         "emoji-regex": "^9.2.2",
-        "es-iterator-helpers": "^1.0.19",
         "hasown": "^2.0.2",
         "jsx-ast-utils": "^3.3.5",
         "language-tags": "^1.0.9",
         "minimatch": "^3.1.2",
         "object.fromentries": "^2.0.8",
         "safe-regex-test": "^1.0.3",
-        "string.prototype.includes": "^2.0.0"
+        "string.prototype.includes": "^2.0.1"
       },
       "engines": {
         "node": ">=4.0"
@@ -5465,28 +5024,28 @@
       }
     },
     "node_modules/eslint-plugin-react": {
-      "version": "7.37.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.0.tgz",
-      "integrity": "sha512-IHBePmfWH5lKhJnJ7WB1V+v/GolbB0rjS8XYVCSQCZKaQCAUhMoVoOEn1Ef8Z8Wf0a7l8KTJvuZg5/e4qrZ6nA==",
+      "version": "7.37.4",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.4.tgz",
+      "integrity": "sha512-BGP0jRmfYyvOyvMoRX/uoUeW+GqNj9y16bPQzqAHf3AYII/tDs+jMN0dBVkl88/OZwNGwrVFxE7riHsXVfy/LQ==",
       "dev": true,
       "dependencies": {
         "array-includes": "^3.1.8",
         "array.prototype.findlast": "^1.2.5",
-        "array.prototype.flatmap": "^1.3.2",
+        "array.prototype.flatmap": "^1.3.3",
         "array.prototype.tosorted": "^1.1.4",
         "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.0.19",
+        "es-iterator-helpers": "^1.2.1",
         "estraverse": "^5.3.0",
         "hasown": "^2.0.2",
         "jsx-ast-utils": "^2.4.1 || ^3.0.0",
         "minimatch": "^3.1.2",
         "object.entries": "^1.1.8",
         "object.fromentries": "^2.0.8",
-        "object.values": "^1.2.0",
+        "object.values": "^1.2.1",
         "prop-types": "^15.8.1",
         "resolve": "^2.0.0-next.5",
         "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.11",
+        "string.prototype.matchall": "^4.0.12",
         "string.prototype.repeat": "^1.0.0"
       },
       "engines": {
@@ -5497,9 +5056,9 @@
       }
     },
     "node_modules/eslint-plugin-react-hooks": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
-      "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
+      "version": "5.0.0-canary-7118f5dd7-20230705",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.0.0-canary-7118f5dd7-20230705.tgz",
+      "integrity": "sha512-AZYbMo/NW9chdL7vk6HQzQhT+PvTAEVqWk9ziruUoW2kAOcN5qNyelv70e0F1VNQAbvutOC9oc+xfWycI9FxDw==",
       "dev": true,
       "engines": {
         "node": ">=10"
@@ -5640,15 +5199,15 @@
       "dev": true
     },
     "node_modules/fast-glob": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
         "glob-parent": "^5.1.2",
         "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
+        "micromatch": "^4.0.8"
       },
       "engines": {
         "node": ">=8.6.0"
@@ -5678,9 +5237,9 @@
       "dev": true
     },
     "node_modules/fastq": {
-      "version": "1.17.1",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
-      "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.0.tgz",
+      "integrity": "sha512-7SFSRCNjBQIZH/xZR3iy5iQYR8aGBE0h3VG6/cwlbrpdciNYBMotQav8c1XI3HjHH+NikUpP53nPdlZSdWmFzA==",
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -5739,18 +5298,24 @@
       }
     },
     "node_modules/flatted": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
-      "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.2.tgz",
+      "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==",
       "dev": true
     },
     "node_modules/for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.4.tgz",
+      "integrity": "sha512-kKaIINnFpzW6ffJNDjjyjrk21BkDx38c0xa/klsT8VzLCaMEefv4ZTacrcVR4DmgTeBra++jMDAfS/tS799YDw==",
       "dev": true,
       "dependencies": {
-        "is-callable": "^1.1.3"
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/foreground-child": {
@@ -5796,15 +5361,17 @@
       }
     },
     "node_modules/function.prototype.name": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
-      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "functions-have-names": "^1.2.3"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5823,16 +5390,21 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
-      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.7.tgz",
+      "integrity": "sha512-VW6Pxhsrk0KAOqs3WEd0klDiF/+V7gQOpAvY1jVU/LHmaD/kQO4523aiJuikX/QAKYiW6x8Jh+RJej1almdtCA==",
       "dev": true,
       "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-define-property": "^1.0.1",
         "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
         "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
+        "get-proto": "^1.0.0",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5849,15 +5421,28 @@
         "node": ">=6"
       }
     },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/get-symbol-description": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
-      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4"
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -5867,9 +5452,9 @@
       }
     },
     "node_modules/get-tsconfig": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
-      "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.10.0.tgz",
+      "integrity": "sha512-kGzZ3LWWQcGIAmg6iWvXn0ei6WDtV26wzHRMwDSzmAbcXrTEXxHy6IehI6/4eT6VRKyMP1eF1VqwrVUmE/LR7A==",
       "dev": true,
       "dependencies": {
         "resolve-pkg-maps": "^1.0.0"
@@ -5881,8 +5466,7 @@
     "node_modules/github-slugger": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-2.0.0.tgz",
-      "integrity": "sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==",
-      "license": "ISC"
+      "integrity": "sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw=="
     },
     "node_modules/glob": {
       "version": "10.3.10",
@@ -5975,12 +5559,12 @@
       }
     },
     "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
       "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -5998,10 +5582,13 @@
       "dev": true
     },
     "node_modules/has-bigints": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
-      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
       "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -6028,10 +5615,13 @@
       }
     },
     "node_modules/has-proto": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
-      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
       "dev": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -6040,9 +5630,9 @@
       }
     },
     "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "dev": true,
       "engines": {
         "node": ">= 0.4"
@@ -6087,9 +5677,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,
       "dependencies": {
         "parent-module": "^1.0.0",
@@ -6129,14 +5719,14 @@
       "dev": true
     },
     "node_modules/internal-slot": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
-      "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
       "dev": true,
       "dependencies": {
         "es-errors": "^1.3.0",
-        "hasown": "^2.0.0",
-        "side-channel": "^1.0.4"
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6161,30 +5751,15 @@
         "loose-envify": "^1.0.0"
       }
     },
-    "node_modules/is-arguments": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
-      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/is-array-buffer": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
-      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.2.1"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6194,12 +5769,16 @@
       }
     },
     "node_modules/is-async-function": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
       "dev": true,
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6209,12 +5788,15 @@
       }
     },
     "node_modules/is-bigint": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
-      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
       "dev": true,
       "dependencies": {
-        "has-bigints": "^1.0.1"
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -6232,13 +5814,13 @@
       }
     },
     "node_modules/is-boolean-object": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
-      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.1.tgz",
+      "integrity": "sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6248,9 +5830,9 @@
       }
     },
     "node_modules/is-bun-module": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.2.1.tgz",
-      "integrity": "sha512-AmidtEM6D6NmUiLOvvU7+IePxjEjOzra2h0pSrsfSAcXwl/83zLLXDByafUJy9k/rKK0pvXMLdwKwGHlX2Ke6Q==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-1.3.0.tgz",
+      "integrity": "sha512-DgXeu5UWI0IsMQundYb5UAOzm6G2eVnarJ0byP6Tm55iZNKceD59LNPA2L4VvsScTtHcw0yEkVwSf7PC+QoLSA==",
       "dev": true,
       "dependencies": {
         "semver": "^7.6.3"
@@ -6269,9 +5851,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.15.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
-      "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
       "dependencies": {
         "hasown": "^2.0.2"
       },
@@ -6283,11 +5865,13 @@
       }
     },
     "node_modules/is-data-view": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
-      "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
       "dev": true,
       "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
         "is-typed-array": "^1.1.13"
       },
       "engines": {
@@ -6298,12 +5882,13 @@
       }
     },
     "node_modules/is-date-object": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
-      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
       "dev": true,
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6321,12 +5906,15 @@
       }
     },
     "node_modules/is-finalizationregistry": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
-      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2"
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -6341,12 +5929,15 @@
       }
     },
     "node_modules/is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
+      "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
       "dev": true,
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.0",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6368,20 +5959,8 @@
     },
     "node_modules/is-map": {
       "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
-      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-negative-zero": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
-      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
       "dev": true,
       "engines": {
         "node": ">= 0.4"
@@ -6399,12 +5978,13 @@
       }
     },
     "node_modules/is-number-object": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
-      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
       "dev": true,
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6423,13 +6003,15 @@
       }
     },
     "node_modules/is-regex": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
-      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6451,12 +6033,12 @@
       }
     },
     "node_modules/is-shared-array-buffer": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
-      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7"
+        "call-bound": "^1.0.3"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6466,12 +6048,13 @@
       }
     },
     "node_modules/is-string": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
-      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
       "dev": true,
       "dependencies": {
-        "has-tostringtag": "^1.0.0"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6481,12 +6064,14 @@
       }
     },
     "node_modules/is-symbol": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
-      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
       "dev": true,
       "dependencies": {
-        "has-symbols": "^1.0.2"
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6496,12 +6081,12 @@
       }
     },
     "node_modules/is-typed-array": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
-      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
       "dev": true,
       "dependencies": {
-        "which-typed-array": "^1.1.14"
+        "which-typed-array": "^1.1.16"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6523,25 +6108,28 @@
       }
     },
     "node_modules/is-weakref": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
-      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.0.tgz",
+      "integrity": "sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2"
+        "call-bound": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/is-weakset": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.3.tgz",
-      "integrity": "sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "get-intrinsic": "^1.2.4"
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -6562,16 +6150,20 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
     },
     "node_modules/iterator.prototype": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
-      "integrity": "sha512-DR33HMMr8EzwuRL8Y9D3u2BMj8+RqSE850jfGu59kS7tbmPLzGkZmVSfyCFSDxuZiEY6Rzt3T2NA/qU+NwVj1w==",
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
       "dev": true,
       "dependencies": {
-        "define-properties": "^1.2.1",
-        "get-intrinsic": "^1.2.1",
-        "has-symbols": "^1.0.3",
-        "reflect.getprototypeof": "^1.0.4",
-        "set-function-name": "^2.0.1"
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/jackspeak": {
@@ -6592,9 +6184,9 @@
       }
     },
     "node_modules/jiti": {
-      "version": "1.21.6",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
-      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -6702,11 +6294,14 @@
       }
     },
     "node_modules/lilconfig": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
       "engines": {
-        "node": ">=10"
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
       }
     },
     "node_modules/lines-and-columns": {
@@ -6783,9 +6378,9 @@
       }
     },
     "node_modules/marked": {
-      "version": "14.1.2",
-      "resolved": "https://registry.npmjs.org/marked/-/marked-14.1.2.tgz",
-      "integrity": "sha512-f3r0yqpz31VXiDB/wj9GaOB0a2PRLQl6vJmXiFrniNwjkKdvakqJRULhjFKJpxOchlCRiG5fcacoUZY5Xa6PEQ==",
+      "version": "14.1.4",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-14.1.4.tgz",
+      "integrity": "sha512-vkVZ8ONmUdPnjCKc5uTRvmkRbx4EAi2OkTOXmfTDhZz3OFqMNBM1oTTWwTr4HY4uAEojhzPf+Fy8F1DWa3Sndg==",
       "bin": {
         "marked": "bin/marked.js"
       },
@@ -6794,14 +6389,23 @@
       }
     },
     "node_modules/marked-gfm-heading-id": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/marked-gfm-heading-id/-/marked-gfm-heading-id-4.1.0.tgz",
-      "integrity": "sha512-xRvV65Fnpq1krNspnyGsBvP0Y6h7/FrJ6U6y4e6zCWffiC1KxFFxFUKVu8ufMHop2xdvpwyWj5jPeA5W5x/6Zw==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/marked-gfm-heading-id/-/marked-gfm-heading-id-4.1.1.tgz",
+      "integrity": "sha512-EeQZieAQmsI6c2tWLx0ETd0VjPwLV8qi+HT0dIsfVMERm0rCIuXfRvZXJbo1SgUi++lmuR1LVY+QzgNiLNvVpw==",
       "dependencies": {
         "github-slugger": "^2.0.0"
       },
       "peerDependencies": {
-        "marked": ">=13 <15"
+        "marked": ">=13 <16"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/memoize-one": {
@@ -6862,15 +6466,14 @@
       "version": "2.30.1",
       "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz",
       "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==",
-      "license": "MIT",
       "engines": {
         "node": "*"
       }
     },
     "node_modules/moment-timezone": {
-      "version": "0.5.46",
-      "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.46.tgz",
-      "integrity": "sha512-ZXm9b36esbe7OmdABqIWJuBBiLLwAjrN7CE+7sYdCCx82Nabt1wHDj8TVseS59QIlfFPbOoiBPm6ca9BioG4hw==",
+      "version": "0.5.47",
+      "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.47.tgz",
+      "integrity": "sha512-UbNt/JAWS0m/NJOebR0QMRHBk0hu03r5dx9GK8Cs0AS3I81yDcOc9k+DytPItgVvBP7J6Mf6U2n3BPAacAV9oA==",
       "dependencies": {
         "moment": "^2.29.4"
       },
@@ -6895,9 +6498,9 @@
       }
     },
     "node_modules/nanoid": {
-      "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "version": "3.3.8",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
+      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
       "funding": [
         {
           "type": "github",
@@ -7027,26 +6630,10 @@
       }
     },
     "node_modules/object-inspect": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
-      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object-is": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
-      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
+      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
       "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1"
-      },
       "engines": {
         "node": ">= 0.4"
       },
@@ -7064,14 +6651,16 @@
       }
     },
     "node_modules/object.assign": {
-      "version": "4.1.5",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
-      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.5",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
-        "has-symbols": "^1.0.3",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
         "object-keys": "^1.1.1"
       },
       "engines": {
@@ -7128,12 +6717,13 @@
       }
     },
     "node_modules/object.values": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz",
-      "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
         "es-object-atoms": "^1.0.0"
       },
@@ -7170,6 +6760,23 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/p-limit": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
@@ -7259,9 +6866,9 @@
       }
     },
     "node_modules/picocolors": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
-      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw=="
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -7300,9 +6907,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.47",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
-      "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
+      "version": "8.5.1",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz",
+      "integrity": "sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -7318,8 +6925,8 @@
         }
       ],
       "dependencies": {
-        "nanoid": "^3.3.7",
-        "picocolors": "^1.1.0",
+        "nanoid": "^3.3.8",
+        "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
       "engines": {
@@ -7394,17 +7001,6 @@
         }
       }
     },
-    "node_modules/postcss-load-config/node_modules/lilconfig": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
-      "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antonk52"
-      }
-    },
     "node_modules/postcss-nested": {
       "version": "6.2.0",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
@@ -7600,9 +7196,9 @@
       }
     },
     "node_modules/react-big-calendar": {
-      "version": "1.16.0",
-      "resolved": "https://registry.npmjs.org/react-big-calendar/-/react-big-calendar-1.16.0.tgz",
-      "integrity": "sha512-SlFIWXlD05jcFFyxjtUG5UjdcbF7j5seCTXGzfhDlVJ2Jc7HU+VYIzAY7Md65o3W6kvCokhHUSWHsQqoQDlg7Q==",
+      "version": "1.17.1",
+      "resolved": "https://registry.npmjs.org/react-big-calendar/-/react-big-calendar-1.17.1.tgz",
+      "integrity": "sha512-LltUAMSGODWQBKx4013bRe6R0jaINV9hrs970+F860KedpozwRGGMT66esV9mA3mAhfSKoazF/QH1WCyLkXYZA==",
       "dependencies": {
         "@babel/runtime": "^7.20.7",
         "clsx": "^1.2.1",
@@ -7660,9 +7256,9 @@
       }
     },
     "node_modules/react-hook-form": {
-      "version": "7.53.1",
-      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.53.1.tgz",
-      "integrity": "sha512-6aiQeBda4zjcuaugWvim9WsGqisoUk+etmFEsSUMm451/Ic8L/UAb7sRtMj3V+Hdzm6mMjU1VhiSzYUZeBm0Vg==",
+      "version": "7.54.2",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.54.2.tgz",
+      "integrity": "sha512-eHpAUgUjWbZocoQYUHposymRb4ZP6d0uwUnooL2uOybA9/3tPUvoAKqEWK1WaSiTxxOfTpffNZP7QwlnM3/gEg==",
       "engines": {
         "node": ">=18.0.0"
       },
@@ -7704,22 +7300,22 @@
       }
     },
     "node_modules/react-remove-scroll": {
-      "version": "2.5.7",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.7.tgz",
-      "integrity": "sha512-FnrTWO4L7/Bhhf3CYBNArEG/yROV0tKmTv7/3h9QCFvH6sndeFf1wPqOcbFVu5VAulS5dV1wGT3GZZ/1GawqiA==",
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.3.tgz",
+      "integrity": "sha512-pnAi91oOk8g8ABQKGF5/M9qxmmOPxaAnopyTHYfqYEwJhyFrbbBtHuSgtKEoH0jpcxx5o3hXqH1mNd9/Oi+8iQ==",
       "dependencies": {
-        "react-remove-scroll-bar": "^2.3.4",
-        "react-style-singleton": "^2.2.1",
+        "react-remove-scroll-bar": "^2.3.7",
+        "react-style-singleton": "^2.2.3",
         "tslib": "^2.1.0",
-        "use-callback-ref": "^1.3.0",
-        "use-sidecar": "^1.1.2"
+        "use-callback-ref": "^1.3.3",
+        "use-sidecar": "^1.1.3"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -7728,19 +7324,19 @@
       }
     },
     "node_modules/react-remove-scroll-bar": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz",
-      "integrity": "sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==",
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
       "dependencies": {
-        "react-style-singleton": "^2.2.1",
+        "react-style-singleton": "^2.2.2",
         "tslib": "^2.0.0"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -7784,20 +7380,19 @@
       }
     },
     "node_modules/react-style-singleton": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
-      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
       "dependencies": {
         "get-nonce": "^1.0.0",
-        "invariant": "^2.2.4",
         "tslib": "^2.0.0"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -7825,18 +7420,19 @@
       }
     },
     "node_modules/reflect.getprototypeof": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
-      "integrity": "sha512-fmfw4XgoDke3kdI6h4xcUz1dG8uaiv5q9gcEwLS4Pnth2kxT+GZ7YehS1JTMGBQmtV7Y4GFGbs2re2NqhdozUg==",
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.1",
+        "es-abstract": "^1.23.9",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "globalthis": "^1.0.3",
-        "which-builtin-type": "^1.1.3"
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7851,15 +7447,17 @@
       "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
     "node_modules/regexp.prototype.flags": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
-      "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
         "es-errors": "^1.3.0",
-        "set-function-name": "^2.0.1"
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -7869,17 +7467,20 @@
       }
     },
     "node_modules/resolve": {
-      "version": "1.22.8",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
-      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "version": "1.22.10",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
       "dependencies": {
-        "is-core-module": "^2.13.0",
+        "is-core-module": "^2.16.0",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
       },
       "bin": {
         "resolve": "bin/resolve"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -7971,14 +7572,15 @@
       }
     },
     "node_modules/safe-array-concat": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
-      "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "get-intrinsic": "^1.2.4",
-        "has-symbols": "^1.0.3",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
         "isarray": "^2.0.5"
       },
       "engines": {
@@ -7988,15 +7590,31 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/safe-regex-test": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
-      "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.6",
+        "call-bound": "^1.0.2",
         "es-errors": "^1.3.0",
-        "is-regex": "^1.1.4"
+        "is-regex": "^1.2.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8014,9 +7632,9 @@
       }
     },
     "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.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.0.tgz",
+      "integrity": "sha512-DrfFnPzblFmNrIZzg5RzHegbiRWg7KMR7btwi2yjHwx06zsUbO5g613sVwEV7FTwmzJu+Io0lJe2GJ3LxqpvBQ==",
       "dev": true,
       "bin": {
         "semver": "bin/semver.js"
@@ -8057,6 +7675,20 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -8077,15 +7709,69 @@
       }
     },
     "node_modules/side-channel": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
-      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
         "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "object-inspect": "^1.13.1"
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dev": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8106,9 +7792,9 @@
       }
     },
     "node_modules/sonner": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/sonner/-/sonner-1.7.0.tgz",
-      "integrity": "sha512-W6dH7m5MujEPyug3lpI2l3TC3Pp1+LTgK0Efg+IHDrBbtEjyCmCHHo6yfNBOsf1tFZ6zf+jceWwB38baC8yO9g==",
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/sonner/-/sonner-1.7.4.tgz",
+      "integrity": "sha512-DIS8z4PfJRbIyfVFDVnK9rO3eYDtse4Omcm6bt0oEr5/jtLgysmjuBl1frJ9E/EQZrFmKx2A8m/s5s9CRXIzhw==",
       "peerDependencies": {
         "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
         "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -8122,17 +7808,11 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/stop-iteration-iterator": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
-      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
-      "dev": true,
-      "dependencies": {
-        "internal-slot": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
+    "node_modules/stable-hash": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.4.tgz",
+      "integrity": "sha512-LjdcbuBeLcdETCrPn9i8AYAZ1eCtu4ECAWtP7UleOiZ9LzVxRzzUZEoZ8zB24nhkQnDWyET0I+3sWokSDS3E7g==",
+      "dev": true
     },
     "node_modules/streamsearch": {
       "version": "1.1.0",
@@ -8203,33 +7883,38 @@
       }
     },
     "node_modules/string.prototype.includes": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.0.tgz",
-      "integrity": "sha512-E34CkBgyeqNDcrbU76cDjL5JLcVrtSdYq0MEh/B10r17pRP4ciHLwTgnuLV8Ay6cgEMLkcBkFCKyFZ43YldYzg==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
       "dev": true,
       "dependencies": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5"
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/string.prototype.matchall": {
-      "version": "4.0.11",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz",
-      "integrity": "sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==",
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
+        "es-abstract": "^1.23.6",
         "es-errors": "^1.3.0",
         "es-object-atoms": "^1.0.0",
-        "get-intrinsic": "^1.2.4",
-        "gopd": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "internal-slot": "^1.0.7",
-        "regexp.prototype.flags": "^1.5.2",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
         "set-function-name": "^2.0.2",
-        "side-channel": "^1.0.6"
+        "side-channel": "^1.1.0"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8249,15 +7934,18 @@
       }
     },
     "node_modules/string.prototype.trim": {
-      "version": "1.2.9",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
-      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
         "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.0",
-        "es-object-atoms": "^1.0.0"
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8267,15 +7955,19 @@
       }
     },
     "node_modules/string.prototype.trimend": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
-      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
         "define-properties": "^1.2.1",
         "es-object-atoms": "^1.0.0"
       },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -8408,41 +8100,41 @@
       }
     },
     "node_modules/tailwind-merge": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.5.2.tgz",
-      "integrity": "sha512-kjEBm+pvD+6eAwzJL2Bi+02/9LFLal1Gs61+QB7HvTfQQ0aXwC5LGT8PEt1gS0CWKktKe6ysPTAy3cBC5MeiIg==",
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.6.0.tgz",
+      "integrity": "sha512-P+Vu1qXfzediirmHOC3xKGAYeZtPcV9g76X+xg2FD4tYgR71ewMA35Y3sCz3zhiN/dwefRpJX0yBcgwi1fXNQA==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/dcastil"
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.13",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.13.tgz",
-      "integrity": "sha512-KqjHOJKogOUt5Bs752ykCeiwvi0fKVkr5oqsFNt/8px/tA8scFPIlkygsf6jXrfCqGHz7VflA6+yytWuM+XhFw==",
+      "version": "3.4.17",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
+      "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
-        "chokidar": "^3.5.3",
+        "chokidar": "^3.6.0",
         "didyoumean": "^1.2.2",
         "dlv": "^1.1.3",
-        "fast-glob": "^3.3.0",
+        "fast-glob": "^3.3.2",
         "glob-parent": "^6.0.2",
         "is-glob": "^4.0.3",
-        "jiti": "^1.21.0",
-        "lilconfig": "^2.1.0",
-        "micromatch": "^4.0.5",
+        "jiti": "^1.21.6",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
         "normalize-path": "^3.0.0",
         "object-hash": "^3.0.0",
-        "picocolors": "^1.0.0",
-        "postcss": "^8.4.23",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
         "postcss-import": "^15.1.0",
         "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.1",
-        "postcss-nested": "^6.0.1",
-        "postcss-selector-parser": "^6.0.11",
-        "resolve": "^1.22.2",
-        "sucrase": "^3.32.0"
+        "postcss-load-config": "^4.0.2",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
       },
       "bin": {
         "tailwind": "lib/cli.js",
@@ -8516,15 +8208,15 @@
       }
     },
     "node_modules/ts-api-utils": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
-      "integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==",
+      "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,
       "engines": {
-        "node": ">=16"
+        "node": ">=18.12"
       },
       "peerDependencies": {
-        "typescript": ">=4.2.0"
+        "typescript": ">=4.8.4"
       }
     },
     "node_modules/ts-interface-checker": {
@@ -8545,9 +8237,9 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz",
-      "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA=="
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
     },
     "node_modules/type-check": {
       "version": "0.4.0",
@@ -8574,30 +8266,30 @@
       }
     },
     "node_modules/typed-array-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
-      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bound": "^1.0.3",
         "es-errors": "^1.3.0",
-        "is-typed-array": "^1.1.13"
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
       }
     },
     "node_modules/typed-array-byte-length": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
-      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13"
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8607,17 +8299,18 @@
       }
     },
     "node_modules/typed-array-byte-offset": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
-      "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
       "dev": true,
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
-        "is-typed-array": "^1.1.13"
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8627,17 +8320,17 @@
       }
     },
     "node_modules/typed-array-length": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
-      "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
       "dev": true,
       "dependencies": {
         "call-bind": "^1.0.7",
         "for-each": "^0.3.3",
         "gopd": "^1.0.1",
-        "has-proto": "^1.0.3",
         "is-typed-array": "^1.1.13",
-        "possible-typed-array-names": "^1.0.0"
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8647,9 +8340,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.6.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.2.tgz",
-      "integrity": "sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==",
+      "version": "5.7.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz",
+      "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
@@ -8660,15 +8353,18 @@
       }
     },
     "node_modules/unbox-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
-      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
       "dev": true,
       "dependencies": {
-        "call-bind": "^1.0.2",
+        "call-bound": "^1.0.3",
         "has-bigints": "^1.0.2",
-        "has-symbols": "^1.0.3",
-        "which-boxed-primitive": "^1.0.2"
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -8704,9 +8400,9 @@
       }
     },
     "node_modules/use-callback-ref": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.2.tgz",
-      "integrity": "sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
       "dependencies": {
         "tslib": "^2.0.0"
       },
@@ -8714,8 +8410,8 @@
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -8724,9 +8420,9 @@
       }
     },
     "node_modules/use-sidecar": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
-      "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
+      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
       "dependencies": {
         "detect-node-es": "^1.1.0",
         "tslib": "^2.0.0"
@@ -8735,8 +8431,8 @@
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -8792,39 +8488,43 @@
       }
     },
     "node_modules/which-boxed-primitive": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
-      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
       "dev": true,
       "dependencies": {
-        "is-bigint": "^1.0.1",
-        "is-boolean-object": "^1.1.0",
-        "is-number-object": "^1.0.4",
-        "is-string": "^1.0.5",
-        "is-symbol": "^1.0.3"
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/which-builtin-type": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.4.tgz",
-      "integrity": "sha512-bppkmBSsHFmIMSl8BO9TbsyzsvGjVoppt8xUiGzwiu/bhDCGxnpOKCxgqj6GuyHE0mINMDecBFPlOm2hzY084w==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
       "dev": true,
       "dependencies": {
+        "call-bound": "^1.0.2",
         "function.prototype.name": "^1.1.6",
         "has-tostringtag": "^1.0.2",
         "is-async-function": "^2.0.0",
-        "is-date-object": "^1.0.5",
-        "is-finalizationregistry": "^1.0.2",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
         "is-generator-function": "^1.0.10",
-        "is-regex": "^1.1.4",
+        "is-regex": "^1.2.1",
         "is-weakref": "^1.0.2",
         "isarray": "^2.0.5",
-        "which-boxed-primitive": "^1.0.2",
+        "which-boxed-primitive": "^1.1.0",
         "which-collection": "^1.0.2",
-        "which-typed-array": "^1.1.15"
+        "which-typed-array": "^1.1.16"
       },
       "engines": {
         "node": ">= 0.4"
@@ -8852,15 +8552,16 @@
       }
     },
     "node_modules/which-typed-array": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
-      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
+      "integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
       "dev": true,
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
         "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
+        "gopd": "^1.2.0",
         "has-tostringtag": "^1.0.2"
       },
       "engines": {
@@ -8973,9 +8674,9 @@
       "dev": true
     },
     "node_modules/yaml": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.1.tgz",
-      "integrity": "sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==",
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.7.0.tgz",
+      "integrity": "sha512-+hSoy/QHluxmC9kCIJyL/uyFmLmc+e5CFR5Wa+bpIhIj85LVb9ZH2nVnqrHoSvKogwODv0ClqZkmiSSaIH5LTA==",
       "bin": {
         "yaml": "bin.mjs"
       },
@@ -8996,17 +8697,17 @@
       }
     },
     "node_modules/zod": {
-      "version": "3.23.8",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz",
-      "integrity": "sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==",
+      "version": "3.24.1",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.1.tgz",
+      "integrity": "sha512-muH7gBL9sI1nciMZV67X5fTKKBLtwpZ5VBp1vsOQzj1MhrBZ4wlVCm3gedKZWLp0Oyel8sIGfeiz54Su+OVT+A==",
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
     },
     "node_modules/zustand": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.1.tgz",
-      "integrity": "sha512-pRET7Lao2z+n5R/HduXMio35TncTlSW68WsYBq2Lg1ASspsNGjpwLAsij3RpouyV6+kHMwwwzP0bZPD70/Jx/w==",
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.3.tgz",
+      "integrity": "sha512-14fwWQtU3pH4dE0dOpdMiWjddcH+QzKIgk1cl8epwSE7yag43k/AD/m4L6+K7DytAOr9gGBe3/EXj9g7cdostg==",
       "engines": {
         "node": ">=12.20.0"
       },
diff --git a/package.json b/package.json
index f7ab36c..a5b4651 100644
--- a/package.json
+++ b/package.json
@@ -53,6 +53,7 @@
   "devDependencies": {
     "@types/dom-speech-recognition": "^0.0.4",
     "@types/dompurify": "^3.0.5",
+    "@types/moment": "^2.13.0",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-big-calendar": "^1.16.0",
@@ -63,5 +64,9 @@
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
     "typescript": "^5"
+  },
+  "overrides": {
+    "@radix-ui/react-dismissable-layer": "1.0.5",
+    "@radix-ui/react-focus-scope": "1.0.4"
   }
 }
diff --git a/src/app/scheduler/page.tsx b/src/app/scheduler/page.tsx
index a1a23dd..ab9554f 100644
--- a/src/app/scheduler/page.tsx
+++ b/src/app/scheduler/page.tsx
@@ -5,7 +5,7 @@ import InfoTooltip from "@/components/InfoTooltip";
 import Nav from "@/components/Navigation/Nav";
 import SchedulerInterface from "@/components/scheduler/scheduler-interface";
 import { Button } from "@/components/ui/button";
-import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
+import { Sheet, SheetContent, SheetTitle, SheetTrigger } from "@/components/ui/sheet";
 import { cn } from "@/lib/utils";
 import { useCalendarStore } from "@/stores/useCalendarStore";
 import { useSchedulerStore } from "@/stores/useSchedulerStore";
@@ -63,6 +63,7 @@ export default function Page() {
 						{isDesktop
 							? calendarOpen && (<WeekCalendar />)
 							: <Sheet open={calendarOpen} onOpenChange={() => setCalendarOpen()} >
+								<SheetTitle className="sr-only">Dragon Scheduler</SheetTitle>
 								<SheetContent className="!max-w-full w-full p-2">
 									<div className="flex flex-row gap-6 ml-8">
 										<SheetTrigger className=" hover:bg-gray-300/40 -top-4 sm:top-0 rounded-sm"
diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index fd5435c..06560c1 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -19,6 +19,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
 import moment from "moment";
 import { useEventStore } from '@/stores/useEventStore';
 import { DaySelect, Day } from "@/components/ui/day-select";
+import { CustomSelect } from "@/components/ui/custom-select";
 
 const eventForm = z.object({
 	title: z.string()
@@ -360,19 +361,16 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 											render={({ field }) => (
 												<FormItem className="w-full text-start">
 													<FormLabel className="text-start text-muted-foreground">Recurrence Type</FormLabel>
-													<Select
+													<CustomSelect
+														value={field.value || ""}
 														onValueChange={field.onChange}
-														defaultValue={field.value}
-													>
-														<SelectTrigger>
-															<SelectValue placeholder="Select recurrence type" />
-														</SelectTrigger>
-														<SelectContent>
-															<SelectItem value="weekly">Weekly</SelectItem>
-															<SelectItem value="daily">Daily</SelectItem>
-															<SelectItem value="specific-days">Specific Days</SelectItem>
-														</SelectContent>
-													</Select>
+														placeholder="Select recurrence type"
+														options={[
+															{ value: "weekly", label: "Weekly" },
+															{ value: "daily", label: "Daily" },
+															{ value: "specific-days", label: "Specific Days" }
+														]}
+													/>
 													<FormMessage />
 												</FormItem>
 											)}
@@ -385,21 +383,15 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 												render={({ field }) => (
 													<FormItem className="w-full text-start">
 														<FormLabel className="text-start text-muted-foreground">Repeat every</FormLabel>
-														<Select
-															onValueChange={(value) => field.onChange(parseInt(value))}
+														<CustomSelect
 															value={field.value?.toString() || "1"}
-														>
-															<SelectTrigger>
-																<SelectValue placeholder="Select interval" />
-															</SelectTrigger>
-															<SelectContent>
-																{[1, 2, 3, 4].map((num) => (
-																	<SelectItem key={num} value={num.toString()}>
-																		{num} {num === 1 ? 'week' : 'weeks'}
-																	</SelectItem>
-																))}
-															</SelectContent>
-														</Select>
+															onValueChange={(value) => field.onChange(parseInt(value))}
+															placeholder="Select interval"
+															options={[1, 2, 3, 4].map((num) => ({
+																value: num.toString(),
+																label: `${num} ${num === 1 ? 'week' : 'weeks'}`
+															}))}
+														/>
 														<FormMessage />
 													</FormItem>
 												)}
diff --git a/src/components/ui/custom-select.tsx b/src/components/ui/custom-select.tsx
new file mode 100644
index 0000000..fb38ffa
--- /dev/null
+++ b/src/components/ui/custom-select.tsx
@@ -0,0 +1,68 @@
+/**
+ * A custom select component that uses the Popover component from Radix UI
+ * Encountered an error with the regular Select component interactions inside a Dialog
+ *  - it was impossible to click outside of the select to close it.
+ *  - could not find a fix for this, so i created this
+ *
+ * links:
+ *  - https://github.com/shadcn-ui/ui/issues/1647
+ *  - https://github.com/radix-ui/primitives/issues/2448
+ */
+import * as React from "react"
+import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover"
+import { Button } from "@/components/ui/button"
+import { cn } from "@/lib/utils"
+import { ChevronDown } from "lucide-react"
+
+interface CustomSelectProps {
+  value: string
+  onValueChange: (value: string) => void
+  placeholder?: string
+  options: { value: string; label: string }[]
+}
+
+export function CustomSelect({ value, onValueChange, placeholder, options }: CustomSelectProps) {
+  const [open, setOpen] = React.useState(false)
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          role="combobox"
+          className={cn(
+            "w-full justify-between",
+            !value && "text-muted-foreground"
+          )}
+        >
+          {value ? options.find((option) => option.value === value)?.label : placeholder}
+          <ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent
+        className="w-[--trigger-width] p-0"
+        align="start"
+        side="bottom"
+        sideOffset={4}
+        alignOffset={0}
+        avoidCollisions
+      >
+        <div className="flex flex-col">
+          {options.map((option) => (
+            <Button
+              key={option.value}
+              variant="ghost"
+              className="justify-start font-normal"
+              onClick={() => {
+                onValueChange(option.value)
+                setOpen(false)
+              }}
+            >
+              {option.label}
+            </Button>
+          ))}
+        </div>
+      </PopoverContent>
+    </Popover>
+  )
+}
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index ed621d2..8211c4f 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -74,7 +74,7 @@ const SelectContent = React.forwardRef<
     <SelectPrimitive.Content
       ref={ref}
       className={cn(
-        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        "relative z-[5000] max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         position === "popper" &&
           "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className

From e436a081f6006d751f31529747762f9382c4152a Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 2 Feb 2025 13:57:28 -0500
Subject: [PATCH 43/54] set default recurrence to 1

---
 src/components/Calendar/components/EventModal.tsx | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index 06560c1..339904d 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -79,14 +79,6 @@ const eventForm = z.object({
 }, {
 	message: "Please select at least one day",
 	path: ["recurrenceDays"],
-}).refine((data) => {
-	if ((data.recurrence === 'weekly' || data.recurrence === 'specific-days') && !data.recurrenceInterval) {
-		return false;
-	}
-	return true;
-}, {
-	message: "Please select an interval",
-	path: ["recurrenceInterval"],
 });
 
 export default function EventModal({ event, open, onOpenChange }: { event: CalendarEvent, open: boolean, onOpenChange: (open: boolean) => void }) {
@@ -171,7 +163,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 					end: values.end,
 					recurrence: values.recurring ? {
 						type: values.recurrence as "daily" | "weekly" | "specific-days",
-						interval: values.recurrenceInterval,
+						interval: (values.recurrence === "weekly" || values.recurrence === "specific-days") && !values.recurrenceInterval ? 1 : values.recurrenceInterval, // default to 1
 						days: values.recurrenceDays as ("monday" | "tuesday" | "wednesday" | "thursday" | "friday" | "saturday" | "sunday")[],
 						endDate: values.recurrenceEnd || undefined,
 					} : undefined,

From 4cb6ffee8daedd4dc391ee82415411d32e2c441c Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 2 Feb 2025 14:00:40 -0500
Subject: [PATCH 44/54] change some file structure with the calendar

---
 src/app/chat/[id]/page.tsx                    |  2 +-
 src/app/page.tsx                              |  2 +-
 src/app/scheduler/page.tsx                    |  2 +-
 .../{week-calendar.tsx => MainCalendar.tsx}   |  6 +--
 .../CalendarHours.tsx}                        |  0
 .../EventLayer.tsx}                           |  2 +-
 src/components/Calendar/time-grid.tsx         | 53 -------------------
 .../month}/MonthCalendar.tsx                  |  0
 .../Calendar/views/month/MonthView.tsx        |  2 +-
 9 files changed, 8 insertions(+), 61 deletions(-)
 rename src/components/Calendar/{week-calendar.tsx => MainCalendar.tsx} (98%)
 rename src/components/Calendar/{hours.tsx => components/CalendarHours.tsx} (100%)
 rename src/components/Calendar/{event-layer.tsx => components/EventLayer.tsx} (98%)
 delete mode 100644 src/components/Calendar/time-grid.tsx
 rename src/components/Calendar/{components => views/month}/MonthCalendar.tsx (100%)

diff --git a/src/app/chat/[id]/page.tsx b/src/app/chat/[id]/page.tsx
index fb00aa0..afbd4aa 100644
--- a/src/app/chat/[id]/page.tsx
+++ b/src/app/chat/[id]/page.tsx
@@ -6,7 +6,7 @@ import InfoToolTip from "@/components/InfoTooltip";
 import ChatInterface from "@/components/ChatInterface";
 import { useEffect } from "react";
 import { useConversationStore } from "@/stores/useConversationStore";
-import Calendar from "@/components/Calendar/week-calendar";
+import Calendar from "@/components/Calendar/MainCalendar";
 import { useCalendarStore } from "@/stores/useCalendarStore";
 import { cn } from "@/lib/utils";
 import { MinimumWidth } from "@/types";
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ce65481..47e8d10 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import InfoToolTip from "@/components/InfoTooltip";
 import { usePathname } from "next/navigation";
 import { useEffect } from "react";
 import { useConversationStore } from "@/stores/useConversationStore";
-import Calendar from "@/components/Calendar/week-calendar";
+import Calendar from "@/components/Calendar/MainCalendar";
 import { useCalendarStore } from "@/stores/useCalendarStore";
 import { cn } from "@/lib/utils";
 import { MinimumWidth } from "@/types";
diff --git a/src/app/scheduler/page.tsx b/src/app/scheduler/page.tsx
index ab9554f..a6d90a4 100644
--- a/src/app/scheduler/page.tsx
+++ b/src/app/scheduler/page.tsx
@@ -1,5 +1,5 @@
 "use client";
-import WeekCalendar from "@/components/Calendar/week-calendar";
+import WeekCalendar from "@/components/Calendar/MainCalendar";
 import ChatInterface from "@/components/ChatInterface";
 import InfoTooltip from "@/components/InfoTooltip";
 import Nav from "@/components/Navigation/Nav";
diff --git a/src/components/Calendar/week-calendar.tsx b/src/components/Calendar/MainCalendar.tsx
similarity index 98%
rename from src/components/Calendar/week-calendar.tsx
rename to src/components/Calendar/MainCalendar.tsx
index 6f309b3..c78187e 100644
--- a/src/components/Calendar/week-calendar.tsx
+++ b/src/components/Calendar/MainCalendar.tsx
@@ -2,14 +2,14 @@ import { useEffect, useRef, useState, useMemo } from 'react';
 import moment from 'moment';
 import { ChevronDownIcon, ChevronLeft, ChevronRight } from 'lucide-react';
 import { WeekHeader } from './views/week/week-header';
-import { EventLayer } from './event-layer';
+import { EventLayer } from './components/EventLayer';
 import { MinimumWidth } from '@/types';
 import { Button } from '../ui/button';
 import { useMaskImage } from '@/hooks';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../ui/dropdown-menu';
 import { DayIcon, MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icons/calendar';
 import { WeekViewGrid } from './views/week/week-view-grid';
-import CalendarHours from './hours';
+import CalendarHours from './components/CalendarHours';
 import ScheduleView from './views/schedule/ScheduleView';
 import MonthView from './views/month/MonthView';
 import { useEventStore } from '@/stores/useEventStore';
@@ -64,7 +64,7 @@ const expandRecurringEvents = (events: CalendarEvent[], startDate: Date, endDate
 	return expandedEvents.sort((a, b) => moment(a.start).diff(moment(b.start)));
 };
 
-export default function WeekCalendar() {
+export default function MainCalendar() {
 	const { baseEvents, generateMockEvents } = useEventStore();
 	const [currentDate, setCurrentDate] = useState(moment());
 	const [currentView, setCurrentView] = useState<CalendarView>(() => {
diff --git a/src/components/Calendar/hours.tsx b/src/components/Calendar/components/CalendarHours.tsx
similarity index 100%
rename from src/components/Calendar/hours.tsx
rename to src/components/Calendar/components/CalendarHours.tsx
diff --git a/src/components/Calendar/event-layer.tsx b/src/components/Calendar/components/EventLayer.tsx
similarity index 98%
rename from src/components/Calendar/event-layer.tsx
rename to src/components/Calendar/components/EventLayer.tsx
index 935c0f8..56ad9dd 100644
--- a/src/components/Calendar/event-layer.tsx
+++ b/src/components/Calendar/components/EventLayer.tsx
@@ -1,7 +1,7 @@
 import moment from 'moment';
 import { cn } from '@/lib/utils';
 import { useState } from 'react';
-import EventModal from './components/EventModal';
+import EventModal from './EventModal';
 
 interface EventLayerProps {
 	events: CalendarEvent[];
diff --git a/src/components/Calendar/time-grid.tsx b/src/components/Calendar/time-grid.tsx
deleted file mode 100644
index 508e9fe..0000000
--- a/src/components/Calendar/time-grid.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { cn, formatHourIntl } from '@/lib/utils';
-import { useWindowSize } from '@/hooks';
-import { MinimumWidth } from '@/types';
-
-export function TimeGrid() {
-	const hours = Array.from({ length: 24 }, (_, i) => i);
-	const windowSize = useWindowSize();
-	const isDesktop = windowSize.width > MinimumWidth.Large;
-
-	return (
-		<div
-			className="ml-10 lg:ml-20 grid h-[1440px] lg:grid-cols-[auto_repeat(7,_1fr)] grid-cols-[auto_repeat(5,_1fr)]"
-			style={{
-				gridTemplateRows: 'repeat(288, minmax(0, 1fr))',
-			}}
-		>
-			{/* Time column */}
-			<div className="relative right-12">
-				{hours.map((hour) => (
-					<div
-						key={hour}
-						className="h-[60px] relative border-b border-border/50 w-max"
-						style={{
-							gridRow: `span 12`, // 12 5-minute slots per hour
-						}}
-					>
-						<span className="absolute -translate-y-1/2 text-xs text-muted-foreground px-2 w-max">
-							{formatHourIntl(hour)}
-						</span>
-					</div>
-				))}
-			</div>
-
-			{/* Day columns */}
-			{Array.from({ length: isDesktop ? 7 : 5 }).map((_, dayIndex) => (
-				<div
-					key={dayIndex}
-					className={cn("border-r relative", dayIndex === 6 && "border-r-0")}
-				>
-					{hours.map((hour) => (
-						<div
-							key={hour}
-							className="h-[60px] border-r border-t border-border/50 dark:border-neutral-200/10"
-							style={{
-								gridRow: `span 12`, // 12 5-minute slots per hour
-							}}
-						/>
-					))}
-				</div>
-			))}
-		</div>
-	);
-}
diff --git a/src/components/Calendar/components/MonthCalendar.tsx b/src/components/Calendar/views/month/MonthCalendar.tsx
similarity index 100%
rename from src/components/Calendar/components/MonthCalendar.tsx
rename to src/components/Calendar/views/month/MonthCalendar.tsx
diff --git a/src/components/Calendar/views/month/MonthView.tsx b/src/components/Calendar/views/month/MonthView.tsx
index 000d25a..5d751ee 100644
--- a/src/components/Calendar/views/month/MonthView.tsx
+++ b/src/components/Calendar/views/month/MonthView.tsx
@@ -1,4 +1,4 @@
-import { MonthCalendar } from "@/components/Calendar/components/MonthCalendar";
+import { MonthCalendar } from "@/components/Calendar/views/month/MonthCalendar";
 import { useState } from "react";
 import EventEmbed from "@/components/Calendar/components/EventEmbed";
 import moment from "moment";

From 64a2ad044d9bf9f26d3a0cbfcefd81cdfba75abc Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 2 Feb 2025 17:13:10 -0500
Subject: [PATCH 45/54] fix eslint stuff

---
 src/components/Calendar/components/EventModal.tsx     | 1 -
 src/components/Calendar/views/week/week-view-grid.tsx | 4 +---
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index 339904d..a220be1 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -15,7 +15,6 @@ import { toast } from "sonner";
 import React from "react";
 import { Checkbox } from "@/components/ui/checkbox";
 import { Label } from "@/components/ui/label";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import moment from "moment";
 import { useEventStore } from '@/stores/useEventStore';
 import { DaySelect, Day } from "@/components/ui/day-select";
diff --git a/src/components/Calendar/views/week/week-view-grid.tsx b/src/components/Calendar/views/week/week-view-grid.tsx
index b5bbff6..f97819d 100644
--- a/src/components/Calendar/views/week/week-view-grid.tsx
+++ b/src/components/Calendar/views/week/week-view-grid.tsx
@@ -1,8 +1,6 @@
 import { cn } from '@/lib/utils';
-import { useWindowSize } from '@/hooks';
-import { MinimumWidth } from '@/types';
 import moment from 'moment';
-import { useEffect, useState, useRef } from 'react';
+import { useRef } from 'react';
 import { CalendarView } from '@/lib/types';
 
 const findDayLength = (view: CalendarView) => {

From b57afca26594f25df633a90d961d2c0a8132fe3a Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 2 Feb 2025 19:18:54 -0500
Subject: [PATCH 46/54] fix events rendering incorrectly if their duration
 wasnt a multiple of 30

---
 .../Calendar/components/EventLayer.tsx        | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/Calendar/components/EventLayer.tsx b/src/components/Calendar/components/EventLayer.tsx
index 56ad9dd..f8dd4aa 100644
--- a/src/components/Calendar/components/EventLayer.tsx
+++ b/src/components/Calendar/components/EventLayer.tsx
@@ -16,11 +16,22 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 	const calculateEventPosition = (event: CalendarEvent, view: CalendarView) => {
 		const startHour = moment(event.start).hour();
 		const duration = moment(event.end).diff(moment(event.start), 'minutes');
+		const startMinutes = moment(event.start).minutes();
+
+		const startCell = (12 * startHour) + Math.round(startMinutes / 5) + 1;
+		const durationCells = Math.round((duration / 5));
+
+		if(event.title === 'Team Meeting') console.log({
+			start: moment(event.start).format('HH:mm'),
+			end: moment(event.end).format('HH:mm'),
+			duration,
+			title: event.title,
+			gridRow: `${startCell} / span ${durationCells}`
+		});
 
 		if(view === 'day') {
 			if (!weekDays[0].isSame(event.start, 'day')) return null;
 
-			// Get all events for this day
 			const dayEvents = events.filter(e => moment(e.start).isSame(weekDays[0], 'day'));
 			const isOverlapping = dayEvents.some(e =>
 				e.id !== event.id &&
@@ -29,7 +40,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 			);
 
 			return {
-				gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`,
+				gridRow: `${startCell} / span ${durationCells}`,
 				gridColumn: 1,
 				width: isOverlapping ? '48%' : '100%',
 				justifySelf: isOverlapping ? dayEvents.findIndex(e => e.id === event.id) % 2 === 0 ? 'end' : 'start' : 'stretch'
@@ -46,7 +57,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 			);
 
 			return {
-				gridRow: `${(12 * startHour) + 1} / span ${12 * (duration / 60)}`,
+				gridRow: `${startCell} / span ${durationCells}`,
 				gridColumn: dayIndex + 1,
 				width: isOverlapping ? '45%' : 'unset',
 				justifySelf: isOverlapping ? dayEvents.findIndex(e => e.id === event.id) % 2 === 0 ? 'end' : 'start' : 'stretch'
@@ -65,7 +76,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 				"mt-2 z-10", // offset from the top
 				"ml-10 lg:ml-[4.5rem]", // Time column width
 				"absolute inset-0 grid h-[1440px]",
-				"grid-cols-[auto_repeat(5,_1fr)] lg:grid-cols-[auto_repeat(7,_1fr)]",
+				"grid-cols-[auto_repeat(5,_1fr)]",
 				view === 'week' && "grid-cols-5",
 				view === '3day' && "grid-cols-3",
 				view === 'day' && "grid-cols-1",

From c387fe406e2e95404c8b8ff57ca2e68394be731c Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 2 Feb 2025 20:11:13 -0500
Subject: [PATCH 47/54] infinite loading functionality with events on
 scheduleview

---
 src/components/Calendar/MainCalendar.tsx      |  19 ++-
 .../Calendar/views/schedule/ScheduleView.tsx  | 116 +++++++++++++-----
 src/components/ui/custom-select.tsx           |   2 +-
 3 files changed, 99 insertions(+), 38 deletions(-)

diff --git a/src/components/Calendar/MainCalendar.tsx b/src/components/Calendar/MainCalendar.tsx
index c78187e..c2c856c 100644
--- a/src/components/Calendar/MainCalendar.tsx
+++ b/src/components/Calendar/MainCalendar.tsx
@@ -27,8 +27,9 @@ const expandRecurringEvents = (events: CalendarEvent[], startDate: Date, endDate
 		const end = moment(endDate);
 		const eventStart = moment(event.start);
 		const eventEnd = moment(event.end);
+		const recurrenceEnd = event.recurrence.endDate ? moment(event.recurrence.endDate) : end;
 
-		while (start.isBefore(end)) {
+		while (start.isBefore(end) && start.isSameOrBefore(recurrenceEnd)) {
 			if (event.recurrence.type === 'daily') {
 				expandedEvents.push({
 					...event,
@@ -67,6 +68,7 @@ const expandRecurringEvents = (events: CalendarEvent[], startDate: Date, endDate
 export default function MainCalendar() {
 	const { baseEvents, generateMockEvents } = useEventStore();
 	const [currentDate, setCurrentDate] = useState(moment());
+	const [loadedWeeks, setLoadedWeeks] = useState(6);
 	const [currentView, setCurrentView] = useState<CalendarView>(() => {
 		const savedView = localStorage.getItem('calendarView');
 		return (savedView as CalendarView) || '3day';
@@ -77,10 +79,14 @@ export default function MainCalendar() {
 	}, []);
 
 	const events = useMemo(() => {
-		const startDate = moment(currentDate).subtract(6, 'weeks');
-		const endDate = moment(currentDate).add(6, 'weeks');
+		const startDate = moment(currentDate).subtract(loadedWeeks, 'weeks');
+		const endDate = moment(currentDate).add(loadedWeeks, 'weeks');
 		return expandRecurringEvents(baseEvents, startDate.toDate(), endDate.toDate());
-	}, [baseEvents, currentDate]);
+	}, [baseEvents, currentDate, loadedWeeks]);
+
+	const handleLoadMoreEvents = () => {
+		setLoadedWeeks(prev => prev + 6);
+	};
 
 	const isDesktop = window?.innerWidth > MinimumWidth.Large;
 	const scrollRef = useRef<HTMLDivElement>(null);
@@ -320,7 +326,10 @@ export default function MainCalendar() {
 			</div>
 
 			{currentView === 'schedule' ? (
-				<ScheduleView events={events} />
+				<ScheduleView
+					events={events}
+					onLoadMore={handleLoadMoreEvents}
+				/>
 			) : currentView === 'month' ? (
 				<MonthView
 					events={events}
diff --git a/src/components/Calendar/views/schedule/ScheduleView.tsx b/src/components/Calendar/views/schedule/ScheduleView.tsx
index c7b2a59..a7d7d6e 100644
--- a/src/components/Calendar/views/schedule/ScheduleView.tsx
+++ b/src/components/Calendar/views/schedule/ScheduleView.tsx
@@ -2,42 +2,75 @@ import { cn } from "@/lib/utils";
 import moment from "moment";
 import EventEmbed from "../../components/EventEmbed";
 import ZzIcon from "@/icons/general/zz-icon";
-import React, { useRef, useEffect } from "react";
+import React, { useState, useEffect } from "react";
+import { Spinner } from "@/components/ui/spinner";
 
-export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
-	const todayRef = useRef<HTMLDivElement>(null);
+const WEEKS_TO_LOAD = 2;
+
+export default function ScheduleView({
+	events,
+	onLoadMore
+}: {
+	events: CalendarEvent[];
+	onLoadMore: () => void;
+}) {
+	const [displayedWeeks, setDisplayedWeeks] = useState(WEEKS_TO_LOAD);
+	const [hasMore, setHasMore] = useState(true);
+	const [isLoading, setIsLoading] = useState(false);
 
 	useEffect(() => {
-		// Add a small delay to ensure the DOM is ready
-		setTimeout(() => {
-			todayRef.current?.scrollIntoView({
-				block: 'center'
-			});
-		}, 0);
-	}, []);
+		setIsLoading(false);
+	}, [events]);
 
-	const groupedEvents = events.reduce((acc, event) => {
-		const day = moment(event.start).format('YYYY-MM-DD');
-		if (!acc[day]) {
-			acc[day] = [];
-		}
-		acc[day].push(event);
-		return acc;
-	}, {} as Record<string, CalendarEvent[]>);
+	const groupedEvents = events
+		.filter(event => moment(event.start).isSameOrAfter(moment().startOf('day')))
+		.reduce((acc, event) => {
+			const day = moment(event.start).format('YYYY-MM-DD');
+			if (!acc[day]) {
+				acc[day] = [];
+			}
+			acc[day].push(event);
+			return acc;
+		}, {} as Record<string, CalendarEvent[]>);
 
 	const today = moment().format('YYYY-MM-DD');
 	if (!groupedEvents[today]) {
 		groupedEvents[today] = [];
 	}
-	const sortedDays = Object.keys(groupedEvents).sort((a, b) =>
-		moment(a).diff(moment(b))
-	);
+
+	const sortedDays = Object.keys(groupedEvents)
+		.sort((a, b) => moment(a).diff(moment(b)))
+		.filter(day => moment(day).isBefore(moment().add(displayedWeeks, 'weeks')));
+
+	const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {
+		const element = e.currentTarget;
+		const bottom = Math.abs(element.scrollHeight - element.scrollTop - element.clientHeight) < 50; // threshold
+
+		if (bottom && !isLoading && hasMore) {
+			setIsLoading(true);
+			const futureDate = moment().add(displayedWeeks, 'weeks');
+			const hasMoreEvents = events.some(event =>
+				moment(event.start).isAfter(futureDate)
+			);
+
+			if (!hasMoreEvents && displayedWeeks >= 6) {
+				onLoadMore();
+			} else if (!hasMoreEvents) {
+				setHasMore(false);
+				setIsLoading(false);
+			} else {
+				setTimeout(() => {
+					setDisplayedWeeks(prev => prev + WEEKS_TO_LOAD);
+					setIsLoading(false);
+				}, 500);
+			}
+		}
+	};
 
 	const getDayHeight = (day: string): number => {
 		if (groupedEvents[day].length === 0) {
 			return moment(day).isSame(moment(), 'day') ? 5 : 0; // 5rem for empty today, 0 for other empty days
 		}
-
 		return groupedEvents[day].length * 4.75;
 	};
 
@@ -46,22 +79,32 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 		return moment(currentDay).month() !== moment(prevDay).month();
 	};
 
+	if (sortedDays.length === 0) {
+		return (
+			<div className="flex flex-col items-center justify-center h-full p-8 text-neutral-500 dark:text-neutral-400">
+				<ZzIcon className="w-12 h-12 mb-4" />
+				<p>No upcoming events scheduled</p>
+			</div>
+		);
+	}
+
 	return (
-		<div className="flex flex-row gap-4 w-full h-full mb-4 overflow-auto">
+		<div
+			className="flex flex-row gap-4 w-full h-full mb-4 overflow-auto"
+			onScroll={handleScroll}
+		>
 			<div className="flex flex-col bg-sky-50 dark:bg-neutral-900/30 rounded-lg h-fit gap-4">
-				{/** Day column */}
 				{sortedDays.map((day, index) => (
 					<React.Fragment key={day}>
 						{isNewMonth(day, sortedDays[index - 1]) && (
-							<div className="h-10" />
+							<div className="h-[2.5rem]" />
 						)}
 						<div
-							ref={moment(day).isSame(moment(), 'day') ? todayRef : undefined}
 							className={cn(
 								"flex flex-col p-4 text-center rounded-lg transition-all",
 								!moment(day).isSame(moment(), "day")
-								? "text-neutral-500 dark:text-neutral-400"
-								: "bg-blue-400/50"
+									? "text-neutral-500 dark:text-neutral-400"
+									: "bg-blue-400/50"
 							)}
 							style={{
 								height: `${getDayHeight(day)}rem`,
@@ -69,14 +112,14 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 							}}
 						>
 							<span className="text-xl font-semibold">{moment(day).format("D")}</span>
-							<span className={cn("text-sm font-normal")}>
+							<span className="text-sm font-normal">
 								{moment(day).format("ddd")}
 							</span>
 						</div>
 					</React.Fragment>
 				))}
 			</div>
-			{/** Event column */}
+
 			<div className="flex flex-col w-full h-fit gap-4">
 				{sortedDays.map((day, index) => (
 					<React.Fragment key={day}>
@@ -86,7 +129,6 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 							</div>
 						)}
 						<div
-							ref={moment(day).isSame(moment(), 'day') ? todayRef : undefined}
 							className="flex flex-col gap-2 transition-all"
 							style={{
 								height: `${getDayHeight(day)}rem`,
@@ -108,7 +150,17 @@ export default function ScheduleView({ events }: { events: CalendarEvent[] }) {
 						</div>
 					</React.Fragment>
 				))}
+				{isLoading && (
+					<div className="text-center p-4 text-muted-foreground">
+						<Spinner />
+					</div>
+				)}
+				{!hasMore && !isLoading && (
+					<div className="text-center p-4 text-muted-foreground">
+						No more events to load
+					</div>
+				)}
 			</div>
 		</div>
-	)
+	);
 }
diff --git a/src/components/ui/custom-select.tsx b/src/components/ui/custom-select.tsx
index fb38ffa..5b93fa4 100644
--- a/src/components/ui/custom-select.tsx
+++ b/src/components/ui/custom-select.tsx
@@ -31,7 +31,7 @@ export function CustomSelect({ value, onValueChange, placeholder, options }: Cus
           variant="outline"
           role="combobox"
           className={cn(
-            "w-full justify-between",
+            "w-full justify-between font-normal",
             !value && "text-muted-foreground"
           )}
         >

From 323fda9990cf4434862e7bb9ccc25ace45e3f73d Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Sun, 2 Feb 2025 20:46:26 -0500
Subject: [PATCH 48/54] add support for infinite recurring events, and fix the
 eventmodal requiring an enddate for recurring events

---
 .../Calendar/components/EventLayer.tsx        | 10 +--
 .../Calendar/components/EventModal.tsx        | 17 +++-
 src/components/ui/date-time-input.tsx         | 17 ++--
 src/components/ui/datefield-rac.tsx           | 84 +++++++++++++++++++
 4 files changed, 104 insertions(+), 24 deletions(-)
 create mode 100644 src/components/ui/datefield-rac.tsx

diff --git a/src/components/Calendar/components/EventLayer.tsx b/src/components/Calendar/components/EventLayer.tsx
index f8dd4aa..fea8f01 100644
--- a/src/components/Calendar/components/EventLayer.tsx
+++ b/src/components/Calendar/components/EventLayer.tsx
@@ -21,14 +21,6 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 		const startCell = (12 * startHour) + Math.round(startMinutes / 5) + 1;
 		const durationCells = Math.round((duration / 5));
 
-		if(event.title === 'Team Meeting') console.log({
-			start: moment(event.start).format('HH:mm'),
-			end: moment(event.end).format('HH:mm'),
-			duration,
-			title: event.title,
-			gridRow: `${startCell} / span ${durationCells}`
-		});
-
 		if(view === 'day') {
 			if (!weekDays[0].isSame(event.start, 'day')) return null;
 
@@ -94,7 +86,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 					<div
 						key={`${event.id}-${index}`}
 						className={cn(
-							"flex flex-col relative mx-1 rounded-md p-2 mb-1 shadow-sm border border-neutral-200 dark:border-neutral-700 overflow-hidden cursor-pointer",
+							"flex flex-col relative mx-1 rounded-md p-2 mb-1 shadow-sm drop-shadow-md border border-neutral-200 dark:border-neutral-700 overflow-hidden cursor-pointer",
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
 							event.color,
 							"bg-opacity-70 hover:bg-opacity-100"
diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index a220be1..f564b9a 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -34,7 +34,7 @@ const eventForm = z.object({
 	recurrence: z.string().optional(), // "daily", "weekly", "specific-days",
 	recurrenceInterval: z.number().optional(), // 1, 2, 3, 4, 5
 	recurrenceDays: z.array(z.string()).optional(), // ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"]
-	recurrenceEnd: z.date().optional().nullable(),
+	recurrenceEnd: z.date().nullable().optional(),
 }).refine((data) => {
 	return data.end > data.start;
 }, {
@@ -78,6 +78,14 @@ const eventForm = z.object({
 }, {
 	message: "Please select at least one day",
 	path: ["recurrenceDays"],
+}).refine((data) => {
+	if (data.recurring && data.recurrence && data.recurrenceEnd) {
+		return moment(data.recurrenceEnd).isAfter(moment(), 'day');
+	}
+	return true;
+}, {
+	message: "End date must be in the future",
+	path: ["recurrenceEnd"],
 });
 
 export default function EventModal({ event, open, onOpenChange }: { event: CalendarEvent, open: boolean, onOpenChange: (open: boolean) => void }) {
@@ -293,7 +301,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 											name="start"
 											render={({ field }) => (
 												<FormItem className="text-start">
-													<DateTimeInput label="Start" value={field.value} onChange={field.onChange} />
+													<DateTimeInput label="Start Time" value={field.value} onChange={field.onChange} />
 													<FormMessage />
 												</FormItem>
 											)} />
@@ -302,7 +310,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 											name="end"
 											render={({ field }) => (
 												<FormItem className="text-start">
-													<DateTimeInput label="End" value={field.value} onChange={field.onChange} />
+													<DateTimeInput label="End Time" value={field.value} onChange={field.onChange} />
 													<FormMessage />
 												</FormItem>
 											)} />
@@ -415,9 +423,10 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 												<FormItem className="w-full text-start">
 													<DateTimeInput
 														label="End Date"
-														value={field.value || new Date()}
+														value={field.value}
 														onChange={field.onChange}
 													/>
+													<p className="text-xs text-muted-foreground">Leave blank for infinite</p>
 													<FormMessage />
 												</FormItem>
 											)}
diff --git a/src/components/ui/date-time-input.tsx b/src/components/ui/date-time-input.tsx
index 1c0d8f9..254222b 100644
--- a/src/components/ui/date-time-input.tsx
+++ b/src/components/ui/date-time-input.tsx
@@ -1,22 +1,23 @@
 "use client";
 
-import { DateField, DateInput, DateSegment, Label } from "react-aria-components";
 import { CalendarDateTime } from "@internationalized/date";
+import { DateField, DateInput } from "./datefield-rac";
+import { Label } from "react-aria-components";
 
-export default function DateTimeInput({ label, value, onChange }: { label?: string, value: Date, onChange: (date: Date) => void }) {
+export default function DateTimeInput({ label, value, onChange }: { label?: string, value: Date | null | undefined, onChange: (date: Date) => void }) {
 	return (
 		<DateField
-			className="space-y-2 flex flex-col"
+			className="space-y-2 flex flex-col w-full"
 			granularity="minute"
 			hourCycle={12}
 			hideTimeZone
-			value={new CalendarDateTime(
+			value={value ? new CalendarDateTime(
 				value.getFullYear(),
 				value.getMonth() + 1,
 				value.getDate(),
 				value.getHours(),
 				value.getMinutes()
-			)}
+			) : null}
 			onChange={(date) => {
 				if (date) {
 					const newDate = date.toDate(Intl.DateTimeFormat().resolvedOptions().timeZone);
@@ -26,12 +27,6 @@ export default function DateTimeInput({ label, value, onChange }: { label?: stri
 		>
 			{label && <Label className="text-sm font-medium text-muted-foreground">{label}</Label>}
 			<DateInput className="relative inline-flex h-9 w-fit items-center overflow-hidden whitespace-nowrap rounded-lg border border-input bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-[disabled]:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20 tracking-tighter">
-				{(segment) => (
-					<DateSegment
-						segment={segment}
-						className="inline rounded p-0.5 text-foreground caret-transparent outline outline-0 data-[disabled]:cursor-not-allowed data-[focused]:bg-accent data-[invalid]:data-[focused]:bg-destructive data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground data-[invalid]:data-[focused]:data-[placeholder]:text-destructive-foreground data-[invalid]:data-[focused]:text-destructive-foreground data-[invalid]:data-[placeholder]:text-destructive data-[invalid]:text-destructive data-[placeholder]:text-muted-foreground/70 data-[type=literal]:text-muted-foreground/70 data-[disabled]:opacity-50"
-					/>
-				)}
 			</DateInput>
 		</DateField>
 	);
diff --git a/src/components/ui/datefield-rac.tsx b/src/components/ui/datefield-rac.tsx
new file mode 100644
index 0000000..84b868d
--- /dev/null
+++ b/src/components/ui/datefield-rac.tsx
@@ -0,0 +1,84 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import {
+  DateFieldProps,
+  DateField as DateFieldRac,
+  DateInputProps as DateInputPropsRac,
+  DateInput as DateInputRac,
+  DateSegmentProps,
+  DateSegment as DateSegmentRac,
+  DateValue as DateValueRac,
+  TimeFieldProps,
+  TimeField as TimeFieldRac,
+  TimeValue as TimeValueRac,
+  composeRenderProps,
+} from "react-aria-components";
+
+const DateField = <T extends DateValueRac>({
+  className,
+  children,
+  ...props
+}: DateFieldProps<T>) => {
+  return (
+    <DateFieldRac
+      className={composeRenderProps(className, (className) => cn("space-y-2", className))}
+      {...props}
+    >
+      {children}
+    </DateFieldRac>
+  );
+};
+
+const TimeField = <T extends TimeValueRac>({
+  className,
+  children,
+  ...props
+}: TimeFieldProps<T>) => {
+  return (
+    <TimeFieldRac
+      className={composeRenderProps(className, (className) => cn("space-y-2", className))}
+      {...props}
+    >
+      {children}
+    </TimeFieldRac>
+  );
+};
+
+const DateSegment = ({ className, ...props }: DateSegmentProps) => {
+  return (
+    <DateSegmentRac
+      className={composeRenderProps(className, (className) =>
+        cn(
+          "inline rounded p-0.5 text-foreground caret-transparent outline outline-0 data-[disabled]:cursor-not-allowed data-[focused]:bg-accent data-[invalid]:data-[focused]:bg-destructive data-[type=literal]:px-0 data-[focused]:data-[placeholder]:text-foreground data-[focused]:text-foreground data-[invalid]:data-[focused]:data-[placeholder]:text-destructive-foreground data-[invalid]:data-[focused]:text-destructive-foreground data-[invalid]:data-[placeholder]:text-destructive data-[invalid]:text-destructive data-[placeholder]:text-muted-foreground/70 data-[type=literal]:text-muted-foreground/70 data-[disabled]:opacity-50",
+          className,
+        ),
+      )}
+      {...props}
+    />
+  );
+};
+
+const dateInputStyle =
+  "relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-lg border border-input bg-background px-3 py-2 text-sm shadow-sm shadow-black/5 transition-shadow data-[focus-within]:border-ring data-[disabled]:opacity-50 data-[focus-within]:outline-none data-[focus-within]:ring-[3px] data-[focus-within]:ring-ring/20";
+
+interface DateInputProps extends DateInputPropsRac {
+  className?: string;
+  unstyled?: boolean;
+}
+
+const DateInput = ({ className, unstyled = false, ...props }: Omit<DateInputProps, "children">) => {
+  return (
+    <DateInputRac
+      className={composeRenderProps(className, (className) =>
+        cn(!unstyled && dateInputStyle, className),
+      )}
+      {...props}
+    >
+      {(segment) => <DateSegment segment={segment} />}
+    </DateInputRac>
+  );
+};
+
+export { DateField, DateInput, DateSegment, TimeField, dateInputStyle };
+export type { DateInputProps };

From 72e740e1a899a677ecc349d84ce1029f6c30ff32 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Wed, 5 Feb 2025 15:21:03 -0500
Subject: [PATCH 49/54] small changes and fixes

---
 src/components/Calendar/MainCalendar.tsx      | 85 +++++++++--------
 .../Calendar/components/EventLayer.tsx        |  2 +-
 .../Calendar/components/EventModal.tsx        | 10 +-
 .../Calendar/views/month/MonthCalendar.tsx    |  6 +-
 .../Calendar/views/month/MonthView.tsx        |  1 +
 src/components/ui/custom-select.tsx           | 95 ++++++++++---------
 6 files changed, 99 insertions(+), 100 deletions(-)

diff --git a/src/components/Calendar/MainCalendar.tsx b/src/components/Calendar/MainCalendar.tsx
index c2c856c..f247ff1 100644
--- a/src/components/Calendar/MainCalendar.tsx
+++ b/src/components/Calendar/MainCalendar.tsx
@@ -13,6 +13,7 @@ import CalendarHours from './components/CalendarHours';
 import ScheduleView from './views/schedule/ScheduleView';
 import MonthView from './views/month/MonthView';
 import { useEventStore } from '@/stores/useEventStore';
+import { cn } from '@/lib/utils';
 
 const expandRecurringEvents = (events: CalendarEvent[], startDate: Date, endDate: Date): CalendarEvent[] => {
 	const expandedEvents: CalendarEvent[] = [];
@@ -242,33 +243,16 @@ export default function MainCalendar() {
 			</div> */}
 
 			<div className="flex items-center p-4 gap-2">
-				<div className="inline-flex -space-x-px rounded-2xl rtl:space-x-reverse shadow-sm border border-neutral-200 dark:border-neutral-700">
 					<Button
-						className="rounded-none shadow-none first:rounded-s-2xl last:rounded-e-2xl focus-visible:z-10"
-						variant="secondary"
-						size="icon"
-						aria-label="Previous week"
-						onClick={goToPrevious}
-					>
-						<ChevronLeft size={16} strokeWidth={2} aria-hidden="true" />
-					</Button>
-					<Button
-						variant="secondary"
-						className="p-2 rounded-none border-r-1 border-l-1 border-r-gray-50"
+						variant="outline"
+						className={cn(
+								"rounded-3xl",
+								!["day", "3day", "week"].includes(currentView) && "hidden"
+							)}
 						onClick={goToToday}
 					>
 						Today
 					</Button>
-					<Button
-						className="rounded-none shadow-none first:rounded-s-2xl last:rounded-e-2xl focus-visible:z-10"
-						variant="secondary"
-						size="icon"
-						aria-label="Next week"
-						onClick={goToNext}
-					>
-						<ChevronRight size={16} strokeWidth={2} aria-hidden="true" />
-					</Button>
-				</div>
 				{/* <NewEventButton /> */}
 				<div className='w-full'>
 					<DropdownMenu>
@@ -336,27 +320,46 @@ export default function MainCalendar() {
 					onMonthChange={handleMonthChange}
 				/>
 			) : (
-			<>
-				<WeekHeader days={weekDays} view={currentView} />
-				<div className="flex-1 overflow-scroll"
-					ref={scrollRef}
-					onTouchStart={handleTouchStart}
-					onTouchMove={handleTouchMove}
-					onTouchEnd={handleTouchEnd}
-				>
-					<div className="relative flex-1 grid grid-cols-1 grid-rows-1"
-						ref={containerRef}
-						style={{
-							opacity: 1 - swipeProgress,
-							transform: `translateX(${offsetX}px)`,
-						}}
+				<>
+					<div className='w-full flex flex-row justify-between items-center px-4'>
+						<Button
+							variant="ghost"
+							size="icon"
+							aria-label="Previous week"
+							onClick={goToPrevious}
+						>
+							<ChevronLeft size={16} strokeWidth={2} aria-hidden="true" />
+						</Button>
+						<p className='font-medium'>{moment(currentDate).format('MMMM YYYY')}</p>
+						<Button
+							variant="ghost"
+							size="icon"
+							aria-label="Next week"
+							onClick={goToNext}
+						>
+							<ChevronRight size={16} strokeWidth={2} aria-hidden="true" />
+						</Button>
+					</div>
+					<WeekHeader days={weekDays} view={currentView} />
+					<div className="flex-1 overflow-scroll"
+						ref={scrollRef}
+						onTouchStart={handleTouchStart}
+						onTouchMove={handleTouchMove}
+						onTouchEnd={handleTouchEnd}
 					>
-						<CalendarHours />
-						<WeekViewGrid view={currentView} weekDays={weekDays} />
-						<EventLayer events={events} weekDays={weekDays} view={currentView} />
+						<div className="relative flex-1 grid grid-cols-1 grid-rows-1"
+							ref={containerRef}
+							style={{
+								opacity: 1 - swipeProgress,
+								transform: `translateX(${offsetX}px)`,
+							}}
+						>
+							<CalendarHours />
+							<WeekViewGrid view={currentView} weekDays={weekDays} />
+							<EventLayer events={events} weekDays={weekDays} view={currentView} />
+						</div>
 					</div>
-				</div>
-			</>
+				</>
 			)}
 		</div>
 	);
diff --git a/src/components/Calendar/components/EventLayer.tsx b/src/components/Calendar/components/EventLayer.tsx
index fea8f01..50fb00d 100644
--- a/src/components/Calendar/components/EventLayer.tsx
+++ b/src/components/Calendar/components/EventLayer.tsx
@@ -86,7 +86,7 @@ export function EventLayer({ events, weekDays, view }: EventLayerProps) {
 					<div
 						key={`${event.id}-${index}`}
 						className={cn(
-							"flex flex-col relative mx-1 rounded-md p-2 mb-1 shadow-sm drop-shadow-md border border-neutral-200 dark:border-neutral-700 overflow-hidden cursor-pointer",
+							"flex flex-col relative mx-1 rounded-md p-2 mb-1 shadow-sm border border-neutral-200 dark:border-neutral-700 overflow-hidden cursor-pointer",
 							"hover:z-10 hover:max-w-full hover:shadow-md transition-all duration-200 shrink",
 							event.color,
 							"bg-opacity-70 hover:bg-opacity-100"
diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index f564b9a..70de307 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -62,14 +62,6 @@ const eventForm = z.object({
 }, {
 	message: "Please select a recurrence type",
 	path: ["recurrence"],
-}).refine((data) => {
-	if (data.recurring && (!data.recurrenceEnd || moment(data.recurrenceEnd).isSameOrBefore(moment(), 'day'))) {
-		return false;
-	}
-	return true;
-}, {
-	message: "End date must be set and must be in the future",
-	path: ["recurrenceEnd"],
 }).refine((data) => {
 	if (data.recurrence === 'specific-days' && (!data.recurrenceDays || data.recurrenceDays.length === 0)) {
 		return false;
@@ -426,7 +418,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 														value={field.value}
 														onChange={field.onChange}
 													/>
-													<p className="text-xs text-muted-foreground">Leave blank for infinite</p>
+													<p className="text-xs text-muted-foreground">Leave blank for no end</p>
 													<FormMessage />
 												</FormItem>
 											)}
diff --git a/src/components/Calendar/views/month/MonthCalendar.tsx b/src/components/Calendar/views/month/MonthCalendar.tsx
index 695ccb3..9d39472 100644
--- a/src/components/Calendar/views/month/MonthCalendar.tsx
+++ b/src/components/Calendar/views/month/MonthCalendar.tsx
@@ -101,15 +101,15 @@ function MonthCalendar({
 							}}
 							className={cn(
 								buttonVariants({ variant: "ghost" }),
-								"h-8 w-8 p-0 font-normal relative flex flex-col items-center",
-								isSelected && "bg-neutral-100 border border-neutral-200 dark:bg-neutral-800 dark:border-neutral-700",
+								"h-8 w-8 p-0 font-normal relative flex flex-col items-center rounded-2xl transition-all ease-in-out",
+								isSelected && "bg-sky-100 border border-neutral-200 dark:bg-neutral-800 dark:border-neutral-700",
 								isOutsideMonth && "text-muted-foreground",
 								dayProps.className
 							)}
 						>
 							<span>{date.getDate()}</span>
 							{dayEvents.length > 0 && (
-								<div className="flex gap-0.5 absolute -bottom-[0.05px]">
+								<div className="flex gap-0.5 absolute -bottom-1">
 									{dayEvents.map((event) => (
 										<div
 											key={event.id}
diff --git a/src/components/Calendar/views/month/MonthView.tsx b/src/components/Calendar/views/month/MonthView.tsx
index 5d751ee..fd88950 100644
--- a/src/components/Calendar/views/month/MonthView.tsx
+++ b/src/components/Calendar/views/month/MonthView.tsx
@@ -25,6 +25,7 @@ export default function MonthView({ events, onMonthChange }: MonthViewProps) {
 				onNavigate={(date) => onMonthChange?.(moment(date))}
 			/>
 			<div className="flex flex-col gap-4">
+				<p className="text-muted-foreground font-medium mt-2">{moment(date).format('MMMM Do YYYY')}</p>
 				{events.filter(event => moment(event.start).isSame(date, 'day')).length > 0 ?
 					events.filter(event => moment(event.start).isSame(date, 'day')).map((event) => (
 						<EventEmbed key={event.id} event={event} />
diff --git a/src/components/ui/custom-select.tsx b/src/components/ui/custom-select.tsx
index 5b93fa4..97b1884 100644
--- a/src/components/ui/custom-select.tsx
+++ b/src/components/ui/custom-select.tsx
@@ -15,54 +15,57 @@ import { cn } from "@/lib/utils"
 import { ChevronDown } from "lucide-react"
 
 interface CustomSelectProps {
-  value: string
-  onValueChange: (value: string) => void
-  placeholder?: string
-  options: { value: string; label: string }[]
+	value: string
+	onValueChange: (value: string) => void
+	placeholder?: string
+	options: { value: string; label: string }[]
 }
 
 export function CustomSelect({ value, onValueChange, placeholder, options }: CustomSelectProps) {
-  const [open, setOpen] = React.useState(false)
+	const [open, setOpen] = React.useState(false)
 
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <Button
-          variant="outline"
-          role="combobox"
-          className={cn(
-            "w-full justify-between font-normal",
-            !value && "text-muted-foreground"
-          )}
-        >
-          {value ? options.find((option) => option.value === value)?.label : placeholder}
-          <ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent
-        className="w-[--trigger-width] p-0"
-        align="start"
-        side="bottom"
-        sideOffset={4}
-        alignOffset={0}
-        avoidCollisions
-      >
-        <div className="flex flex-col">
-          {options.map((option) => (
-            <Button
-              key={option.value}
-              variant="ghost"
-              className="justify-start font-normal"
-              onClick={() => {
-                onValueChange(option.value)
-                setOpen(false)
-              }}
-            >
-              {option.label}
-            </Button>
-          ))}
-        </div>
-      </PopoverContent>
-    </Popover>
-  )
+	return (
+		<Popover open={open} onOpenChange={setOpen}>
+			<PopoverTrigger asChild>
+				<Button
+					variant="outline"
+					role="combobox"
+					className={cn(
+						"w-full justify-between font-normal",
+						!value && "text-muted-foreground"
+					)}
+				>
+					{value ? options.find((option) => option.value === value)?.label : placeholder}
+					<ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+				</Button>
+			</PopoverTrigger>
+			<PopoverContent
+				className="w-[--trigger-width] p-0"
+				align="start"
+				side="bottom"
+				sideOffset={4}
+				alignOffset={0}
+				avoidCollisions
+			>
+				<div className="flex flex-col">
+					{options.map((option, index) => (
+						<>
+							<Button
+								key={index}
+								variant="ghost"
+								className="justify-start font-normal"
+								onClick={() => {
+									onValueChange(option.value)
+									setOpen(false)
+								}}
+							>
+								{option.label}
+							</Button>
+							{options[options.length - 1] !== option && <div key={index} className="h-px w-full bg-muted" />}
+						</>
+					))}
+				</div>
+			</PopoverContent>
+		</Popover>
+	)
 }

From 9c456a1f30f39f9c03c7d277dfaa6f380f028512 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Fri, 21 Feb 2025 18:50:08 -0500
Subject: [PATCH 50/54] add event descriptions

---
 .../Calendar/components/EventModal.tsx        | 31 +++++++++++++++++--
 src/stores/useEventStore.ts                   |  3 ++
 src/types/global.d.ts                         |  1 +
 3 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/components/Calendar/components/EventModal.tsx b/src/components/Calendar/components/EventModal.tsx
index 70de307..2c5c756 100644
--- a/src/components/Calendar/components/EventModal.tsx
+++ b/src/components/Calendar/components/EventModal.tsx
@@ -24,6 +24,7 @@ const eventForm = z.object({
 	title: z.string()
 		.min(1, 'Name must be at least 1 character')
 		.max(40, 'Name cannot be more than 40 characters'),
+	description: z.string().optional(),
 	location: z.string()
 		.min(1, 'Location must be at least 1 character')
 		.max(40, 'Location cannot be more than 40 characters'),
@@ -90,6 +91,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 		resolver: zodResolver(eventForm),
 		defaultValues: {
 			title: event.title,
+			description: event.description || '',
 			location: event.location,
 			start: event.start,
 			end: event.end,
@@ -112,6 +114,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 			const currentValues = form.getValues();
 			const hasChanges =
 				currentValues.title !== event.title ||
+				currentValues.description !== (event.description || '') ||
 				currentValues.location !== event.location ||
 				currentValues.color !== event.color ||
 				!moment(currentValues.start).isSame(event.start) ||
@@ -131,6 +134,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 	useEffect(() => {
 		form.reset({
 			title: event.title,
+			description: event.description || '',
 			location: event.location,
 			start: event.start,
 			end: event.end,
@@ -156,6 +160,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 				updateEvent({
 					...baseEvent,
 					title: values.title,
+					description: values.description || '',
 					location: values.location,
 					color: values.color,
 					start: values.start,
@@ -202,6 +207,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 						if (window.confirm('You have unsaved changes. Are you sure you want to close?')) {
 							form.reset({
 								title: event.title,
+								description: event.description || '',
 								location: event.location,
 								start: event.start,
 								end: event.end,
@@ -221,6 +227,7 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 					// Reset form even when no changes were made
 					form.reset({
 						title: event.title,
+						description: event.description || '',
 						location: event.location,
 						start: event.start,
 						end: event.end,
@@ -252,11 +259,11 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 					<DialogHeader className="w-full">
 						<div className="flex justify-center">
 							<DialogTitle className="text-center truncate max-w-[20rem] px-4 pb-1">
-								Edit {event.title}
+								Edit Event
 							</DialogTitle>
 						</div>
-						<DialogDescription className="hidden">
-							Make changes to your event here
+						<DialogDescription>
+							{event.description}
 						</DialogDescription>
 						<Form {...form}>
 							<form onSubmit={form.handleSubmit((data) => {
@@ -274,6 +281,24 @@ export default function EventModal({ event, open, onOpenChange }: { event: Calen
 											<FormMessage />
 										</FormItem>
 									)} />
+								<FormField
+									control={form.control}
+									name="description"
+									render={({ field }) => (
+										<FormItem className="w-full text-start">
+											<FormLabel className="text-start text-muted-foreground">Description</FormLabel>
+											<FormControl>
+												<Input
+													placeholder="Add a description"
+													type="text"
+													autoComplete="off"
+													{...field}
+													className="text-base"
+												/>
+											</FormControl>
+											<FormMessage />
+										</FormItem>
+									)} />
 								<FormField
 									control={form.control}
 									name="location"
diff --git a/src/stores/useEventStore.ts b/src/stores/useEventStore.ts
index 07209b5..0de778a 100644
--- a/src/stores/useEventStore.ts
+++ b/src/stores/useEventStore.ts
@@ -64,6 +64,7 @@ export const useEventStore = create<EventStore>((set) => ({
                 events.push({
                     id: uuidv4(),
                     title: eventTitles[Math.floor(Math.random() * eventTitles.length)],
+					description: 'sample description',
                     location: locations[Math.floor(Math.random() * locations.length)],
                     start: moment(currentDay).hour(startHour).minute(0).toDate(),
                     end: moment(currentDay).hour(startHour + duration).minute(0).toDate(),
@@ -77,6 +78,7 @@ export const useEventStore = create<EventStore>((set) => ({
             {
                 id: uuidv4(),
                 title: 'Recur 0',
+				description: 'sample description',
                 location: 'Virtual',
                 start: moment(baseDate).hour(10).minute(0).toDate(),
                 end: moment(baseDate).hour(10).minute(30).toDate(),
@@ -91,6 +93,7 @@ export const useEventStore = create<EventStore>((set) => ({
             {
                 id: uuidv4(),
                 title: 'Recur 1',
+				description: '',
                 location: 'Conference A',
                 start: moment(baseDate).day(1).hour(14).minute(0).toDate(),
                 end: moment(baseDate).day(1).hour(15).minute(0).toDate(),
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
index 505e9aa..1fb7008 100644
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -11,6 +11,7 @@ declare global {
 	interface CalendarEvent {
 		id: string;
 		title: string;
+		description: string;
 		location: string;
 		start: Date;
 		end: Date;

From db637b97dd1d1291bb84e8c0ce2421ab81b93931 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Fri, 21 Feb 2025 18:55:53 -0500
Subject: [PATCH 51/54] add repeat icon for recurring events

---
 src/components/Calendar/components/EventEmbed.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Calendar/components/EventEmbed.tsx b/src/components/Calendar/components/EventEmbed.tsx
index da23394..696008a 100644
--- a/src/components/Calendar/components/EventEmbed.tsx
+++ b/src/components/Calendar/components/EventEmbed.tsx
@@ -3,6 +3,7 @@ import { cn } from "@/lib/utils";
 import moment from "moment";
 import EventModal from "./EventModal";
 import { useState } from "react";
+import { RepeatIcon } from "lucide-react";
 
 export default function EventEmbed({ event }: { event: CalendarEvent }) {
 	const [open, setOpen] = useState(false);
@@ -20,11 +21,14 @@ export default function EventEmbed({ event }: { event: CalendarEvent }) {
 				/>
 			</div>
 			<Separator orientation="vertical" className={"bg-primary"} />
-			<div className="flex flex-col w-full">
-				<p className="text-base font-medium max-w-64 truncate">{event.title}</p>
+			<div className="flex flex-col w-full pr-4">
+				<div className="flex flex-row gap-2 items-center">
+					<p className="text-base font-medium max-w-64 truncate">{event.title}</p>
+					{event.recurrence && <RepeatIcon size={16} className="ml-auto" />}
+				</div>
 				<span className="text-sm flex flex-row gap-2 items-center w-full justify-between">
 					<p className="max-w-32 truncate">{event.location}</p>
-					<p className="mr-2">{moment(event.start).format("h:mm a")} - {moment(event.end).format("h:mm a")}</p>
+					<p>{moment(event.start).format("h:mm a")} - {moment(event.end).format("h:mm a")}</p>
 				</span>
 			</div>
 		</div>

From 44d0c651306a482c927bd9dcdddb48c23522a738 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Fri, 21 Feb 2025 19:08:51 -0500
Subject: [PATCH 52/54] style changes

---
 src/components/Calendar/MainCalendar.tsx           | 6 +++---
 src/components/Calendar/components/EventEmbed.tsx  | 2 +-
 src/components/Calendar/views/week/week-header.tsx | 8 +++++---
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/Calendar/MainCalendar.tsx b/src/components/Calendar/MainCalendar.tsx
index f247ff1..a58af94 100644
--- a/src/components/Calendar/MainCalendar.tsx
+++ b/src/components/Calendar/MainCalendar.tsx
@@ -244,7 +244,7 @@ export default function MainCalendar() {
 
 			<div className="flex items-center p-4 gap-2">
 					<Button
-						variant="outline"
+						variant="default"
 						className={cn(
 								"rounded-3xl",
 								!["day", "3day", "week"].includes(currentView) && "hidden"
@@ -321,7 +321,7 @@ export default function MainCalendar() {
 				/>
 			) : (
 				<>
-					<div className='w-full flex flex-row justify-between items-center px-4'>
+					<div className='w-full flex flex-row justify-between items-center pl-8'>
 						<Button
 							variant="ghost"
 							size="icon"
@@ -360,7 +360,7 @@ export default function MainCalendar() {
 						</div>
 					</div>
 				</>
-			)}
+			)}z
 		</div>
 	);
 }
diff --git a/src/components/Calendar/components/EventEmbed.tsx b/src/components/Calendar/components/EventEmbed.tsx
index 696008a..c2ff4fa 100644
--- a/src/components/Calendar/components/EventEmbed.tsx
+++ b/src/components/Calendar/components/EventEmbed.tsx
@@ -24,7 +24,7 @@ export default function EventEmbed({ event }: { event: CalendarEvent }) {
 			<div className="flex flex-col w-full pr-4">
 				<div className="flex flex-row gap-2 items-center">
 					<p className="text-base font-medium max-w-64 truncate">{event.title}</p>
-					{event.recurrence && <RepeatIcon size={16} className="ml-auto" />}
+					{event.recurrence && <RepeatIcon size={16} className="ml-auto opacity-75" />}
 				</div>
 				<span className="text-sm flex flex-row gap-2 items-center w-full justify-between">
 					<p className="max-w-32 truncate">{event.location}</p>
diff --git a/src/components/Calendar/views/week/week-header.tsx b/src/components/Calendar/views/week/week-header.tsx
index 9b020af..3bb8f73 100644
--- a/src/components/Calendar/views/week/week-header.tsx
+++ b/src/components/Calendar/views/week/week-header.tsx
@@ -8,14 +8,16 @@ interface WeekHeaderProps {
 }
 
 export function WeekHeader({ days, view }: WeekHeaderProps) {
+	const displayDays = view === "day" ? [days[0]] : days;
+
 	return (
 		<div className={cn(
 			"ml-10 grid",
 			view === "week" && "grid-cols-5",
 			view === "3day" && "grid-cols-3",
-			view === "day" && "grid-cols-5"
+			view === "day" && "grid-cols-1"
 		)}>
-			{days.map((day, index) => (
+			{displayDays.map((day, index) => (
 				<div
 					key={day.format()}
 					className={cn(
@@ -29,7 +31,7 @@ export function WeekHeader({ days, view }: WeekHeaderProps) {
 						"text-sm font-normal",
 						!day.isSame(moment(), "day") && "text-neutral-500 dark:text-neutral-400"
 					)}>
-						{day.format("ddd")}
+						{day.format(view === "day" ? "dddd" : "ddd")}
 					</span>
 				</div>
 			))}

From 7f0b422865bce3676695b0a0e64e272dade26c00 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Fri, 21 Feb 2025 19:10:35 -0500
Subject: [PATCH 53/54] file name changes and cleanup

---
 src/components/Calendar/MainCalendar.tsx      |   4 +-
 src/components/Calendar/new-event.tsx         | 177 ------------------
 .../views/three-day/three-day-header.tsx      |  31 ---
 .../week/{week-header.tsx => WeekHeader.tsx}  |   0
 .../{week-view-grid.tsx => WeekViewGrid.tsx}  |   0
 5 files changed, 2 insertions(+), 210 deletions(-)
 delete mode 100644 src/components/Calendar/new-event.tsx
 delete mode 100644 src/components/Calendar/views/three-day/three-day-header.tsx
 rename src/components/Calendar/views/week/{week-header.tsx => WeekHeader.tsx} (100%)
 rename src/components/Calendar/views/week/{week-view-grid.tsx => WeekViewGrid.tsx} (100%)

diff --git a/src/components/Calendar/MainCalendar.tsx b/src/components/Calendar/MainCalendar.tsx
index a58af94..6fb876e 100644
--- a/src/components/Calendar/MainCalendar.tsx
+++ b/src/components/Calendar/MainCalendar.tsx
@@ -1,14 +1,14 @@
 import { useEffect, useRef, useState, useMemo } from 'react';
 import moment from 'moment';
 import { ChevronDownIcon, ChevronLeft, ChevronRight } from 'lucide-react';
-import { WeekHeader } from './views/week/week-header';
+import { WeekHeader } from './views/week/WeekHeader';
 import { EventLayer } from './components/EventLayer';
 import { MinimumWidth } from '@/types';
 import { Button } from '../ui/button';
 import { useMaskImage } from '@/hooks';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../ui/dropdown-menu';
 import { DayIcon, MonthIcon, ScheduleIcon, ThreeDayIcon, WeekIcon } from '@/icons/calendar';
-import { WeekViewGrid } from './views/week/week-view-grid';
+import { WeekViewGrid } from './views/week/WeekViewGrid';
 import CalendarHours from './components/CalendarHours';
 import ScheduleView from './views/schedule/ScheduleView';
 import MonthView from './views/month/MonthView';
diff --git a/src/components/Calendar/new-event.tsx b/src/components/Calendar/new-event.tsx
deleted file mode 100644
index 5982a66..0000000
--- a/src/components/Calendar/new-event.tsx
+++ /dev/null
@@ -1,177 +0,0 @@
-// Dependencies: pnpm install lucide-react
-
-"use client";
-import moment from "moment";
-import { Button } from "@/components/ui/button";
-import {
-	Dialog,
-	DialogClose,
-	DialogContent,
-	DialogDescription,
-	DialogFooter,
-	DialogHeader,
-	DialogTitle,
-	DialogTrigger,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Textarea } from "@/components/ui/textarea";
-import AvatarImg from "@/public/avatar-72-01.jpg";
-import ProfileBgImg from "@/public/profile-bg.jpg";
-import { Check, ImagePlus, X } from "lucide-react";
-import Image, { StaticImageData } from "next/image";
-import { useState } from "react";
-
-export default function NewEventButton() {
-	const maxLength = 180;
-
-	return (
-		<Dialog>
-			<DialogTrigger asChild>
-				<Button variant="default">New Event</Button>
-			</DialogTrigger>
-			<DialogContent className="flex flex-col gap-0 overflow-y-visible p-0 sm:max-w-lg [&>button:last-child]:top-3.5">
-				<DialogHeader className="contents space-y-0 text-left">
-					<DialogTitle className="border-b border-border px-6 py-4 text-base">
-						New Event
-					</DialogTitle>
-				</DialogHeader>
-				<DialogDescription className="sr-only">
-					Make changes to your profile here. You can change your photo and set a username.
-				</DialogDescription>
-				<div className="overflow-y-auto">
-					<div className="px-6 pb-6 pt-4">
-						<form className="space-y-4">
-							{/* <div className="flex flex-col gap-4 sm:flex-row">
-								<div className="flex-1 space-y-2">
-									<Label htmlFor="edit-first-name">Event Name</Label>
-									<Input
-										id="edit-first-name"
-										placeholder="Matt"
-										defaultValue="Margaret"
-										type="text"
-										required
-									/>
-								</div>
-								<div className="flex-1 space-y-2">
-									<Label htmlFor="edit-last-name">Last name</Label>
-									<Input
-										id="edit-last-name"
-										placeholder="Welsh"
-										defaultValue="Villard"
-										type="text"
-										required
-									/>
-								</div>
-							</div> */}
-							<div className="space-y-2">
-								<Label htmlFor="edit-event-name">Event Name</Label>
-								<div className="relative">
-									<Input
-										id="edit-event-name"
-										className="peer pe-9"
-										placeholder="Hanging out with friends"
-										type="text"
-										required
-									/>
-									<div className="pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-muted-foreground/80 peer-disabled:opacity-50">
-										<Check
-											size={16}
-											strokeWidth={2}
-											className="text-emerald-500"
-											aria-hidden="true"
-										/>
-									</div>
-								</div>
-							</div>
-							<div>
-							<DatePicker />
-							</div>
-							<div className="space-y-2">
-								<Label htmlFor="edit-website">Website</Label>
-								<div className="flex rounded-lg shadow-sm shadow-black/5">
-									<span className="-z-10 inline-flex items-center rounded-s-lg border border-input bg-background px-3 text-sm text-muted-foreground">
-										https://
-									</span>
-									<Input
-										id="edit-website"
-										className="-ms-px rounded-s-none shadow-none"
-										placeholder="yourwebsite.com"
-										defaultValue="www.margaret.com"
-										type="text"
-									/>
-								</div>
-							</div>
-							<div className="space-y-2">
-								<Label htmlFor="edit-bio">Biography</Label>
-								<Textarea
-									id="edit-bio"
-									placeholder="Write a few sentences about yourself"
-									aria-describedby="characters-left-textarea"
-								/>
-								<p
-									id="characters-left-textarea"
-									className="mt-2 text-right text-xs text-muted-foreground"
-									role="status"
-									aria-live="polite"
-								>
-								</p>
-							</div>
-						</form>
-					</div>
-				</div>
-				<DialogFooter className="border-t border-border px-6 py-4">
-					<DialogClose asChild>
-						<Button type="button" variant="outline">
-							Cancel
-						</Button>
-					</DialogClose>
-					<DialogClose asChild>
-						<Button type="button">Save changes</Button>
-					</DialogClose>
-				</DialogFooter>
-			</DialogContent>
-		</Dialog>
-	);
-}
-
-
-import * as React from "react"
-import { CalendarIcon } from "@radix-ui/react-icons"
-
-import { cn } from "@/lib/utils"
-import { Calendar } from "@/components/ui/calendar"
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover"
-
-export function DatePicker() {
-  const [date, setDate] = React.useState<Date>()
-
-  return (
-    <Popover>
-      <PopoverTrigger asChild>
-        <Button
-          variant={"outline"}
-          className={cn(
-            "w-full justify-start text-left font-normal",
-            !date && "text-muted-foreground"
-          )}
-        >
-          <CalendarIcon className="mr-2 h-4 w-4" />
-          {date ? moment(date).format("PPP") : <span>Pick a date</span>}
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="w-auto p-0" align="start">
-        <Calendar
-          mode="single"
-          selected={date}
-          onSelect={setDate}
-          initialFocus
-        />
-      </PopoverContent>
-    </Popover>
-  )
-}
diff --git a/src/components/Calendar/views/three-day/three-day-header.tsx b/src/components/Calendar/views/three-day/three-day-header.tsx
deleted file mode 100644
index a2616d6..0000000
--- a/src/components/Calendar/views/three-day/three-day-header.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import moment from 'moment';
-import { cn } from '@/lib/utils';
-
-interface WeekHeaderProps {
-	days: moment.Moment[];
-}
-
-export function WeekHeader({ days }: WeekHeaderProps) {
-	return (
-		<div className="ml-10 grid grid-cols-5">
-			{days.map((day, index) => (
-				<div
-					key={day.format()}
-					className={cn(
-						"p-2 text-center font-semibold py-2 h-16 flex flex-col items-center justify-center rounded-xl",
-						index === 6 && "border-r-0",
-						day.isSame(moment(), "day") && "bg-blue-400/50"
-					)}
-				>
-					<span className="text-xl font-semibold">{day.format("D")}</span>
-					<span className={cn(
-						"text-sm font-normal",
-						!day.isSame(moment(), "day") && "text-neutral-500 dark:text-neutral-400"
-						)}>
-						{day.format("ddd")}
-					</span>
-				</div>
-			))}
-		</div>
-	);
-}
diff --git a/src/components/Calendar/views/week/week-header.tsx b/src/components/Calendar/views/week/WeekHeader.tsx
similarity index 100%
rename from src/components/Calendar/views/week/week-header.tsx
rename to src/components/Calendar/views/week/WeekHeader.tsx
diff --git a/src/components/Calendar/views/week/week-view-grid.tsx b/src/components/Calendar/views/week/WeekViewGrid.tsx
similarity index 100%
rename from src/components/Calendar/views/week/week-view-grid.tsx
rename to src/components/Calendar/views/week/WeekViewGrid.tsx

From e853079e568f5598af83ba6e04d755e98f478479 Mon Sep 17 00:00:00 2001
From: tony <tonydrayton43@gmail.com>
Date: Fri, 21 Feb 2025 19:14:45 -0500
Subject: [PATCH 54/54] lint

---
 src/app/scheduler/page.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/app/scheduler/page.tsx b/src/app/scheduler/page.tsx
index a6d90a4..2332116 100644
--- a/src/app/scheduler/page.tsx
+++ b/src/app/scheduler/page.tsx
@@ -1,10 +1,8 @@
 "use client";
 import WeekCalendar from "@/components/Calendar/MainCalendar";
-import ChatInterface from "@/components/ChatInterface";
 import InfoTooltip from "@/components/InfoTooltip";
 import Nav from "@/components/Navigation/Nav";
 import SchedulerInterface from "@/components/scheduler/scheduler-interface";
-import { Button } from "@/components/ui/button";
 import { Sheet, SheetContent, SheetTitle, SheetTrigger } from "@/components/ui/sheet";
 import { cn } from "@/lib/utils";
 import { useCalendarStore } from "@/stores/useCalendarStore";