chore: move types to @roleypoly/types package

packages/design-system/molecules/demo-discord/DemoDiscord.tsx

@@ -1,6 +1,6 @@
 import { Typist } from '@roleypoly/design-system/atoms/typist';
+import { demoData } from '@roleypoly/types/demoData';
 import * as React from 'react';
-import { demoData } from '../../../../src/common/types/demoData';
 import {
     Base,
     InputBox,

packages/design-system/molecules/demo-picker/DemoPicker.tsx

@@ -1,8 +1,8 @@
 import { Role } from '@roleypoly/design-system/atoms/role';
+import { Role as RPCRole } from '@roleypoly/types';
+import { demoData } from '@roleypoly/types/demoData';
 import * as React from 'react';
 import styled from 'styled-components';
-import { Role as RPCRole } from '../../../../src/common/types';
-import { demoData } from '../../../../src/common/types/demoData';
 
 const Container = styled.div`
     display: flex;

packages/design-system/molecules/editor-category/EditorCategory.tsx

@@ -6,9 +6,9 @@ import { Space } from '@roleypoly/design-system/atoms/space';
 import { TextInput, TextInputWithIcon } from '@roleypoly/design-system/atoms/text-input';
 import { Text } from '@roleypoly/design-system/atoms/typography';
 import { RoleSearch } from '@roleypoly/design-system/molecules/role-search';
+import { Category, CategoryType, Role as RoleType } from '@roleypoly/types';
 import * as React from 'react';
 import { GoSearch } from 'react-icons/go';
-import { Category, CategoryType, Role as RoleType } from '../../../../src/common/types';
 import { RoleContainer } from './EditorCategory.styled';
 
 type Props = {

packages/design-system/molecules/guild-nav/GuildNav.tsx

@@ -1,9 +1,9 @@
 import { NavSlug } from '@roleypoly/design-system/molecules/nav-slug';
+import { GuildSlug, UserGuildPermissions } from '@roleypoly/types';
 import * as React from 'react';
 import Scrollbars from 'react-custom-scrollbars';
 import { GoStar, GoZap } from 'react-icons/go';
 import ReactTooltip from 'react-tooltip';
-import { GuildSlug, UserGuildPermissions } from '../../../../src/common/types';
 import { sortBy } from '../../../../src/common/utils/sortBy';
 import { GuildNavItem } from './GuildNav.styled';
 

packages/design-system/molecules/nav-slug/NavSlug.tsx

@@ -1,7 +1,7 @@
 import { Avatar, utils } from '@roleypoly/design-system/atoms/avatar';
+import { GuildSlug } from '@roleypoly/types';
 import * as React from 'react';
 import { GoOrganization } from 'react-icons/go';
-import { GuildSlug } from '../../../../src/common/types';
 import { SlugContainer, SlugName } from './NavSlug.styled';
 
 type Props = {

packages/design-system/molecules/picker-category/PickerCategory.tsx

@@ -1,13 +1,9 @@
 import { Role } from '@roleypoly/design-system/atoms/role';
 import { AmbientLarge, LargeText } from '@roleypoly/design-system/atoms/typography';
+import { Category as RPCCategory, Role as RPCRole, RoleSafety } from '@roleypoly/types';
 import * as React from 'react';
 import ReactTooltip from 'react-tooltip';
 import styled from 'styled-components';
-import {
-    Category as RPCCategory,
-    Role as RPCRole,
-    RoleSafety,
-} from '../../../../src/common/types';
 import { sortBy } from '../../../../src/common/utils/sortBy';
 import { Head, HeadSub, HeadTitle } from './PickerCategory.styled';
 

packages/design-system/molecules/preauth-greeting/PreauthGreeting.tsx

@@ -1,9 +1,9 @@
 import { Avatar, utils as avatarUtils } from '@roleypoly/design-system/atoms/avatar';
 import { Space } from '@roleypoly/design-system/atoms/space';
 import { AccentTitle } from '@roleypoly/design-system/atoms/typography';
+import { GuildSlug } from '@roleypoly/types';
 import * as React from 'react';
 import styled from 'styled-components';
-import { GuildSlug } from '../../../../src/common/types';
 
 type GreetingProps = {
     guildSlug: GuildSlug;

packages/design-system/molecules/role-search/RoleSearch.tsx

@@ -1,11 +1,11 @@
 import { Role } from '@roleypoly/design-system/atoms/role';
 import { Space } from '@roleypoly/design-system/atoms/space';
 import { TextInputWithIcon } from '@roleypoly/design-system/atoms/text-input';
+import { Role as RoleType } from '@roleypoly/types';
 import Fuse from 'fuse.js';
 import * as React from 'react';
 import { GoSearch } from 'react-icons/go';
 import styled from 'styled-components';
-import { Role as RoleType } from '../../../../src/common/types';
 
 type Props = {
     roles: RoleType[];

packages/design-system/molecules/server-listing-card/ServerListingCard.tsx

@@ -1,8 +1,8 @@
 import { Avatar, utils } from '@roleypoly/design-system/atoms/avatar';
 import { Collapse } from '@roleypoly/design-system/atoms/collapse';
+import { GuildSlug, UserGuildPermissions } from '@roleypoly/types';
 import * as React from 'react';
 import { GoPerson, GoStar, GoZap } from 'react-icons/go';
-import { GuildSlug, UserGuildPermissions } from '../../../../src/common/types';
 import {
     CardBase,
     CardLine,

packages/design-system/molecules/server-masthead/ServerMasthead.tsx

@@ -1,8 +1,8 @@
 import { Avatar, utils } from '@roleypoly/design-system/atoms/avatar';
 import { AccentTitle, AmbientLarge } from '@roleypoly/design-system/atoms/typography';
+import { GuildSlug } from '@roleypoly/types';
 import * as React from 'react';
 import { GoPencil } from 'react-icons/go';
-import { GuildSlug } from '../../../../src/common/types';
 import { Editable, Icon, Name, Wrapper } from './ServerMasthead.styled';
 
 export type ServerMastheadProps = {

packages/design-system/molecules/user-avatar-group/UserAvatarGroup.tsx

@@ -1,6 +1,6 @@
 import { Avatar, utils } from '@roleypoly/design-system/atoms/avatar';
+import { DiscordUser } from '@roleypoly/types';
 import * as React from 'react';
-import { DiscordUser } from '../../../../src/common/types';
 import { Collapse, Discriminator, Group, GroupText } from './UserAvatarGroup.styled';
 
 type Props = {

packages/design-system/molecules/user-popover/UserPopover.tsx

@@ -1,8 +1,8 @@
 import { CompletelyStylelessLink } from '@roleypoly/design-system/atoms/typography';
 import { UserAvatarGroup } from '@roleypoly/design-system/molecules/user-avatar-group';
+import { DiscordUser } from '@roleypoly/types';
 import * as React from 'react';
 import { GoGear, GoSignOut } from 'react-icons/go';
-import { DiscordUser } from '../../../../src/common/types';
 import { Base, NavAction } from './UserPopover.styled';
 
 type UserPopoverProps = {