From e02ca0e0af5d6d9eea0851fc6bd46eaace112238 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 11 Feb 2024 16:40:08 -0600
Subject: [PATCH] Reduce circular imports in UI components

---
 src/components/ui/emoji-selector/emoji-selector.tsx | 4 +++-
 src/components/ui/widget/widget.tsx                 | 5 ++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/emoji-selector/emoji-selector.tsx b/src/components/ui/emoji-selector/emoji-selector.tsx
index e27763bde..2876aa0a4 100644
--- a/src/components/ui/emoji-selector/emoji-selector.tsx
+++ b/src/components/ui/emoji-selector/emoji-selector.tsx
@@ -2,7 +2,9 @@ import { shift, useFloating, Placement, offset, OffsetOptions } from '@floating-
 import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
 
-import { Emoji as EmojiComponent, HStack, IconButton } from 'soapbox/components/ui';
+import EmojiComponent from 'soapbox/components/ui/emoji/emoji';
+import HStack from 'soapbox/components/ui/hstack/hstack';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button';
 import EmojiPickerDropdown from 'soapbox/features/emoji/components/emoji-picker-dropdown';
 import { useClickOutside, useFeatures, useSoapboxConfig } from 'soapbox/hooks';
 
diff --git a/src/components/ui/widget/widget.tsx b/src/components/ui/widget/widget.tsx
index 7398b8dc0..79c001674 100644
--- a/src/components/ui/widget/widget.tsx
+++ b/src/components/ui/widget/widget.tsx
@@ -1,6 +1,9 @@
 import React from 'react';
 
-import { HStack, IconButton, Stack, Text } from 'soapbox/components/ui';
+import HStack from 'soapbox/components/ui/hstack/hstack';
+import IconButton from 'soapbox/components/ui/icon-button/icon-button';
+import Stack from 'soapbox/components/ui/stack/stack';
+import Text from 'soapbox/components/ui/text/text';
 
 interface IWidgetTitle {
   /** Title text for the widget. */