Add Max Page width option to display settings

2025-04-05 18:38:44 +02:00 · 2023-09-19 11:21:46 -05:00 · 2023-09-19 11:21:46 -05:00 · 269acaea2a
commit 269acaea2a
parent c242131b95
13 changed files with 287 additions and 234 deletions
--- a/.changeset/ninety-shrimps-run.md
+++ b/.changeset/ninety-shrimps-run.md
@ -0,0 +1,5 @@
+---
+"nostrudel": minor
+---
+
+Add Max Page width option to display settings
--- a/package.json
+++ b/package.json
@ -13,8 +13,8 @@
    "analyze": "npx vite-bundle-visualizer -o ./stats.html"
  },
  "dependencies": {
-    "@chakra-ui/icons": "^2.1.0",
-    "@chakra-ui/react": "^2.8.0",
+    "@chakra-ui/icons": "^2.1.1",
+    "@chakra-ui/react": "^2.8.1",
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@getalby/bitcoin-connect-react": "^1.1.0",
--- a/src/components/layout/index.tsx
+++ b/src/components/layout/index.tsx
@ -1,5 +1,5 @@
 import React from "react";
-import { Container, Flex, useBreakpointValue } from "@chakra-ui/react";
+import { Container, Flex, Spacer, useBreakpointValue } from "@chakra-ui/react";
 import { ErrorBoundary } from "../error-boundary";

 import { ReloadPrompt } from "../reload-prompt";
@ -12,11 +12,23 @@ export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    <>
      <ReloadPrompt mb="2" />
-      <Container size="lg" display="flex" padding="0" alignItems="flex-start">
-        {!isMobile && <DesktopSideNav position="sticky" top="0" />}
-        <Flex flexGrow={1} direction="column" w="full" overflow="hidden" pb={isMobile ? "14" : 0} minH="50vh">
+      <Flex direction={{ base: "column", md: "row" }}>
+        <Spacer display={["none", null, "block"]} />
+        {!isMobile && <DesktopSideNav position="sticky" top="0" flexShrink={0} />}
+        <Container
+          // set base to "md" so that when layout switches to column it is full width
+          size={{ base: "md", md: "md", lg: "lg", xl: "xl", "2xl": "2xl" }}
+          display="flex"
+          flexGrow={1}
+          padding="0"
+          flexDirection="column"
+          mx="0"
+          pb={isMobile ? "14" : 0}
+          minH="50vh"
+          overflow="hidden"
+        >
          <ErrorBoundary>{children}</ErrorBoundary>
-        </Flex>
+        </Container>
        {isMobile && (
          <MobileBottomNav
            position="fixed"
@ -27,7 +39,8 @@ export default function Layout({ children }: { children: React.ReactNode }) {
            zIndex={10}
          />
        )}
-      </Container>
+        <Spacer display={["none", null, "block"]} />
+      </Flex>
    </>
  );
 }
--- a/src/providers/index.tsx
+++ b/src/providers/index.tsx
@ -13,8 +13,11 @@ import { UserContactsUserDirectoryProvider } from "./user-directory-provider";

 // Top level providers, should be render as close to the root as possible
 export const GlobalProviders = ({ children }: { children: React.ReactNode }) => {
-  const { primaryColor } = useAppSettings();
-  const theme = useMemo(() => createTheme(primaryColor), [primaryColor]);
+  const { primaryColor, maxPageWidth } = useAppSettings();
+  const theme = useMemo(
+    () => createTheme(primaryColor, maxPageWidth !== "none" ? maxPageWidth : undefined),
+    [primaryColor, maxPageWidth],
+  );

  return (
    <ChakraProvider theme={theme} colorModeManager={localStorageManager}>
--- a/src/services/settings/app-settings.ts
+++ b/src/services/settings/app-settings.ts
@ -26,7 +26,6 @@ export async function replaceSettings(newSettings: AppSettings) {
    const signed = await signingService.requestSignature(draft, account);
    userAppSettings.receiveEvent(signed);
    const pub = new NostrPublishAction("Update Settings", clientRelaysService.getWriteUrls(), signed);
-    await pub.onComplete;
  }
 }

--- a/src/services/settings/migrations.ts
+++ b/src/services/settings/migrations.ts
@ -25,6 +25,7 @@ export type AppSettingsV0 = {
 export type AppSettingsV1 = Omit<AppSettingsV0, "version"> & {
  version: 1;
  mutedWords?: string;
+  maxPageWidth: "none" | "md" | "lg" | "xl";
 };
 export function isV0(settings: { version: number }): settings is AppSettingsV0 {
  return settings.version === undefined || settings.version === 0;
@ -38,6 +39,7 @@ export type AppSettings = AppSettingsV1;
 export const defaultSettings: AppSettings = {
  version: 1,
  colorMode: "system",
+  maxPageWidth: "none",
  blurImages: true,
  autoShowMedia: true,
  proxyUserMedia: false,
@ -57,7 +59,7 @@ export const defaultSettings: AppSettings = {
 };

 export function upgradeSettings(settings: { version: number }): AppSettings | null {
-  if (isV0(settings)) return { ...settings, version: 1 };
+  if (isV0(settings)) return { ...settings, version: 1, maxPageWidth: "none" };
  if (isV1(settings)) return settings;
  return null;
 }
--- a/src/theme/container.ts
+++ b/src/theme/container.ts
@ -3,13 +3,19 @@ import { defineStyle, defineStyleConfig } from "@chakra-ui/react";
 // define custom sizes
 const sizes = {
  sm: defineStyle({
-    maxW: "10rem",
+    maxW: "30em",
  }),
  md: defineStyle({
-    maxW: "50rem",
+    maxW: "48em",
  }),
  lg: defineStyle({
-    maxW: "100rem",
+    maxW: "62em",
+  }),
+  xl: defineStyle({
+    maxW: "80em",
+  }),
+  "2xl": defineStyle({
+    maxW: "96em",
  }),
 };

--- a/src/theme/index.ts
+++ b/src/theme/index.ts
@ -1,8 +1,10 @@
 import { extendTheme } from "@chakra-ui/react";
 import { containerTheme } from "./container";

-export default function createTheme(primaryColor: string = "#8DB600") {
-  return extendTheme({
+const breakpoints = ["sm", "md", "lg", "xl", "2xl"] as const;
+
+export default function createTheme(primaryColor: string = "#8DB600", maxBreakpoint?: (typeof breakpoints)[number]) {
+  const theme = extendTheme({
    colors: {
      brand: {
        50: primaryColor,
@ -21,4 +23,13 @@ export default function createTheme(primaryColor: string = "#8DB600") {
      Container: containerTheme,
    },
  });
+
+  // if maxBreakpoint is set, set all breakpoints above it to a large number so they are never reached
+  if (maxBreakpoint && breakpoints.includes(maxBreakpoint)) {
+    for (let i = breakpoints.indexOf(maxBreakpoint) + 1; i < breakpoints.length; i++) {
+      theme.breakpoints[breakpoints[i]] = 50000;
+    }
+  }
+
+  return theme;
 }
--- a/src/views/relays/index.tsx
+++ b/src/views/relays/index.tsx
@ -49,7 +49,7 @@ export default function RelaysView() {
          Add Custom
        </Button>
      </Flex>
-      <SimpleGrid columns={[1, 1, 1, 2, 3]} spacing="2">
+      <SimpleGrid columns={{ base: 1, lg: 2, xl: 3 }} spacing="2">
        {filteredRelays.map((url) => (
          <ErrorBoundary>
            <RelayCard key={url} url={url} variant="outline" />
@ -61,7 +61,7 @@ export default function RelaysView() {
        <>
          <Divider />
          <Heading size="lg">Discovered Relays</Heading>
-          <SimpleGrid columns={[1, 1, 1, 2, 3]} spacing="2">
+          <SimpleGrid columns={{ base: 1, lg: 2, xl: 3 }} spacing="2">
            {discoveredRelays.map((url) => (
              <ErrorBoundary>
                <RelayCard key={url} url={url} variant="outline" />
--- a/src/views/settings/display-settings.tsx
+++ b/src/views/settings/display-settings.tsx
@ -54,6 +54,20 @@ export default function DisplaySettings() {
              <span>The primary color of the theme</span>
            </FormHelperText>
          </FormControl>
+          <FormControl>
+            <FormLabel htmlFor="maxPageWidth" mb="0">
+              Max Page width
+            </FormLabel>
+            <Select id="maxPageWidth" {...register("maxPageWidth")}>
+              <option value="none">None</option>
+              <option value="md">Medium (~768px)</option>
+              <option value="lg">Large (~992px)</option>
+              <option value="xl">Extra Large (~1280px)</option>
+            </Select>
+            <FormHelperText>
+              <span>Setting this will restrict the width of app on desktop</span>
+            </FormHelperText>
+          </FormControl>
          <FormControl>
            <Flex alignItems="center">
              <FormLabel htmlFor="blurImages" mb="0">
--- a/src/views/user/about.tsx
+++ b/src/views/user/about.tsx
@ -283,7 +283,7 @@ export default function UserAboutTab() {
          </AccordionItem>
        )}
      </Accordion>
-      <Flex gap="2">
+      <Flex gap="2" wrap="wrap">
        <Button
          as={Link}
          href={`https://nosta.me/${nprofile}`}
--- a/src/views/user/streams.tsx
+++ b/src/views/user/streams.tsx
@ -1,4 +1,4 @@
-import { Flex, SimpleGrid } from "@chakra-ui/react";
+import { SimpleGrid } from "@chakra-ui/react";
 import { useOutletContext } from "react-router-dom";
 import { truncatedId } from "../../helpers/nostr/events";
 import { useAdditionalRelayContext } from "../../providers/additional-relay-context";
--- a/yarn.lock
+++ b/yarn.lock
@ -1064,33 +1064,33 @@
    "@babel/helper-validator-identifier" "^7.22.5"
    to-fast-properties "^2.0.0"

-"@chakra-ui/accordion@2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/accordion/-/accordion-2.3.0.tgz#2c85fd2d2734b176f019f8db9f4e075007b4e1fb"
-  integrity sha512-A4TkRw3Jnt+Fam6dSSJ62rskdrvjF3JGctYcfXlojfFIpHPuIw4pDwfZgNAxlaxWkcj0e7JJKlQ88dnZW+QfFg==
+"@chakra-ui/accordion@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/accordion/-/accordion-2.3.1.tgz#a326509e286a5c4e8478de9bc2b4b05017039e6b"
+  integrity sha512-FSXRm8iClFyU+gVaXisOSEw0/4Q+qZbFRiuhIAkVU6Boj0FxAMrlo9a8AV5TuF77rgaHytCdHk0Ng+cyUijrag==
  dependencies:
    "@chakra-ui/descendant" "3.1.0"
-    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/icon" "3.2.0"
    "@chakra-ui/react-context" "2.1.0"
    "@chakra-ui/react-use-controllable-state" "2.1.0"
    "@chakra-ui/react-use-merge-refs" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"
    "@chakra-ui/transition" "2.1.0"

-"@chakra-ui/alert@2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/alert/-/alert-2.2.0.tgz#b59eadca4f083674dfcd43651b6c47b953c2c984"
-  integrity sha512-De+BT88iYOu3Con7MxQeICb1SwgAdVdgpHIYjTh3qvGlNXAQjs81rhG0fONXvwW1FIYletvr9DY2Tlg8xJe7tQ==
+"@chakra-ui/alert@2.2.1":
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/alert/-/alert-2.2.1.tgz#69f4fae19e4f8204ae1db906784139d416063d04"
+  integrity sha512-GduIqqWCkvID8hxRlKw29Jp3w93r/E9S30J2F8By3ODon9Bhk1o/KVolcPiSiQvRwKNBJCd/rBTpPpLkB+s7pw==
  dependencies:
-    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/icon" "3.2.0"
    "@chakra-ui/react-context" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"
    "@chakra-ui/spinner" "2.1.0"

-"@chakra-ui/anatomy@2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/anatomy/-/anatomy-2.2.0.tgz#788229829f853dcd03314cd7ddd4f19f056ec24e"
-  integrity sha512-cD8Ms5C8+dFda0LrORMdxiFhAZwOIY1BSlCadz6/mHUIgNdQy13AHPrXiq6qWdMslqVHq10k5zH7xMPLt6kjFg==
+"@chakra-ui/anatomy@2.2.1":
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/anatomy/-/anatomy-2.2.1.tgz#f7ef088dcb8be4f1d075f37101830199fb93f763"
+  integrity sha512-bbmyWTGwQo+aHYDMtLIj7k7hcWvwE7GFVDViLFArrrPhfUTDdQTNqhiDp1N7eh2HLyjNhc2MKXV8s2KTQqkmTg==

 "@chakra-ui/avatar@2.3.0":
  version "2.3.0"
@ -1135,12 +1135,12 @@
  dependencies:
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/checkbox@2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/checkbox/-/checkbox-2.3.0.tgz#6a103555100008fcde0b25a4f3f87267dd6ea073"
-  integrity sha512-fX7M5sQK27aFWoj7vqnPkf1Q3AHmML/5dIRYfm7HEIsZXYH2C1CkM6+dijeSWIk6a0mp0r3el6SNDUti2ehH8g==
+"@chakra-ui/checkbox@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/checkbox/-/checkbox-2.3.1.tgz#bde33a655a8f033656378e3e95ae0dc4c8e73864"
+  integrity sha512-e6qL9ntVI/Ui6g0+iljUV2chX86YMsXafldpTHBNYDEoNLjGo1lqLFzq3y6zs3iuB3DHI0X7eAG3REmMVs0A0w==
  dependencies:
-    "@chakra-ui/form-control" "2.1.0"
+    "@chakra-ui/form-control" "2.1.1"
    "@chakra-ui/react-context" "2.1.0"
    "@chakra-ui/react-types" "2.0.7"
    "@chakra-ui/react-use-callback-ref" "2.1.0"
@ -1149,8 +1149,8 @@
    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
    "@chakra-ui/react-use-update-effect" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"
-    "@chakra-ui/visually-hidden" "2.1.0"
-    "@zag-js/focus-visible" "0.10.5"
+    "@chakra-ui/visually-hidden" "2.2.0"
+    "@zag-js/focus-visible" "0.16.0"

 "@chakra-ui/clickable@2.1.0":
  version "2.1.0"
@ -1160,12 +1160,12 @@
    "@chakra-ui/react-use-merge-refs" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/close-button@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/close-button/-/close-button-2.1.0.tgz#5af435a62919793dc713be321eaff1f61749b6d5"
-  integrity sha512-KfJcz6UAaR2dDWSIv6UrCGkZQS54Fjl+DEEVOUTJ7gf4KOP4FQZCkv8hqsAB9FeCtnwU43adq2oaw3aZH/Uzew==
+"@chakra-ui/close-button@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/close-button/-/close-button-2.1.1.tgz#995b245c56eb41465a71d8667840c238618a7b66"
+  integrity sha512-gnpENKOanKexswSVpVz7ojZEALl2x5qjLYNqSQGbxz+aP9sOXPfUS56ebyBrre7T7exuWGiFeRwnM0oVeGPaiw==
  dependencies:
-    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/icon" "3.2.0"

 "@chakra-ui/color-mode@2.2.0":
  version "2.2.0"
@ -1188,10 +1188,10 @@
    "@chakra-ui/react-use-callback-ref" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/css-reset@2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/css-reset/-/css-reset-2.2.0.tgz#7bd8da563941709cd68e2d1cf1e71279bec038ea"
-  integrity sha512-nn7hjquIrPwCzwI4d/Y4wzM5A5xAeswREOfT8gT0Yd+U+Qnw3pPT8NPLbNJ3DvuOfJaCV6/N5ld/6RRTgYF/sQ==
+"@chakra-ui/css-reset@2.3.0":
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/css-reset/-/css-reset-2.3.0.tgz#83e3160a9c2a12431cad0ee27ebfbf3aedc5c9c7"
+  integrity sha512-cQwwBy5O0jzvl0K7PLTLgp8ijqLPKyuEMiDXwYzl95seD3AoeuoCLyzZcJtVqaUZ573PiBdAbY/IlZcwDOItWg==

 "@chakra-ui/descendant@3.1.0":
  version "3.1.0"
@ -1234,40 +1234,40 @@
    "@chakra-ui/dom-utils" "2.1.0"
    react-focus-lock "^2.9.4"

-"@chakra-ui/form-control@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/form-control/-/form-control-2.1.0.tgz#a48ad454428c03daaaf71671925becd02a2c3f66"
-  integrity sha512-3QmWG9v6Rx+JOwJP3Wt89+AWZxK0F1NkVAgXP3WVfE9VDXOKFRV/faLT0GEe2V+l7WZHF5PLdEBvKG8Cgw2mkA==
+"@chakra-ui/form-control@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/form-control/-/form-control-2.1.1.tgz#05b06a52432642ddc7ed795bfe127108d160927d"
+  integrity sha512-LJPDzA1ITc3lhd/iDiINqGeca5bJD09PZAjePGEmmZyLPZZi8nPh/iii0RMxvKyJArsTBwXymCh+dEqK9aDzGQ==
  dependencies:
-    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/icon" "3.2.0"
    "@chakra-ui/react-context" "2.1.0"
    "@chakra-ui/react-types" "2.0.7"
    "@chakra-ui/react-use-merge-refs" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/hooks@2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/hooks/-/hooks-2.2.0.tgz#f779bf85542dacd607abe7e67f4571cf8a1102fa"
-  integrity sha512-GZE64mcr20w+3KbCUPqQJHHmiFnX5Rcp8jS3YntGA4D5X2qU85jka7QkjfBwv/iduZ5Ei0YpCMYGCpi91dhD1Q==
+"@chakra-ui/hooks@2.2.1":
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/hooks/-/hooks-2.2.1.tgz#b86ce5eeaaab877ddcb11a50842d1227306ace28"
+  integrity sha512-RQbTnzl6b1tBjbDPf9zGRo9rf/pQMholsOudTxjy4i9GfTfz6kgp5ValGjQm2z7ng6Z31N1cnjZ1AlSzQ//ZfQ==
  dependencies:
    "@chakra-ui/react-utils" "2.0.12"
    "@chakra-ui/utils" "2.0.15"
-    compute-scroll-into-view "1.0.20"
+    compute-scroll-into-view "3.0.3"
    copy-to-clipboard "3.3.3"

-"@chakra-ui/icon@3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/icon/-/icon-3.1.0.tgz#48312c071b3a0ed20ce807c8bd24d5f3e9cfdb7f"
-  integrity sha512-t6v0lGCXRbwUJycN8A/nDTuLktMP+LRjKbYJnd2oL6Pm2vOl99XwEQ5cAEyEa4XoseYNEgXiLR+2TfvgfNFvcw==
+"@chakra-ui/icon@3.2.0":
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/icon/-/icon-3.2.0.tgz#92b9454aa0d561b4994bcd6a1b3bb1fdd5c67bef"
+  integrity sha512-xxjGLvlX2Ys4H0iHrI16t74rG9EBcpFvJ3Y3B7KMQTrnW34Kf7Da/UC8J67Gtx85mTHW020ml85SVPKORWNNKQ==
  dependencies:
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/icons@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/icons/-/icons-2.1.0.tgz#52677939e02f9d6b902bd2c2931e5f18d3c8b523"
-  integrity sha512-pGFxFfQ/P5VnSRnTzK8zGAJxoxkxpHo/Br9ohRZdOpuhnIHSW7va0P53UoycEO5/vNJ/7BN0oDY0k9qurChcew==
+"@chakra-ui/icons@^2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/icons/-/icons-2.1.1.tgz#58ff0f9e703f2f4f89debd600ce4e438f43f9c9a"
+  integrity sha512-3p30hdo4LlRZTT5CwoAJq3G9fHI0wDc0pBaMHj4SUn0yomO+RcDRlzhdXqdr5cVnzax44sqXJVnf3oQG0eI+4g==
  dependencies:
-    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/icon" "3.2.0"

 "@chakra-ui/image@2.1.0":
  version "2.1.0"
@ -1277,24 +1277,24 @@
    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/input@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/input/-/input-2.1.0.tgz#45a2e2ccdd65dc9f6dee11b6e3043438864bf806"
-  integrity sha512-HItI2vq6vupCuixdzof4sIanGdLlszhDtlR5be5z8Nrda1RkXVqI+9CTJPbNsx2nIKEfwPt01pnT9mozoOSMMw==
+"@chakra-ui/input@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/input/-/input-2.1.1.tgz#c9666bd1efd7763458bec713fb87cc3f365ec15d"
+  integrity sha512-RQYzQ/qcak3eCuCfvSqc1kEFx0sCcnIeiSi7i0r70CeBnAUK/CP1/4Uz849FpKz81K4z2SikC9MkHPQd8ZpOwg==
  dependencies:
-    "@chakra-ui/form-control" "2.1.0"
+    "@chakra-ui/form-control" "2.1.1"
    "@chakra-ui/object-utils" "2.1.0"
    "@chakra-ui/react-children-utils" "2.0.6"
    "@chakra-ui/react-context" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/layout@2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/layout/-/layout-2.3.0.tgz#c53219235db737202006b8b0881b82fedcf3b225"
-  integrity sha512-tp1/Bn+cHn0Q4HWKY62HtOwzhpH1GUA3i5fvs23HEhOEryTps05hyuQVeJ71fLqSs6f1QEIdm+9It+5WCj64vQ==
+"@chakra-ui/layout@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/layout/-/layout-2.3.1.tgz#0601c5eb91555d24a7015a7c9d4e01fed2698557"
+  integrity sha512-nXuZ6WRbq0WdgnRgLw+QuxWAHuhDtVX8ElWqcTK+cSMFg/52eVP47czYBE5F35YhnoW2XBwfNoNgZ7+e8Z01Rg==
  dependencies:
    "@chakra-ui/breakpoint-utils" "2.0.8"
-    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/icon" "3.2.0"
    "@chakra-ui/object-utils" "2.1.0"
    "@chakra-ui/react-children-utils" "2.0.6"
    "@chakra-ui/react-context" "2.1.0"
@ -1319,10 +1319,10 @@
    "@chakra-ui/react-env" "3.1.0"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/menu@2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/menu/-/menu-2.2.0.tgz#ba74b538a3fa3dc46313368ed2878f92b479e6d7"
-  integrity sha512-l7HQjriW4JGeCyxDdguAzekwwB+kHGDLxACi0DJNp37sil51SRaN1S1OrneISbOHVpHuQB+KVNgU0rqhoglVew==
+"@chakra-ui/menu@2.2.1":
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/menu/-/menu-2.2.1.tgz#7d9810d435f6b40fa72ed867a33b88a1ef75073f"
+  integrity sha512-lJS7XEObzJxsOwWQh7yfG4H8FzFPRP5hVPN/CL+JzytEINCSBvsCDHrYPQGp7jzpCi8vnTqQQGQe0f8dwnXd2g==
  dependencies:
    "@chakra-ui/clickable" "2.1.0"
    "@chakra-ui/descendant" "3.1.0"
@ -1340,12 +1340,12 @@
    "@chakra-ui/shared-utils" "2.0.5"
    "@chakra-ui/transition" "2.1.0"

-"@chakra-ui/modal@2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/modal/-/modal-2.3.0.tgz#f7c35bb457c3c4be391c9366f892a5a779af810a"
-  integrity sha512-S1sITrIeLSf21LJ0Vz8xZhj5fWEud5z5Dl2dmvOEv1ezypgOrCCBdOEnnqCkoEKZDbKvzZWZXWR5791ikLP6+g==
+"@chakra-ui/modal@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/modal/-/modal-2.3.1.tgz#524dc32b6b4f545b54ae531dbf6c74e1052ee794"
+  integrity sha512-TQv1ZaiJMZN+rR9DK0snx/OPwmtaGH1HbZtlYt4W4s6CzyK541fxLRTjIXfEzIGpvNW+b6VFuFjbcR78p4DEoQ==
  dependencies:
-    "@chakra-ui/close-button" "2.1.0"
+    "@chakra-ui/close-button" "2.1.1"
    "@chakra-ui/focus-lock" "2.1.0"
    "@chakra-ui/portal" "2.1.0"
    "@chakra-ui/react-context" "2.1.0"
@ -1353,17 +1353,17 @@
    "@chakra-ui/react-use-merge-refs" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"
    "@chakra-ui/transition" "2.1.0"
-    aria-hidden "^1.2.2"
-    react-remove-scroll "^2.5.5"
+    aria-hidden "^1.2.3"
+    react-remove-scroll "^2.5.6"

-"@chakra-ui/number-input@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/number-input/-/number-input-2.1.0.tgz#7812a6602edbed26829a8f7defe8c4f9f175421a"
-  integrity sha512-/gEAzQHhrMA+1rzyCMaN8OkKtUPuER6iA+nloYEYBoT7dH/EoNlRtBkiIQhDp+E4VpgZJ0SK3OVrm9/eBbtHHg==
+"@chakra-ui/number-input@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/number-input/-/number-input-2.1.1.tgz#5308a30e972cd45a017f613996d7d5c1f32bd89f"
+  integrity sha512-B4xwUPyr0NmjGN/dBhOmCD2xjX6OY1pr9GmGH3GQRozMsLAClD3TibwiZetwlyCp02qQqiFwEcZmUxaX88794Q==
  dependencies:
    "@chakra-ui/counter" "2.1.0"
-    "@chakra-ui/form-control" "2.1.0"
-    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/form-control" "2.1.1"
+    "@chakra-ui/icon" "3.2.0"
    "@chakra-ui/react-context" "2.1.0"
    "@chakra-ui/react-types" "2.0.7"
    "@chakra-ui/react-use-callback-ref" "2.1.0"
@ -1396,12 +1396,12 @@
    "@chakra-ui/react-use-merge-refs" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/popover@2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/popover/-/popover-2.2.0.tgz#470c4814447010a1b7db6839fcc3e8983cbabb60"
-  integrity sha512-cTqXdgkU0vgK82AR1nWcC2MJYhEL/y6uTeprvO2+j4o2D0yPrzVMuIZZRl0abrQwiravQyVGEMgA5y0ZLYwbiQ==
+"@chakra-ui/popover@2.2.1":
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/popover/-/popover-2.2.1.tgz#89cfd29817abcd204da570073c0f2b4d8072c3a3"
+  integrity sha512-K+2ai2dD0ljvJnlrzesCDT9mNzLifE3noGKZ3QwLqd/K34Ym1W/0aL1ERSynrcG78NKoXS54SdEzkhCZ4Gn/Zg==
  dependencies:
-    "@chakra-ui/close-button" "2.1.0"
+    "@chakra-ui/close-button" "2.1.1"
    "@chakra-ui/lazy-utils" "2.0.5"
    "@chakra-ui/popper" "3.1.0"
    "@chakra-ui/react-context" "2.1.0"
@ -1437,28 +1437,28 @@
  dependencies:
    "@chakra-ui/react-context" "2.1.0"

-"@chakra-ui/provider@2.4.0":
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/provider/-/provider-2.4.0.tgz#1649e607b7dddd8dd160e624946769a29f67d9a3"
-  integrity sha512-KJ/TNczpY+EStQXa2Y5PZ+senlBHrY7P+RpBgJLBZLGkQUCS3APw5KvCwgpA0COb2M4AZXCjw+rm+Ko7ontlgA==
+"@chakra-ui/provider@2.4.1":
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/provider/-/provider-2.4.1.tgz#0c6c1bab2b50fdf9dfbcbb363df8982988c54d65"
+  integrity sha512-u4g02V9tJ9vVYfkLz5jBn/bKlAyjLdg4Sh3f7uckmYVAZpOL/uUlrStyADrynu3tZhI+BE8XdmXC4zs/SYD7ow==
  dependencies:
-    "@chakra-ui/css-reset" "2.2.0"
+    "@chakra-ui/css-reset" "2.3.0"
    "@chakra-ui/portal" "2.1.0"
    "@chakra-ui/react-env" "3.1.0"
-    "@chakra-ui/system" "2.6.0"
+    "@chakra-ui/system" "2.6.1"
    "@chakra-ui/utils" "2.0.15"

-"@chakra-ui/radio@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/radio/-/radio-2.1.0.tgz#68b2cb4193570369568052cb1254163224a1479c"
-  integrity sha512-WiRlSCqKWgy4m9106w4g77kcLYqBxqGhFRO1pTTJp99rxpM6jNadOeK+moEjqj64N9mSz3njEecMJftKKcOYdg==
+"@chakra-ui/radio@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/radio/-/radio-2.1.1.tgz#399983ce8a1bbc81e7cddfbaf091f54a1645fb7e"
+  integrity sha512-5JXDVvMWsF/Cprh6BKfcTLbLtRcgD6Wl2zwbNU30nmKIE8+WUfqD7JQETV08oWEzhi3Ea4e5EHvyll2sGx8H3w==
  dependencies:
-    "@chakra-ui/form-control" "2.1.0"
+    "@chakra-ui/form-control" "2.1.1"
    "@chakra-ui/react-context" "2.1.0"
    "@chakra-ui/react-types" "2.0.7"
    "@chakra-ui/react-use-merge-refs" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"
-    "@zag-js/focus-visible" "0.10.5"
+    "@zag-js/focus-visible" "0.16.0"

 "@chakra-ui/react-children-utils@2.0.6":
  version "2.0.6"
@ -1602,71 +1602,71 @@
  dependencies:
    "@chakra-ui/utils" "2.0.15"

-"@chakra-ui/react@^2.8.0":
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/react/-/react-2.8.0.tgz#cc76a2448f9bc85f1645a1afb90d5756a5313ac3"
-  integrity sha512-tV82DaqE4fMbLIWq58BYh4Ol3gAlNEn+qYOzx8bPrZudboEDnboq8aVfSBwWOY++MLWz2Nn7CkT69YRm91e5sg==
+"@chakra-ui/react@^2.8.1":
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/react/-/react-2.8.1.tgz#fd80632b0ef34434443d8999d03d297f130aabcf"
+  integrity sha512-UL9Rtj4DovP3+oVbI06gsdfyJJb+wmS2RYnGNXjW9tsjCyXxjlBw9TAUj0jyOfWe0+zd/4juL8+J+QCwmdhptg==
  dependencies:
-    "@chakra-ui/accordion" "2.3.0"
-    "@chakra-ui/alert" "2.2.0"
+    "@chakra-ui/accordion" "2.3.1"
+    "@chakra-ui/alert" "2.2.1"
    "@chakra-ui/avatar" "2.3.0"
    "@chakra-ui/breadcrumb" "2.2.0"
    "@chakra-ui/button" "2.1.0"
    "@chakra-ui/card" "2.2.0"
-    "@chakra-ui/checkbox" "2.3.0"
-    "@chakra-ui/close-button" "2.1.0"
+    "@chakra-ui/checkbox" "2.3.1"
+    "@chakra-ui/close-button" "2.1.1"
    "@chakra-ui/control-box" "2.1.0"
    "@chakra-ui/counter" "2.1.0"
-    "@chakra-ui/css-reset" "2.2.0"
+    "@chakra-ui/css-reset" "2.3.0"
    "@chakra-ui/editable" "3.1.0"
    "@chakra-ui/focus-lock" "2.1.0"
-    "@chakra-ui/form-control" "2.1.0"
-    "@chakra-ui/hooks" "2.2.0"
-    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/form-control" "2.1.1"
+    "@chakra-ui/hooks" "2.2.1"
+    "@chakra-ui/icon" "3.2.0"
    "@chakra-ui/image" "2.1.0"
-    "@chakra-ui/input" "2.1.0"
-    "@chakra-ui/layout" "2.3.0"
+    "@chakra-ui/input" "2.1.1"
+    "@chakra-ui/layout" "2.3.1"
    "@chakra-ui/live-region" "2.1.0"
    "@chakra-ui/media-query" "3.3.0"
-    "@chakra-ui/menu" "2.2.0"
-    "@chakra-ui/modal" "2.3.0"
-    "@chakra-ui/number-input" "2.1.0"
+    "@chakra-ui/menu" "2.2.1"
+    "@chakra-ui/modal" "2.3.1"
+    "@chakra-ui/number-input" "2.1.1"
    "@chakra-ui/pin-input" "2.1.0"
-    "@chakra-ui/popover" "2.2.0"
+    "@chakra-ui/popover" "2.2.1"
    "@chakra-ui/popper" "3.1.0"
    "@chakra-ui/portal" "2.1.0"
    "@chakra-ui/progress" "2.2.0"
-    "@chakra-ui/provider" "2.4.0"
-    "@chakra-ui/radio" "2.1.0"
+    "@chakra-ui/provider" "2.4.1"
+    "@chakra-ui/radio" "2.1.1"
    "@chakra-ui/react-env" "3.1.0"
-    "@chakra-ui/select" "2.1.0"
+    "@chakra-ui/select" "2.1.1"
    "@chakra-ui/skeleton" "2.1.0"
    "@chakra-ui/skip-nav" "2.1.0"
    "@chakra-ui/slider" "2.1.0"
    "@chakra-ui/spinner" "2.1.0"
-    "@chakra-ui/stat" "2.1.0"
-    "@chakra-ui/stepper" "2.3.0"
+    "@chakra-ui/stat" "2.1.1"
+    "@chakra-ui/stepper" "2.3.1"
    "@chakra-ui/styled-system" "2.9.1"
-    "@chakra-ui/switch" "2.1.0"
-    "@chakra-ui/system" "2.6.0"
+    "@chakra-ui/switch" "2.1.1"
+    "@chakra-ui/system" "2.6.1"
    "@chakra-ui/table" "2.1.0"
-    "@chakra-ui/tabs" "2.2.0"
-    "@chakra-ui/tag" "3.1.0"
-    "@chakra-ui/textarea" "2.1.0"
-    "@chakra-ui/theme" "3.2.0"
-    "@chakra-ui/theme-utils" "2.0.19"
-    "@chakra-ui/toast" "7.0.0"
+    "@chakra-ui/tabs" "3.0.0"
+    "@chakra-ui/tag" "3.1.1"
+    "@chakra-ui/textarea" "2.1.1"
+    "@chakra-ui/theme" "3.3.0"
+    "@chakra-ui/theme-utils" "2.0.20"
+    "@chakra-ui/toast" "7.0.1"
    "@chakra-ui/tooltip" "2.3.0"
    "@chakra-ui/transition" "2.1.0"
    "@chakra-ui/utils" "2.0.15"
-    "@chakra-ui/visually-hidden" "2.1.0"
+    "@chakra-ui/visually-hidden" "2.2.0"

-"@chakra-ui/select@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/select/-/select-2.1.0.tgz#4c9a6e881281e77ed35ba7a2e343f235b7e0b2fd"
-  integrity sha512-6GEjCJNOm1pS9E7XRvodoVOuSFl82Jio3MGWgmcQrLznjJAhIZVMq85vCQqzGpjjfbHys/UctfdJY75Ctas/Jg==
+"@chakra-ui/select@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/select/-/select-2.1.1.tgz#0792eeebdb82b1710c4527e7e8e2e07c686c714d"
+  integrity sha512-CERDATncv5w05Zo5/LrFtf1yKp1deyMUyDGv6eZvQG/etyukH4TstsuIHt/0GfNXrCF3CJLZ8lINzpv5wayVjQ==
  dependencies:
-    "@chakra-ui/form-control" "2.1.0"
+    "@chakra-ui/form-control" "2.1.1"
    "@chakra-ui/shared-utils" "2.0.5"

 "@chakra-ui/shared-utils@2.0.5":
@ -1711,21 +1711,21 @@
  dependencies:
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/stat@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/stat/-/stat-2.1.0.tgz#6643b507358e9cacf008387b3f12b75899497369"
-  integrity sha512-sqx0/AdFFZ80dsiM5owmhtQyYl+zON1r+IY0m70I/ABRVy+I3br06xdUhoaxh3tcP7c0O/BQgb+VCfXa9Y34CA==
+"@chakra-ui/stat@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/stat/-/stat-2.1.1.tgz#a204ba915795345996a16c79794d84826d7dcc2d"
+  integrity sha512-LDn0d/LXQNbAn2KaR3F1zivsZCewY4Jsy1qShmfBMKwn6rI8yVlbvu6SiA3OpHS0FhxbsZxQI6HefEoIgtqY6Q==
  dependencies:
-    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/icon" "3.2.0"
    "@chakra-ui/react-context" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/stepper@2.3.0":
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/stepper/-/stepper-2.3.0.tgz#5714df429936839145a62b5c197cff26b872b660"
-  integrity sha512-q80QX/NLrjJQIlBP1N+Q8GVJb7/HiOpMoK1PlP4denB/KxkU2K8GEjss8U2vklR1XsWJy1fwfj03+66Q78Uk/Q==
+"@chakra-ui/stepper@2.3.1":
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/stepper/-/stepper-2.3.1.tgz#a0a0b73e147f202ab4e51cae55dad45489cc89fd"
+  integrity sha512-ky77lZbW60zYkSXhYz7kbItUpAQfEdycT0Q4bkHLxfqbuiGMf8OmgZOQkOB9uM4v0zPwy2HXhe0vq4Dd0xa55Q==
  dependencies:
-    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/icon" "3.2.0"
    "@chakra-ui/react-context" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"

@ -1738,26 +1738,26 @@
    csstype "^3.0.11"
    lodash.mergewith "4.6.2"

-"@chakra-ui/switch@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/switch/-/switch-2.1.0.tgz#750474ef7f0a9854062e692cbbe9f3ed0cfbc4d8"
-  integrity sha512-uWHOaIDQdGh+mszxeppj5aYVepbkSK445KZlJJkfr9Bnr6sythTwM63HSufnVDiTEE4uRqegv9jEjZK2JKA+9A==
+"@chakra-ui/switch@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/switch/-/switch-2.1.1.tgz#8049963e6421cdd5eaaac1d20d9febae8d731b62"
+  integrity sha512-cOHIhW5AlLZSFENxFEBYTBniqiduOowa1WdzslP1Fd0usBFaD5iAgOY1Fvr7xKhE8nmzzeMCkPB3XBvUSWnawQ==
  dependencies:
-    "@chakra-ui/checkbox" "2.3.0"
+    "@chakra-ui/checkbox" "2.3.1"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/system@2.6.0":
-  version "2.6.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/system/-/system-2.6.0.tgz#29f65bb0887ee0816bbb7b4b098ca5aa4918c409"
-  integrity sha512-MgAFRz9V1pW0dplwWsB99hx49LCC+LsrkMala7KXcP0OvWdrkjw+iu+voBksO3626+glzgIwlZW113Eja+7JEQ==
+"@chakra-ui/system@2.6.1":
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/system/-/system-2.6.1.tgz#22ee50ddc9e1f56b974a0dd42d86108391a2f372"
+  integrity sha512-P5Q/XRWy3f1pXJ7IxDkV+Z6AT7GJeR2JlBnQl109xewVQcBLWWMIp702fFMFw8KZ2ALB/aYKtWm5EmQMddC/tg==
  dependencies:
    "@chakra-ui/color-mode" "2.2.0"
    "@chakra-ui/object-utils" "2.1.0"
    "@chakra-ui/react-utils" "2.0.12"
    "@chakra-ui/styled-system" "2.9.1"
-    "@chakra-ui/theme-utils" "2.0.19"
+    "@chakra-ui/theme-utils" "2.0.20"
    "@chakra-ui/utils" "2.0.15"
-    react-fast-compare "3.2.1"
+    react-fast-compare "3.2.2"

 "@chakra-ui/table@2.1.0":
  version "2.1.0"
@ -1767,10 +1767,10 @@
    "@chakra-ui/react-context" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/tabs@2.2.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/tabs/-/tabs-2.2.0.tgz#72b6bf8bff3d3da3effb115991bf24e2157e29d2"
-  integrity sha512-ulN7McHZ322qlbJXg8S+IwdN8Axh8q0HzYBOHzSdcnVphEytfv9TsfJhN0Hx5yjkpekAzG5fewn33ZdIpIpKyQ==
+"@chakra-ui/tabs@3.0.0":
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/tabs/-/tabs-3.0.0.tgz#854c06880af26158d7c72881c4b5e0453f6c485d"
+  integrity sha512-6Mlclp8L9lqXmsGWF5q5gmemZXOiOYuh0SGT/7PgJVNPz3LXREXlXg2an4MBUD8W5oTkduCX+3KTMCwRrVrDYw==
  dependencies:
    "@chakra-ui/clickable" "2.1.0"
    "@chakra-ui/descendant" "3.1.0"
@ -1782,64 +1782,64 @@
    "@chakra-ui/react-use-safe-layout-effect" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/tag@3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/tag/-/tag-3.1.0.tgz#b2c06254e1d5aaaf77ff41e5d2e6548b404cabd7"
-  integrity sha512-Mn2u828z5HvqEBEG+tUJWe3al5tzN87bK2U0QfThx3+zqWbBCWBSCVfnWRtkNh80m+5a1TekexDAPZqu5G8zdw==
+"@chakra-ui/tag@3.1.1":
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/tag/-/tag-3.1.1.tgz#d05284b6549a84d3a08e57eec57df3ad0eebd882"
+  integrity sha512-Bdel79Dv86Hnge2PKOU+t8H28nm/7Y3cKd4Kfk9k3lOpUh4+nkSGe58dhRzht59lEqa4N9waCgQiBdkydjvBXQ==
  dependencies:
-    "@chakra-ui/icon" "3.1.0"
+    "@chakra-ui/icon" "3.2.0"
    "@chakra-ui/react-context" "2.1.0"

-"@chakra-ui/textarea@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/textarea/-/textarea-2.1.0.tgz#d0f157c9a09aea87c372409eead4292bd26999a0"
-  integrity sha512-4F7X/lPRsY+sPxYrWGrhh1pBtdnFvVllIOapzAwnjYwsflm+vf6c+9ZgoDWobXsNezJ9fcqN0FTPwaBnDvDQRQ==
+"@chakra-ui/textarea@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/textarea/-/textarea-2.1.1.tgz#3e33404ff8470140e877840a5702a406996a3834"
+  integrity sha512-28bpwgmXg3BzSpg8i1Ao9h7pHaE1j2mBBFJpWaqPgMhS0IHm0BQsqqyWU6PsxxJDvrC4HN6MTzrIL4C1RA1I0A==
  dependencies:
-    "@chakra-ui/form-control" "2.1.0"
+    "@chakra-ui/form-control" "2.1.1"
    "@chakra-ui/shared-utils" "2.0.5"

-"@chakra-ui/theme-tools@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-tools/-/theme-tools-2.1.0.tgz#ad34f2fdda61305ac96f69ad9ce38ad12f8bfdbf"
-  integrity sha512-TKv4trAY8q8+DWdZrpSabTd3SZtZrnzFDwUdzhbWBhFEDEVR3fAkRTPpnPDtf1X9w1YErWn3QAcMACVFz4+vkw==
+"@chakra-ui/theme-tools@2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-tools/-/theme-tools-2.1.1.tgz#c7f3072ab533d7abc6a3831666be3c172f992554"
+  integrity sha512-n14L5L3ej3Zy+Xm/kDKO1G6/DkmieT7Li1C7NzMRcUj5C9YybQpyo7IZZ0BBUh3u+OVnKVhNC3d4P2NYDGRXmA==
  dependencies:
-    "@chakra-ui/anatomy" "2.2.0"
+    "@chakra-ui/anatomy" "2.2.1"
    "@chakra-ui/shared-utils" "2.0.5"
-    color2k "^2.0.0"
+    color2k "^2.0.2"

-"@chakra-ui/theme-utils@2.0.19":
-  version "2.0.19"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-utils/-/theme-utils-2.0.19.tgz#47e6af43f8ef22403686b779ca1a869ab1b7a5ec"
-  integrity sha512-UQ+KvozTN86+0oA80rdQd1a++4rm4ulo+DEabkgwNpkK3yaWsucOxkDQpi2sMIMvw5X0oaWvNBZJuVyK7HdOXg==
+"@chakra-ui/theme-utils@2.0.20":
+  version "2.0.20"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/theme-utils/-/theme-utils-2.0.20.tgz#fdc4947ac4b95c16ff5885707c9a931c43b80cf6"
+  integrity sha512-IkAzSmwBlRIZ3dN2InDz0tf9SldbckVkgwylCobSFmYP8lnMjykL8Lex1BBo9U8UQjZxEDVZ+Qw6SeayKRntOQ==
  dependencies:
    "@chakra-ui/shared-utils" "2.0.5"
    "@chakra-ui/styled-system" "2.9.1"
-    "@chakra-ui/theme" "3.2.0"
+    "@chakra-ui/theme" "3.3.0"
    lodash.mergewith "4.6.2"

-"@chakra-ui/theme@3.2.0":
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/theme/-/theme-3.2.0.tgz#b8232d770e542895cf82535942a74ad803bb7133"
-  integrity sha512-q9mppdkhmaBnvOT8REr/lVNNBX/prwm50EzObJ+r+ErVhNQDc55gCFmtr+It3xlcCqmOteG6XUdwRCJz8qzOqg==
+"@chakra-ui/theme@3.3.0":
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/theme/-/theme-3.3.0.tgz#7fe364322e75c7bdfa45b96dd3db6dac7eb8f7ef"
+  integrity sha512-VHY2ax5Wqgfm83U/zYBk0GS0TGD8m41s/rxQgnEq8tU+ug1YZjvOZmtOq/VjfKP/bQraFhCt05zchcxXmDpEYg==
  dependencies:
-    "@chakra-ui/anatomy" "2.2.0"
+    "@chakra-ui/anatomy" "2.2.1"
    "@chakra-ui/shared-utils" "2.0.5"
-    "@chakra-ui/theme-tools" "2.1.0"
+    "@chakra-ui/theme-tools" "2.1.1"

-"@chakra-ui/toast@7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/toast/-/toast-7.0.0.tgz#6c6f1b7b8dc458ed0827b2edc47eb7d4075c95dc"
-  integrity sha512-XQgSnn4DYRgfOBzBvh8GI/AZ7SfrO8wlVSmChfp92Nfmqm7tRDUT9x8ws/iNKAvMRHkhl7fmRjJ39ipeXYrMvA==
+"@chakra-ui/toast@7.0.1":
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/toast/-/toast-7.0.1.tgz#11113b9185409ed1dc7a062f0498673f0840a013"
+  integrity sha512-V5JUhw6RZxbGRTijvd5k4iEMLCfbzTLNWbZLZhRZk10YvFfAP5OYfRCm68zpE/t3orN/f+4ZLL3P+Wb4E7oSmw==
  dependencies:
-    "@chakra-ui/alert" "2.2.0"
-    "@chakra-ui/close-button" "2.1.0"
+    "@chakra-ui/alert" "2.2.1"
+    "@chakra-ui/close-button" "2.1.1"
    "@chakra-ui/portal" "2.1.0"
    "@chakra-ui/react-context" "2.1.0"
    "@chakra-ui/react-use-timeout" "2.1.0"
    "@chakra-ui/react-use-update-effect" "2.1.0"
    "@chakra-ui/shared-utils" "2.0.5"
    "@chakra-ui/styled-system" "2.9.1"
-    "@chakra-ui/theme" "3.2.0"
+    "@chakra-ui/theme" "3.3.0"

 "@chakra-ui/tooltip@2.3.0":
  version "2.3.0"
@ -1872,10 +1872,10 @@
    framesync "6.1.2"
    lodash.mergewith "4.6.2"

-"@chakra-ui/visually-hidden@2.1.0":
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/@chakra-ui/visually-hidden/-/visually-hidden-2.1.0.tgz#9ec573964e5a07f8682574a060140d78e9f91c32"
-  integrity sha512-3OHKqTz78PX7V4qto+a5Y6VvH6TbU3Pg6Z0Z2KnDkOBP3Po8fiz0kk+/OSPzIwdcSsQKiocLi0c1pnnUPdMZPg==
+"@chakra-ui/visually-hidden@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@chakra-ui/visually-hidden/-/visually-hidden-2.2.0.tgz#9b0ecef8f01263ab808ba3bda7b36a0d91b4d5c1"
+  integrity sha512-KmKDg01SrQ7VbTD3+cPWf/UfpF5MSwm3v7MWi0n5t8HnnadT13MF0MJCDSXbBWnzLv1ZKJ6zlyAOeARWX+DpjQ==

 "@changesets/apply-release-plan@^6.1.4":
  version "6.1.4"
@ -2807,22 +2807,22 @@
  resolved "https://registry.yarnpkg.com/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz#80224a6919272f405b87913ca13b92929bdf3c4d"
  integrity sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ==

-"@zag-js/dom-query@0.10.5":
-  version "0.10.5"
-  resolved "https://registry.yarnpkg.com/@zag-js/dom-query/-/dom-query-0.10.5.tgz#9fc02a51383989667694d8747925e6d20294af9e"
-  integrity sha512-zm6wA5+kqU48it6afNjaUhjVSixKZruTKB23z0V1xBqKbuiLOMMOZ5oK26cTPSXtZ5CPhDNZ2Qk4pliS5n9SVw==
+"@zag-js/dom-query@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@zag-js/dom-query/-/dom-query-0.16.0.tgz#bca46bcd78f78c900064478646d95f9781ed098e"
+  integrity sha512-Oqhd6+biWyKnhKwFFuZrrf6lxBz2tX2pRQe6grUnYwO6HJ8BcbqZomy2lpOdr+3itlaUqx+Ywj5E5ZZDr/LBfQ==

 "@zag-js/element-size@0.10.5":
  version "0.10.5"
  resolved "https://registry.yarnpkg.com/@zag-js/element-size/-/element-size-0.10.5.tgz#a24bad2eeb7e2c8709e32be5336e158e1a1a174f"
  integrity sha512-uQre5IidULANvVkNOBQ1tfgwTQcGl4hliPSe69Fct1VfYb2Fd0jdAcGzqQgPhfrXFpR62MxLPB7erxJ/ngtL8w==

-"@zag-js/focus-visible@0.10.5":
-  version "0.10.5"
-  resolved "https://registry.yarnpkg.com/@zag-js/focus-visible/-/focus-visible-0.10.5.tgz#643e196ea768bea5ce54771102fae22f5e9ba3c7"
-  integrity sha512-EhDHKLutMtvLFCjBjyIY6h1JoJJNXG3KJz7Dj1sh4tj4LWAqo/TqLvgHyUTB29XMHwoslFHDJHKVWmLGMi+ULQ==
+"@zag-js/focus-visible@0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@zag-js/focus-visible/-/focus-visible-0.16.0.tgz#c9e53e3dbab0f2649d04a489bb379f5800f4f069"
+  integrity sha512-a7U/HSopvQbrDU4GLerpqiMcHKEkQkNPeDZJWz38cw/6Upunh41GjHetq5TB84hxyCaDzJ6q2nEdNoBQfC0FKA==
  dependencies:
-    "@zag-js/dom-query" "0.10.5"
+    "@zag-js/dom-query" "0.16.0"

 "@zxing/library@^0.17.0":
  version "0.17.1"
@ -2909,7 +2909,7 @@ argparse@^1.0.7:
  dependencies:
    sprintf-js "~1.0.2"

-aria-hidden@^1.2.2:
+aria-hidden@^1.2.3:
  version "1.2.3"
  resolved "https://registry.yarnpkg.com/aria-hidden/-/aria-hidden-1.2.3.tgz#14aeb7fb692bbb72d69bebfa47279c1fd725e954"
  integrity sha512-xcLxITLe2HYa1cnYnwCjkOO1PqUHQpozB8x9AR0OgWN2woOBi5kSDVxKfd0b7sb1hw5qFeJhXm9H1nu3xSfLeQ==
@ -3312,7 +3312,7 @@ color-name@~1.1.4:
  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==

-color2k@^2.0.0:
+color2k@^2.0.2:
  version "2.0.2"
  resolved "https://registry.yarnpkg.com/color2k/-/color2k-2.0.2.tgz#ac2b4aea11c822a6bcb70c768b5a289f4fffcebb"
  integrity sha512-kJhwH5nAwb34tmyuqq/lgjEKzlFXn1U99NlnB6Ws4qVaERcRUYeYP1cBw6BJ4vxaWStAUEef4WMr7WjOCnBt8w==
@ -3344,10 +3344,10 @@ common-tags@^1.8.0:
  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
  integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==

-compute-scroll-into-view@1.0.20:
-  version "1.0.20"
-  resolved "https://registry.yarnpkg.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz#1768b5522d1172754f5d0c9b02de3af6be506a43"
-  integrity sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==
+compute-scroll-into-view@3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/compute-scroll-into-view/-/compute-scroll-into-view-3.0.3.tgz#c418900a5c56e2b04b885b54995df164535962b1"
+  integrity sha512-nadqwNxghAGTamwIqQSG433W6OADZx2vCo3UXHNrzTRHK/htu+7+L0zhjEoaeaQVNAi3YgqWDv8+tzf0hRfR+A==

 concat-map@0.0.1:
  version "0.0.1"
@ -5571,10 +5571,10 @@ react-error-boundary@^4.0.11:
  dependencies:
    "@babel/runtime" "^7.12.5"

-react-fast-compare@3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.1.tgz#53933d9e14f364281d6cba24bfed7a4afb808b5f"
-  integrity sha512-xTYf9zFim2pEif/Fw16dBiXpe0hoy5PxcD8+OwBnTtNLfIm3g6WxhKNurY+6OmdH1u6Ta/W/Vl6vjbYP1MFnDg==
+react-fast-compare@3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.2.tgz#929a97a532304ce9fee4bcae44234f1ce2c21d49"
+  integrity sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==

 react-focus-lock@^2.9.4:
  version "2.9.5"
@ -5630,7 +5630,7 @@ react-remove-scroll-bar@^2.3.4:
    react-style-singleton "^2.2.1"
    tslib "^2.0.0"

-react-remove-scroll@^2.5.5:
+react-remove-scroll@^2.5.6:
  version "2.5.6"
  resolved "https://registry.yarnpkg.com/react-remove-scroll/-/react-remove-scroll-2.5.6.tgz#7510b8079e9c7eebe00e65a33daaa3aa29a10336"
  integrity sha512-bO856ad1uDYLefgArk559IzUNeQ6SWH4QnrevIUjH+GczV56giDfl3h0Idptf2oIKxQmd1p9BN25jleKodTALg==