feat: 기능 추가 과정중

src/presentation/design-system/primitives/overlays.tsx

@@ -9,9 +9,9 @@ import {
   useState,
 } from "react";
 
-import { CloseIcon } from "../icons/semantic-icons.js";
-import { Button, Dialog, IconButton } from "./core.js";
-import { useLocale } from "../../i18n/index.js";
+import { CloseIcon } from "../icons/semantic-icons.tsx";
+import { Button, Dialog, IconButton } from "./core.tsx";
+import { useLocale } from "../../i18n/index.ts";
 
 export type DrawerProps = Readonly<{
   open: boolean;
@@ -19,6 +19,7 @@ export type DrawerProps = Readonly<{
   title: string;
   closeLabel?: string;
   placement?: "start" | "end";
+  returnFocusRef?: React.RefObject<HTMLElement | null>;
   children: React.ReactNode;
 }>;
 
@@ -28,6 +29,7 @@ export function Drawer({
   title,
   closeLabel,
   placement = "start",
+  returnFocusRef,
   children,
 }: DrawerProps) {
   return (
@@ -36,6 +38,7 @@ export function Drawer({
       closeLabel={closeLabel}
       onClose={onClose}
       open={open}
+      returnFocusRef={returnFocusRef}
       title={title}
     >
       {children}