chore: type reorg

components/TempDesignSystem/SidePeek/Content/index.tsx

@@ -3,10 +3,9 @@
 import { Children, PropsWithChildren } from "react"
 
 import { CloseIcon } from "@/components/Icons"
+import { SidePeekContentProps } from "@/components/TempDesignSystem/SidePeek/types"
 import Title from "@/components/TempDesignSystem/Text/Title"
 
-import { SidePeekContentProps } from "./types"
-
 import styles from "./content.module.css"
 
 export default function Content({

components/TempDesignSystem/SidePeek/index.tsx

@@ -3,16 +3,15 @@
 import { Children, cloneElement, PropsWithChildren } from "react"
 import { Dialog, DialogTrigger, Modal } from "react-aria-components"
 
+import { SidePeekProps } from "./types"
+
 import styles from "./sidePeek.module.css"
 
 export default function SidePeek({
   children,
   onClose,
   activeContent,
-}: PropsWithChildren<{
+}: PropsWithChildren<SidePeekProps>) {
-  onClose: (isOpen: boolean) => void
-  activeContent: string | null
-}>) {
   return (
     <DialogTrigger>
       <Modal

components/TempDesignSystem/SidePeek/types.ts

@@ -1,3 +1,8 @@
+export type SidePeekProps = {
+  activeContent: string | null
+  onClose: (isOpen: boolean) => void
+}
+
 export type SidePeekContentProps = {
   title?: string
   contentKey: string