chore: context menu to download svg (#207)

* chore: context menu to download svg

* fix: file path name

* fix: og image title

apps/web/package.json

···
     "@radix-ui/react-alert-dialog": "1.0.4",
     "@radix-ui/react-avatar": "^1.0.3",
     "@radix-ui/react-checkbox": "1.0.4",
+    "@radix-ui/react-context-menu": "^2.1.4",
     "@radix-ui/react-dialog": "1.0.4",
     "@radix-ui/react-dropdown-menu": "2.0.5",
     "@radix-ui/react-hover-card": "1.0.6",

apps/web/public/assets/logos/OpenStatus.svg

···
+<svg width="171" height="30" viewBox="0 0 171 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.48 23.416C10.304 23.416 8.32 22.904 6.528 21.88C4.75733 20.8347 3.36 19.4267 2.336 17.656C1.312 15.8853 0.8 13.944 0.8 11.832C0.8 9.72 1.312 7.77867 2.336 6.008C3.36 4.216 4.75733 2.79733 6.528 1.752C8.32 0.706665 10.304 0.183998 12.48 0.183998C14.656 0.183998 16.6293 0.706665 18.4 1.752C20.1707 2.79733 21.5573 4.216 22.56 6.008C23.584 7.77867 24.096 9.72 24.096 11.832C24.096 13.944 23.584 15.8853 22.56 17.656C21.5573 19.4267 20.1707 20.8347 18.4 21.88C16.6293 22.904 14.656 23.416 12.48 23.416ZM5.44 11.832C5.44 13.1973 5.728 14.4453 6.304 15.576C6.88 16.7067 7.70133 17.6027 8.768 18.264C9.83467 18.9253 11.072 19.256 12.48 19.256C13.888 19.256 15.1147 18.9253 16.16 18.264C17.2267 17.6027 18.0373 16.7067 18.592 15.576C19.168 14.4453 19.456 13.1973 19.456 11.832C19.456 10.4667 19.168 9.21867 18.592 8.088C18.0373 6.936 17.2267 6.02933 16.16 5.368C15.1147 4.68533 13.888 4.344 12.48 4.344C11.072 4.344 9.83467 4.68533 8.768 5.368C7.70133 6.02933 6.88 6.936 6.304 8.088C5.728 9.21867 5.44 10.4667 5.44 11.832ZM26.3425 6.36H30.5985V9.048C31.0892 8.06667 31.7505 7.32 32.5825 6.808C33.4145 6.27467 34.5238 6.008 35.9105 6.008C37.4038 6.008 38.7798 6.40267 40.0385 7.192C41.2972 7.98133 42.2892 9.048 43.0145 10.392C43.7612 11.7147 44.1345 13.1653 44.1345 14.744C44.1345 16.3227 43.7612 17.7733 43.0145 19.096C42.2892 20.4187 41.2972 21.4747 40.0385 22.264C38.7798 23.032 37.4038 23.416 35.9105 23.416C34.5665 23.416 33.4678 23.1707 32.6145 22.68C31.7825 22.168 31.1318 21.4533 30.6625 20.536V29.4H26.3425V6.36ZM30.5345 14.744C30.5345 15.6187 30.7265 16.4187 31.1105 17.144C31.4945 17.8693 32.0385 18.4453 32.7425 18.872C33.4678 19.2987 34.2892 19.512 35.2065 19.512C36.1025 19.512 36.8918 19.2987 37.5745 18.872C38.2785 18.424 38.8225 17.8373 39.2065 17.112C39.6118 16.3653 39.8145 15.5653 39.8145 14.712C39.8145 13.8373 39.6225 13.0373 39.2385 12.312C38.8545 11.5867 38.3105 11.0107 37.6065 10.584C36.9025 10.136 36.1025 9.912 35.2065 9.912C34.2892 9.912 33.4678 10.136 32.7425 10.584C32.0385 11.0107 31.4945 11.5973 31.1105 12.344C30.7265 13.0693 30.5345 13.8693 30.5345 14.744ZM53.873 23.416C52.1877 23.416 50.6943 23.032 49.393 22.264C48.0917 21.4747 47.0783 20.4187 46.353 19.096C45.6277 17.7733 45.265 16.312 45.265 14.712C45.265 13.1333 45.6383 11.672 46.385 10.328C47.1317 8.984 48.1557 7.91733 49.457 7.128C50.7797 6.33867 52.2517 5.944 53.873 5.944C55.4943 5.944 56.945 6.33867 58.225 7.128C59.5263 7.91733 60.529 8.984 61.233 10.328C61.9583 11.6507 62.321 13.112 62.321 14.712C62.321 15.2453 62.2783 15.7573 62.193 16.248H49.745C50.001 17.2507 50.481 18.0613 51.185 18.68C51.9103 19.2773 52.8063 19.576 53.873 19.576C54.769 19.576 55.569 19.3733 56.273 18.968C56.977 18.5413 57.5317 17.9973 57.937 17.336L61.297 19.864C60.6143 20.9307 59.6117 21.7947 58.289 22.456C56.9663 23.096 55.4943 23.416 53.873 23.416ZM57.969 13.016C57.713 12.056 57.2117 11.256 56.465 10.616C55.7183 9.976 54.833 9.656 53.809 9.656C52.8063 9.656 51.9317 9.96533 51.185 10.584C50.4597 11.2027 49.9797 12.0133 49.745 13.016H57.969ZM64.2175 6.36H68.4735V8.792C69.3482 6.91467 71.0442 5.976 73.5615 5.976C74.7562 5.976 75.8335 6.264 76.7935 6.84C77.7535 7.39467 78.5108 8.19467 79.0655 9.24C79.6202 10.264 79.8975 11.4587 79.8975 12.824V23H75.5775V13.88C75.5775 12.4933 75.2575 11.4587 74.6175 10.776C73.9775 10.0933 73.1028 9.752 71.9935 9.752C71.0122 9.752 70.1908 10.104 69.5295 10.808C68.8682 11.4907 68.5375 12.5147 68.5375 13.88V23H64.2175V6.36ZM89.9273 23.416C88.0713 23.416 86.4073 23.032 84.9353 22.264C83.4846 21.4747 82.2899 20.248 81.3513 18.584L85.2233 16.12C85.7779 17.2293 86.4819 18.0613 87.3353 18.616C88.2099 19.1493 89.1593 19.416 90.1833 19.416C91.2073 19.416 92.0179 19.1813 92.6153 18.712C93.2339 18.2427 93.5433 17.624 93.5433 16.856C93.5433 16.152 93.3193 15.576 92.8713 15.128C92.4233 14.68 91.8473 14.328 91.1433 14.072C90.4606 13.7947 89.5539 13.5067 88.4233 13.208C86.6313 12.7387 85.2339 11.9813 84.2313 10.936C83.2499 9.89067 82.7593 8.54667 82.7593 6.904C82.7593 5.58133 83.0899 4.41867 83.7513 3.416C84.4126 2.392 85.3406 1.60267 86.5353 1.048C87.7299 0.493333 89.1059 0.216 90.6633 0.216C92.3486 0.216 93.7779 0.568 94.9513 1.272C96.1459 1.976 97.1806 3.01067 98.0553 4.376L94.2153 6.744C93.6606 5.848 93.0953 5.208 92.5193 4.824C91.9433 4.41867 91.2499 4.216 90.4392 4.216C89.5219 4.216 88.7753 4.44 88.1993 4.888C87.6233 5.336 87.3353 5.93333 87.3353 6.68C87.3353 7.42667 87.6233 7.992 88.1993 8.376C88.7753 8.73867 89.6713 9.112 90.8873 9.496C92.3806 9.96533 93.5753 10.4027 94.4713 10.808C95.3673 11.2133 96.1993 11.896 96.9673 12.856C97.7353 13.7947 98.1193 15.0427 98.1193 16.6C98.1193 17.944 97.7886 19.1387 97.1273 20.184C96.4659 21.208 95.5166 22.008 94.2793 22.584C93.0419 23.1387 91.5913 23.416 89.9273 23.416ZM106.084 23C104.399 23 103.129 22.584 102.276 21.752C101.423 20.92 100.996 19.6187 100.996 17.848V10.04H98.66V6.36H100.996V3L105.316 2.552V6.36H108.836V10.04H105.316V17.624C105.316 18.648 105.764 19.16 106.66 19.16H108.452V23H106.084ZM117.427 23.416C115.933 23.416 114.557 23.032 113.299 22.264C112.04 21.4747 111.037 20.4187 110.291 19.096C109.565 17.7733 109.203 16.3227 109.203 14.744C109.203 13.1653 109.565 11.7147 110.291 10.392C111.037 9.048 112.04 7.98133 113.299 7.192C114.557 6.40267 115.933 6.008 117.427 6.008C118.792 6.008 119.891 6.264 120.723 6.776C121.576 7.288 122.237 8.024 122.707 8.984V6.36H126.995V23H122.803V20.28C122.312 21.2827 121.64 22.0613 120.787 22.616C119.955 23.1493 118.835 23.416 117.427 23.416ZM113.523 14.712C113.523 15.5653 113.715 16.3653 114.099 17.112C114.504 17.8373 115.048 18.424 115.731 18.872C116.435 19.2987 117.235 19.512 118.131 19.512C119.048 19.512 119.859 19.2987 120.563 18.872C121.288 18.4453 121.843 17.8693 122.227 17.144C122.611 16.4187 122.803 15.6187 122.803 14.744C122.803 13.8693 122.611 13.0693 122.227 12.344C121.843 11.5973 121.288 11.0107 120.563 10.584C119.859 10.136 119.048 9.912 118.131 9.912C117.235 9.912 116.435 10.136 115.731 10.584C115.027 11.0107 114.483 11.5867 114.099 12.312C113.715 13.0373 113.523 13.8373 113.523 14.712ZM135.865 23C134.18 23 132.911 22.584 132.057 21.752C131.204 20.92 130.777 19.6187 130.777 17.848V10.04H128.441V6.36H130.777V3L135.097 2.552V6.36H138.617V10.04H135.097V17.624C135.097 18.648 135.545 19.16 136.441 19.16H138.233V23H135.865ZM146.237 23.384C145.043 23.384 143.965 23.1067 143.005 22.552C142.045 21.976 141.288 21.176 140.733 20.152C140.179 19.1067 139.901 17.9013 139.901 16.536V6.36H144.221V15.48C144.221 18.232 145.331 19.608 147.549 19.608C148.531 19.608 149.352 19.2667 150.013 18.584C150.675 17.88 151.005 16.8453 151.005 15.48V6.36H155.325V23H151.133V20.504C150.728 21.4853 150.131 22.2107 149.341 22.68C148.552 23.1493 147.517 23.384 146.237 23.384ZM163.57 23.416C160.775 23.416 158.471 22.4453 156.658 20.504L159.57 17.848C160.786 19.2133 162.087 19.896 163.474 19.896C164.199 19.896 164.764 19.736 165.17 19.416C165.575 19.096 165.778 18.68 165.778 18.168C165.778 17.6987 165.575 17.336 165.17 17.08C164.786 16.8027 163.975 16.5147 162.738 16.216C160.711 15.7253 159.346 15.0533 158.642 14.2C157.959 13.3467 157.618 12.2907 157.618 11.032C157.618 9.53867 158.172 8.32267 159.282 7.384C160.391 6.424 161.906 5.944 163.826 5.944C165.212 5.944 166.375 6.15733 167.314 6.584C168.274 7.01067 169.17 7.75733 170.002 8.824L166.866 11.224C166.119 10.0293 165.138 9.432 163.922 9.432C163.303 9.432 162.802 9.56 162.418 9.816C162.034 10.0507 161.842 10.4133 161.842 10.904C161.842 11.2453 161.98 11.544 162.258 11.8C162.556 12.0347 163.164 12.2693 164.082 12.504C166.364 13.1013 167.922 13.8373 168.754 14.712C169.607 15.5867 170.034 16.696 170.034 18.04C170.034 19.0427 169.746 19.96 169.17 20.792C168.615 21.6027 167.847 22.2427 166.866 22.712C165.884 23.1813 164.786 23.416 163.57 23.416Z" fill="black"/>
+</svg>

apps/web/src/app/api/og/post/route.tsx

···
   height: 630,
 };
 
-const TITLE = "Open Status";
+const TITLE = "OpenStatus";
 const DESCRIPTION = "An Open Source Alternative for your next Status Page";
 
 const interRegular = fetch(

apps/web/src/app/api/og/route.tsx

···
   height: 630,
 };
 
-const TITLE = "Open Status";
+const TITLE = "OpenStatus";
 const DESCRIPTION = "An Open Source Alternative for your next Status Page";
 const LIMIT = 40;
 

apps/web/src/components/layout/brand-name.tsx

···
+import * as React from "react";
+import Link from "next/link";
+
+import {
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuTrigger,
+} from "@/components/ui/context-menu";
+
+export function BrandName() {
+  return (
+    <ContextMenu>
+      <ContextMenuTrigger>
+        <Link
+          href="/"
+          className="font-cal text-muted-foreground hover:text-foreground"
+        >
+          OpenStatus
+        </Link>
+      </ContextMenuTrigger>
+      <ContextMenuContent>
+        <ContextMenuItem asChild>
+          <a href="/assets/logos/OpenStatus.svg" download="openstatus.svg">
+            Download SVG
+          </a>
+        </ContextMenuItem>
+      </ContextMenuContent>
+    </ContextMenu>
+  );
+}

apps/web/src/components/layout/marketing-header.tsx

···
 
 import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
+import { BrandName } from "./brand-name";
 
 interface Props {
   className?: string;
···
         className,
       )}
     >
-      <Link
-        href="/"
-        className="font-cal text-muted-foreground hover:text-foreground"
-      >
-        openstatus
-      </Link>
+      <BrandName />
       <div className="flex items-center md:gap-3">
         <Button variant="link" asChild>
           <Link href="/discord" target="_blank" rel="noreferrer">

apps/web/src/components/ui/context-menu.tsx

···
+"use client";
+
+import * as React from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+const ContextMenu = ContextMenuPrimitive.Root;
+
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+
+const ContextMenuGroup = ContextMenuPrimitive.Group;
+
+const ContextMenuPortal = ContextMenuPrimitive.Portal;
+
+const ContextMenuSub = ContextMenuPrimitive.Sub;
+
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+
+const ContextMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <ContextMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
+      inset && "pl-8",
+      className,
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto h-4 w-4" />
+  </ContextMenuPrimitive.SubTrigger>
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+
+const ContextMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md",
+      className,
+    )}
+    {...props}
+  />
+));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+
+const ContextMenuContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Portal>
+    <ContextMenuPrimitive.Content
+      ref={ref}
+      className={cn(
+        "bg-popover text-popover-foreground animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md",
+        className,
+      )}
+      {...props}
+    />
+  </ContextMenuPrimitive.Portal>
+));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+
+const ContextMenuItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className,
+    )}
+    {...props}
+  />
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+
+const ContextMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <ContextMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className,
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.CheckboxItem>
+));
+ContextMenuCheckboxItem.displayName =
+  ContextMenuPrimitive.CheckboxItem.displayName;
+
+const ContextMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <ContextMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className,
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Circle className="h-2 w-2 fill-current" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.RadioItem>
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+
+const ContextMenuLabel = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "text-foreground px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className,
+    )}
+    {...props}
+  />
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+
+const ContextMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Separator
+    ref={ref}
+    className={cn("bg-border -mx-1 my-1 h-px", className)}
+    {...props}
+  />
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+
+const ContextMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className,
+      )}
+      {...props}
+    />
+  );
+};
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+
+export {
+  ContextMenu,
+  ContextMenuTrigger,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuCheckboxItem,
+  ContextMenuRadioItem,
+  ContextMenuLabel,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuGroup,
+  ContextMenuPortal,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuRadioGroup,
+};

pnpm-lock.yaml

···
       '@radix-ui/react-checkbox':
         specifier: 1.0.4
         version: 1.0.4(@types/react-dom@18.2.5)(@types/react@18.2.12)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-context-menu':
+        specifier: ^2.1.4
+        version: 2.1.4(@types/react-dom@18.2.5)(@types/react@18.2.12)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-dialog':
         specifier: 1.0.4
         version: 1.0.4(@types/react-dom@18.2.5)(@types/react@18.2.12)(react-dom@18.2.0)(react@18.2.0)
···
       '@babel/runtime': 7.22.6
       '@types/react': 18.2.12
       react: 18.2.0
+    dev: false
+
+  /@radix-ui/react-context-menu@2.1.4(@types/react-dom@18.2.5)(@types/react@18.2.12)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-HVHLUtZOBiR2Fh5l07qQ9y0IgX4dGZF0S9Gwdk4CVA+DL9afSphvFNa4nRiw6RNgb6quwLV4dLPF/gFDvNaOcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0
+      react-dom: ^16.8 || ^17.0 || ^18.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@babel/runtime': 7.22.6
+      '@radix-ui/primitive': 1.0.1
+      '@radix-ui/react-context': 1.0.1(@types/react@18.2.12)(react@18.2.0)
+      '@radix-ui/react-menu': 2.0.5(@types/react-dom@18.2.5)(@types/react@18.2.12)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.5)(@types/react@18.2.12)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.12)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.12)(react@18.2.0)
+      '@types/react': 18.2.12
+      '@types/react-dom': 18.2.5
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
     dev: false
 
   /@radix-ui/react-context@1.0.0(react@18.2.0):