Merge branch 'barrel' into 'main'

Remove components/ui barrel import

See merge request soapbox-pub/soapbox!3232

src/actions/moderation.tsx

@@ -8,7 +8,8 @@ import { fetchAccountByUsername } from 'soapbox/actions/accounts.ts';
 import { deactivateUsers, deleteUser, deleteStatus, toggleStatusSensitivity } from 'soapbox/actions/admin.ts';
 import { openModal } from 'soapbox/actions/modals.ts';
 import OutlineBox from 'soapbox/components/outline-box.tsx';
-import { Stack, Text } from 'soapbox/components/ui/index.ts';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import AccountContainer from 'soapbox/containers/account-container.tsx';
 import { selectAccount } from 'soapbox/selectors/index.ts';
 import toast from 'soapbox/toast.tsx';

src/components/account-search.tsx

@@ -6,7 +6,7 @@ import { defineMessages, useIntl } from 'react-intl';
 
 import AutosuggestAccountInput from 'soapbox/components/autosuggest-account-input.tsx';
 
-import SvgIcon from './ui/icon/svg-icon.tsx';
+import SvgIcon from './ui/svg-icon.tsx';
 
 const messages = defineMessages({
   placeholder: { id: 'account_search.placeholder', defaultMessage: 'Search for an account' },

src/components/account.tsx

@@ -4,6 +4,13 @@ import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
 import { Link, useHistory } from 'react-router-dom';
 
 import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper.tsx';
+import Avatar from 'soapbox/components/ui/avatar.tsx';
+import Emoji from 'soapbox/components/ui/emoji.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import IconButton from 'soapbox/components/ui/icon-button.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import VerificationBadge from 'soapbox/components/verification-badge.tsx';
 import ActionButton from 'soapbox/features/ui/components/action-button.tsx';
 import { useAppSelector } from 'soapbox/hooks/index.ts';
@@ -12,7 +19,6 @@ import { displayFqn } from 'soapbox/utils/state.ts';
 
 import Badge from './badge.tsx';
 import RelativeTimestamp from './relative-timestamp.tsx';
-import { Avatar, Emoji, HStack, Icon, IconButton, Stack, Text } from './ui/index.ts';
 
 import type { StatusApprovalStatus } from 'soapbox/normalizers/status.ts';
 import type { Account as AccountSchema } from 'soapbox/schemas/index.ts';

src/components/announcements/announcement.tsx

@@ -1,6 +1,7 @@
 import { FormattedDate } from 'react-intl';
 
-import { Stack, Text } from 'soapbox/components/ui/index.ts';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { useFeatures } from 'soapbox/hooks/index.ts';
 import { getTextDirection } from 'soapbox/utils/rtl.ts';
 

src/components/announcements/announcements-panel.tsx

@@ -6,7 +6,9 @@ import ReactSwipeableViews from 'react-swipeable-views';
 import { createSelector } from 'reselect';
 
 import { useAnnouncements } from 'soapbox/api/hooks/announcements/index.ts';
-import { Card, HStack, Widget } from 'soapbox/components/ui/index.ts';
+import { Card } from 'soapbox/components/ui/card.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Widget from 'soapbox/components/ui/widget.tsx';
 import { useAppSelector } from 'soapbox/hooks/index.ts';
 
 import Announcement from './announcement.tsx';

src/components/authorize-reject-buttons.tsx

@@ -5,7 +5,9 @@ import clsx from 'clsx';
 import { useEffect, useRef, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { HStack, IconButton, Text } from 'soapbox/components/ui/index.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import IconButton from 'soapbox/components/ui/icon-button.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 
 interface IAuthorizeRejectButtons {
   onAuthorize(): Promise<unknown> | unknown;

src/components/autosuggest-account-input.tsx

@@ -7,7 +7,7 @@ import AutosuggestInput, { AutoSuggestion } from 'soapbox/components/autosuggest
 import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 import type { Menu } from 'soapbox/components/dropdown-menu/index.ts';
-import type { InputThemes } from 'soapbox/components/ui/input/input.tsx';
+import type { InputThemes } from 'soapbox/components/ui/input.tsx';
 
 const noOp = () => { };
 

src/components/autosuggest-input.tsx

@@ -4,12 +4,13 @@ import { PureComponent } from 'react';
 
 import AutosuggestEmoji from 'soapbox/components/autosuggest-emoji.tsx';
 import Icon from 'soapbox/components/icon.tsx';
-import { Input, Portal } from 'soapbox/components/ui/index.ts';
+import Input from 'soapbox/components/ui/input.tsx';
+import Portal from 'soapbox/components/ui/portal.tsx';
 import AutosuggestAccount from 'soapbox/features/compose/components/autosuggest-account.tsx';
 import { textAtCursorMatchesToken } from 'soapbox/utils/suggestions.ts';
 
 import type { Menu, MenuItem } from 'soapbox/components/dropdown-menu/index.ts';
-import type { InputThemes } from 'soapbox/components/ui/input/input.tsx';
+import type { InputThemes } from 'soapbox/components/ui/input.tsx';
 import type { Emoji } from 'soapbox/features/emoji/index.ts';
 
 export type AutoSuggestion = string | Emoji;

src/components/autosuggest-location.tsx

@@ -3,9 +3,12 @@ import homeIcon from '@tabler/icons/outline/home-2.svg';
 import mapPinIcon from '@tabler/icons/outline/map-pin.svg';
 import roadIcon from '@tabler/icons/outline/road.svg';
 
-import { useAppSelector } from 'soapbox/hooks/index.ts';
 
-import { HStack, Icon, Stack, Text } from './ui/index.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
+import { useAppSelector } from 'soapbox/hooks/index.ts';
 
 export const ADDRESS_ICONS: Record<string, string> = {
   house: homeIcon,

src/components/avatar-stack.tsx

@@ -1,7 +1,8 @@
 import clsx from 'clsx';
 import { List as ImmutableList, OrderedSet as ImmutableOrderedSet } from 'immutable';
 
-import { Avatar, HStack } from 'soapbox/components/ui/index.ts';
+import Avatar from 'soapbox/components/ui/avatar.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
 import { useAppSelector } from 'soapbox/hooks/index.ts';
 import { makeGetAccount } from 'soapbox/selectors/index.ts';
 

src/components/big-card.tsx

@@ -1,7 +1,9 @@
 import xIcon from '@tabler/icons/outline/x.svg';
 
-import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import { Card, CardBody } from 'soapbox/components/ui/card.tsx';
-import { Card, CardBody, Stack, Text } from 'soapbox/components/ui/index.ts';
+import IconButton from 'soapbox/components/ui/icon-button.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 
 const closeIcon = xIcon;
 

src/components/birthday-input.tsx

@@ -3,7 +3,7 @@ import { defineMessages, useIntl } from 'react-intl';
 
 import { useInstance, useFeatures } from 'soapbox/hooks/index.ts';
 
-import { Datetime } from './ui/datetime/datetime.tsx';
+import { Datetime } from './ui/datetime.tsx';
 
 const messages = defineMessages({
   birthdayPlaceholder: { id: 'edit_profile.fields.birthday_placeholder', defaultMessage: 'Your birthday' },

src/components/birthday-panel.tsx

@@ -3,7 +3,7 @@ import { useEffect, useRef } from 'react';
 import { FormattedMessage } from 'react-intl';
 
 import { fetchBirthdayReminders } from 'soapbox/actions/accounts.ts';
-import { Widget } from 'soapbox/components/ui/index.ts';
+import Widget from 'soapbox/components/ui/widget.tsx';
 import AccountContainer from 'soapbox/containers/account-container.tsx';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 

src/components/copyable-input.tsx

@@ -1,7 +1,9 @@
 import { useRef } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { Button, HStack, Input } from './ui/index.ts';
+import Button from 'soapbox/components/ui/button.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Input from 'soapbox/components/ui/input.tsx';
 
 interface ICopyableInput {
   /** Text to be copied. */

src/components/display-name-inline.tsx

@@ -1,8 +1,10 @@
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 import { getAcct } from '../utils/accounts.ts';
 
-import { HStack, Text } from './ui/index.ts';
+
 import VerificationBadge from './verification-badge.tsx';
 
 import type { Account } from 'soapbox/schemas/index.ts';

src/components/display-name.tsx

@@ -1,9 +1,11 @@
 import HoverRefWrapper from 'soapbox/components/hover-ref-wrapper.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 import { getAcct } from '../utils/accounts.ts';
 
-import { HStack, Text } from './ui/index.ts';
+
 import VerificationBadge from './verification-badge.tsx';
 
 import type { Account } from 'soapbox/schemas/index.ts';

src/components/domain.tsx

@@ -2,10 +2,11 @@ import lockOpenIcon from '@tabler/icons/outline/lock-open.svg';
 import { defineMessages, useIntl } from 'react-intl';
 
 import { unblockDomain } from 'soapbox/actions/domain-blocks.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import IconButton from 'soapbox/components/ui/icon-button.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
-import { HStack, IconButton, Text } from './ui/index.ts';
-
 const messages = defineMessages({
   blockDomainConfirm: { id: 'confirmations.domain_block.confirm', defaultMessage: 'Hide entire domain' },
   unblockDomain: { id: 'account.unblock_domain', defaultMessage: 'Unhide {domain}' },

src/components/dropdown-menu/dropdown-menu-item.tsx

@@ -2,7 +2,8 @@ import clsx from 'clsx';
 import { useEffect, useRef } from 'react';
 import { useHistory } from 'react-router-dom';
 
-import { Counter, Icon } from 'soapbox/components/ui/index.ts';
+import Counter from 'soapbox/components/ui/counter.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
 
 export interface MenuItem {
   action?: React.EventHandler<React.KeyboardEvent | React.MouseEvent>;

src/components/dropdown-menu/dropdown-menu.tsx

@@ -7,11 +7,11 @@ import { useHistory } from 'react-router-dom';
 
 import { closeDropdownMenu as closeDropdownMenuRedux, openDropdownMenu } from 'soapbox/actions/dropdown-menu.ts';
 import { closeModal, openModal } from 'soapbox/actions/modals.ts';
+import IconButton from 'soapbox/components/ui/icon-button.tsx';
+import Portal from 'soapbox/components/ui/portal.tsx';
 import { useAppDispatch } from 'soapbox/hooks/index.ts';
 import { userTouching } from 'soapbox/is-mobile.ts';
 
-import { IconButton, Portal } from '../ui/index.ts';
-
 import DropdownMenuItem, { MenuItem } from './dropdown-menu-item.tsx';
 
 import type { Status } from 'soapbox/types/entities.ts';

src/components/emoji-graphic.tsx

@@ -1,4 +1,4 @@
-import Emoji from 'soapbox/components/ui/emoji/emoji.tsx';
+import Emoji from 'soapbox/components/ui/emoji.tsx';
 
 interface IEmojiGraphic {
   emoji: string;

src/components/event-preview.tsx

@@ -3,12 +3,15 @@ import userIcon from '@tabler/icons/outline/user.svg';
 import clsx from 'clsx';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
+import Button from 'soapbox/components/ui/button.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import EventActionButton from 'soapbox/features/event/components/event-action-button.tsx';
 import EventDate from 'soapbox/features/event/components/event-date.tsx';
 import { useAppSelector } from 'soapbox/hooks/index.ts';
 
 import Icon from './icon.tsx';
-import { Button, HStack, Stack, Text } from './ui/index.ts';
 import VerificationBadge from './verification-badge.tsx';
 
 import type { Status as StatusEntity } from 'soapbox/types/entities.ts';

src/components/gdpr-banner.tsx

@@ -2,7 +2,11 @@ import clsx from 'clsx';
 import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { Banner, Button, HStack, Stack, Text } from 'soapbox/components/ui/index.ts';
+import Banner from 'soapbox/components/ui/banner.tsx';
+import Button from 'soapbox/components/ui/button.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { useInstance, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 const acceptedGdpr = !!localStorage.getItem('soapbox:gdpr');

src/components/group-card.tsx

@@ -1,10 +1,12 @@
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import GroupHeaderImage from 'soapbox/features/group/components/group-header-image.tsx';
 import GroupMemberCount from 'soapbox/features/group/components/group-member-count.tsx';
 import GroupPrivacy from 'soapbox/features/group/components/group-privacy.tsx';
 import GroupRelationship from 'soapbox/features/group/components/group-relationship.tsx';
 
 import GroupAvatar from './groups/group-avatar.tsx';
-import { HStack, Stack, Text } from './ui/index.ts';
 
 import type { Group as GroupEntity } from 'soapbox/types/entities.ts';
 

src/components/groups/group-avatar.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { Avatar } from 'soapbox/components/ui/index.ts';
+import Avatar from 'soapbox/components/ui/avatar.tsx';
 import { GroupRoles } from 'soapbox/schemas/group-member.ts';
 
 import type { Group } from 'soapbox/schemas/index.ts';

src/components/groups/popover/group-popover.tsx

@@ -1,7 +1,12 @@
 import { defineMessages, useIntl } from 'react-intl';
 import { Link, matchPath, useHistory } from 'react-router-dom';
 
-import { Button, Divider, HStack, Popover, Stack, Text } from 'soapbox/components/ui/index.ts';
+import Button from 'soapbox/components/ui/button.tsx';
+import Divider from 'soapbox/components/ui/divider.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Popover from 'soapbox/components/ui/popover.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import GroupMemberCount from 'soapbox/features/group/components/group-member-count.tsx';
 import GroupPrivacy from 'soapbox/features/group/components/group-privacy.tsx';
 

src/components/hashtag.tsx

@@ -2,9 +2,12 @@ import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 import { Sparklines, SparklinesCurve } from 'react-sparklines';
 
-import { shortNumberFormat } from '../utils/numbers.tsx';
 
-import { HStack, Stack, Text } from './ui/index.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
+
+import { shortNumberFormat } from '../utils/numbers.tsx';
 
 import type { Tag } from 'soapbox/types/entities.ts';
 

src/components/icon-with-counter.tsx

@@ -1,5 +1,5 @@
 import Icon, { IIcon } from 'soapbox/components/icon.tsx';
-import { Counter } from 'soapbox/components/ui/index.ts';
+import Counter from 'soapbox/components/ui/counter.tsx';
 
 interface IIconWithCounter extends React.HTMLAttributes<HTMLDivElement> {
   count: number;

src/components/list.tsx

@@ -4,9 +4,12 @@ import clsx from 'clsx';
 import { Children, cloneElement, isValidElement, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 
-import { SelectDropdown } from '../features/forms/index.tsx';
 
-import { Icon, HStack, Select } from './ui/index.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Select from 'soapbox/components/ui/select.tsx';
+
+import { SelectDropdown } from '../features/forms/index.tsx';
 
 interface IList {
   children: React.ReactNode;

src/components/load-more.tsx

@@ -1,6 +1,6 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Button } from 'soapbox/components/ui/index.ts';
+import Button from 'soapbox/components/ui/button.tsx';
 
 interface ILoadMore {
   onClick: React.MouseEventHandler;

src/components/loading-screen.tsx

@@ -1,5 +1,5 @@
 import LandingGradient from 'soapbox/components/landing-gradient.tsx';
-import { Spinner } from 'soapbox/components/ui/index.ts';
+import Spinner from 'soapbox/components/ui/spinner.tsx';
 
 /** Fullscreen loading indicator. */
 const LoadingScreen: React.FC = () => {

src/components/markup.tsx

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
 
-import Text, { IText } from './ui/text/text.tsx';
+import Text, { IText } from './ui/text.tsx';
 import './markup.css';
 
 interface IMarkup extends IText {

src/components/media-gallery.tsx

@@ -13,7 +13,7 @@ import { truncateFilename } from 'soapbox/utils/media.ts';
 import { isIOS } from '../is-mobile.ts';
 import { isPanoramic, isPortrait, isNonConformingRatio, minimumAspectRatio, maximumAspectRatio } from '../utils/media-aspect-ratio.ts';
 
-import SvgIcon from './ui/icon/svg-icon.tsx';
+import SvgIcon from './ui/svg-icon.tsx';
 
 import type { List as ImmutableList } from 'immutable';
 

src/components/mention.tsx

@@ -1,8 +1,8 @@
 import { Link } from 'react-router-dom';
 
+import Tooltip from 'soapbox/components/ui/tooltip.tsx';
 import { shortenNostr } from 'soapbox/utils/nostr.ts';
 
-import { Tooltip } from './ui/index.ts';
 
 import type { Mention as MentionEntity } from 'soapbox/schemas/index.ts';
 

src/components/missing-indicator.tsx

@@ -1,6 +1,8 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Card, CardBody, Stack, Text } from './ui/index.ts';
+import { Card, CardBody } from 'soapbox/components/ui/card.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 
 interface MissingIndicatorProps {
   nested?: boolean;

src/components/navlinks.tsx

@@ -1,6 +1,6 @@
 import { Link } from 'react-router-dom';
 
-import { Text } from 'soapbox/components/ui/index.ts';
+import Text from 'soapbox/components/ui/text.tsx';
 import { useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
 interface INavlinks {

src/components/pending-items-row.tsx

@@ -4,7 +4,9 @@ import clsx from 'clsx';
 import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { HStack, Icon, Text } from 'soapbox/components/ui/index.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 
 interface IPendingItemsRow {
   /** Path to navigate the user when clicked. */

src/components/polls/poll-footer.tsx

@@ -2,7 +2,11 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import { fetchPoll, vote } from 'soapbox/actions/polls.ts';
 import RelativeTimestamp from 'soapbox/components/relative-timestamp.tsx';
-import { Button, HStack, Stack, Text, Tooltip } from 'soapbox/components/ui/index.ts';
+import Button from 'soapbox/components/ui/button.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
+import Tooltip from 'soapbox/components/ui/tooltip.tsx';
 import { useAppDispatch } from 'soapbox/hooks/index.ts';
 
 import type { Poll as PollEntity } from 'soapbox/types/entities.ts';

src/components/polls/poll-option.tsx

@@ -4,7 +4,9 @@ import clsx from 'clsx';
 import { defineMessages, useIntl } from 'react-intl';
 import { Motion, presets, spring } from 'react-motion';
 
-import { HStack, Icon, Text } from 'soapbox/components/ui/index.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 
 import type {
   Poll as PollEntity,

src/components/polls/poll.tsx

@@ -3,7 +3,8 @@ import { defineMessages, useIntl } from 'react-intl';
 
 import { openModal } from 'soapbox/actions/modals.ts';
 import { vote } from 'soapbox/actions/polls.ts';
-import { Stack, Text } from 'soapbox/components/ui/index.ts';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { useAppDispatch, useAppSelector } from 'soapbox/hooks/index.ts';
 
 import PollFooter from './poll-footer.tsx';

src/components/preview-card.tsx

@@ -7,7 +7,10 @@ import { List as ImmutableList } from 'immutable';
 import { useState, useEffect } from 'react';
 
 import Blurhash from 'soapbox/components/blurhash.tsx';
-import { HStack, Stack, Text, Icon } from 'soapbox/components/ui/index.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { normalizeAttachment } from 'soapbox/normalizers/index.ts';
 import { addAutoPlay } from 'soapbox/utils/media.ts';
 import { getTextDirection } from 'soapbox/utils/rtl.ts';

src/components/profile-hover-card.tsx

@@ -13,13 +13,17 @@ import {
 } from 'soapbox/actions/profile-hover-card.ts';
 import { useAccount, usePatronUser } from 'soapbox/api/hooks/index.ts';
 import Badge from 'soapbox/components/badge.tsx';
+import { Card, CardBody } from 'soapbox/components/ui/card.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import ActionButton from 'soapbox/features/ui/components/action-button.tsx';
 import { UserPanel } from 'soapbox/features/ui/util/async-components.ts';
 import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
 import { showProfileHoverCard } from './hover-ref-wrapper.tsx';
 import { dateFormatOptions } from './relative-timestamp.tsx';
-import { Card, CardBody, HStack, Icon, Stack, Text } from './ui/index.ts';
 
 import type { Account, PatronUser } from 'soapbox/schemas/index.ts';
 import type { AppDispatch } from 'soapbox/store.ts';

src/components/pull-to-refresh.tsx

@@ -1,6 +1,6 @@
 import PTRComponent from 'react-simple-pull-to-refresh';
 
-import { Spinner } from 'soapbox/components/ui/index.ts';
+import Spinner from 'soapbox/components/ui/spinner.tsx';
 
 interface IPullToRefresh {
   onRefresh?: () => Promise<any>;

src/components/quoted-status-indicator.tsx

@@ -1,7 +1,9 @@
 import quoteIcon from '@tabler/icons/outline/quote.svg';
 import { useCallback } from 'react';
 
-import { HStack, Icon, Text } from 'soapbox/components/ui/index.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { useAppSelector } from 'soapbox/hooks/index.ts';
 import { makeGetStatus } from 'soapbox/selectors/index.ts';
 

src/components/quoted-status.tsx

@@ -5,7 +5,7 @@ import { defineMessages, useIntl } from 'react-intl';
 import { useHistory } from 'react-router-dom';
 
 import StatusMedia from 'soapbox/components/status-media.tsx';
-import { Stack } from 'soapbox/components/ui/index.ts';
+import Stack from 'soapbox/components/ui/stack.tsx';
 import AccountContainer from 'soapbox/containers/account-container.tsx';
 import { useSettings } from 'soapbox/hooks/index.ts';
 import { defaultMediaVisibility } from 'soapbox/utils/status.ts';

src/components/relative-timestamp.tsx

@@ -1,7 +1,7 @@
 import { Component } from 'react';
 import { injectIntl, defineMessages, IntlShape, FormatDateOptions } from 'react-intl';
 
-import Text, { IText } from './ui/text/text.tsx';
+import Text, { IText } from './ui/text.tsx';
 
 const messages = defineMessages({
   just_now: { id: 'relative_time.just_now', defaultMessage: 'now' },

src/components/scroll-top-button.tsx

@@ -3,7 +3,8 @@ import throttle from 'lodash/throttle';
 import { useState, useEffect, useCallback } from 'react';
 import { useIntl, MessageDescriptor } from 'react-intl';
 
-import { Icon, Text } from 'soapbox/components/ui/index.ts';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { useSettings } from 'soapbox/hooks/index.ts';
 
 interface IScrollTopButton {

src/components/scrollable-list.tsx

@@ -3,10 +3,11 @@ import { useEffect, useRef, useMemo, useCallback, forwardRef } from 'react';
 import { useHistory } from 'react-router-dom';
 import { Virtuoso, Components, VirtuosoProps, VirtuosoHandle, ListRange, IndexLocationWithAlign } from 'react-virtuoso';
 
+import { Card } from 'soapbox/components/ui/card.tsx';
+import Spinner from 'soapbox/components/ui/spinner.tsx';
 import { useSettings } from 'soapbox/hooks/index.ts';
 
 import LoadMore from './load-more.tsx';
-import { Card, Spinner } from './ui/index.ts';
 
 /** Custom Viruoso component context. */
 type Context = {

src/components/sentry-feedback-form.tsx

@@ -1,7 +1,12 @@
 import { useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { Textarea, Form, Button, FormGroup, FormActions, Text } from 'soapbox/components/ui/index.ts';
+import Button from 'soapbox/components/ui/button.tsx';
+import FormActions from 'soapbox/components/ui/form-actions.tsx';
+import FormGroup from 'soapbox/components/ui/form-group.tsx';
+import Form from 'soapbox/components/ui/form.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
+import Textarea from 'soapbox/components/ui/textarea.tsx';
 import { useOwnAccount } from 'soapbox/hooks/index.ts';
 import { captureSentryFeedback } from 'soapbox/sentry.ts';
 

src/components/sidebar-menu.tsx

@@ -26,7 +26,12 @@ import { getSettings } from 'soapbox/actions/settings.ts';
 import { closeSidebar } from 'soapbox/actions/sidebar.ts';
 import { useAccount } from 'soapbox/api/hooks/index.ts';
 import Account from 'soapbox/components/account.tsx';
-import { Stack, Divider, HStack, Icon, IconButton, Text } from 'soapbox/components/ui/index.ts';
+import Divider from 'soapbox/components/ui/divider.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import IconButton from 'soapbox/components/ui/icon-button.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import ProfileStats from 'soapbox/features/ui/components/profile-stats.tsx';
 import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks/index.ts';
 import { useSettingsNotifications } from 'soapbox/hooks/useSettingsNotifications.ts';

src/components/sidebar-navigation-link.tsx

@@ -2,7 +2,8 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { NavLink, useLocation } from 'react-router-dom';
 
-import { Icon, Text } from './ui/index.ts';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 
 interface ISidebarNavigationLink {
   /** Notification count, if any. */

src/components/sidebar-navigation.tsx

@@ -22,7 +22,7 @@ import userIcon from '@tabler/icons/outline/user.svg';
 import worldIcon from '@tabler/icons/outline/world.svg';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { Stack } from 'soapbox/components/ui/index.ts';
+import Stack from 'soapbox/components/ui/stack.tsx';
 import { useStatContext } from 'soapbox/contexts/stat-context.tsx';
 import ComposeButton from 'soapbox/features/ui/components/compose-button.tsx';
 import { useAppSelector, useFeatures, useOwnAccount, useSettings, useInstance } from 'soapbox/hooks/index.ts';

src/components/site-error-boundary.tsx

@@ -3,7 +3,10 @@ import { ErrorBoundary } from 'react-error-boundary';
 import { FormattedMessage } from 'react-intl';
 
 import { NODE_ENV } from 'soapbox/build-config.ts';
-import { HStack, Text, Stack, Textarea } from 'soapbox/components/ui/index.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
+import Textarea from 'soapbox/components/ui/textarea.tsx';
 import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
 import { captureSentryException } from 'soapbox/sentry.ts';
 import KVStore from 'soapbox/storage/kv-store.ts';

src/components/status-action-bar.tsx

@@ -49,7 +49,7 @@ import { useBlockGroupMember, useGroup, useGroupRelationship, useMuteGroup, useU
 import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
 import StatusActionButton from 'soapbox/components/status-action-button.tsx';
 import StatusReactionWrapper from 'soapbox/components/status-reaction-wrapper.tsx';
-import { HStack } from 'soapbox/components/ui/index.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
 import { useAppDispatch, useAppSelector, useFeatures, useOwnAccount, useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 import { GroupRoles } from 'soapbox/schemas/group-member.ts';
 import toast from 'soapbox/toast.tsx';

src/components/status-action-button.tsx

@@ -1,7 +1,9 @@
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 
-import { Text, Icon, Emoji } from 'soapbox/components/ui/index.ts';
+import Emoji from 'soapbox/components/ui/emoji.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
 
 import type { EmojiReaction } from 'soapbox/schemas/index.ts';

src/components/status-content.tsx

@@ -14,7 +14,7 @@ import Markup from './markup.tsx';
 import Mention from './mention.tsx';
 import Poll from './polls/poll.tsx';
 
-import type { Sizes } from 'soapbox/components/ui/text/text.tsx';
+import type { Sizes } from 'soapbox/components/ui/text.tsx';
 import type { Status } from 'soapbox/types/entities.ts';
 
 const MAX_HEIGHT = 642; // 20px * 32 (+ 2px padding at the top)

src/components/status-hover-card.tsx

@@ -8,11 +8,11 @@ import {
   updateStatusHoverCard,
 } from 'soapbox/actions/status-hover-card.ts';
 import { fetchStatus } from 'soapbox/actions/statuses.ts';
+import { Card, CardBody } from 'soapbox/components/ui/card.tsx';
 import StatusContainer from 'soapbox/containers/status-container.tsx';
 import { useAppSelector, useAppDispatch } from 'soapbox/hooks/index.ts';
 
 import { showStatusHoverCard } from './hover-status-wrapper.tsx';
-import { Card, CardBody } from './ui/index.ts';
 
 interface IStatusHoverCard {
   visible?: boolean;

src/components/status-reaction-wrapper.tsx

@@ -2,7 +2,8 @@ import { useState, useEffect, useRef, cloneElement } from 'react';
 
 import { simpleEmojiReact } from 'soapbox/actions/emoji-reacts.ts';
 import { openModal } from 'soapbox/actions/modals.ts';
-import { EmojiSelector, Portal } from 'soapbox/components/ui/index.ts';
+import EmojiSelector from 'soapbox/components/ui/emoji-selector.tsx';
+import Portal from 'soapbox/components/ui/portal.tsx';
 import { useAppDispatch, useAppSelector, useOwnAccount, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 import { userTouching } from 'soapbox/is-mobile.ts';
 import { getReactForStatus } from 'soapbox/utils/emoji-reacts.ts';

src/components/status.tsx

@@ -11,6 +11,10 @@ import { toggleFavourite, toggleReblog } from 'soapbox/actions/interactions.ts';
 import { openModal } from 'soapbox/actions/modals.ts';
 import { toggleStatusHidden, unfilterStatus } from 'soapbox/actions/statuses.ts';
 import TranslateButton from 'soapbox/components/translate-button.tsx';
+import { Card } from 'soapbox/components/ui/card.tsx';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import AccountContainer from 'soapbox/containers/account-container.tsx';
 import QuotedStatus from 'soapbox/features/status/containers/quoted-status-container.tsx';
 import { HotKeys } from 'soapbox/features/ui/components/hotkeys.tsx';
@@ -25,7 +29,6 @@ import StatusReplyMentions from './status-reply-mentions.tsx';
 import SensitiveContentOverlay from './statuses/sensitive-content-overlay.tsx';
 import StatusInfo from './statuses/status-info.tsx';
 import Tombstone from './tombstone.tsx';
-import { Card, Icon, Stack, Text } from './ui/index.ts';
 
 import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 

src/components/statuses/sensitive-content-overlay.tsx

@@ -9,12 +9,13 @@ import { defineMessages, useIntl } from 'react-intl';
 
 import { openModal } from 'soapbox/actions/modals.ts';
 import { deleteStatus } from 'soapbox/actions/statuses.ts';
+import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
+import Button from 'soapbox/components/ui/button.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { useAppDispatch, useOwnAccount, useSettings, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 import { defaultMediaVisibility } from 'soapbox/utils/status.ts';
 
-import DropdownMenu from '../dropdown-menu/index.ts';
-import { Button, HStack, Text } from '../ui/index.ts';
-
 import type { Status as StatusEntity } from 'soapbox/types/entities.ts';
 
 const messages = defineMessages({

src/components/statuses/status-info.tsx

@@ -1,4 +1,5 @@
-import { HStack, Text } from 'soapbox/components/ui/index.ts';
+import HStack from 'soapbox/components/ui/hstack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 
 interface IStatusInfo {
   avatarSize: number;

src/components/thumb-navigation-link.tsx

@@ -2,7 +2,8 @@ import clsx from 'clsx';
 import { NavLink, useLocation } from 'react-router-dom';
 
 import IconWithCounter from 'soapbox/components/icon-with-counter.tsx';
-import { Icon, Text } from 'soapbox/components/ui/index.ts';
+import Icon from 'soapbox/components/ui/icon.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 
 interface IThumbNavigationLink {
   count?: number;

src/components/tombstone.tsx

@@ -1,6 +1,6 @@
 import { FormattedMessage } from 'react-intl';
 
-import { Text } from 'soapbox/components/ui/index.ts';
+import Text from 'soapbox/components/ui/text.tsx';
 import { HotKeys } from 'soapbox/features/ui/components/hotkeys.tsx';
 
 interface ITombstone {

src/components/translate-button.tsx

@@ -2,10 +2,11 @@ import languageIcon from '@tabler/icons/outline/language.svg';
 import { FormattedMessage, useIntl } from 'react-intl';
 
 import { translateStatus, undoStatusTranslation } from 'soapbox/actions/statuses.ts';
+import Button from 'soapbox/components/ui/button.tsx';
+import Stack from 'soapbox/components/ui/stack.tsx';
+import Text from 'soapbox/components/ui/text.tsx';
 import { useAppDispatch, useAppSelector, useFeatures, useInstance } from 'soapbox/hooks/index.ts';
 
-import { Stack, Button, Text } from './ui/index.ts';
-
 import type { Status } from 'soapbox/types/entities.ts';
 
 interface ITranslateButton {

src/components/ui/accordion.tsx

@@ -6,9 +6,9 @@ import { defineMessages, useIntl } from 'react-intl';
 
 import DropdownMenu from 'soapbox/components/dropdown-menu/index.ts';
 
-import HStack from '../hstack/hstack.tsx';
+import HStack from './hstack.tsx';
-import Icon from '../icon/icon.tsx';
+import Icon from './icon.tsx';
-import Text from '../text/text.tsx';
+import Text from './text.tsx';
 
 import type { Menu } from 'soapbox/components/dropdown-menu/index.ts';
 

src/components/ui/avatar.tsx

@@ -4,7 +4,7 @@ import { useMemo, useState } from 'react';
 
 import StillImage, { IStillImage } from 'soapbox/components/still-image.tsx';
 
-import Icon from '../icon/icon.tsx';
+import Icon from '../icon.tsx';
 
 const AVATAR_SIZE = 42;
 

src/components/ui/button.tsx

@@ -2,11 +2,10 @@ import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 
-import Icon from '../icon/icon.tsx';
+import Icon from './icon.tsx';
-
 import { useButtonStyles } from './useButtonStyles.ts';
 
-import type { ButtonSizes, ButtonThemes } from './useButtonStyles.tsx';
+import type { ButtonSizes, ButtonThemes } from './useButtonStyles.ts';
 
 interface IButton {
   /** Whether this button expands the width of its container. */

src/components/ui/card.tsx

@@ -4,10 +4,10 @@ import { forwardRef } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
+import SvgIcon from 'soapbox/components/ui/svg-icon.tsx';
 
-import HStack from '../hstack/hstack.tsx';
+import HStack from './hstack.tsx';
-import Text from '../text/text.tsx';
+import Text from './text.tsx';
 
 const sizes = {
   md: 'p-4 sm:rounded-xl',

src/components/ui/carousel.tsx

@@ -4,8 +4,8 @@ import { useEffect, useState } from 'react';
 
 import { useDimensions } from 'soapbox/hooks/index.ts';
 
-import HStack from '../hstack/hstack.tsx';
+import HStack from './hstack.tsx';
-import Icon from '../icon/icon.tsx';
+import Icon from './icon.tsx';
 
 interface ICarousel {
   children: any;

src/components/ui/column.tsx

@@ -6,7 +6,7 @@ import { useHistory } from 'react-router-dom';
 import Helmet from 'soapbox/components/helmet.tsx';
 import { useSoapboxConfig } from 'soapbox/hooks/index.ts';
 
-import { Card, CardBody, CardHeader, CardTitle, type CardSizes } from '../card/card.tsx';
+import { Card, CardBody, CardHeader, CardTitle, type CardSizes } from './card.tsx';
 
 type IColumnHeader = Pick<IColumn, 'label' | 'backHref' | 'className' | 'action'>;
 

src/components/ui/datepicker.tsx

@@ -1,9 +1,9 @@
 import { useEffect, useMemo, useState } from 'react';
 import { FormattedMessage, useIntl } from 'react-intl';
 
-import Select from '../select/select.tsx';
+import Select from './select.tsx';
-import Stack from '../stack/stack.tsx';
+import Stack from './stack.tsx';
-import Text from '../text/text.tsx';
+import Text from './text.tsx';
 
 const getDaysInMonth = (month: number, year: number) => new Date(year, month + 1, 0).getDate();
 const currentYear = new Date().getFullYear();

src/components/ui/datetime.tsx

@@ -1,4 +1,4 @@
-import Input from '../input/input.tsx';
+import Input from './input.tsx';
 
 interface DatetimeProps {
   value: Date;

src/components/ui/divider.tsx

@@ -1,6 +1,6 @@
-import Text from '../text/text.tsx';
+import Text from './text.tsx';
 
-import type { Sizes as TextSizes } from '../text/text.tsx';
+import type { Sizes as TextSizes } from './text.tsx';
 
 interface IDivider {
   text?: string;

src/components/ui/emoji-selector.tsx

@@ -3,9 +3,9 @@ import dotsIcon from '@tabler/icons/outline/dots.svg';
 import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 
-import EmojiComponent from 'soapbox/components/ui/emoji/emoji.tsx';
+import EmojiComponent from 'soapbox/components/ui/emoji.tsx';
-import HStack from 'soapbox/components/ui/hstack/hstack.tsx';
+import HStack from 'soapbox/components/ui/hstack.tsx';
-import IconButton from 'soapbox/components/ui/icon-button/icon-button.tsx';
+import IconButton from 'soapbox/components/ui/icon-button.tsx';
 import EmojiPickerDropdown from 'soapbox/features/emoji/components/emoji-picker-dropdown.tsx';
 import { useClickOutside, useFeatures, useSoapboxConfig } from 'soapbox/hooks/index.ts';
 

src/components/ui/form-actions.tsx

@@ -1,4 +1,4 @@
-import HStack from '../hstack/hstack.tsx';
+import HStack from './hstack.tsx';
 
 interface IFormActions {
   children: React.ReactNode;

src/components/ui/form-group.tsx

@@ -1,8 +1,8 @@
 import { Children, cloneElement, isValidElement, useMemo } from 'react';
 
-import Checkbox from '../checkbox/checkbox.tsx';
+import Checkbox from './checkbox.tsx';
-import HStack from '../hstack/hstack.tsx';
+import HStack from './hstack.tsx';
-import Stack from '../stack/stack.tsx';
+import Stack from './stack.tsx';
 
 interface IFormGroup {
   /** Input label message. */

src/components/ui/icon-button.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 
-import SvgIcon from '../icon/svg-icon.tsx';
+import SvgIcon from './svg-icon.tsx';
-import Text from '../text/text.tsx';
+import Text from './text.tsx';
 
 interface IIconButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /** Class name for the <svg> icon. */

src/components/ui/icon.tsx

@@ -1,5 +1,4 @@
-import Counter from '../counter/counter.tsx';
+import Counter from './counter.tsx';
-
 import SvgIcon from './svg-icon.tsx';
 
 interface IIcon extends Pick<React.SVGAttributes<SVGAElement>, 'strokeWidth'> {

src/components/ui/index.ts

@@ -1,57 +0,0 @@
-export { default as Accordion } from './accordion/accordion.tsx';
-export { default as Avatar } from './avatar/avatar.tsx';
-export { default as Banner } from './banner/banner.tsx';
-export { default as Button } from './button/button.tsx';
-export { default as Carousel } from './carousel/carousel.tsx';
-export { Card, CardBody, CardHeader, CardTitle } from './card/card.tsx';
-export { default as Checkbox } from './checkbox/checkbox.tsx';
-export { Column, ColumnHeader } from './column/column.tsx';
-export {
-  Combobox,
-  ComboboxInput,
-  ComboboxPopover,
-  ComboboxList,
-  ComboboxOption,
-  ComboboxOptionText,
-} from './combobox/combobox.tsx';
-export { default as Counter } from './counter/counter.tsx';
-export { default as Datepicker } from './datepicker/datepicker.tsx';
-export { default as Divider } from './divider/divider.tsx';
-export { default as Emoji } from './emoji/emoji.tsx';
-export { default as EmojiSelector } from './emoji-selector/emoji-selector.tsx';
-export { default as FileInput } from './file-input/file-input.tsx';
-export { default as Form } from './form/form.tsx';
-export { default as FormActions } from './form-actions/form-actions.tsx';
-export { default as FormGroup } from './form-group/form-group.tsx';
-export { default as HStack } from './hstack/hstack.tsx';
-export { default as Icon } from './icon/icon.tsx';
-export { default as IconButton } from './icon-button/icon-button.tsx';
-export { default as Input } from './input/input.tsx';
-export { default as Layout } from './layout/layout.tsx';
-export {
-  Menu,
-  MenuButton,
-  MenuDivider,
-  MenuItem,
-  MenuItems,
-  MenuLink,
-  MenuList,
-} from './menu/menu.tsx';
-export { default as Modal } from './modal/modal.tsx';
-export { default as Popover } from './popover/popover.tsx';
-export { default as Portal } from './portal/portal.tsx';
-export { default as ProgressBar } from './progress-bar/progress-bar.tsx';
-export { default as RadioButton } from './radio-button/radio-button.tsx';
-export { default as Select } from './select/select.tsx';
-export { default as Slider } from './slider/slider.tsx';
-export { default as Spinner } from './spinner/spinner.tsx';
-export { default as Stack } from './stack/stack.tsx';
-export { default as Streamfield } from './streamfield/streamfield.tsx';
-export { default as Tabs } from './tabs/tabs.tsx';
-export { default as TagInput } from './tag-input/tag-input.tsx';
-export { default as Text } from './text/text.tsx';
-export { default as Textarea } from './textarea/textarea.tsx';
-export { default as Toast } from './toast/toast.tsx';
-export { default as Toggle } from './toggle/toggle.tsx';
-export { default as Tooltip } from './tooltip/tooltip.tsx';
-export { default as Widget } from './widget/widget.tsx';

src/components/ui/input.tsx

@@ -7,9 +7,9 @@ import { defineMessages, useIntl } from 'react-intl';
 import { useLocale } from 'soapbox/hooks/index.ts';
 import { getTextDirection } from 'soapbox/utils/rtl.ts';
 
-import Icon from '../icon/icon.tsx';
+import Icon from './icon.tsx';
-import SvgIcon from '../icon/svg-icon.tsx';
+import SvgIcon from './svg-icon.tsx';
-import Tooltip from '../tooltip/tooltip.tsx';
+import Tooltip from './tooltip.tsx';
 
 const messages = defineMessages({
   showPassword: { id: 'input.password.show_password', defaultMessage: 'Show password' },

src/components/ui/language-dropdown.tsx

@@ -2,7 +2,7 @@ import worldIcon from '@tabler/icons/outline/world.svg';
 
 import { openDropdownMenu } from 'soapbox/actions/dropdown-menu.ts';
 import DropdownMenu, { MenuItem } from 'soapbox/components/dropdown-menu/index.ts';
-import SvgIcon from 'soapbox/components/ui/icon/svg-icon.tsx';
+import SvgIcon from 'soapbox/components/ui/svg-icon.tsx';
 import { languages } from 'soapbox/features/preferences/index.tsx';
 import { useAppDispatch } from 'soapbox/hooks/index.ts';