sixseconds-modules 1.6.163 → 1.6.167

package/dist/index.es.js

@@ -3,26 +3,28 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap");\n\n.sixseconds-header-root blockquote,\n.sixseconds-header-root dl,\n.sixseconds-header-root dd,\n.sixseconds-header-root h1,\n.sixseconds-header-root h2,\n.sixseconds-header-root h3,\n.sixseconds-header-root h4,\n.sixseconds-header-root h5,\n.sixseconds-header-root h6,\n.sixseconds-header-root hr,\n.sixseconds-header-root figure,\n.sixseconds-header-root p,\n.sixseconds-header-root pre,\n.sixseconds-header-root span,\n.sixseconds-header-root a,\n.sixseconds-header-root div,\n.sixseconds-header-root li,\n.sixseconds-header-root button {\n  font-family: "IBM Plex Sans", sans-serif !important;\n}\n\n.sixseconds-header-main-list-menu {\n  display: flex;\n}\n\n.sixseconds-header-main-list-menu li {\n  padding: 0.5rem 0.5rem;\n}\n\n.sixseconds-header-main-list-menu li a {\n  padding: 0 0.25rem;\n  font-weight: 500;\n  font-size: 14px;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-item {\n  position: relative;\n  padding: 15px;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-link {\n  text-decoration: none;\n  color: #1a1c1e;\n  transition: color 0.3s ease;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-link:hover {\n  color: #0073b1;\n}\n\n/* Submenu (Dropdown) */\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-data {\n  position: absolute;\n  top: 85%;\n  left: 0;\n  background: white;\n  border: 1px solid #e0e0e0;\n  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);\n  display: none;\n  min-width: 220px;\n  z-index: 1000;\n  border-radius: 12px;\n  overflow: hidden;\n  padding: 8px 0;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-data li {\n  list-style: none;\n  padding: 0;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-link {\n  display: block;\n  padding: 10px 16px;\n  text-decoration: none;\n  color: #1a1c1e;\n  font-weight: 400;\n  font-size: 14px;\n  transition: background 0.2s ease;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-link:hover {\n  background: #f8f9fa;\n  color: #0073b1;\n}\n\n/* Show dropdown on hover */\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-item:hover .sixseconds-header-submenu-data {\n  display: block;\n}\n\n.sixseconds-header-small-device-menu {\n  display: none;\n  width: 100%;\n  left: 0;\n  top: 64px;\n  background-color: #fff;\n  position: fixed;\n  overflow-y: auto;\n  height: 95vh;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n}\n\n.sixseconds-header-small-device-menu a.sixseconds-header-bg-main-menu {\n  display: block;\n  text-decoration: none;\n}\n\n.sixseconds-header-submenu-child li {\n  padding: 0.5rem 0;\n}\n\n.sixseconds-header-submenu-child li a {\n  text-decoration: none;\n}\n\n.sixseconds-header-layout-mobile-menu {\n  padding-bottom: 12px;\n  padding-inline: 0;\n  height: 95vh;\n  overflow-y: auto;\n  padding-top: 8px;\n}\n\n.sixseconds-header-small-device-menu a {\n  background-color: transparent;\n  font-size: 15px;\n  font-weight: 500;\n  color: #1a1c1e;\n  margin-bottom: 4px;\n  padding: 12px 16px;\n  border-bottom: 1px solid #f1f3f4;\n}\n\n.sixseconds-header-small-device-menu .sixseconds-header-submenu-child {\n  padding-left: 0px;\n  min-width: 90%;\n  max-width: 90%;\n  top: 57px;\n  margin-top: 8px;\n  background-color: #fff;\n  color: #1a1c1e;\n  margin-inline: auto;\n}\n\n.sixseconds-header-small-device-menu ul li .sixseconds-header-submenu-child-link {\n  padding: 12px 20px;\n}\n\n.sixseconds-header-small-device-menu ul li a {\n  background-color: transparent;\n  color: #5f6368;\n}\n\n.sixseconds-header-small-device-menu ul {\n  padding-left: 15px;\n}\n\n.sixseconds-header-desktop-menu {\n  display: flex;\n}\n\n.sixseconds-header-button-hamburger {\n  display: none;\n  position: absolute;\n  right: 20px;\n  top: 18px;\n  z-index: 9;\n}\n\n.tox-editor-header {\n  background-color: transparent;\n}\n\n.sixseconds-header-hamburger-icon-btn {\n  padding: 8px;\n  color: #5f6368;\n}\n\n.sixseconds-header-desktop-menu .sixseconds-header-menu-item .sixseconds-header-menu-link {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.sixseconds-header-small-device-menu {\n  padding-inline: 20px;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n  .sixseconds-header-notification-icon-error .MuiBadge-badge {\n    font-size: 10px;\n    padding: 0 4px;\n    min-width: 16px;\n    right: 5px;\n    background-color: #d32f2f;\n  }\n\n  .sixseconds-header-submenu nav {\n    padding: 0 !important;\n  }\n\n  .MuiPagination-root.MuiPagination-outlined {\n    display: flex;\n    justify-content: center;\n    margin-left: 0;\n  }\n\n  .sixseconds-header-toggle-btn-menu {\n    position: absolute;\n    right: 20px;\n    top: 12px;\n    z-index: 99;\n  }\n\n  .sixseconds-header-right-icons {\n    padding-right: 25px;\n  }\n\n  .sixseconds-header-button-hamburger {\n    display: block;\n  }\n\n  .sixseconds-header-desktop-menu {\n    display: none;\n  }\n\n  .sixseconds-header-small-device-menu {\n    display: block;\n    width: 100%;\n    position: fixed;\n    left: 0;\n    background: #fff;\n    top: 64px;\n  }\n\n  .main.sixseconds-header-login-page .sixseconds-header-login-body {\n    width: 90% !important;\n  }\n\n  .sixseconds-header-submenu {\n    width: 100%;\n    max-width: 100% !important;\n  }\n\n  .sixseconds-header-sidebar {\n    width: 280px !important;\n    background-color: #f9fafb;\n    z-index: 99;\n    border-right: 1px solid #e0e0e0;\n  }\n\n  .sixseconds-header-sidemenu {\n    width: 280px;\n    background-color: #f9fafb;\n  }\n\n  .sixseconds-header-logo {\n    opacity: 1;\n  }\n\n  .sixseconds-header-profile .sixseconds-header-menu {\n    min-width: 280px;\n    width: 100% !important;\n  }\n}\n\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n  .sixseconds-header-toggle-btn-menu {\n    position: absolute;\n    right: 20px;\n    top: 12px;\n  }\n\n  .sixseconds-header-right-icons {\n    padding-right: 25px;\n  }\n\n  .sixseconds-header-button-hamburger {\n    display: block;\n  }\n\n  .sixseconds-header-desktop-menu {\n    display: none;\n  }\n\n  .sixseconds-header-small-device-menu {\n    display: block;\n  }\n\n  .main.sixseconds-header-login-page .sixseconds-header-login-body {\n    width: 450px !important;\n  }\n\n  .sixseconds-header-banner {\n    margin-left: 0 !important;\n  }\n\n  .sixseconds-header-submenu {\n    width: 100%;\n    max-width: 100% !important;\n  }\n\n  .sixseconds-header-sidebar {\n    width: 280px !important;\n    background-color: #f9fafb;\n    z-index: 99;\n  }\n\n  .sixseconds-header-sidemenu {\n    width: 280px;\n    background-color: #f9fafb;\n  }\n\n  .sixseconds-header-logo {\n    opacity: 1;\n  }\n\n  .sixseconds-header-profile .sixseconds-header-menu {\n    min-width: 280px;\n    width: 100% !important;\n  }\n}\n\n@media screen and (max-width: 1380px) and (min-width: 1024px) {\n  .sixseconds-header-right-icons {\n    padding-right: 25px;\n  }\n\n  .sixseconds-header-button-hamburger {\n    display: block;\n  }\n\n  .sixseconds-header-desktop-menu {\n    display: none;\n  }\n\n  .sixseconds-header-small-device-menu {\n    display: block;\n    width: 100%;\n    position: fixed;\n    left: 0;\n    background: #fff;\n    top: 64px;\n  }\n\n  .sixseconds-header-button-hamburger {\n    display: block;\n  }\n\n  .sixseconds-header-right-icons {\n    padding-right: 25px;\n  }\n}'));
+      elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap");\n\n.sixseconds-header-root blockquote,\n.sixseconds-header-root dl,\n.sixseconds-header-root dd,\n.sixseconds-header-root h1,\n.sixseconds-header-root h2,\n.sixseconds-header-root h3,\n.sixseconds-header-root h4,\n.sixseconds-header-root h5,\n.sixseconds-header-root h6,\n.sixseconds-header-root hr,\n.sixseconds-header-root figure,\n.sixseconds-header-root p,\n.sixseconds-header-root pre,\n.sixseconds-header-root span,\n.sixseconds-header-root a,\n.sixseconds-header-root div,\n.sixseconds-header-root li,\n.sixseconds-header-root button {\n  font-family: "IBM Plex Sans", sans-serif !important;\n}\n\n.sixseconds-header-main-list-menu {\n  display: flex;\n}\n\n.sixseconds-header-main-list-menu li {\n  padding: 0.5rem 0.5rem;\n}\n\n.sixseconds-header-main-list-menu li a {\n  padding: 0 0.25rem;\n  font-weight: 500;\n  font-size: 14px;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-item {\n  position: relative;\n  padding: 15px;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-link {\n  text-decoration: none;\n  color: #1a1c1e;\n  transition: color 0.3s ease;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-link:hover {\n  color: #0073b1;\n}\n\n/* Submenu (Dropdown) */\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-data {\n  position: absolute;\n  top: 85%;\n  left: 0;\n  background: white;\n  border: 1px solid #e0e0e0;\n  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);\n  display: none;\n  min-width: 220px;\n  z-index: 1000;\n  border-radius: 12px;\n  overflow: hidden;\n  padding: 8px 0;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-data li {\n  list-style: none;\n  padding: 0;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-link {\n  display: block;\n  padding: 10px 16px;\n  text-decoration: none;\n  color: #1a1c1e;\n  font-weight: 400;\n  font-size: 14px;\n  transition: background 0.2s ease;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-link:hover {\n  background: #f8f9fa;\n  color: #0073b1;\n}\n\n/* Show dropdown on hover */\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-item:hover .sixseconds-header-submenu-data {\n  display: block;\n}\n\n.sixseconds-header-small-device-menu {\n  display: none;\n  width: 100%;\n  left: 0;\n  top: 64px;\n  background-color: #fff;\n  position: fixed;\n  overflow-y: auto;\n  height: 95vh;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n}\n\n.sixseconds-header-small-device-menu a.sixseconds-header-bg-main-menu {\n  display: block;\n  text-decoration: none;\n}\n\n.sixseconds-header-submenu-child li {\n  padding: 0.5rem 0;\n}\n\n.sixseconds-header-submenu-child li a {\n  text-decoration: none;\n}\n\n.sixseconds-header-layout-mobile-menu {\n  padding-bottom: 12px;\n  padding-inline: 0;\n  height: 95vh;\n  overflow-y: auto;\n  padding-top: 8px;\n}\n\n.sixseconds-header-small-device-menu a {\n  background-color: transparent;\n  font-size: 15px;\n  font-weight: 500;\n  color: #1a1c1e;\n  margin-bottom: 4px;\n  padding: 12px 16px;\n  border-bottom: 1px solid #f1f3f4;\n}\n\n.sixseconds-header-small-device-menu .sixseconds-header-submenu-child {\n  padding-left: 0px;\n  min-width: 90%;\n  max-width: 90%;\n  top: 57px;\n  margin-top: 8px;\n  background-color: #fff;\n  color: #1a1c1e;\n  margin-inline: auto;\n}\n\n.sixseconds-header-small-device-menu ul li .sixseconds-header-submenu-child-link {\n  padding: 12px 20px;\n}\n\n.sixseconds-header-small-device-menu ul li a {\n  background-color: transparent;\n  color: #5f6368;\n}\n\n.sixseconds-header-small-device-menu ul {\n  padding-left: 15px;\n}\n\n.sixseconds-header-desktop-menu {\n  display: flex;\n}\n\n.sixseconds-header-button-hamburger {\n  display: none;\n  position: absolute;\n  right: 20px;\n  top: 18px;\n  z-index: 9;\n}\n\n.sixseconds-header-root .tox-editor-header {\n  background-color: transparent;\n}\n\n.sixseconds-header-hamburger-icon-btn {\n  padding: 8px;\n  color: #5f6368;\n}\n\n.sixseconds-header-desktop-menu .sixseconds-header-menu-item .sixseconds-header-menu-link {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.sixseconds-header-small-device-menu {\n  padding-inline: 20px;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n  .sixseconds-header-notification-icon-error .MuiBadge-badge {\n    font-size: 10px;\n    padding: 0 4px;\n    min-width: 16px;\n    right: 5px;\n    background-color: #d32f2f;\n  }\n\n  .sixseconds-header-submenu nav {\n    padding: 0 !important;\n  }\n\n  .sixseconds-header-root .MuiPagination-root.MuiPagination-outlined {\n    display: flex;\n    justify-content: center;\n    margin-left: 0;\n  }\n\n  .sixseconds-header-toggle-btn-menu {\n    position: absolute;\n    right: 20px;\n    top: 12px;\n    z-index: 99;\n  }\n\n  .sixseconds-header-right-icons {\n    padding-right: 25px;\n  }\n\n  .sixseconds-header-button-hamburger {\n    display: block;\n  }\n\n  .sixseconds-header-desktop-menu {\n    display: none;\n  }\n\n  .sixseconds-header-small-device-menu {\n    display: block;\n    width: 100%;\n    position: fixed;\n    left: 0;\n    background: #fff;\n    top: 64px;\n  }\n\n  .main.sixseconds-header-login-page .sixseconds-header-login-body {\n    width: 90% !important;\n  }\n\n  .sixseconds-header-submenu {\n    width: 100%;\n    max-width: 100% !important;\n  }\n\n  .sixseconds-header-sidebar {\n    width: 280px !important;\n    background-color: #f9fafb;\n    z-index: 99;\n    border-right: 1px solid #e0e0e0;\n  }\n\n  .sixseconds-header-sidemenu {\n    width: 280px;\n    background-color: #f9fafb;\n  }\n\n  .sixseconds-header-logo {\n    opacity: 1;\n  }\n\n  .sixseconds-header-profile .sixseconds-header-menu {\n    min-width: 280px;\n    width: 100% !important;\n  }\n}\n\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n  .sixseconds-header-toggle-btn-menu {\n    position: absolute;\n    right: 20px;\n    top: 12px;\n  }\n\n  .sixseconds-header-right-icons {\n    padding-right: 25px;\n  }\n\n  .sixseconds-header-button-hamburger {\n    display: block;\n  }\n\n  .sixseconds-header-desktop-menu {\n    display: none;\n  }\n\n  .sixseconds-header-small-device-menu {\n    display: block;\n  }\n\n  .main.sixseconds-header-login-page .sixseconds-header-login-body {\n    width: 450px !important;\n  }\n\n  .sixseconds-header-banner {\n    margin-left: 0 !important;\n  }\n\n  .sixseconds-header-submenu {\n    width: 100%;\n    max-width: 100% !important;\n  }\n\n  .sixseconds-header-sidebar {\n    width: 280px !important;\n    background-color: #f9fafb;\n    z-index: 99;\n  }\n\n  .sixseconds-header-sidemenu {\n    width: 280px;\n    background-color: #f9fafb;\n  }\n\n  .sixseconds-header-logo {\n    opacity: 1;\n  }\n\n  .sixseconds-header-profile .sixseconds-header-menu {\n    min-width: 280px;\n    width: 100% !important;\n  }\n}\n\n@media screen and (max-width: 1380px) and (min-width: 1024px) {\n  .sixseconds-header-right-icons {\n    padding-right: 25px;\n  }\n\n  .sixseconds-header-button-hamburger {\n    display: block;\n  }\n\n  .sixseconds-header-desktop-menu {\n    display: none;\n  }\n\n  .sixseconds-header-small-device-menu {\n    display: block;\n    width: 100%;\n    position: fixed;\n    left: 0;\n    background: #fff;\n    top: 64px;\n  }\n\n  .sixseconds-header-button-hamburger {\n    display: block;\n  }\n\n  .sixseconds-header-right-icons {\n    padding-right: 25px;\n  }\n}'));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
+"use client";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Box, Typography, Dialog, Stack as Stack$1, Button as Button$1, IconButton, Grid, Avatar, Chip, Link, Divider, ClickAwayListener, useMediaQuery, MenuItem, AppBar, Container, Badge, FormLabel, TextField, InputAdornment, styled as styled$1 } from "@mui/material";
 import * as React from "react";
 import React__default, { useRef, useEffect, useState, useCallback, useMemo, useLayoutEffect, createContext, forwardRef, createElement, useContext, Component } from "react";
 import axios from "axios";
 import Cookies from "js-cookie";
+import { CacheProvider } from "@emotion/react";
+import { Box, Typography, unstable_ClassNameGenerator, Dialog, Stack as Stack$1, Button as Button$1, IconButton, Grid, Avatar, Chip, Link, Divider, ClickAwayListener, useMediaQuery, MenuItem, AppBar, Container, Badge, FormLabel, TextField, InputAdornment, styled as styled$1 } from "@mui/material";
 import MenuIcon from "@mui/icons-material/Menu";
+import CloseIcon from "@mui/icons-material/Close";
 import toast from "react-hot-toast";
 import { styled } from "@mui/material/styles";
 import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
 import CheckIcon from "@mui/icons-material/Check";
 import ExitToAppTwoToneIcon from "@mui/icons-material/ExitToAppTwoTone";
-import CloseIcon from "@mui/icons-material/Close";
 import ContentCopyIcon from "@mui/icons-material/ContentCopy";
 import LinkedIn from "@mui/icons-material/LinkedIn";
 import PublicIcon from "@mui/icons-material/Public";
@@ -373,8 +375,8 @@ deepmerge.all = function deepmergeAll(array2, options) {
   if (!Array.isArray(array2)) {
     throw new Error("first argument should be an array");
   }
-  return array2.reduce(function(prev, next) {
-    return deepmerge(prev, next, options);
+  return array2.reduce(function(prev2, next2) {
+    return deepmerge(prev2, next2, options);
   }, {});
 };
 var deepmerge_1 = deepmerge;
@@ -449,10 +451,10 @@ function eq(value, other) {
   return value === other || value !== value && other !== other;
 }
 function assocIndexOf(array2, key) {
-  var length = array2.length;
-  while (length--) {
-    if (eq(array2[length][0], key)) {
-      return length;
+  var length2 = array2.length;
+  while (length2--) {
+    if (eq(array2[length2][0], key)) {
+      return length2;
     }
   }
   return -1;
@@ -491,9 +493,9 @@ function listCacheSet(key, value) {
   return this;
 }
 function ListCache(entries) {
-  var index = -1, length = entries == null ? 0 : entries.length;
+  var index = -1, length2 = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index < length) {
+  while (++index < length2) {
     var entry = entries[index];
     this.set(entry[0], entry[1]);
   }
@@ -611,9 +613,9 @@ function hashSet(key, value) {
   return this;
 }
 function Hash(entries) {
-  var index = -1, length = entries == null ? 0 : entries.length;
+  var index = -1, length2 = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index < length) {
+  while (++index < length2) {
     var entry = entries[index];
     this.set(entry[0], entry[1]);
   }
@@ -657,9 +659,9 @@ function mapCacheSet(key, value) {
   return this;
 }
 function MapCache(entries) {
-  var index = -1, length = entries == null ? 0 : entries.length;
+  var index = -1, length2 = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index < length) {
+  while (++index < length2) {
     var entry = entries[index];
     this.set(entry[0], entry[1]);
   }
@@ -695,8 +697,8 @@ Stack.prototype.get = stackGet;
 Stack.prototype.has = stackHas;
 Stack.prototype.set = stackSet;
 function arrayEach(array2, iteratee) {
-  var index = -1, length = array2 == null ? 0 : array2.length;
-  while (++index < length) {
+  var index = -1, length2 = array2 == null ? 0 : array2.length;
+  while (++index < length2) {
     if (iteratee(array2[index], index, array2) === false) {
       break;
     }
@@ -734,8 +736,8 @@ function assignValue(object2, key, value) {
 function copyObject(source, props, object2, customizer) {
   var isNew = !object2;
   object2 || (object2 = {});
-  var index = -1, length = props.length;
-  while (++index < length) {
+  var index = -1, length2 = props.length;
+  while (++index < length2) {
     var key = props[index];
     var newValue = void 0;
     if (newValue === void 0) {
@@ -780,10 +782,10 @@ var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : void 0;
 var isBuffer = nativeIsBuffer || stubFalse;
 var MAX_SAFE_INTEGER$1 = 9007199254740991;
 var reIsUint = /^(?:0|[1-9]\d*)$/;
-function isIndex(value, length) {
+function isIndex(value, length2) {
   var type = typeof value;
-  length = length == null ? MAX_SAFE_INTEGER$1 : length;
-  return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
+  length2 = length2 == null ? MAX_SAFE_INTEGER$1 : length2;
+  return !!length2 && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length2);
 }
 var MAX_SAFE_INTEGER = 9007199254740991;
 function isLength(value) {
@@ -821,13 +823,13 @@ var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedA
 var objectProto$5 = Object.prototype;
 var hasOwnProperty$3 = objectProto$5.hasOwnProperty;
 function arrayLikeKeys(value, inherited) {
-  var isArr = isArray$1(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
+  var isArr = isArray$1(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length2 = result.length;
   for (var key in value) {
     if ((inherited || hasOwnProperty$3.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
     (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
     isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
     isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
-    isIndex(key, length)))) {
+    isIndex(key, length2)))) {
       result.push(key);
     }
   }
@@ -899,21 +901,21 @@ function cloneBuffer(buffer, isDeep) {
   if (isDeep) {
     return buffer.slice();
   }
-  var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
+  var length2 = buffer.length, result = allocUnsafe ? allocUnsafe(length2) : new buffer.constructor(length2);
   buffer.copy(result);
   return result;
 }
 function copyArray(source, array2) {
-  var index = -1, length = source.length;
-  array2 || (array2 = Array(length));
-  while (++index < length) {
+  var index = -1, length2 = source.length;
+  array2 || (array2 = Array(length2));
+  while (++index < length2) {
     array2[index] = source[index];
   }
   return array2;
 }
 function arrayFilter(array2, predicate) {
-  var index = -1, length = array2 == null ? 0 : array2.length, resIndex = 0, result = [];
-  while (++index < length) {
+  var index = -1, length2 = array2 == null ? 0 : array2.length, resIndex = 0, result = [];
+  while (++index < length2) {
     var value = array2[index];
     if (predicate(value, index, array2)) {
       result[resIndex++] = value;
@@ -940,8 +942,8 @@ function copySymbols(source, object2) {
   return copyObject(source, getSymbols(source), object2);
 }
 function arrayPush(array2, values) {
-  var index = -1, length = values.length, offset2 = array2.length;
-  while (++index < length) {
+  var index = -1, length2 = values.length, offset2 = array2.length;
+  while (++index < length2) {
     array2[offset2 + index] = values[index];
   }
   return array2;
@@ -999,8 +1001,8 @@ if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag$2 || Map
 var objectProto = Object.prototype;
 var hasOwnProperty = objectProto.hasOwnProperty;
 function initCloneArray(array2) {
-  var length = array2.length, result = new array2.constructor(length);
-  if (length && typeof array2[0] == "string" && hasOwnProperty.call(array2, "index")) {
+  var length2 = array2.length, result = new array2.constructor(length2);
+  if (length2 && typeof array2[0] == "string" && hasOwnProperty.call(array2, "index")) {
     result.index = array2.index;
     result.input = array2.input;
   }
@@ -1179,11 +1181,11 @@ function requireReactFastCompare() {
   function equal(a, b) {
     if (a === b) return true;
     if (a && b && typeof a == "object" && typeof b == "object") {
-      var arrA = isArray2(a), arrB = isArray2(b), i, length, key;
+      var arrA = isArray2(a), arrB = isArray2(b), i, length2, key;
       if (arrA && arrB) {
-        length = a.length;
-        if (length != b.length) return false;
-        for (i = length; i-- !== 0; )
+        length2 = a.length;
+        if (length2 != b.length) return false;
+        for (i = length2; i-- !== 0; )
           if (!equal(a[i], b[i])) return false;
         return true;
       }
@@ -1195,14 +1197,14 @@ function requireReactFastCompare() {
       if (regexpA != regexpB) return false;
       if (regexpA && regexpB) return a.toString() == b.toString();
       var keys2 = keyList(a);
-      length = keys2.length;
-      if (length !== keyList(b).length)
+      length2 = keys2.length;
+      if (length2 !== keyList(b).length)
         return false;
-      for (i = length; i-- !== 0; )
+      for (i = length2; i-- !== 0; )
         if (!hasProp.call(b, keys2[i])) return false;
       if (hasElementType && a instanceof Element && b instanceof Element)
         return a === b;
-      for (i = length; i-- !== 0; ) {
+      for (i = length2; i-- !== 0; ) {
         key = keys2[i];
         if (key === "_owner" && a.$$typeof) {
           continue;
@@ -1247,8 +1249,8 @@ function clone$2(value) {
   return baseClone(value, CLONE_SYMBOLS_FLAG);
 }
 function arrayMap(array2, iteratee) {
-  var index = -1, length = array2 == null ? 0 : array2.length, result = Array(length);
-  while (++index < length) {
+  var index = -1, length2 = array2 == null ? 0 : array2.length, result = Array(length2);
+  while (++index < length2) {
     result[index] = iteratee(array2[index], index, array2);
   }
   return result;
@@ -1293,8 +1295,8 @@ var stringToPath = memoizeCapped(function(string2) {
   if (string2.charCodeAt(0) === 46) {
     result.push("");
   }
-  string2.replace(rePropName, function(match, number2, quote, subString) {
-    result.push(quote ? subString.replace(reEscapeChar, "$1") : number2 || match);
+  string2.replace(rePropName, function(match5, number2, quote, subString) {
+    result.push(quote ? subString.replace(reEscapeChar, "$1") : number2 || match5);
   });
   return result;
 });
@@ -1920,9 +1922,9 @@ function useFormik(_ref) {
   });
   var state = stateRef.current;
   var dispatch = useCallback(function(action) {
-    var prev = stateRef.current;
-    stateRef.current = formikReducer(prev, action);
-    if (prev !== stateRef.current) setIteration(function(x) {
+    var prev2 = stateRef.current;
+    stateRef.current = formikReducer(prev2, action);
+    if (prev2 !== stateRef.current) setIteration(function(x) {
       return x + 1;
     });
   }, []);
@@ -1977,14 +1979,14 @@ function useFormik(_ref) {
       return runSingleFieldLevelValidation(f, getIn$1(values, f));
     }) : [Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];
     return Promise.all(fieldValidations).then(function(fieldErrorsList) {
-      return fieldErrorsList.reduce(function(prev, curr, index) {
+      return fieldErrorsList.reduce(function(prev2, curr, index) {
         if (curr === "DO_NOT_DELETE_YOU_WILL_BE_FIRED") {
-          return prev;
+          return prev2;
         }
         if (curr) {
-          prev = setIn(prev, fieldKeysWithValidation[index], curr);
+          prev2 = setIn(prev2, fieldKeysWithValidation[index], curr);
         }
-        return prev;
+        return prev2;
       }, {});
     });
   }, [runSingleFieldLevelValidation]);
@@ -6777,8 +6779,8 @@ function removeFormattingTokens(input) {
   return input.replace(/\\/g, "");
 }
 function makeFormatFunction(format2) {
-  var array2 = format2.match(formattingTokens), i, length;
-  for (i = 0, length = array2.length; i < length; i++) {
+  var array2 = format2.match(formattingTokens), i, length2;
+  for (i = 0, length2 = array2.length; i < length2; i++) {
     if (formatTokenFunctions[array2[i]]) {
       array2[i] = formatTokenFunctions[array2[i]];
     } else {
@@ -6787,7 +6789,7 @@ function makeFormatFunction(format2) {
   }
   return function(mom) {
     var output = "", i2;
-    for (i2 = 0; i2 < length; i2++) {
+    for (i2 = 0; i2 < length2; i2++) {
       output += isFunction2(array2[i2]) ? array2[i2].call(mom, format2) : array2[i2];
     }
     return output;
@@ -7925,18 +7927,18 @@ function normalizeLocale(key) {
   return key ? key.toLowerCase().replace("_", "-") : key;
 }
 function chooseLocale(names) {
-  var i = 0, j, next, locale2, split;
+  var i = 0, j, next2, locale2, split;
   while (i < names.length) {
     split = normalizeLocale(names[i]).split("-");
     j = split.length;
-    next = normalizeLocale(names[i + 1]);
-    next = next ? next.split("-") : null;
+    next2 = normalizeLocale(names[i + 1]);
+    next2 = next2 ? next2.split("-") : null;
     while (j > 0) {
       locale2 = loadLocale(split.slice(0, j).join("-"));
       if (locale2) {
         return locale2;
       }
-      if (next && next.length >= j && commonPrefix(split, next) >= j - 1) {
+      if (next2 && next2.length >= j && commonPrefix(split, next2) >= j - 1) {
         break;
       }
       j--;
@@ -8131,11 +8133,11 @@ var extendedIsoRegex = /^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\
   PST: -8 * 60
 };
 function configFromISO(config) {
-  var i, l, string2 = config._i, match = extendedIsoRegex.exec(string2) || basicIsoRegex.exec(string2), allowTime, dateFormat, timeFormat, tzFormat, isoDatesLen = isoDates.length, isoTimesLen = isoTimes.length;
-  if (match) {
+  var i, l, string2 = config._i, match5 = extendedIsoRegex.exec(string2) || basicIsoRegex.exec(string2), allowTime, dateFormat, timeFormat, tzFormat, isoDatesLen = isoDates.length, isoTimesLen = isoTimes.length;
+  if (match5) {
     getParsingFlags(config).iso = true;
     for (i = 0, l = isoDatesLen; i < l; i++) {
-      if (isoDates[i][1].exec(match[1])) {
+      if (isoDates[i][1].exec(match5[1])) {
         dateFormat = isoDates[i][0];
         allowTime = isoDates[i][2] !== false;
         break;
@@ -8145,10 +8147,10 @@ function configFromISO(config) {
       config._isValid = false;
       return;
     }
-    if (match[3]) {
+    if (match5[3]) {
       for (i = 0, l = isoTimesLen; i < l; i++) {
-        if (isoTimes[i][1].exec(match[3])) {
-          timeFormat = (match[2] || " ") + isoTimes[i][0];
+        if (isoTimes[i][1].exec(match5[3])) {
+          timeFormat = (match5[2] || " ") + isoTimes[i][0];
           break;
         }
       }
@@ -8161,8 +8163,8 @@ function configFromISO(config) {
       config._isValid = false;
       return;
     }
-    if (match[4]) {
-      if (tzRegex.exec(match[4])) {
+    if (match5[4]) {
+      if (tzRegex.exec(match5[4])) {
         tzFormat = "Z";
       } else {
         config._isValid = false;
@@ -8226,21 +8228,21 @@ function calculateOffset(obsOffset, militaryOffset, numOffset) {
   }
 }
 function configFromRFC2822(config) {
-  var match = rfc2822.exec(preprocessRFC2822(config._i)), parsedArray;
-  if (match) {
+  var match5 = rfc2822.exec(preprocessRFC2822(config._i)), parsedArray;
+  if (match5) {
     parsedArray = extractFromRFC2822Strings(
-      match[4],
-      match[3],
-      match[2],
-      match[5],
-      match[6],
-      match[7]
+      match5[4],
+      match5[3],
+      match5[2],
+      match5[5],
+      match5[6],
+      match5[7]
     );
-    if (!checkWeekday(match[1], parsedArray, config)) {
+    if (!checkWeekday(match5[1], parsedArray, config)) {
       return;
     }
     config._a = parsedArray;
-    config._tzm = calculateOffset(match[8], match[9], match[10]);
+    config._tzm = calculateOffset(match5[8], match5[9], match5[10]);
     config._d = createUTCDate.apply(null, config._a);
     config._d.setUTCMinutes(config._d.getUTCMinutes() - config._tzm);
     getParsingFlags(config).rfc2822 = true;
@@ -8875,7 +8877,7 @@ function isUtc() {
 }
 var aspNetRegex = /^(-|\+)?(?:(\d*)[. ])?(\d+):(\d+)(?::(\d+)(\.\d*)?)?$/, isoRegex = /^(-|\+)?P(?:([-+]?[0-9,.]*)Y)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)W)?(?:([-+]?[0-9,.]*)D)?(?:T(?:([-+]?[0-9,.]*)H)?(?:([-+]?[0-9,.]*)M)?(?:([-+]?[0-9,.]*)S)?)?$/;
 function createDuration(input, key) {
-  var duration = input, match = null, sign2, ret, diffRes;
+  var duration = input, match5 = null, sign2, ret, diffRes;
   if (isDuration(input)) {
     duration = {
       ms: input._milliseconds,
@@ -8889,27 +8891,27 @@ function createDuration(input, key) {
     } else {
       duration.milliseconds = +input;
     }
-  } else if (match = aspNetRegex.exec(input)) {
-    sign2 = match[1] === "-" ? -1 : 1;
+  } else if (match5 = aspNetRegex.exec(input)) {
+    sign2 = match5[1] === "-" ? -1 : 1;
     duration = {
       y: 0,
-      d: toInt(match[DATE]) * sign2,
-      h: toInt(match[HOUR]) * sign2,
-      m: toInt(match[MINUTE]) * sign2,
-      s: toInt(match[SECOND]) * sign2,
-      ms: toInt(absRound(match[MILLISECOND] * 1e3)) * sign2
+      d: toInt(match5[DATE]) * sign2,
+      h: toInt(match5[HOUR]) * sign2,
+      m: toInt(match5[MINUTE]) * sign2,
+      s: toInt(match5[SECOND]) * sign2,
+      ms: toInt(absRound(match5[MILLISECOND] * 1e3)) * sign2
       // the millisecond decimal point is included in the match
     };
-  } else if (match = isoRegex.exec(input)) {
-    sign2 = match[1] === "-" ? -1 : 1;
+  } else if (match5 = isoRegex.exec(input)) {
+    sign2 = match5[1] === "-" ? -1 : 1;
     duration = {
-      y: parseIso(match[2], sign2),
-      M: parseIso(match[3], sign2),
-      w: parseIso(match[4], sign2),
-      d: parseIso(match[5], sign2),
-      h: parseIso(match[6], sign2),
-      m: parseIso(match[7], sign2),
-      s: parseIso(match[8], sign2)
+      y: parseIso(match5[2], sign2),
+      M: parseIso(match5[3], sign2),
+      w: parseIso(match5[4], sign2),
+      d: parseIso(match5[5], sign2),
+      h: parseIso(match5[6], sign2),
+      m: parseIso(match5[7], sign2),
+      s: parseIso(match5[8], sign2)
     };
   } else if (duration == null) {
     duration = {};
@@ -9229,16 +9231,16 @@ function inspect() {
   if (!this.isValid()) {
     return "moment.invalid(/* " + this._i + " */)";
   }
-  var func = "moment", zone = "", prefix, year, datetime, suffix;
+  var func = "moment", zone = "", prefix2, year, datetime, suffix;
   if (!this.isLocal()) {
     func = this.utcOffset() === 0 ? "moment.utc" : "moment.parseZone";
     zone = "Z";
   }
-  prefix = "[" + func + '("]';
+  prefix2 = "[" + func + '("]';
   year = 0 <= this.year() && this.year() <= 9999 ? "YYYY" : "YYYYYY";
   datetime = "-MM-DD[T]HH:mm:ss.SSS";
   suffix = zone + '[")]';
-  return this.format(prefix + year + datetime + suffix);
+  return this.format(prefix2 + year + datetime + suffix);
 }
 function format(inputString) {
   if (!inputString) {
@@ -9247,7 +9249,7 @@ function format(inputString) {
   var output = formatMoment(this, inputString);
   return this.localeData().postformat(output);
 }
-function from(time, withoutSuffix) {
+function from$1(time, withoutSuffix) {
   if (this.isValid() && (isMoment(time) && time.isValid() || createLocal(time).isValid())) {
     return createDuration({ to: this, from: time }).locale(this.locale()).humanize(!withoutSuffix);
   } else {
@@ -9514,12 +9516,12 @@ addRegexToken("yyyy", matchUnsigned);
 addRegexToken("yo", matchEraYearOrdinal);
 addParseToken(["y", "yy", "yyy", "yyyy"], YEAR);
 addParseToken(["yo"], function(input, array2, config, token2) {
-  var match;
+  var match5;
   if (config._locale._eraYearOrdinalRegex) {
-    match = input.match(config._locale._eraYearOrdinalRegex);
+    match5 = input.match(config._locale._eraYearOrdinalRegex);
   }
   if (config._locale.eraYearOrdinalParse) {
-    array2[YEAR] = config._locale.eraYearOrdinalParse(input, match);
+    array2[YEAR] = config._locale.eraYearOrdinalParse(input, match5);
   } else {
     array2[YEAR] = parseInt(input, 10);
   }
@@ -9838,15 +9840,15 @@ addFormatToken(0, ["SSSSSSSSS", 9], 0, function() {
 addRegexToken("S", match1to3, match1);
 addRegexToken("SS", match1to3, match2);
 addRegexToken("SSS", match1to3, match3);
-var token, getSetMillisecond;
-for (token = "SSSS"; token.length <= 9; token += "S") {
-  addRegexToken(token, matchUnsigned);
+var token$1, getSetMillisecond;
+for (token$1 = "SSSS"; token$1.length <= 9; token$1 += "S") {
+  addRegexToken(token$1, matchUnsigned);
 }
 function parseMs(input, array2) {
   array2[MILLISECOND] = toInt(("0." + input) * 1e3);
 }
-for (token = "S"; token.length <= 9; token += "S") {
-  addParseToken(token, parseMs);
+for (token$1 = "S"; token$1.length <= 9; token$1 += "S") {
+  addParseToken(token$1, parseMs);
 }
 getSetMillisecond = makeGetSet("Milliseconds", false);
 addFormatToken("z", 0, 0, "zoneAbbr");
@@ -9864,7 +9866,7 @@ proto.clone = clone$1;
 proto.diff = diff;
 proto.endOf = endOf;
 proto.format = format;
-proto.from = from;
+proto.from = from$1;
 proto.fromNow = fromNow;
 proto.to = to;
 proto.toNow = toNow;
@@ -10095,7 +10097,7 @@ hooks.langData = deprecate(
   getLocale
 );
 var mathAbs = Math.abs;
-function abs() {
+function abs$1() {
   var data = this._data;
   this._milliseconds = mathAbs(this._milliseconds);
   this._days = mathAbs(this._days);
@@ -10297,7 +10299,7 @@ function humanize(argWithSuffix, argThresholds) {
   }
   return locale2.postformat(output);
 }
-var abs$1 = Math.abs;
+var abs$1$1 = Math.abs;
 function sign(x) {
   return (x > 0) - (x < 0) || +x;
 }
@@ -10305,7 +10307,7 @@ function toISOString$1() {
   if (!this.isValid()) {
     return this.localeData().invalidDate();
   }
-  var seconds2 = abs$1(this._milliseconds) / 1e3, days2 = abs$1(this._days), months2 = abs$1(this._months), minutes2, hours2, years2, s, total = this.asSeconds(), totalSign, ymSign, daysSign, hmsSign;
+  var seconds2 = abs$1$1(this._milliseconds) / 1e3, days2 = abs$1$1(this._days), months2 = abs$1$1(this._months), minutes2, hours2, years2, s, total = this.asSeconds(), totalSign, ymSign, daysSign, hmsSign;
   if (!total) {
     return "P0D";
   }
@@ -10324,7 +10326,7 @@ function toISOString$1() {
 }
 var proto$2 = Duration.prototype;
 proto$2.isValid = isValid$1;
-proto$2.abs = abs;
+proto$2.abs = abs$1;
 proto$2.add = add$1;
 proto$2.subtract = subtract$1;
 proto$2.as = as;
@@ -10537,7 +10539,7 @@ function requireTinyCase() {
   const upperFirst = (str) => str[0].toUpperCase() + str.slice(1);
   const join = (str, d) => words(str).join(d).toLowerCase();
   const camelCase = (str) => words(str).reduce(
-    (acc, next) => `${acc}${!acc ? next.toLowerCase() : next[0].toUpperCase() + next.slice(1).toLowerCase()}`,
+    (acc, next2) => `${acc}${!acc ? next2.toLowerCase() : next2[0].toUpperCase() + next2.slice(1).toLowerCase()}`,
     ""
   );
   const pascalCase = (str) => upperFirst(camelCase(str));
@@ -10578,32 +10580,32 @@ function requireToposort() {
       if (!visited[i]) visit(nodes[i], i, /* @__PURE__ */ new Set());
     }
     return sorted;
-    function visit(node, i2, predecessors) {
-      if (predecessors.has(node)) {
+    function visit(node2, i2, predecessors) {
+      if (predecessors.has(node2)) {
         var nodeRep;
         try {
-          nodeRep = ", node was:" + JSON.stringify(node);
+          nodeRep = ", node was:" + JSON.stringify(node2);
         } catch (e) {
           nodeRep = "";
         }
         throw new Error("Cyclic dependency" + nodeRep);
       }
-      if (!nodesHash.has(node)) {
-        throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: " + JSON.stringify(node));
+      if (!nodesHash.has(node2)) {
+        throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: " + JSON.stringify(node2));
       }
       if (visited[i2]) return;
       visited[i2] = true;
-      var outgoing = outgoingEdges.get(node) || /* @__PURE__ */ new Set();
+      var outgoing = outgoingEdges.get(node2) || /* @__PURE__ */ new Set();
       outgoing = Array.from(outgoing);
       if (i2 = outgoing.length) {
-        predecessors.add(node);
+        predecessors.add(node2);
         do {
           var child = outgoing[--i2];
           visit(child, nodesHash.get(child), predecessors);
         } while (i2);
-        predecessors.delete(node);
+        predecessors.delete(node2);
       }
-      sorted[--cursor] = node;
+      sorted[--cursor] = node2;
     }
   }
   function uniqueNodes(arr) {
@@ -10884,8 +10886,8 @@ class Reference {
     this.isContext = this.key[0] === prefixes.context;
     this.isValue = this.key[0] === prefixes.value;
     this.isSibling = !this.isContext && !this.isValue;
-    let prefix = this.isContext ? prefixes.context : this.isValue ? prefixes.value : "";
-    this.path = this.key.slice(prefix.length);
+    let prefix2 = this.isContext ? prefixes.context : this.isValue ? prefixes.value : "";
+    this.path = this.key.slice(prefix2.length);
     this.getter = this.path && propertyExprExports.getter(this.path, true);
     this.map = options.map;
   }
@@ -10930,7 +10932,7 @@ function createValidation(config) {
     options,
     originalValue,
     schema
-  }, panic, next) {
+  }, panic, next2) {
     const {
       name,
       test,
@@ -10962,7 +10964,7 @@ function createValidation(config) {
       error.params = nextParams;
       return error;
     }
-    const invalid = abortEarly ? panic : next;
+    const invalid = abortEarly ? panic : next2;
     let ctx = {
       path,
       parent,
@@ -10979,7 +10981,7 @@ function createValidation(config) {
     const handleResult2 = (validOrError) => {
       if (ValidationError.isError(validOrError)) invalid(validOrError);
       else if (!validOrError) invalid(createError());
-      else next(null);
+      else next2(null);
     };
     const handleError = (err) => {
       if (ValidationError.isError(err)) invalid(err);
@@ -11077,42 +11079,42 @@ class ReferenceSet extends Set {
     return new ReferenceSet(this.values());
   }
   merge(newItems, removeItems) {
-    const next = this.clone();
-    newItems.forEach((value) => next.add(value));
-    removeItems.forEach((value) => next.delete(value));
-    return next;
+    const next2 = this.clone();
+    newItems.forEach((value) => next2.add(value));
+    removeItems.forEach((value) => next2.delete(value));
+    return next2;
   }
 }
 function clone(src, seen = /* @__PURE__ */ new Map()) {
   if (isSchema(src) || !src || typeof src !== "object") return src;
   if (seen.has(src)) return seen.get(src);
-  let copy;
+  let copy2;
   if (src instanceof Date) {
-    copy = new Date(src.getTime());
-    seen.set(src, copy);
+    copy2 = new Date(src.getTime());
+    seen.set(src, copy2);
   } else if (src instanceof RegExp) {
-    copy = new RegExp(src);
-    seen.set(src, copy);
+    copy2 = new RegExp(src);
+    seen.set(src, copy2);
   } else if (Array.isArray(src)) {
-    copy = new Array(src.length);
-    seen.set(src, copy);
-    for (let i = 0; i < src.length; i++) copy[i] = clone(src[i], seen);
+    copy2 = new Array(src.length);
+    seen.set(src, copy2);
+    for (let i = 0; i < src.length; i++) copy2[i] = clone(src[i], seen);
   } else if (src instanceof Map) {
-    copy = /* @__PURE__ */ new Map();
-    seen.set(src, copy);
-    for (const [k, v] of src.entries()) copy.set(k, clone(v, seen));
+    copy2 = /* @__PURE__ */ new Map();
+    seen.set(src, copy2);
+    for (const [k, v] of src.entries()) copy2.set(k, clone(v, seen));
   } else if (src instanceof Set) {
-    copy = /* @__PURE__ */ new Set();
-    seen.set(src, copy);
-    for (const v of src) copy.add(clone(v, seen));
+    copy2 = /* @__PURE__ */ new Set();
+    seen.set(src, copy2);
+    for (const v of src) copy2.add(clone(v, seen));
   } else if (src instanceof Object) {
-    copy = {};
-    seen.set(src, copy);
-    for (const [k, v] of Object.entries(src)) copy[k] = clone(v, seen);
+    copy2 = {};
+    seen.set(src, copy2);
+    for (const [k, v] of Object.entries(src)) copy2[k] = clone(v, seen);
   } else {
     throw Error(`Unable to clone ${src}`);
   }
-  return copy;
+  return copy2;
 }
 function createStandardPath(path) {
   if (!(path != null && path.length)) {
@@ -11123,8 +11125,8 @@ function createStandardPath(path) {
   let inBrackets = false;
   let inQuotes = false;
   for (let i = 0; i < path.length; i++) {
-    const char = path[i];
-    if (char === "[" && !inQuotes) {
+    const char2 = path[i];
+    if (char2 === "[" && !inQuotes) {
       if (currentSegment) {
         segments.push(...currentSegment.split(".").filter(Boolean));
         currentSegment = "";
@@ -11132,7 +11134,7 @@ function createStandardPath(path) {
       inBrackets = true;
       continue;
     }
-    if (char === "]" && !inQuotes) {
+    if (char2 === "]" && !inQuotes) {
       if (currentSegment) {
         if (/^\d+$/.test(currentSegment)) {
           segments.push(currentSegment);
@@ -11144,18 +11146,18 @@ function createStandardPath(path) {
       inBrackets = false;
       continue;
     }
-    if (char === '"') {
+    if (char2 === '"') {
       inQuotes = !inQuotes;
       continue;
     }
-    if (char === "." && !inBrackets && !inQuotes) {
+    if (char2 === "." && !inBrackets && !inQuotes) {
       if (currentSegment) {
         segments.push(currentSegment);
         currentSegment = "";
       }
       continue;
     }
-    currentSegment += char;
+    currentSegment += char2;
   }
   if (currentSegment) {
     segments.push(...currentSegment.split(".").filter(Boolean));
@@ -11221,30 +11223,30 @@ class Schema {
       if (spec) Object.assign(this.spec, spec);
       return this;
     }
-    const next = Object.create(Object.getPrototypeOf(this));
-    next.type = this.type;
-    next._typeCheck = this._typeCheck;
-    next._whitelist = this._whitelist.clone();
-    next._blacklist = this._blacklist.clone();
-    next.internalTests = Object.assign({}, this.internalTests);
-    next.exclusiveTests = Object.assign({}, this.exclusiveTests);
-    next.deps = [...this.deps];
-    next.conditions = [...this.conditions];
-    next.tests = [...this.tests];
-    next.transforms = [...this.transforms];
-    next.spec = clone(Object.assign({}, this.spec, spec));
-    return next;
+    const next2 = Object.create(Object.getPrototypeOf(this));
+    next2.type = this.type;
+    next2._typeCheck = this._typeCheck;
+    next2._whitelist = this._whitelist.clone();
+    next2._blacklist = this._blacklist.clone();
+    next2.internalTests = Object.assign({}, this.internalTests);
+    next2.exclusiveTests = Object.assign({}, this.exclusiveTests);
+    next2.deps = [...this.deps];
+    next2.conditions = [...this.conditions];
+    next2.tests = [...this.tests];
+    next2.transforms = [...this.transforms];
+    next2.spec = clone(Object.assign({}, this.spec, spec));
+    return next2;
   }
   label(label) {
-    let next = this.clone();
-    next.spec.label = label;
-    return next;
+    let next2 = this.clone();
+    next2.spec.label = label;
+    return next2;
   }
   meta(...args) {
     if (args.length === 0) return this.spec.meta;
-    let next = this.clone();
-    next.spec.meta = Object.assign(next.spec.meta || {}, args[0]);
-    return next;
+    let next2 = this.clone();
+    next2.spec.meta = Object.assign(next2.spec.meta || {}, args[0]);
+    return next2;
   }
   withMutation(fn) {
     let before = this._mutate;
@@ -11265,9 +11267,9 @@ class Schema {
     combined._blacklist = base._blacklist.merge(schema._blacklist, schema._whitelist);
     combined.tests = base.tests;
     combined.exclusiveTests = base.exclusiveTests;
-    combined.withMutation((next) => {
+    combined.withMutation((next2) => {
       schema.tests.forEach((fn) => {
-        next.test(fn.OPTIONS);
+        next2.test(fn.OPTIONS);
       });
     });
     combined.transforms = [...base.transforms, ...combined.transforms];
@@ -11333,7 +11335,7 @@ attempted value: ${formattedValue}
     }
     return value;
   }
-  _validate(_value, options = {}, panic, next) {
+  _validate(_value, options = {}, panic, next2) {
     let {
       path,
       originalValue = _value,
@@ -11357,7 +11359,7 @@ attempted value: ${formattedValue}
       tests: initialTests
     }, panic, (initialErrors) => {
       if (initialErrors.length) {
-        return next(initialErrors, value);
+        return next2(initialErrors, value);
       }
       this.runTests({
         path,
@@ -11365,14 +11367,14 @@ attempted value: ${formattedValue}
         originalValue,
         options,
         tests: this.tests
-      }, panic, next);
+      }, panic, next2);
     });
   }
   /**
    * Executes a set of validations, either schema, produced Tests or a nested
    * schema validate result.
    */
-  runTests(runOptions, panic, next) {
+  runTests(runOptions, panic, next2) {
     let fired = false;
     let {
       tests,
@@ -11389,7 +11391,7 @@ attempted value: ${formattedValue}
     let nextOnce = (arg) => {
       if (fired) return;
       fired = true;
-      next(arg, value);
+      next2(arg, value);
     };
     let count = tests.length;
     let nestedErrors = [];
@@ -11442,7 +11444,7 @@ attempted value: ${formattedValue}
       [isIndex2 ? "index" : "key"]: k,
       path: isIndex2 || k.includes(".") ? `${parentPath || ""}[${isIndex2 ? k : `"${k}"`}]` : (parentPath ? `${parentPath}.` : "") + key
     });
-    return (_, panic, next) => this.resolve(testOptions)._validate(value, testOptions, panic, next);
+    return (_, panic, next2) => this.resolve(testOptions)._validate(value, testOptions, panic, next2);
   }
   validate(value, options) {
     var _options$disableStack2;
@@ -11506,10 +11508,10 @@ attempted value: ${formattedValue}
     if (arguments.length === 0) {
       return this._getDefault();
     }
-    let next = this.clone({
+    let next2 = this.clone({
       default: def
     });
-    return next;
+    return next2;
   }
   strict(isStrict = true) {
     return this.clone({
@@ -11517,30 +11519,30 @@ attempted value: ${formattedValue}
     });
   }
   nullability(nullable, message) {
-    const next = this.clone({
+    const next2 = this.clone({
       nullable
     });
-    next.internalTests.nullable = createValidation({
+    next2.internalTests.nullable = createValidation({
       message,
       name: "nullable",
       test(value) {
         return value === null ? this.schema.spec.nullable : true;
       }
     });
-    return next;
+    return next2;
   }
   optionality(optional, message) {
-    const next = this.clone({
+    const next2 = this.clone({
       optional
     });
-    next.internalTests.optionality = createValidation({
+    next2.internalTests.optionality = createValidation({
       message,
       name: "optionality",
       test(value) {
         return value === void 0 ? this.schema.spec.optional : true;
       }
     });
-    return next;
+    return next2;
   }
   optional() {
     return this.optionality(true);
@@ -11555,15 +11557,15 @@ attempted value: ${formattedValue}
     return this.nullability(false, message);
   }
   required(message = mixed.required) {
-    return this.clone().withMutation((next) => next.nonNullable(message).defined(message));
+    return this.clone().withMutation((next2) => next2.nonNullable(message).defined(message));
   }
   notRequired() {
-    return this.clone().withMutation((next) => next.nullable().optional());
+    return this.clone().withMutation((next2) => next2.nullable().optional());
   }
   transform(fn) {
-    let next = this.clone();
-    next.transforms.push(fn);
-    return next;
+    let next2 = this.clone();
+    next2.transforms.push(fn);
+    return next2;
   }
   /**
    * Adds a test function to the schema's queue of tests.
@@ -11602,39 +11604,39 @@ attempted value: ${formattedValue}
     }
     if (opts.message === void 0) opts.message = mixed.default;
     if (typeof opts.test !== "function") throw new TypeError("`test` is a required parameters");
-    let next = this.clone();
+    let next2 = this.clone();
     let validate = createValidation(opts);
-    let isExclusive = opts.exclusive || opts.name && next.exclusiveTests[opts.name] === true;
+    let isExclusive = opts.exclusive || opts.name && next2.exclusiveTests[opts.name] === true;
     if (opts.exclusive) {
       if (!opts.name) throw new TypeError("Exclusive tests must provide a unique `name` identifying the test");
     }
-    if (opts.name) next.exclusiveTests[opts.name] = !!opts.exclusive;
-    next.tests = next.tests.filter((fn) => {
+    if (opts.name) next2.exclusiveTests[opts.name] = !!opts.exclusive;
+    next2.tests = next2.tests.filter((fn) => {
       if (fn.OPTIONS.name === opts.name) {
         if (isExclusive) return false;
         if (fn.OPTIONS.test === validate.OPTIONS.test) return false;
       }
       return true;
     });
-    next.tests.push(validate);
-    return next;
+    next2.tests.push(validate);
+    return next2;
   }
   when(keys2, options) {
     if (!Array.isArray(keys2) && typeof keys2 !== "string") {
       options = keys2;
       keys2 = ".";
     }
-    let next = this.clone();
+    let next2 = this.clone();
     let deps = toArray(keys2).map((key) => new Reference(key));
     deps.forEach((dep) => {
-      if (dep.isSibling) next.deps.push(dep.key);
+      if (dep.isSibling) next2.deps.push(dep.key);
     });
-    next.conditions.push(typeof options === "function" ? new Condition(deps, options) : Condition.fromOptions(deps, options));
-    return next;
+    next2.conditions.push(typeof options === "function" ? new Condition(deps, options) : Condition.fromOptions(deps, options));
+    return next2;
   }
   typeError(message) {
-    let next = this.clone();
-    next.internalTests.typeError = createValidation({
+    let next2 = this.clone();
+    next2.internalTests.typeError = createValidation({
       message,
       name: "typeError",
       skipAbsent: true,
@@ -11647,15 +11649,15 @@ attempted value: ${formattedValue}
         return true;
       }
     });
-    return next;
+    return next2;
   }
   oneOf(enums, message = mixed.oneOf) {
-    let next = this.clone();
+    let next2 = this.clone();
     enums.forEach((val) => {
-      next._whitelist.add(val);
-      next._blacklist.delete(val);
+      next2._whitelist.add(val);
+      next2._blacklist.delete(val);
     });
-    next.internalTests.whiteList = createValidation({
+    next2.internalTests.whiteList = createValidation({
       message,
       name: "oneOf",
       skipAbsent: true,
@@ -11670,15 +11672,15 @@ attempted value: ${formattedValue}
         });
       }
     });
-    return next;
+    return next2;
   }
   notOneOf(enums, message = mixed.notOneOf) {
-    let next = this.clone();
+    let next2 = this.clone();
     enums.forEach((val) => {
-      next._blacklist.add(val);
-      next._whitelist.delete(val);
+      next2._blacklist.add(val);
+      next2._whitelist.delete(val);
     });
-    next.internalTests.blacklist = createValidation({
+    next2.internalTests.blacklist = createValidation({
       message,
       name: "notOneOf",
       test(value) {
@@ -11693,12 +11695,12 @@ attempted value: ${formattedValue}
         return true;
       }
     });
-    return next;
+    return next2;
   }
   strip(strip = true) {
-    let next = this.clone();
-    next.spec.strip = strip;
-    return next;
+    let next2 = this.clone();
+    next2.spec.strip = strip;
+    return next2;
   }
   /**
    * Return a serialized description of the schema including validations, flags, types etc.
@@ -11706,23 +11708,23 @@ attempted value: ${formattedValue}
    * @param options Provide any needed context for resolving runtime schema alterations (lazy, when conditions, etc).
    */
   describe(options) {
-    const next = (options ? this.resolve(options) : this).clone();
+    const next2 = (options ? this.resolve(options) : this).clone();
     const {
       label,
       meta,
       optional,
       nullable
-    } = next.spec;
+    } = next2.spec;
     const description = {
       meta,
       label,
       optional,
       nullable,
-      default: next.getDefault(options),
-      type: next.type,
-      oneOf: next._whitelist.describe(),
-      notOneOf: next._blacklist.describe(),
-      tests: next.tests.filter((n, idx, list) => list.findIndex((c) => c.OPTIONS.name === n.OPTIONS.name) === idx).map((fn) => {
+      default: next2.getDefault(options),
+      type: next2.type,
+      oneOf: next2._whitelist.describe(),
+      notOneOf: next2._blacklist.describe(),
+      tests: next2.tests.filter((n, idx, list) => list.findIndex((c) => c.OPTIONS.name === n.OPTIONS.name) === idx).map((fn) => {
         const params = fn.OPTIONS.params && options ? resolveParams(Object.assign({}, fn.OPTIONS.params), options) : fn.OPTIONS.params;
         return {
           name: fn.OPTIONS.name,
@@ -11878,17 +11880,17 @@ class StringSchema extends Schema {
       return schema;
     });
   }
-  length(length, message = string.length) {
+  length(length2, message = string.length) {
     return this.test({
       message,
       name: "length",
       exclusive: true,
       params: {
-        length
+        length: length2
       },
       skipAbsent: true,
       test(value) {
-        return value.length === this.resolve(length);
+        return value.length === this.resolve(length2);
       }
     });
   }
@@ -12220,9 +12222,9 @@ function sortFields(fields, excludedEdges = []) {
   let nodes = /* @__PURE__ */ new Set();
   let excludes = new Set(excludedEdges.map(([a, b]) => `${a}-${b}`));
   function addNode(depPath, key) {
-    let node = propertyExprExports.split(depPath)[0];
-    nodes.add(node);
-    if (!excludes.has(`${key}-${node}`)) edges.push([key, node]);
+    let node2 = propertyExprExports.split(depPath)[0];
+    nodes.add(node2);
+    if (!excludes.has(`${key}-${node2}`)) edges.push([key, node2]);
   }
   for (const key of Object.keys(fields)) {
     let value = fields[key];
@@ -12361,7 +12363,7 @@ class ObjectSchema extends Schema {
     }
     return isChanged ? intermediateValue : value;
   }
-  _validate(_value, options = {}, panic, next) {
+  _validate(_value, options = {}, panic, next2) {
     let {
       from: from2 = [],
       originalValue = _value,
@@ -12375,7 +12377,7 @@ class ObjectSchema extends Schema {
     options.originalValue = originalValue;
     super._validate(_value, options, panic, (objectErrors, value) => {
       if (!recursive || !isObject2(value)) {
-        next(objectErrors, value);
+        next2(objectErrors, value);
         return;
       }
       originalValue = originalValue || value;
@@ -12399,26 +12401,26 @@ class ObjectSchema extends Schema {
         originalValue,
         options
       }, panic, (fieldErrors) => {
-        next(fieldErrors.sort(this._sortErrors).concat(objectErrors), value);
+        next2(fieldErrors.sort(this._sortErrors).concat(objectErrors), value);
       });
     });
   }
   clone(spec) {
-    const next = super.clone(spec);
-    next.fields = Object.assign({}, this.fields);
-    next._nodes = this._nodes;
-    next._excludedEdges = this._excludedEdges;
-    next._sortErrors = this._sortErrors;
-    return next;
+    const next2 = super.clone(spec);
+    next2.fields = Object.assign({}, this.fields);
+    next2._nodes = this._nodes;
+    next2._excludedEdges = this._excludedEdges;
+    next2._sortErrors = this._sortErrors;
+    return next2;
   }
   concat(schema) {
-    let next = super.concat(schema);
-    let nextFields = next.fields;
+    let next2 = super.concat(schema);
+    let nextFields = next2.fields;
     for (let [field, schemaOrRef] of Object.entries(this.fields)) {
       const target = nextFields[field];
       nextFields[field] = target === void 0 ? schemaOrRef : target;
     }
-    return next.withMutation((s) => (
+    return next2.withMutation((s) => (
       // XXX: excludes here is wrong
       s.setFields(nextFields, [...this._excludedEdges, ...schema._excludedEdges])
     ));
@@ -12446,21 +12448,21 @@ class ObjectSchema extends Schema {
     return dft;
   }
   setFields(shape, excludedEdges) {
-    let next = this.clone();
-    next.fields = shape;
-    next._nodes = sortFields(shape, excludedEdges);
-    next._sortErrors = sortByKeyOrder(Object.keys(shape));
-    if (excludedEdges) next._excludedEdges = excludedEdges;
-    return next;
+    let next2 = this.clone();
+    next2.fields = shape;
+    next2._nodes = sortFields(shape, excludedEdges);
+    next2._sortErrors = sortByKeyOrder(Object.keys(shape));
+    if (excludedEdges) next2._excludedEdges = excludedEdges;
+    return next2;
   }
   shape(additions, excludes = []) {
-    return this.clone().withMutation((next) => {
-      let edges = next._excludedEdges;
+    return this.clone().withMutation((next2) => {
+      let edges = next2._excludedEdges;
       if (excludes.length) {
         if (!Array.isArray(excludes[0])) excludes = [excludes];
-        edges = [...next._excludedEdges, ...excludes];
+        edges = [...next2._excludedEdges, ...excludes];
       }
-      return next.setFields(Object.assign(next.fields, additions), edges);
+      return next2.setFields(Object.assign(next2.fields, additions), edges);
     });
   }
   partial() {
@@ -12471,8 +12473,8 @@ class ObjectSchema extends Schema {
     return this.setFields(partial);
   }
   deepPartial() {
-    const next = deepPartial(this);
-    return next;
+    const next2 = deepPartial(this);
+    return next2;
   }
   pick(keys2) {
     const picked = {};
@@ -12535,7 +12537,7 @@ class ObjectSchema extends Schema {
       message = noAllow;
       noAllow = true;
     }
-    let next = this.test({
+    let next2 = this.test({
       name: "noUnknown",
       exclusive: true,
       message,
@@ -12549,8 +12551,8 @@ class ObjectSchema extends Schema {
         });
       }
     });
-    next.spec.noUnknown = noAllow;
-    return next;
+    next2.spec.noUnknown = noAllow;
+    return next2;
   }
   unknown(allow = true, message = object.noUnknown) {
     return this.noUnknown(!allow, message);
@@ -12573,10 +12575,10 @@ class ObjectSchema extends Schema {
     return this.transformKeys((key) => tinyCaseExports.snakeCase(key).toUpperCase());
   }
   describe(options) {
-    const next = (options ? this.resolve(options) : this).clone();
+    const next2 = (options ? this.resolve(options) : this).clone();
     const base = super.describe(options);
     base.fields = {};
-    for (const [key, value] of Object.entries(next.fields)) {
+    for (const [key, value] of Object.entries(next2.fields)) {
       var _innerOptions2;
       let innerOptions = options;
       if ((_innerOptions2 = innerOptions) != null && _innerOptions2.value) {
@@ -12861,6 +12863,808 @@ const IMAGES = {
   Us,
   DefaultLang
 };
+function sheetForTag(tag) {
+  if (tag.sheet) {
+    return tag.sheet;
+  }
+  for (var i = 0; i < document.styleSheets.length; i++) {
+    if (document.styleSheets[i].ownerNode === tag) {
+      return document.styleSheets[i];
+    }
+  }
+  return void 0;
+}
+function createStyleElement(options) {
+  var tag = document.createElement("style");
+  tag.setAttribute("data-emotion", options.key);
+  if (options.nonce !== void 0) {
+    tag.setAttribute("nonce", options.nonce);
+  }
+  tag.appendChild(document.createTextNode(""));
+  tag.setAttribute("data-s", "");
+  return tag;
+}
+var StyleSheet = /* @__PURE__ */ (function() {
+  function StyleSheet2(options) {
+    var _this = this;
+    this._insertTag = function(tag) {
+      var before;
+      if (_this.tags.length === 0) {
+        if (_this.insertionPoint) {
+          before = _this.insertionPoint.nextSibling;
+        } else if (_this.prepend) {
+          before = _this.container.firstChild;
+        } else {
+          before = _this.before;
+        }
+      } else {
+        before = _this.tags[_this.tags.length - 1].nextSibling;
+      }
+      _this.container.insertBefore(tag, before);
+      _this.tags.push(tag);
+    };
+    this.isSpeedy = options.speedy === void 0 ? true : options.speedy;
+    this.tags = [];
+    this.ctr = 0;
+    this.nonce = options.nonce;
+    this.key = options.key;
+    this.container = options.container;
+    this.prepend = options.prepend;
+    this.insertionPoint = options.insertionPoint;
+    this.before = null;
+  }
+  var _proto = StyleSheet2.prototype;
+  _proto.hydrate = function hydrate(nodes) {
+    nodes.forEach(this._insertTag);
+  };
+  _proto.insert = function insert(rule) {
+    if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) {
+      this._insertTag(createStyleElement(this));
+    }
+    var tag = this.tags[this.tags.length - 1];
+    if (this.isSpeedy) {
+      var sheet = sheetForTag(tag);
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+      }
+    } else {
+      tag.appendChild(document.createTextNode(rule));
+    }
+    this.ctr++;
+  };
+  _proto.flush = function flush() {
+    this.tags.forEach(function(tag) {
+      var _tag$parentNode;
+      return (_tag$parentNode = tag.parentNode) == null ? void 0 : _tag$parentNode.removeChild(tag);
+    });
+    this.tags = [];
+    this.ctr = 0;
+  };
+  return StyleSheet2;
+})();
+var MS = "-ms-";
+var MOZ = "-moz-";
+var WEBKIT = "-webkit-";
+var COMMENT = "comm";
+var RULESET = "rule";
+var DECLARATION = "decl";
+var IMPORT = "@import";
+var KEYFRAMES = "@keyframes";
+var LAYER = "@layer";
+var abs = Math.abs;
+var from = String.fromCharCode;
+var assign = Object.assign;
+function hash(value, length2) {
+  return charat(value, 0) ^ 45 ? (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
+}
+function trim(value) {
+  return value.trim();
+}
+function match(value, pattern) {
+  return (value = pattern.exec(value)) ? value[0] : value;
+}
+function replace(value, pattern, replacement) {
+  return value.replace(pattern, replacement);
+}
+function indexof(value, search) {
+  return value.indexOf(search);
+}
+function charat(value, index) {
+  return value.charCodeAt(index) | 0;
+}
+function substr(value, begin, end) {
+  return value.slice(begin, end);
+}
+function strlen(value) {
+  return value.length;
+}
+function sizeof(value) {
+  return value.length;
+}
+function append(value, array2) {
+  return array2.push(value), value;
+}
+function combine(array2, callback) {
+  return array2.map(callback).join("");
+}
+var line = 1;
+var column = 1;
+var length = 0;
+var position = 0;
+var character = 0;
+var characters = "";
+function node(value, root2, parent, type, props, children, length2) {
+  return { value, root: root2, parent, type, props, children, line, column, length: length2, return: "" };
+}
+function copy(root2, props) {
+  return assign(node("", null, null, "", null, null, 0), root2, { length: -root2.length }, props);
+}
+function char() {
+  return character;
+}
+function prev() {
+  character = position > 0 ? charat(characters, --position) : 0;
+  if (column--, character === 10)
+    column = 1, line--;
+  return character;
+}
+function next() {
+  character = position < length ? charat(characters, position++) : 0;
+  if (column++, character === 10)
+    column = 1, line++;
+  return character;
+}
+function peek() {
+  return charat(characters, position);
+}
+function caret() {
+  return position;
+}
+function slice(begin, end) {
+  return substr(characters, begin, end);
+}
+function token(type) {
+  switch (type) {
+    // \0 \t \n \r \s whitespace token
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    // ! + , / > @ ~ isolate token
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    // ; { } breakpoint token
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    // : accompanied token
+    case 58:
+      return 3;
+    // " ' ( [ opening delimit token
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    // ) ] closing delimit token
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function alloc(value) {
+  return line = column = 1, length = strlen(characters = value), position = 0, [];
+}
+function dealloc(value) {
+  return characters = "", value;
+}
+function delimit(type) {
+  return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
+}
+function whitespace(type) {
+  while (character = peek())
+    if (character < 33)
+      next();
+    else
+      break;
+  return token(type) > 2 || token(character) > 3 ? "" : " ";
+}
+function escaping(index, count) {
+  while (--count && next())
+    if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
+      break;
+  return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
+}
+function delimiter(type) {
+  while (next())
+    switch (character) {
+      // ] ) " '
+      case type:
+        return position;
+      // " '
+      case 34:
+      case 39:
+        if (type !== 34 && type !== 39)
+          delimiter(character);
+        break;
+      // (
+      case 40:
+        if (type === 41)
+          delimiter(type);
+        break;
+      // \
+      case 92:
+        next();
+        break;
+    }
+  return position;
+}
+function commenter(type, index) {
+  while (next())
+    if (type + character === 47 + 10)
+      break;
+    else if (type + character === 42 + 42 && peek() === 47)
+      break;
+  return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
+}
+function identifier(index) {
+  while (!token(peek()))
+    next();
+  return slice(index, position);
+}
+function compile(value) {
+  return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
+}
+function parse(value, root2, parent, rule, rules, rulesets, pseudo, points, declarations) {
+  var index = 0;
+  var offset2 = 0;
+  var length2 = pseudo;
+  var atrule = 0;
+  var property = 0;
+  var previous = 0;
+  var variable = 1;
+  var scanning = 1;
+  var ampersand = 1;
+  var character2 = 0;
+  var type = "";
+  var props = rules;
+  var children = rulesets;
+  var reference = rule;
+  var characters2 = type;
+  while (scanning)
+    switch (previous = character2, character2 = next()) {
+      // (
+      case 40:
+        if (previous != 108 && charat(characters2, length2 - 1) == 58) {
+          if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1)
+            ampersand = -1;
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        characters2 += delimit(character2);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        characters2 += whitespace(previous);
+        break;
+      // \
+      case 92:
+        characters2 += escaping(caret() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (peek()) {
+          case 42:
+          case 47:
+            append(comment(commenter(next(), caret()), root2, parent), declarations);
+            break;
+          default:
+            characters2 += "/";
+        }
+        break;
+      // {
+      case 123 * variable:
+        points[index++] = strlen(characters2) * ampersand;
+      // } ; \0
+      case 125 * variable:
+      case 59:
+      case 0:
+        switch (character2) {
+          // \0 }
+          case 0:
+          case 125:
+            scanning = 0;
+          // ;
+          case 59 + offset2:
+            if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
+            if (property > 0 && strlen(characters2) - length2)
+              append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2), declarations);
+            break;
+          // @ ;
+          case 59:
+            characters2 += ";";
+          // { rule/at-rule
+          default:
+            append(reference = ruleset(characters2, root2, parent, index, offset2, rules, points, type, props = [], children = [], length2), rulesets);
+            if (character2 === 123)
+              if (offset2 === 0)
+                parse(characters2, root2, reference, reference, props, rulesets, length2, points, children);
+              else
+                switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
+                    break;
+                  default:
+                    parse(characters2, reference, reference, reference, [""], children, 0, points, children);
+                }
+        }
+        index = offset2 = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
+        break;
+      // :
+      case 58:
+        length2 = 1 + strlen(characters2), property = previous;
+      default:
+        if (variable < 1) {
+          if (character2 == 123)
+            --variable;
+          else if (character2 == 125 && variable++ == 0 && prev() == 125)
+            continue;
+        }
+        switch (characters2 += from(character2), character2 * variable) {
+          // &
+          case 38:
+            ampersand = offset2 > 0 ? 1 : (characters2 += "\f", -1);
+            break;
+          // ,
+          case 44:
+            points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
+            break;
+          // @
+          case 64:
+            if (peek() === 45)
+              characters2 += delimit(next());
+            atrule = peek(), offset2 = length2 = strlen(type = characters2 += identifier(caret())), character2++;
+            break;
+          // -
+          case 45:
+            if (previous === 45 && strlen(characters2) == 2)
+              variable = 0;
+        }
+    }
+  return rulesets;
+}
+function ruleset(value, root2, parent, index, offset2, rules, points, type, props, children, length2) {
+  var post = offset2 - 1;
+  var rule = offset2 === 0 ? rules : [""];
+  var size = sizeof(rule);
+  for (var i = 0, j = 0, k = 0; i < index; ++i)
+    for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
+      if (z = trim(j > 0 ? rule[x] + " " + y : replace(y, /&\f/g, rule[x])))
+        props[k++] = z;
+  return node(value, root2, parent, offset2 === 0 ? RULESET : type, props, children, length2);
+}
+function comment(value, root2, parent) {
+  return node(value, root2, parent, COMMENT, from(char()), substr(value, 2, -2), 0);
+}
+function declaration(value, root2, parent, length2) {
+  return node(value, root2, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2);
+}
+function serialize(children, callback) {
+  var output = "";
+  var length2 = sizeof(children);
+  for (var i = 0; i < length2; i++)
+    output += callback(children[i], i, children, callback) || "";
+  return output;
+}
+function stringify(element, index, children, callback) {
+  switch (element.type) {
+    case LAYER:
+      if (element.children.length) break;
+    case IMPORT:
+    case DECLARATION:
+      return element.return = element.return || element.value;
+    case COMMENT:
+      return "";
+    case KEYFRAMES:
+      return element.return = element.value + "{" + serialize(element.children, callback) + "}";
+    case RULESET:
+      element.value = element.props.join(",");
+  }
+  return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
+}
+function middleware(collection) {
+  var length2 = sizeof(collection);
+  return function(element, index, children, callback) {
+    var output = "";
+    for (var i = 0; i < length2; i++)
+      output += collection[i](element, index, children, callback) || "";
+    return output;
+  };
+}
+function rulesheet(callback) {
+  return function(element) {
+    if (!element.root) {
+      if (element = element.return)
+        callback(element);
+    }
+  };
+}
+var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
+  var previous = 0;
+  var character2 = 0;
+  while (true) {
+    previous = character2;
+    character2 = peek();
+    if (previous === 38 && character2 === 12) {
+      points[index] = 1;
+    }
+    if (token(character2)) {
+      break;
+    }
+    next();
+  }
+  return slice(begin, position);
+};
+var toRules = function toRules2(parsed, points) {
+  var index = -1;
+  var character2 = 44;
+  do {
+    switch (token(character2)) {
+      case 0:
+        if (character2 === 38 && peek() === 12) {
+          points[index] = 1;
+        }
+        parsed[index] += identifierWithPointTracking(position - 1, points, index);
+        break;
+      case 2:
+        parsed[index] += delimit(character2);
+        break;
+      case 4:
+        if (character2 === 44) {
+          parsed[++index] = peek() === 58 ? "&\f" : "";
+          points[index] = parsed[index].length;
+          break;
+        }
+      // fallthrough
+      default:
+        parsed[index] += from(character2);
+    }
+  } while (character2 = next());
+  return parsed;
+};
+var getRules = function getRules2(value, points) {
+  return dealloc(toRules(alloc(value), points));
+};
+var fixedElements = /* @__PURE__ */ new WeakMap();
+var compat = function compat2(element) {
+  if (element.type !== "rule" || !element.parent || // positive .length indicates that this rule contains pseudo
+  // negative .length indicates that this rule has been already prefixed
+  element.length < 1) {
+    return;
+  }
+  var value = element.value;
+  var parent = element.parent;
+  var isImplicitRule = element.column === parent.column && element.line === parent.line;
+  while (parent.type !== "rule") {
+    parent = parent.parent;
+    if (!parent) return;
+  }
+  if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) {
+    return;
+  }
+  if (isImplicitRule) {
+    return;
+  }
+  fixedElements.set(element, true);
+  var points = [];
+  var rules = getRules(value, points);
+  var parentRules = parent.props;
+  for (var i = 0, k = 0; i < rules.length; i++) {
+    for (var j = 0; j < parentRules.length; j++, k++) {
+      element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
+    }
+  }
+};
+var removeLabel = function removeLabel2(element) {
+  if (element.type === "decl") {
+    var value = element.value;
+    if (
+      // charcode for l
+      value.charCodeAt(0) === 108 && // charcode for b
+      value.charCodeAt(2) === 98
+    ) {
+      element["return"] = "";
+      element.value = "";
+    }
+  }
+};
+function prefix(value, length2) {
+  switch (hash(value, length2)) {
+    // color-adjust
+    case 5103:
+      return WEBKIT + "print-" + value + value;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return WEBKIT + value + value;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return WEBKIT + value + MOZ + value + MS + value + value;
+    // flex, flex-direction
+    case 6828:
+    case 4268:
+      return WEBKIT + value + MS + value + value;
+    // order
+    case 6165:
+      return WEBKIT + value + MS + "flex-" + value + value;
+    // align-items
+    case 5187:
+      return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
+    // align-self
+    case 5443:
+      return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/, "") + value;
+    // align-content
+    case 4675:
+      return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value;
+    // flex-shrink
+    case 5548:
+      return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
+    // flex-basis
+    case 5292:
+      return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
+    // flex-grow
+    case 6060:
+      return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
+    // transition
+    case 4554:
+      return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
+    // cursor
+    case 6187:
+      return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
+    // justify-content
+    case 4968:
+      return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      if (strlen(value) - 1 - length2 > 6) switch (charat(value, length2 + 1)) {
+        // (m)ax-content, (m)in-content
+        case 109:
+          if (charat(value, length2 + 4) !== 45) break;
+        // (f)ill-available, (f)it-content
+        case 102:
+          return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
+        // (s)tretch
+        case 115:
+          return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length2) + value : value;
+      }
+      break;
+    // position: sticky
+    case 4949:
+      if (charat(value, length2 + 1) !== 115) break;
+    // display: (flex|inline-flex)
+    case 6444:
+      switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) {
+        // stic(k)y
+        case 107:
+          return replace(value, ":", ":" + WEBKIT) + value;
+        // (inline-)?fl(e)x
+        case 101:
+          return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
+      }
+      break;
+    // writing-mode
+    case 5936:
+      switch (charat(value, length2 + 11)) {
+        // vertical-l(r)
+        case 114:
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
+        // vertical-r(l)
+        case 108:
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
+        // horizontal(-)tb
+        case 45:
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
+      }
+      return WEBKIT + value + MS + value + value;
+  }
+  return value;
+}
+var prefixer = function prefixer2(element, index, children, callback) {
+  if (element.length > -1) {
+    if (!element["return"]) switch (element.type) {
+      case DECLARATION:
+        element["return"] = prefix(element.value, element.length);
+        break;
+      case KEYFRAMES:
+        return serialize([copy(element, {
+          value: replace(element.value, "@", "@" + WEBKIT)
+        })], callback);
+      case RULESET:
+        if (element.length) return combine(element.props, function(value) {
+          switch (match(value, /(::plac\w+|:read-\w+)/)) {
+            // :read-(only|write)
+            case ":read-only":
+            case ":read-write":
+              return serialize([copy(element, {
+                props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")]
+              })], callback);
+            // :placeholder
+            case "::placeholder":
+              return serialize([copy(element, {
+                props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")]
+              }), copy(element, {
+                props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")]
+              }), copy(element, {
+                props: [replace(value, /:(plac\w+)/, MS + "input-$1")]
+              })], callback);
+          }
+          return "";
+        });
+    }
+  }
+};
+var defaultStylisPlugins = [prefixer];
+var createCache = function createCache2(options) {
+  var key = options.key;
+  if (key === "css") {
+    var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])");
+    Array.prototype.forEach.call(ssrStyles, function(node2) {
+      var dataEmotionAttribute = node2.getAttribute("data-emotion");
+      if (dataEmotionAttribute.indexOf(" ") === -1) {
+        return;
+      }
+      document.head.appendChild(node2);
+      node2.setAttribute("data-s", "");
+    });
+  }
+  var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
+  var inserted = {};
+  var container;
+  var nodesToHydrate = [];
+  {
+    container = options.container || document.head;
+    Array.prototype.forEach.call(
+      // this means we will ignore elements which don't have a space in them which
+      // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
+      document.querySelectorAll('style[data-emotion^="' + key + ' "]'),
+      function(node2) {
+        var attrib = node2.getAttribute("data-emotion").split(" ");
+        for (var i = 1; i < attrib.length; i++) {
+          inserted[attrib[i]] = true;
+        }
+        nodesToHydrate.push(node2);
+      }
+    );
+  }
+  var _insert;
+  var omnipresentPlugins = [compat, removeLabel];
+  {
+    var currentSheet;
+    var finalizingPlugins = [stringify, rulesheet(function(rule) {
+      currentSheet.insert(rule);
+    })];
+    var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
+    var stylis = function stylis2(styles) {
+      return serialize(compile(styles), serializer);
+    };
+    _insert = function insert(selector, serialized, sheet, shouldCache) {
+      currentSheet = sheet;
+      stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
+      if (shouldCache) {
+        cache.inserted[serialized.name] = true;
+      }
+    };
+  }
+  var cache = {
+    key,
+    sheet: new StyleSheet({
+      key,
+      container,
+      nonce: options.nonce,
+      speedy: options.speedy,
+      prepend: options.prepend,
+      insertionPoint: options.insertionPoint
+    }),
+    nonce: options.nonce,
+    inserted,
+    registered: {},
+    insert: _insert
+  };
+  cache.sheet.hydrate(nodesToHydrate);
+  return cache;
+};
+unstable_ClassNameGenerator.configure((componentName) => `sixseconds-modules-${componentName}`);
+function createEmotionCache() {
+  if (typeof document === "undefined") {
+    return createCache({ key: "sixseconds", prepend: true });
+  }
+  let insertionPoint;
+  const metaTag = document.querySelector('meta[name="sixseconds-insertion-point"]');
+  if (metaTag) {
+    insertionPoint = metaTag;
+  }
+  return createCache({
+    key: "sixseconds",
+    prepend: false,
+    // false = append after insertionPoint (keeps order stable)
+    ...insertionPoint ? { insertionPoint } : { prepend: true }
+  });
+}
+function MuiProvider({ children }) {
+  const cacheRef = useRef(createEmotionCache());
+  return /* @__PURE__ */ jsx(CacheProvider, { value: cacheRef.current, children });
+}
 const DangerDialog = ({
   open,
   setInitialState,
@@ -12876,7 +13680,7 @@ const DangerDialog = ({
       fullWidth: false,
       PaperProps: {
         sx: {
-          maxWidth: "400px",
+          minWidth: "400px",
           borderRadius: "12px",
           boxShadow: "0px 4px 20px rgba(0, 0, 0, 0.1)"
         }
@@ -12885,7 +13689,7 @@ const DangerDialog = ({
       open,
       "aria-labelledby": "draggable-dialog-title",
       children: /* @__PURE__ */ jsxs(Box, { sx: { p: 3 }, children: [
-        /* @__PURE__ */ jsxs(Stack$1, { direction: "column", spacing: 2, alignItems: "center", sx: { textAlign: "center", mb: 2 }, children: [
+        /* @__PURE__ */ jsxs(Stack$1, { direction: "column", spacing: 2, alignItems: "flex-start", sx: { textAlign: "start", mb: 2 }, children: [
           /* @__PURE__ */ jsx(ExitToAppTwoToneIcon, { sx: { color: "#d32f2f", fontSize: "48px" } }),
           /* @__PURE__ */ jsx(
             Typography,
@@ -12935,6 +13739,7 @@ const DangerDialog = ({
               sx: {
                 background: "#d32f2f",
                 color: "#fff",
+                width: "100%",
                 textTransform: "capitalize",
                 borderRadius: "8px",
                 fontSize: "14px",
@@ -13307,7 +14112,7 @@ const ProfileStyled = styled("div")(() => ({
     fontSize: "16px",
     color: "#5f6368",
     fontWeight: "400",
-    margin: "3px 3px",
+    // margin: "3px 3px",
     fontFamily: "'IBM Plex Sans', sans-serif"
   },
   "& .recant": {
@@ -13342,184 +14147,215 @@ const ProfileStyled = styled("div")(() => ({
   }
 }));
 function ViewProfileDialog({ userData, setInitialState, isOpen }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     Dialog,
     {
-      fullWidth: false,
-      sx: { "& .MuiPaper-root": { maxWidth: "800px", borderRadius: "12px" } },
+      fullWidth: true,
+      maxWidth: "md",
+      PaperProps: {
+        sx: {
+          borderRadius: "16px",
+          boxShadow: "0px 12px 32px rgba(0,0,0,0.12)"
+        }
+      },
       onClose: () => handleCloseUtil(setInitialState),
       open: isOpen,
-      "aria-labelledby": "draggable-dialog-title",
-      children: [
-        /* @__PURE__ */ jsxs(ProfileStyled, { children: [
-          /* @__PURE__ */ jsx(Box, { sx: { textAlign: "right", padding: "16px 16px 0px 0px" }, children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              onClick: () => setInitialState((p) => ({ ...p, toggles: { ...p.toggles, viewProfile: false } })),
-              disableRipple: false,
-              sx: {
-                background: "#f1f3f4",
-                color: "#5f6368",
-                "&:hover": { background: "#e0e0e0", color: "#1a1c1e" }
-              },
-              children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Box, { sx: { p: 4 }, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, children: [
-            /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, lg: 5, children: [
-              /* @__PURE__ */ jsx(Box, { sx: { textAlign: "center", mb: 3 }, children: /* @__PURE__ */ jsx(
-                Avatar,
-                {
-                  src: userData?.userprofile,
-                  sx: {
-                    width: "160px",
-                    height: "160px",
-                    border: "4px solid #0073b1",
-                    boxShadow: "0px 4px 12px rgba(0,0,0,0.1)",
-                    display: "inline-flex"
-                  }
+      children: /* @__PURE__ */ jsxs(ProfileStyled, { children: [
+        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "flex-end", p: 1.5 }, children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: () => setInitialState((p) => ({ ...p, toggles: { ...p.toggles, viewProfile: false } })),
+            sx: {
+              background: "#f5f5f5",
+              color: "#5f6368",
+              "&:hover": { background: "#eee", color: "#111" }
+            },
+            children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Box, { sx: { px: { xs: 3, sm: 5, md: 6 }, pb: { xs: 5, sm: 6 }, mt: 3 }, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: { xs: 4, md: 6 }, children: [
+          /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, md: 5, lg: 4, children: [
+            /* @__PURE__ */ jsx(Box, { sx: { textAlign: "center", mb: 4 }, children: /* @__PURE__ */ jsx(
+              Avatar,
+              {
+                src: userData?.userprofile,
+                sx: {
+                  width: { xs: 130, sm: 150, md: 170 },
+                  height: { xs: 130, sm: 150, md: 170 },
+                  border: "4px solid #0073b1",
+                  boxShadow: "0px 8px 24px rgba(0, 115, 177, 0.15)",
+                  display: "inline-flex"
                 }
-              ) }),
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsxs(Stack$1, { direction: "column", spacing: 1.5, sx: { fontSize: "14px", color: "#5f6368" }, children: [
-                  Boolean(userData?.certification?.length) && /* @__PURE__ */ jsxs(Stack$1, { direction: "column", spacing: 1, children: [
-                    /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 600, color: "#1a1c1e", fontSize: "14px" }, children: "Certifications" }),
-                    /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: userData?.certification?.map((itm, idx) => /* @__PURE__ */ jsx(Chip, { variant: "outlined", sx: { borderRadius: "6px" }, label: `${itm}` }, idx)) })
-                  ] }),
-                  Boolean(userData?.country) && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1 }, children: [
-                    /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 600, color: "#1a1c1e", minWidth: "80px" }, children: "Location:" }),
-                    /* @__PURE__ */ jsx(Typography, { children: userData?.country })
-                  ] }),
-                  Boolean(userData?.languages?.length) && /* @__PURE__ */ jsxs(Box, { children: [
-                    /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 600, color: "#1a1c1e", mb: 0.5 }, children: "Languages" }),
-                    /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: userData?.languages?.map((itm, idx) => /* @__PURE__ */ jsx(Chip, { size: "small", variant: "outlined", label: `${itm}` }, idx)) })
-                  ] }),
-                  Boolean(userData?.areaOfWork?.length) && /* @__PURE__ */ jsxs(Box, { children: [
-                    /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 600, color: "#1a1c1e", mb: 0.5 }, children: "Areas Of Work" }),
-                    /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: userData?.areaOfWork?.map((itm, idx) => /* @__PURE__ */ jsx(Chip, { size: "small", variant: "outlined", label: `${itm}` }, idx)) })
-                  ] })
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(Stack$1, { spacing: 3.5, sx: { ml: 2 }, children: [
+              /* @__PURE__ */ jsxs(Stack$1, { spacing: 2.5, children: [
+                Boolean(userData?.certification?.length) && /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      sx: {
+                        fontWeight: 700,
+                        color: "#1a1c1e",
+                        mb: 1.5,
+                        fontSize: "14px",
+                        textTransform: "uppercase",
+                        letterSpacing: "0.5px"
+                      },
+                      children: "Certifications"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: userData?.certification?.map((itm, idx) => /* @__PURE__ */ jsx(
+                    Chip,
+                    {
+                      variant: "outlined",
+                      sx: { borderRadius: "6px", height: "30px", fontWeight: 500, borderColor: "#e0e0e0" },
+                      label: itm
+                    },
+                    idx
+                  )) })
                 ] }),
-                /* @__PURE__ */ jsxs(Stack$1, { direction: "row", spacing: 1.5, alignItems: "center", sx: { marginTop: 3 }, children: [
+                Boolean(userData?.country) && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", gap: 1 }, children: [
                   /* @__PURE__ */ jsx(
-                    Button$1,
+                    Typography,
                     {
-                      href: `https://cert.6seconds.org/cert-directory?id=${userData?.certId}`,
-                      LinkComponent: Link,
-                      target: "_blank",
-                      variant: "contained",
-                      disableElevation: true,
                       sx: {
-                        background: "#0073b1",
-                        borderRadius: "8px",
-                        minWidth: "auto",
-                        p: 1.2,
-                        "&:hover": {
-                          backgroundColor: "#005a8b"
-                        }
+                        fontWeight: 700,
+                        color: "#1a1c1e",
+                        fontSize: "14px",
+                        textTransform: "uppercase",
+                        letterSpacing: "0.5px"
                       },
-                      children: /* @__PURE__ */ jsx(ContentCopyIcon, { fontSize: "small" })
+                      children: "Location"
                     }
                   ),
+                  /* @__PURE__ */ jsx(Typography, { sx: { color: "#5f6368", fontSize: "15px" }, children: userData?.country })
+                ] }),
+                Boolean(userData?.languages?.length) && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", gap: 1 }, children: [
                   /* @__PURE__ */ jsx(
-                    Button$1,
+                    Typography,
                     {
-                      variant: "contained",
                       sx: {
-                        backgroundColor: "#0073b1",
-                        borderRadius: "8px",
-                        minWidth: "auto",
-                        p: 1.2,
-                        "&:hover": {
-                          backgroundColor: "#005a8b"
-                        }
+                        fontWeight: 700,
+                        color: "#1a1c1e",
+                        mb: 1,
+                        fontSize: "14px",
+                        textTransform: "uppercase",
+                        letterSpacing: "0.5px"
                       },
-                      disableElevation: true,
-                      LinkComponent: Link,
-                      href: userData?.linkedInUrl || "#",
-                      target: "_blank",
-                      children: /* @__PURE__ */ jsx(LinkedIn, { fontSize: "small" })
+                      children: "Languages"
                     }
                   ),
+                  /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: userData?.languages?.map((itm, idx) => /* @__PURE__ */ jsx(Chip, { size: "small", variant: "outlined", sx: { borderRadius: "4px" }, label: itm }, idx)) })
+                ] }),
+                Boolean(userData?.areaOfWork?.length) && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", justifyContent: "center", gap: 1 }, children: [
                   /* @__PURE__ */ jsx(
-                    Button$1,
+                    Typography,
                     {
-                      variant: "contained",
-                      disableElevation: true,
-                      href: `https://${userData?.certProfileUrl}`,
-                      LinkComponent: Link,
-                      target: "_blank",
                       sx: {
-                        background: "#0073b1",
-                        borderRadius: "8px",
-                        minWidth: "auto",
-                        p: 1.2,
-                        "&:hover": {
-                          backgroundColor: "#005a8b"
-                        }
+                        fontWeight: 700,
+                        color: "#1a1c1e",
+                        mb: 1,
+                        fontSize: "14px",
+                        textTransform: "uppercase",
+                        letterSpacing: "0.5px"
                       },
-                      children: /* @__PURE__ */ jsx(PublicIcon, { fontSize: "small" })
+                      children: "Areas Of Work"
                     }
-                  )
+                  ),
+                  /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: userData?.areaOfWork?.map((itm, idx) => /* @__PURE__ */ jsx(Chip, { size: "small", variant: "outlined", sx: { borderRadius: "4px" }, label: itm }, idx)) })
                 ] })
-              ] })
+              ] }),
+              /* @__PURE__ */ jsx(Stack$1, { direction: "row", spacing: 1.5, justifyContent: { xs: "center", md: "center" }, children: [
+                {
+                  icon: /* @__PURE__ */ jsx(ContentCopyIcon, { sx: { fontSize: "18px" } }),
+                  href: `https://cert.6seconds.org/cert-directory?id=${userData?.certId}`
+                },
+                { icon: /* @__PURE__ */ jsx(LinkedIn, { sx: { fontSize: "20px" } }), href: userData?.linkedInUrl },
+                { icon: /* @__PURE__ */ jsx(PublicIcon, { sx: { fontSize: "18px" } }), href: `https://${userData?.certProfileUrl}` }
+              ].map((btn, i) => /* @__PURE__ */ jsx(
+                Button$1,
+                {
+                  href: btn.href || "#",
+                  LinkComponent: Link,
+                  target: "_blank",
+                  variant: "contained",
+                  disableElevation: true,
+                  sx: {
+                    minWidth: "42px",
+                    width: "42px",
+                    height: "42px",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    background: "#0073b1",
+                    borderRadius: "10px",
+                    transition: "all 0.2s ease",
+                    "&:hover": { background: "#005a8b", transform: "translateY(-2px)" }
+                  },
+                  children: btn.icon
+                },
+                i
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 7, lg: 8, children: /* @__PURE__ */ jsxs(Stack$1, { spacing: 4, children: [
+            /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "h3",
+                  sx: {
+                    fontSize: { xs: "28px", sm: "36px" },
+                    fontWeight: "800",
+                    color: "#1a1c1e",
+                    mb: 2,
+                    fontFamily: "'IBM Plex Sans', sans-serif"
+                  },
+                  children: userData?.fullName
+                }
+              ),
+              /* @__PURE__ */ jsx(Typography, { sx: { color: "#555", fontSize: "16px", lineHeight: "1.8", textAlign: "justify" }, children: userData?.bio })
             ] }),
-            /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, lg: 7, children: [
-              /* @__PURE__ */ jsxs(Stack$1, { direction: "column", spacing: 2, sx: { color: "#5f6368", fontSize: "14px", lineHeight: "1.6" }, children: [
-                /* @__PURE__ */ jsx(
-                  Typography,
-                  {
-                    variant: "h3",
-                    sx: {
-                      fontSize: "28px",
-                      fontWeight: "700",
-                      color: "#1a1c1e",
-                      fontFamily: "'IBM Plex Sans', sans-serif"
-                    },
-                    children: userData?.fullName
-                  }
-                ),
-                /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "15px" }, children: userData?.bio }),
-                /* @__PURE__ */ jsxs(Box, { children: [
-                  Boolean(userData?.title) && /* @__PURE__ */ jsxs(Box, { sx: { mb: 1 }, children: [
-                    /* @__PURE__ */ jsxs(Typography, { component: "span", sx: { fontWeight: 600, color: "#1a1c1e" }, children: [
-                      "Title:",
-                      " "
-                    ] }),
-                    userData?.title
-                  ] }),
-                  Boolean(userData?.company) && /* @__PURE__ */ jsxs(Box, { sx: { mb: 1 }, children: [
-                    /* @__PURE__ */ jsxs(Typography, { component: "span", sx: { fontWeight: 600, color: "#1a1c1e" }, children: [
-                      "Company:",
-                      " "
-                    ] }),
-                    userData?.company
+            /* @__PURE__ */ jsx(
+              Stack$1,
+              {
+                spacing: 1.5,
+                sx: { p: 2.5, background: "#f9fafb", borderRadius: "12px", border: "1px solid #f1f3f4" },
+                children: [
+                  { label: "Title", value: userData?.title },
+                  { label: "Company", value: userData?.company },
+                  { label: "Email", value: userData?.email }
+                ].filter((item) => Boolean(item.value)).map((item, i) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1.5 }, children: [
+                  /* @__PURE__ */ jsxs(Typography, { sx: { fontWeight: 600, color: "#1a1c1e", minWidth: "80px", fontSize: "15px" }, children: [
+                    item.label,
+                    ":"
                   ] }),
-                  Boolean(userData?.email) && /* @__PURE__ */ jsxs(Box, { children: [
-                    /* @__PURE__ */ jsxs(Typography, { component: "span", sx: { fontWeight: 600, color: "#1a1c1e" }, children: [
-                      "Email:",
-                      " "
-                    ] }),
-                    userData?.email
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx(
-                  Box,
-                  {
-                    sx: { mt: 2 },
-                    dangerouslySetInnerHTML: {
-                      __html: userData?.certBio || ""
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx(Divider, { sx: { my: 2 } }),
-                /* @__PURE__ */ jsx(Typography, { variant: "h5", sx: { fontSize: "16px", fontWeight: "500" }, children: "Description" })
-              ] }),
-              /* @__PURE__ */ jsx(Stack$1, { direction: "row", alignItems: "center", flexWrap: "wrap", spacing: 0.5, useFlexGap: true, children: userData?.certOfferToHelp })
+                  /* @__PURE__ */ jsx(Typography, { sx: { color: "#5f6368", fontSize: "15px" }, children: item.value })
+                ] }, i))
+              }
+            ),
+            userData?.certBio && /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  color: "#555",
+                  fontSize: "15.5px",
+                  lineHeight: "1.8",
+                  textAlign: "justify",
+                  "& p": { m: 0, mb: 2 }
+                },
+                dangerouslySetInnerHTML: { __html: userData.certBio }
+              }
+            ),
+            /* @__PURE__ */ jsx(Divider, { sx: { my: 1 } }),
+            /* @__PURE__ */ jsxs(Box, { children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontSize: "18px", fontWeight: "700", mb: 1.5, color: "#1a1c1e" }, children: "Description" }),
+              /* @__PURE__ */ jsx(Typography, { sx: { color: "#5f6368", fontSize: "15.5px", lineHeight: "1.7" }, children: userData?.certOfferToHelp })
             ] })
           ] }) })
-        ] }),
-        " "
-      ]
+        ] }) })
+      ] })
     }
   );
 }
@@ -13555,65 +14391,103 @@ function ChangePasswordDialog({ isOpen, email, t: t2, setInitialState }) {
   return /* @__PURE__ */ jsx(
     Dialog,
     {
-      fullWidth: false,
-      sx: { "& .MuiPaper-root": { maxWidth: "600px", borderRadius: "12px" } },
+      fullWidth: true,
+      maxWidth: "sm",
+      PaperProps: {
+        sx: {
+          borderRadius: "16px",
+          boxShadow: "0px 12px 32px rgba(0,0,0,0.12)"
+        }
+      },
       onClose: () => handleCloseUtil(setInitialState),
       open: isOpen,
-      "aria-labelledby": "draggable-dialog-title",
-      children: /* @__PURE__ */ jsx("form", { onSubmit: formik.handleSubmit, children: /* @__PURE__ */ jsx(ChangePasswordStyled, { children: /* @__PURE__ */ jsxs(Box, { sx: { pr: { xs: 0, lg: 8 }, p: 2 }, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { display: "flex", alignItems: "center", fontWeight: 600, color: "#1a1c1e" }, children: "Change Password" }),
-        /* @__PURE__ */ jsx(
-          Box,
+      children: /* @__PURE__ */ jsx("form", { onSubmit: formik.handleSubmit, children: /* @__PURE__ */ jsxs(ChangePasswordStyled, { children: [
+        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "flex-end", p: 1.5 }, children: /* @__PURE__ */ jsx(
+          IconButton,
           {
+            onClick: () => handleCloseUtil(setInitialState),
             sx: {
-              p: 3,
-              border: "1px solid #e0e0e0",
-              borderRadius: "12px",
-              mt: 2,
-              boxShadow: "0px 2px 4px rgba(0,0,0,0.05)"
+              background: "#f5f5f5",
+              color: "#5f6368",
+              "&:hover": { background: "#eee", color: "#111" }
             },
-            children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
-              /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, lg: 6, children: [
-                /* @__PURE__ */ jsx(
-                  LabeledInput,
-                  {
-                    type: "password",
-                    label: t2("New password"),
-                    fullWidth: true,
-                    size: "small",
-                    ...formik.getFieldProps("newPassword")
-                  }
-                ),
-                /* @__PURE__ */ jsx(ErrorMessage, { formik, fieldName: "newPassword" })
-              ] }),
-              /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, lg: 6, children: [
-                /* @__PURE__ */ jsx(
-                  LabeledInput,
+            children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Box, { sx: { px: { xs: 3, sm: 5 }, pb: { xs: 4, sm: 5 } }, children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "h5",
+              sx: {
+                fontWeight: 700,
+                color: "#1a1c1e",
+                mb: 3,
+                fontFamily: "'IBM Plex Sans', sans-serif",
+                textAlign: "start"
+              },
+              children: t2("Change Password")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              sx: {
+                p: { xs: 2.5, sm: 4 },
+                background: "#fff",
+                border: "1px solid #f1f3f4",
+                borderRadius: "12px",
+                boxShadow: "0px 4px 12px rgba(0,0,0,0.03)"
+              },
+              children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
+                /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+                  /* @__PURE__ */ jsx(
+                    LabeledInput,
+                    {
+                      type: "password",
+                      label: t2("New password"),
+                      fullWidth: true,
+                      ...formik.getFieldProps("newPassword")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(ErrorMessage, { formik, fieldName: "newPassword" })
+                ] }),
+                /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+                  /* @__PURE__ */ jsx(
+                    LabeledInput,
+                    {
+                      type: "password",
+                      fullWidth: true,
+                      label: t2("Confirm new password"),
+                      ...formik.getFieldProps("passwordConfirmation")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(ErrorMessage, { formik, fieldName: "passwordConfirmation" })
+                ] }),
+                /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, mt: 2, children: /* @__PURE__ */ jsx(
+                  Button,
                   {
-                    type: "password",
-                    label: t2("Confirm new password"),
+                    isLoading: formik.isSubmitting,
                     fullWidth: true,
-                    size: "small",
-                    ...formik.getFieldProps("passwordConfirmation")
+                    type: "submit",
+                    disabled: formik.isSubmitting,
+                    btnTitle: t2("Update Password"),
+                    sx: {
+                      py: 1.5,
+                      fontSize: "16px",
+                      fontWeight: 600,
+                      borderRadius: "8px",
+                      background: "#0073b1",
+                      color: "white",
+                      "&:hover": { background: "#005a8b" }
+                    }
                   }
-                ),
-                /* @__PURE__ */ jsx(ErrorMessage, { formik, fieldName: "passwordConfirmation" })
-              ] }),
-              /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, lg: 12, children: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  isLoading: formik.isSubmitting,
-                  className: "invite",
-                  sx: { width: "auto !important" },
-                  type: "submit",
-                  disabled: formik.isSubmitting,
-                  btnTitle: t2("Change Password")
-                }
-              ) })
-            ] })
-          }
-        )
-      ] }) }) })
+                ) })
+              ] })
+            }
+          )
+        ] })
+      ] }) })
     }
   );
 }
@@ -14191,8 +15065,8 @@ const Notification = ({ setInitialState, notificationAccessApps, initialState, t
         return;
       }
       const newNotifications = pager?.data?.map((itm) => transformNotifications(itm));
-      setNotifications((prev) => [...prev, ...newNotifications]);
-      setPage((prev) => prev + 1);
+      setNotifications((prev2) => [...prev2, ...newNotifications]);
+      setPage((prev2) => prev2 + 1);
     }
   };
   return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxs(
@@ -14346,7 +15220,7 @@ const SubHeaderStyled = styled(AppBar)(() => ({
       padding: "8px 0",
       listStyle: "none",
       "& li": {
-        padding: "12px 16px",
+        padding: "2px 16px",
         borderBottom: "1px solid #f1f3f4",
         cursor: "pointer",
         transition: "background 0.2s ease",
@@ -14423,8 +15297,8 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
               {
                 src: userData?.userprofile,
                 sx: {
-                  width: "48px",
-                  height: "48px",
+                  width: "65px",
+                  height: "65px",
                   border: "2px solid #fff",
                   boxShadow: "0px 2px 4px rgba(0,0,0,0.1)"
                 },
@@ -14462,16 +15336,16 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
         extraMenuOptions.isViewProfile && /* @__PURE__ */ jsx(
           Box,
           {
-            component: "li",
-            onClick: () => setInitialState((p) => ({ ...p, toggles: { ...p.toggles, viewProfile: true } })),
             sx: {
               px: 2,
               py: 1.5,
               cursor: "pointer",
               "&:hover": { background: "#f8f9fa", color: "#0073b1" }
             },
+            component: "li",
+            onClick: () => setInitialState((p) => ({ ...p, toggles: { ...p.toggles, viewProfile: true } })),
             children: /* @__PURE__ */ jsxs(Stack$1, { direction: "row", gap: 1.5, alignItems: "center", children: [
-              /* @__PURE__ */ jsx(SVG.CheckedPerson, { style: { width: "18px", height: "18px", color: "inherit" } }),
+              /* @__PURE__ */ jsx(SVG.CheckedPerson, { style: { width: "25px", height: "25px", color: "inherit" } }),
               /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("View Profile") })
             ] })
           }
@@ -14488,7 +15362,7 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
               "&:hover": { background: "#f8f9fa", color: "#0073b1" }
             },
             children: /* @__PURE__ */ jsxs(Stack$1, { direction: "row", gap: 1.5, alignItems: "center", children: [
-              /* @__PURE__ */ jsx(SVG.UserEdit, { style: { width: "18px", height: "18px", color: "inherit" } }),
+              /* @__PURE__ */ jsx(SVG.UserEdit, { style: { width: "25px", height: "25px", color: "inherit" } }),
               /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("Edit Profile") })
             ] })
           }
@@ -14505,7 +15379,7 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
               "&:hover": { background: "#f8f9fa", color: "#0073b1" }
             },
             children: /* @__PURE__ */ jsxs(Stack$1, { direction: "row", gap: 1.5, alignItems: "center", children: [
-              /* @__PURE__ */ jsx(SVG.CheckedPerson, { style: { width: "18px", height: "18px", color: "inherit" } }),
+              /* @__PURE__ */ jsx(SVG.CheckedPerson, { style: { width: "25px", height: "25px", color: "inherit" } }),
               /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("Change Password") })
             ] })
           }
@@ -14526,7 +15400,7 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
               borderTop: "1px solid #f1f3f4"
             },
             children: /* @__PURE__ */ jsxs(Stack$1, { direction: "row", gap: 1.5, alignItems: "center", children: [
-              /* @__PURE__ */ jsx(SVG.Logout, { style: { width: "18px", height: "18px", color: "inherit" } }),
+              /* @__PURE__ */ jsx(SVG.Logout, { style: { width: "25px", height: "25px", color: "inherit" } }),
               /* @__PURE__ */ jsx(Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("Logout") })
             ] })
           }
@@ -14535,7 +15409,7 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
     ] }) })
   ] });
 };
-const Header = ({
+const HeaderInner = ({
   router,
   frontCustomComponent,
   endCustomComponents,
@@ -14557,7 +15431,7 @@ const Header = ({
   handleSideToggle,
   t
 }) => {
-  const isMobile = useMediaQuery("(max-width: 1324px)");
+  const isMobile = useMediaQuery("(max-width: 1324px)", { noSsr: true });
   const [state, setState] = useState({
     languages: [],
     menuData: [],
@@ -14817,6 +15691,7 @@ const Header = ({
     /* @__PURE__ */ jsx(ViewProfileDialog, { isOpen: state.toggles.viewProfile, userData, setInitialState: setState })
   ] });
 };
+const Header = (props) => /* @__PURE__ */ jsx(MuiProvider, { children: /* @__PURE__ */ jsx(HeaderInner, { ...props }) });
 function LabeledInput({
   label,
   sx,
@@ -14858,13 +15733,13 @@ function LabeledInput({
         className: "textInput",
         sx: {
           "& .MuiInputBase-root": {
-            borderRadius: "8px",
+            borderRadius: "20px",
             height: "36px"
           },
           "& input:disabled": {
             borderRadius: "20px"
           },
-          borderRadius: "8px",
+          borderRadius: "20px",
           fontFamily: "Inter, sans-serif",
           "& input:-webkit-autofill": {
             WebkitBoxShadow: "0 0 0 100px white inset",
@@ -15105,7 +15980,7 @@ const ButtonStyled = styled$1("div")(() => ({
 function Button({ isLoading = false, btnTitle, className, disabled = false, ...rest }) {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ButtonStyled, { children: /* @__PURE__ */ jsx(Button$1, { disabled, className: `btn ${className}`, ...rest, size: "small", children: isLoading ? ALERT_MESSAGES.commonLoadingMessage : btnTitle }) }) });
 }
-const PreviousLoginBanner = ({ t: t2, router, sx }) => {
+const PreviousLoginBannerInner = ({ t: t2, router, sx }) => {
   const previousLoginDetails = CookiesUtil.get(STORAGE_VALUES.previousLoginBanner) || {};
   CookiesUtil.set(STORAGE_VALUES.previousLoginBanner, previousLoginDetails);
   const handleAutoLogin = async () => {
@@ -15149,6 +16024,7 @@ const PreviousLoginBanner = ({ t: t2, router, sx }) => {
     }
   );
 };
+const PreviousLoginBanner = (props) => /* @__PURE__ */ jsx(MuiProvider, { children: /* @__PURE__ */ jsx(PreviousLoginBannerInner, { ...props }) });
 const App = () => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -15183,9 +16059,21 @@ const App = () => {
           appName: APP_NAMES.sso,
           appAccess: [
             {
-              name: "Tools",
-              icon: "",
-              link: "https://tools.6seconds.org",
+              name: "Cards sdf dfsfwk",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "ASDfwoj vds Home",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards Homeasdf",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
               type: "app"
             },
             {
@@ -15195,15 +16083,21 @@ const App = () => {
               type: "app"
             },
             {
-              name: "Settings",
-              icon: "/app-icons/Settings.svg",
-              link: "/settings.svg",
+              name: "Cards ",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
               type: "app"
             },
             {
-              name: "Translations",
-              icon: "/translate.svg",
-              link: "/translations",
+              name: "Cards Home",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
+              type: "app"
+            },
+            {
+              name: "Cards Home",
+              icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
+              link: "https://cards.6seconds.org",
               type: "app"
             }
           ],
@@ -15244,56 +16138,7 @@ const App = () => {
         isNotification: true,
         totallyEndCustomComponent: "asdfsdf",
         extraMenuOptions: {
-          components: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Stack$1, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
-              /* @__PURE__ */ jsx(SVG.CheckedPerson, {}),
-              /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  variant: "h4",
-                  sx: {
-                    color: "#1A1919",
-                    fontSize: "16px",
-                    fontWeight: "400",
-                    m: 0
-                  },
-                  children: "extraMenuOptions"
-                }
-              ) })
-            ] }) }),
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Stack$1, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
-              /* @__PURE__ */ jsx(SVG.CheckedPerson, {}),
-              /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  variant: "h4",
-                  sx: {
-                    color: "#1A1919",
-                    fontSize: "16px",
-                    fontWeight: "400",
-                    m: 0
-                  },
-                  children: "extraMenuOptions"
-                }
-              ) })
-            ] }) }),
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Stack$1, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [
-              /* @__PURE__ */ jsx(SVG.CheckedPerson, {}),
-              /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  variant: "h4",
-                  sx: {
-                    color: "#1A1919",
-                    fontSize: "16px",
-                    fontWeight: "400",
-                    m: 0
-                  },
-                  children: "extraMenuOptions"
-                }
-              ) })
-            ] }) })
-          ] }),
+          components: /* @__PURE__ */ jsx(Fragment, {}),
           isViewProfile: true,
           isChangePassword: true,
           isEditProfile: true