main menu added

app/page.tsx

@@ -17,8 +17,19 @@ export const metadata = {
 export default async function HomePage() {
   return (
     <>
-      <div className="px-12 pb-12">
-        <Image src={Namemark} alt="narai by suginomori brewery" />
+      <div className="invisible absolute right-40 top-12 md:visible">
+        <div className="flex flex-row space-x-0">
+          <span className="px-2 py-4">JP</span>
+          <span className="py-4">/</span>
+          <span className="px-2 py-4">EN</span>
+        </div>
+      </div>
+      <div className="px-6 pb-12 pt-6 md:py-12 md:pl-6">
+        <Image
+          src={Namemark}
+          alt="narai by suginomori brewery"
+          className="max-w-[260px] md:max-w-[600px]"
+        />
       </div>
       <ThreeItemGrid />
       <Suspense>

components/cart/open-cart.tsx

@@ -9,10 +9,10 @@ export default function OpenCart({
   quantity?: number;
 }) {
   return (
-    <div className="relative flex h-11 w-11 items-center justify-center">
+    <div className="group relative flex h-11 w-11 items-center justify-center">
       <ShoppingBagIcon
         className={clsx(
-          'h-10 stroke-current transition-all ease-in-out hover:scale-110',
+          'h-10 stroke-current transition-all ease-in-out group-hover:scale-110',
           className
         )}
         strokeWidth={0.7}

components/icons/close.tsx

@@ -0,0 +1,16 @@
+import clsx from 'clsx';
+
+export default function CloseIcon(props: React.ComponentProps<'svg'>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 24 24"
+      strokeWidth={0.7}
+      stroke="currentColor"
+      className={clsx(props?.className || 'h-10 w-10')}
+    >
+      <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
+    </svg>
+  );
+}

components/icons/logo.tsx

@@ -1,10 +1,12 @@
+import clsx from 'clsx';
+
 export default function LogoIcon(props: React.ComponentProps<'svg'>) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
       fill="none"
       viewBox="0 0 800 543"
-      className="h-10 w-10 fill-current"
+      className={clsx(props?.className || 'h-10 w-10 fill-current')}
     >
       <path
         fillRule="evenodd"

components/icons/menu.tsx

@@ -1,3 +1,5 @@
+import clsx from 'clsx';
+
 export default function MenuIcon(props: React.ComponentProps<'svg'>) {
   return (
     <svg
@@ -6,7 +8,7 @@ export default function MenuIcon(props: React.ComponentProps<'svg'>) {
       viewBox="0 0 24 24"
       strokeWidth={0.7}
       stroke="currentColor"
-      className="h-10 w-10"
+      className={clsx(props?.className || 'h-10 w-10')}
     >
       <path
         strokeLinecap="round"

components/layout/menu/modal.tsx

@@ -0,0 +1,148 @@
+'use client';
+
+import { Dialog, Transition } from '@headlessui/react';
+import CloseIcon from 'components/icons/close';
+import MenuIcon from 'components/icons/menu';
+import Link from 'next/link';
+import { Fragment, useRef, useState } from 'react';
+
+export function MenuModal() {
+  let [isOpen, setIsOpen] = useState(false);
+  let closeButtonRef = useRef(null);
+
+  const close = () => {
+    setIsOpen(false);
+  };
+
+  return (
+    <>
+      <button
+        type="button"
+        onClick={() => setIsOpen(true)}
+        className="transition-all ease-in-out hover:scale-110"
+      >
+        <MenuIcon />
+      </button>
+
+      <Transition show={isOpen} as={Fragment}>
+        <Dialog onClose={() => setIsOpen(false)}>
+          {/*
+          Use one Transition.Child to apply one transition to the backdrop...
+        */}
+          <Transition.Child
+            as={Fragment}
+            enter="ease-out duration-300"
+            enterFrom="opacity-0"
+            enterTo="opacity-100"
+            leave="ease-in duration-200"
+            leaveFrom="opacity-100"
+            leaveTo="opacity-0"
+          >
+            <div className="fixed inset-0 z-20" />
+          </Transition.Child>
+          <Transition.Child as={Fragment}>
+            <button
+              ref={closeButtonRef}
+              onClick={close}
+              className="fixed right-5 top-6 z-40 px-2 py-2 md:top-11"
+            >
+              <CloseIcon className="h-10 w-10 stroke-current transition-opacity duration-150 hover:opacity-50" />
+            </button>
+          </Transition.Child>
+
+          <Transition.Child
+            as={Fragment}
+            enter="ease-out duration-300"
+            enterFrom="opacity-0 scale-95"
+            enterTo="opacity-100 scale-100"
+            leave="ease-in duration-200"
+            leaveFrom="opacity-100 scale-100"
+            leaveTo="opacity-0 scale-95"
+          >
+            <div className="fixed inset-0 z-30 backdrop-blur-sm">
+              <Dialog.Panel>
+                <div className="fixed inset-0 grid grid-cols-1 place-content-center bg-dark/80">
+                  <div className="flex flex-row justify-end">
+                    <div className="flex flex-col space-y-4 px-6 text-right">
+                      <div>
+                        <Link
+                          href="/products"
+                          className="font-serif text-4xl font-normal transition-opacity duration-150 hover:opacity-50"
+                        >
+                          products
+                        </Link>
+                      </div>
+
+                      <div>
+                        <Link
+                          href="/shops"
+                          className="font-serif text-4xl font-normal transition-opacity duration-150 hover:opacity-50"
+                        >
+                          shop list
+                        </Link>
+                      </div>
+
+                      <div>
+                        <Link
+                          href="/about"
+                          className="font-serif text-4xl font-normal transition-opacity duration-150 hover:opacity-50"
+                        >
+                          about narai
+                        </Link>
+                      </div>
+
+                      <div>
+                        <Link
+                          href="/bar"
+                          className="font-serif text-4xl font-normal transition-opacity duration-150 hover:opacity-50"
+                        >
+                          sagyobar
+                        </Link>
+                      </div>
+
+                      <div>
+                        <Link
+                          href="/concept"
+                          className="font-serif text-4xl font-normal transition-opacity duration-150 hover:opacity-50"
+                        >
+                          concept
+                        </Link>
+                      </div>
+
+                      <div>
+                        <Link
+                          href="/stories"
+                          className="font-serif text-4xl font-normal transition-opacity duration-150 hover:opacity-50"
+                        >
+                          stories
+                        </Link>
+                      </div>
+
+                      <div>
+                        <Link
+                          href="/company"
+                          className="font-serif text-4xl font-normal transition-opacity duration-150 hover:opacity-50"
+                        >
+                          company
+                        </Link>
+                      </div>
+
+                      <div>
+                        <Link
+                          href="/contact"
+                          className="font-serif text-4xl font-normal transition-opacity duration-150 hover:opacity-50"
+                        >
+                          contact
+                        </Link>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </Dialog.Panel>
+            </div>
+          </Transition.Child>
+        </Dialog>
+      </Transition>
+    </>
+  );
+}

components/layout/navbar/index.tsx

@@ -1,16 +1,16 @@
 import Cart from 'components/cart';
 import OpenCart from 'components/cart/open-cart';
-import Menu from 'components/menu';
 import { Suspense } from 'react';
+import { MenuModal } from '../menu/modal';
 
 export default async function Navbar() {
   return (
-    <nav className="sticky top-12 z-10">
-      <div className="flex w-full justify-end pr-12">
+    <nav className="fixed right-0 top-6 z-10 md:top-12">
+      <div className="flex justify-end pr-5">
         <Suspense fallback={<OpenCart />}>
-          <div className="flex flex-row items-center justify-center space-x-6">
+          <div className="flex flex-col-reverse items-center justify-center space-y-2 rounded bg-dark/40 px-2 backdrop-blur-sm md:flex-row md:space-x-6">
             <Cart />
-            <Menu />
+            <MenuModal />
           </div>
         </Suspense>
       </div>

components/layout/navbar/language-control.tsx

@@ -0,0 +1,9 @@
+export const LanguageControl = () => {
+  return (
+    <div className="flex flex-row space-x-0">
+      <span className="px-2 py-4">JP</span>
+      <span className="py-4">/</span>
+      <span className="px-2 py-4">EN</span>
+    </div>
+  );
+};

components/menu/index.tsx

@@ -1,11 +0,0 @@
-'use client';
-
-import MenuIcon from 'components/icons/menu';
-
-export default function Menu() {
-  return (
-    <button type="button" onClick={() => console.debug('showmenu')}>
-      <MenuIcon />
-    </button>
-  );
-}

package.json

@@ -28,10 +28,10 @@
     "clsx": "^2.0.0",
     "eslint-plugin-tailwindcss": "^3.13.0",
     "eslint-plugin-unused-imports": "^3.0.0",
-    "next": "13.4.13-canary.15",
+    "next": "latest",
     "prettier-plugin-organize-imports": "^3.2.3",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "react": "latest",
+    "react-dom": "latest"
   },
   "devDependencies": {
     "@tailwindcss/container-queries": "^0.1.1",
@@ -41,7 +41,7 @@
     "@types/react-dom": "18.2.7",
     "autoprefixer": "^10.4.14",
     "eslint": "^8.45.0",
-    "eslint-config-next": "^13.4.12",
+    "eslint-config-next": "latest",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-unicorn": "^48.0.0",
     "lint-staged": "^13.2.3",

yarn.lock

@@ -206,81 +206,81 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/env@npm:13.4.13-canary.15":
-  version: 13.4.13-canary.15
-  resolution: "@next/env@npm:13.4.13-canary.15"
-  checksum: 61ddfe28c242553730bd8ac3de7ef62d210ae55a664159b79d34f848af98eb44606cea17b4f71b6ed4259f60f39741e81bcc75ff47e43dbf858337152cb434e6
+"@next/env@npm:13.4.13":
+  version: 13.4.13
+  resolution: "@next/env@npm:13.4.13"
+  checksum: 94935ff1730de9fe00be238256ad1af3e5da7ae737e6ce5d261404ccc9245f2a18fee24afa7f3b27d7f7d1c16e2715c8eccb70260ab0c0a08e7bbaa95ed36211
   languageName: node
   linkType: hard
 
-"@next/eslint-plugin-next@npm:13.4.12":
-  version: 13.4.12
-  resolution: "@next/eslint-plugin-next@npm:13.4.12"
+"@next/eslint-plugin-next@npm:13.4.13":
+  version: 13.4.13
+  resolution: "@next/eslint-plugin-next@npm:13.4.13"
   dependencies:
     glob: 7.1.7
-  checksum: a20cf430efe7602b819e69d826c33659a9c2cfa7c6162f63d91b607ff6ac9da0e79ff27f38cebd79117500640329bd107521b4874e6a2d009ddafab762885c82
+  checksum: cd1e9c2a2bcda62ac28dc0bb5d19f8d74b31ac85adbd5e101c1c854480bcff3dfc7bc11be12d386898e61f0256e6d8c33022cfcf288a2bd5c4d061ab473c336f
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-arm64@npm:13.4.13-canary.15":
-  version: 13.4.13-canary.15
-  resolution: "@next/swc-darwin-arm64@npm:13.4.13-canary.15"
+"@next/swc-darwin-arm64@npm:13.4.13":
+  version: 13.4.13
+  resolution: "@next/swc-darwin-arm64@npm:13.4.13"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-x64@npm:13.4.13-canary.15":
-  version: 13.4.13-canary.15
-  resolution: "@next/swc-darwin-x64@npm:13.4.13-canary.15"
+"@next/swc-darwin-x64@npm:13.4.13":
+  version: 13.4.13
+  resolution: "@next/swc-darwin-x64@npm:13.4.13"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-gnu@npm:13.4.13-canary.15":
-  version: 13.4.13-canary.15
-  resolution: "@next/swc-linux-arm64-gnu@npm:13.4.13-canary.15"
+"@next/swc-linux-arm64-gnu@npm:13.4.13":
+  version: 13.4.13
+  resolution: "@next/swc-linux-arm64-gnu@npm:13.4.13"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-musl@npm:13.4.13-canary.15":
-  version: 13.4.13-canary.15
-  resolution: "@next/swc-linux-arm64-musl@npm:13.4.13-canary.15"
+"@next/swc-linux-arm64-musl@npm:13.4.13":
+  version: 13.4.13
+  resolution: "@next/swc-linux-arm64-musl@npm:13.4.13"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-gnu@npm:13.4.13-canary.15":
-  version: 13.4.13-canary.15
-  resolution: "@next/swc-linux-x64-gnu@npm:13.4.13-canary.15"
+"@next/swc-linux-x64-gnu@npm:13.4.13":
+  version: 13.4.13
+  resolution: "@next/swc-linux-x64-gnu@npm:13.4.13"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-musl@npm:13.4.13-canary.15":
-  version: 13.4.13-canary.15
-  resolution: "@next/swc-linux-x64-musl@npm:13.4.13-canary.15"
+"@next/swc-linux-x64-musl@npm:13.4.13":
+  version: 13.4.13
+  resolution: "@next/swc-linux-x64-musl@npm:13.4.13"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@next/swc-win32-arm64-msvc@npm:13.4.13-canary.15":
-  version: 13.4.13-canary.15
-  resolution: "@next/swc-win32-arm64-msvc@npm:13.4.13-canary.15"
+"@next/swc-win32-arm64-msvc@npm:13.4.13":
+  version: 13.4.13
+  resolution: "@next/swc-win32-arm64-msvc@npm:13.4.13"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-win32-ia32-msvc@npm:13.4.13-canary.15":
-  version: 13.4.13-canary.15
-  resolution: "@next/swc-win32-ia32-msvc@npm:13.4.13-canary.15"
+"@next/swc-win32-ia32-msvc@npm:13.4.13":
+  version: 13.4.13
+  resolution: "@next/swc-win32-ia32-msvc@npm:13.4.13"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@next/swc-win32-x64-msvc@npm:13.4.13-canary.15":
-  version: 13.4.13-canary.15
-  resolution: "@next/swc-win32-x64-msvc@npm:13.4.13-canary.15"
+"@next/swc-win32-x64-msvc@npm:13.4.13":
+  version: 13.4.13
+  resolution: "@next/swc-win32-x64-msvc@npm:13.4.13"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -454,65 +454,66 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/parser@npm:^5.42.0":
-  version: 5.62.0
-  resolution: "@typescript-eslint/parser@npm:5.62.0"
+"@typescript-eslint/parser@npm:^5.4.2 || ^6.0.0":
+  version: 6.3.0
+  resolution: "@typescript-eslint/parser@npm:6.3.0"
   dependencies:
-    "@typescript-eslint/scope-manager": 5.62.0
-    "@typescript-eslint/types": 5.62.0
-    "@typescript-eslint/typescript-estree": 5.62.0
+    "@typescript-eslint/scope-manager": 6.3.0
+    "@typescript-eslint/types": 6.3.0
+    "@typescript-eslint/typescript-estree": 6.3.0
+    "@typescript-eslint/visitor-keys": 6.3.0
     debug: ^4.3.4
   peerDependencies:
-    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    eslint: ^7.0.0 || ^8.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: d168f4c7f21a7a63f47002e2d319bcbb6173597af5c60c1cf2de046b46c76b4930a093619e69faf2d30214c29ab27b54dcf1efc7046a6a6bd6f37f59a990e752
+  checksum: ec739adbe4a972a696b4a4625dc5c2f5b4e072968decdcafd0a9b972d0167007230951a6450becb52e187b1b90a2858debba26f73162e293f7846b373888b8e9
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:5.62.0":
-  version: 5.62.0
-  resolution: "@typescript-eslint/scope-manager@npm:5.62.0"
+"@typescript-eslint/scope-manager@npm:6.3.0":
+  version: 6.3.0
+  resolution: "@typescript-eslint/scope-manager@npm:6.3.0"
   dependencies:
-    "@typescript-eslint/types": 5.62.0
-    "@typescript-eslint/visitor-keys": 5.62.0
-  checksum: 6062d6b797fe1ce4d275bb0d17204c827494af59b5eaf09d8a78cdd39dadddb31074dded4297aaf5d0f839016d601032857698b0e4516c86a41207de606e9573
+    "@typescript-eslint/types": 6.3.0
+    "@typescript-eslint/visitor-keys": 6.3.0
+  checksum: 1690465f620f2b4517d45516864ef107258b2b608293d72606d0f115e11a8c1416b3d57e1b67f1daa1838f0239f71464aead57fe77c53ebd54b0aeee5fd4cf5e
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:5.62.0":
-  version: 5.62.0
-  resolution: "@typescript-eslint/types@npm:5.62.0"
-  checksum: 48c87117383d1864766486f24de34086155532b070f6264e09d0e6139449270f8a9559cfef3c56d16e3bcfb52d83d42105d61b36743626399c7c2b5e0ac3b670
+"@typescript-eslint/types@npm:6.3.0":
+  version: 6.3.0
+  resolution: "@typescript-eslint/types@npm:6.3.0"
+  checksum: 3c133e4c1b06d009739f1a4387831eb99758ba45b06b6f632fe9cf14c2839fc92dcbdbb6d94ca42c1cb5ab4ca1b31a5ead50a72e0a084b62e4de15255c451160
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:5.62.0":
-  version: 5.62.0
-  resolution: "@typescript-eslint/typescript-estree@npm:5.62.0"
+"@typescript-eslint/typescript-estree@npm:6.3.0":
+  version: 6.3.0
+  resolution: "@typescript-eslint/typescript-estree@npm:6.3.0"
   dependencies:
-    "@typescript-eslint/types": 5.62.0
-    "@typescript-eslint/visitor-keys": 5.62.0
+    "@typescript-eslint/types": 6.3.0
+    "@typescript-eslint/visitor-keys": 6.3.0
     debug: ^4.3.4
     globby: ^11.1.0
     is-glob: ^4.0.3
-    semver: ^7.3.7
-    tsutils: ^3.21.0
+    semver: ^7.5.4
+    ts-api-utils: ^1.0.1
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 3624520abb5807ed8f57b1197e61c7b1ed770c56dfcaca66372d584ff50175225798bccb701f7ef129d62c5989070e1ee3a0aa2d84e56d9524dcf011a2bb1a52
+  checksum: b2bb03411a5d079a9fd3310eec0af3b81a99827569cb3957724071aa54ac6c88449fbd1ebb72d7a356d5994d7e9542b5292a385ca3c3b0bc8049bb61a40a8ae9
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:5.62.0":
-  version: 5.62.0
-  resolution: "@typescript-eslint/visitor-keys@npm:5.62.0"
+"@typescript-eslint/visitor-keys@npm:6.3.0":
+  version: 6.3.0
+  resolution: "@typescript-eslint/visitor-keys@npm:6.3.0"
   dependencies:
-    "@typescript-eslint/types": 5.62.0
-    eslint-visitor-keys: ^3.3.0
-  checksum: 976b05d103fe8335bef5c93ad3f76d781e3ce50329c0243ee0f00c0fcfb186c81df50e64bfdd34970148113f8ade90887f53e3c4938183afba830b4ba8e30a35
+    "@typescript-eslint/types": 6.3.0
+    eslint-visitor-keys: ^3.4.1
+  checksum: fc3148c3284de3f42724736f312a4fd0c3c2029617ae2ea9a84cf6601d31f600ee6563f9288de162028ffffde85b58d92feaafbe75a2da863ff2c4e3a0b5ed8c
   languageName: node
   linkType: hard
 
@@ -1181,19 +1182,19 @@ __metadata:
     autoprefixer: ^10.4.14
     clsx: ^2.0.0
     eslint: ^8.45.0
-    eslint-config-next: ^13.4.12
+    eslint-config-next: latest
     eslint-config-prettier: ^8.8.0
     eslint-plugin-tailwindcss: ^3.13.0
     eslint-plugin-unicorn: ^48.0.0
     eslint-plugin-unused-imports: ^3.0.0
     lint-staged: ^13.2.3
-    next: 13.4.13-canary.15
+    next: latest
     postcss: ^8.4.27
     prettier: 3.0.1
     prettier-plugin-organize-imports: ^3.2.3
     prettier-plugin-tailwindcss: ^0.4.1
-    react: 18.2.0
-    react-dom: 18.2.0
+    react: latest
+    react-dom: latest
     tailwindcss: ^3.3.3
     typescript: 5.1.6
   languageName: unknown
@@ -1545,13 +1546,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-config-next@npm:^13.4.12":
-  version: 13.4.12
-  resolution: "eslint-config-next@npm:13.4.12"
+"eslint-config-next@npm:latest":
+  version: 13.4.13
+  resolution: "eslint-config-next@npm:13.4.13"
   dependencies:
-    "@next/eslint-plugin-next": 13.4.12
+    "@next/eslint-plugin-next": 13.4.13
     "@rushstack/eslint-patch": ^1.1.3
-    "@typescript-eslint/parser": ^5.42.0
+    "@typescript-eslint/parser": ^5.4.2 || ^6.0.0
     eslint-import-resolver-node: ^0.3.6
     eslint-import-resolver-typescript: ^3.5.2
     eslint-plugin-import: ^2.26.0
@@ -1564,7 +1565,7 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 633eccf920d94a1248c089ec08c52245d863b1b45d68be04deff93c0a0d60373c96610d69d005909b2c9beb81b0af7a12a777d03277cd4db60233e99ac8ef281
+  checksum: 992f98cef6b2c00220ee642df82333b03566042a6c9115a57041884fc22284c6f89f2fc2ea30a1355b73dc3e2124047de2cf64cf1bf5ed041d998f436e98a894
   languageName: node
   linkType: hard
 
@@ -3296,20 +3297,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next@npm:13.4.13-canary.15":
-  version: 13.4.13-canary.15
-  resolution: "next@npm:13.4.13-canary.15"
+"next@npm:latest":
+  version: 13.4.13
+  resolution: "next@npm:13.4.13"
   dependencies:
-    "@next/env": 13.4.13-canary.15
-    "@next/swc-darwin-arm64": 13.4.13-canary.15
-    "@next/swc-darwin-x64": 13.4.13-canary.15
-    "@next/swc-linux-arm64-gnu": 13.4.13-canary.15
-    "@next/swc-linux-arm64-musl": 13.4.13-canary.15
-    "@next/swc-linux-x64-gnu": 13.4.13-canary.15
-    "@next/swc-linux-x64-musl": 13.4.13-canary.15
-    "@next/swc-win32-arm64-msvc": 13.4.13-canary.15
-    "@next/swc-win32-ia32-msvc": 13.4.13-canary.15
-    "@next/swc-win32-x64-msvc": 13.4.13-canary.15
+    "@next/env": 13.4.13
+    "@next/swc-darwin-arm64": 13.4.13
+    "@next/swc-darwin-x64": 13.4.13
+    "@next/swc-linux-arm64-gnu": 13.4.13
+    "@next/swc-linux-arm64-musl": 13.4.13
+    "@next/swc-linux-x64-gnu": 13.4.13
+    "@next/swc-linux-x64-musl": 13.4.13
+    "@next/swc-win32-arm64-msvc": 13.4.13
+    "@next/swc-win32-ia32-msvc": 13.4.13
+    "@next/swc-win32-x64-msvc": 13.4.13
     "@swc/helpers": 0.5.1
     busboy: 1.6.0
     caniuse-lite: ^1.0.30001406
@@ -3348,7 +3349,7 @@ __metadata:
       optional: true
   bin:
     next: dist/bin/next
-  checksum: fe7ebc375247fea731f4693908e27bf5aa97e56999b8455952aa2084e12db8e1dfab384787783c4dfe0448e46defa623aded66b4aa4348dde1343a96be381e94
+  checksum: 49c161ffafa0f63ee07d37720431aa92dd95b1f593519d729116904b1d61e8fd2b51ed97546f9ac4406132f74198010277022948fa27cac1c82571abeba2a6cd
   languageName: node
   linkType: hard
 
@@ -3989,7 +3990,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-dom@npm:18.2.0":
+"react-dom@npm:latest":
   version: 18.2.0
   resolution: "react-dom@npm:18.2.0"
   dependencies:
@@ -4008,7 +4009,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react@npm:18.2.0":
+"react@npm:latest":
   version: 18.2.0
   resolution: "react@npm:18.2.0"
   dependencies:
@@ -4306,7 +4307,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.4":
+"semver@npm:^7.3.5, semver@npm:^7.5.4":
   version: 7.5.4
   resolution: "semver@npm:7.5.4"
   dependencies:
@@ -4809,6 +4810,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ts-api-utils@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "ts-api-utils@npm:1.0.1"
+  peerDependencies:
+    typescript: ">=4.2.0"
+  checksum: 78794fc7270d295b36c1ac613465b5dc7e7226907a533125b30f177efef9dd630d4e503b00be31b44335eb2ebf9e136ebe97353f8fc5d383885d5fead9d54c09
+  languageName: node
+  linkType: hard
+
 "ts-interface-checker@npm:^0.1.9":
   version: 0.1.13
   resolution: "ts-interface-checker@npm:0.1.13"
@@ -4828,13 +4838,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^1.8.1":
-  version: 1.14.1
-  resolution: "tslib@npm:1.14.1"
-  checksum: dbe628ef87f66691d5d2959b3e41b9ca0045c3ee3c7c7b906cc1e328b39f199bb1ad9e671c39025bd56122ac57dfbf7385a94843b1cc07c60a4db74795829acd
-  languageName: node
-  linkType: hard
-
 "tslib@npm:^2.1.0, tslib@npm:^2.4.0, tslib@npm:^2.5.0, tslib@npm:^2.6.0":
   version: 2.6.1
   resolution: "tslib@npm:2.6.1"
@@ -4842,17 +4845,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tsutils@npm:^3.21.0":
-  version: 3.21.0
-  resolution: "tsutils@npm:3.21.0"
-  dependencies:
-    tslib: ^1.8.1
-  peerDependencies:
-    typescript: ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-  checksum: 1843f4c1b2e0f975e08c4c21caa4af4f7f65a12ac1b81b3b8489366826259323feb3fc7a243123453d2d1a02314205a7634e048d4a8009921da19f99755cdc48
-  languageName: node
-  linkType: hard
-
 "type-check@npm:^0.4.0, type-check@npm:~0.4.0":
   version: 0.4.0
   resolution: "type-check@npm:0.4.0"