diff --git a/.changeset/little-apricots-rhyme.md b/.changeset/little-apricots-rhyme.md
new file mode 100644
index 0000000000..2a4785e1da
--- /dev/null
+++ b/.changeset/little-apricots-rhyme.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/drawer": patch
+---
+
+use top-level type-only import instead of inline type specifiers
diff --git a/packages/components/drawer/src/index.ts b/packages/components/drawer/src/index.ts
index 51f10ef054..96b0483407 100644
--- a/packages/components/drawer/src/index.ts
+++ b/packages/components/drawer/src/index.ts
@@ -1,14 +1,12 @@
-import {
-  ModalHeader,
-  ModalBody,
-  ModalFooter,
-  ModalContent,
-  type ModalContentProps,
-  type ModalHeaderProps,
-  type ModalBodyProps,
-  type ModalFooterProps,
+import type {
+  ModalContentProps,
+  ModalHeaderProps,
+  ModalBodyProps,
+  ModalFooterProps,
 } from "@nextui-org/modal";
 
+import {ModalHeader, ModalBody, ModalFooter, ModalContent} from "@nextui-org/modal";
+
 import Drawer from "./drawer";
 
 // export types