{icon === 'borg' ? (
diff --git a/tgui/packages/tgui/interfaces/Orbit/OrbitBlade.tsx b/tgui/packages/tgui/interfaces/Orbit/OrbitBlade.tsx
index a10e5f320e5a5..222bc96395e7b 100644
--- a/tgui/packages/tgui/interfaces/Orbit/OrbitBlade.tsx
+++ b/tgui/packages/tgui/interfaces/Orbit/OrbitBlade.tsx
@@ -1,7 +1,4 @@
-import { capitalizeFirst, toTitleCase } from 'common/string';
import { useContext } from 'react';
-
-import { useBackend } from '../../backend';
import {
Button,
Icon,
@@ -9,7 +6,10 @@ import {
Section,
Stack,
Tooltip,
-} from '../../components';
+} from 'tgui-core/components';
+import { capitalizeFirst, toTitleCase } from 'tgui-core/string';
+
+import { useBackend } from '../../backend';
import { OrbitContext } from '.';
import { HEALTH, VIEWMODE } from './constants';
import { getDepartmentByJob, getDisplayName } from './helpers';
diff --git a/tgui/packages/tgui/interfaces/Orbit/OrbitCollapsible.tsx b/tgui/packages/tgui/interfaces/Orbit/OrbitCollapsible.tsx
index bc436d46204df..db52a0d9d43de 100644
--- a/tgui/packages/tgui/interfaces/Orbit/OrbitCollapsible.tsx
+++ b/tgui/packages/tgui/interfaces/Orbit/OrbitCollapsible.tsx
@@ -1,6 +1,6 @@
import { useContext } from 'react';
+import { Collapsible, Flex, Tooltip } from 'tgui-core/components';
-import { Collapsible, Flex, Tooltip } from '../../components';
import { OrbitContext } from '.';
import { VIEWMODE } from './constants';
import {
diff --git a/tgui/packages/tgui/interfaces/Orbit/OrbitContent.tsx b/tgui/packages/tgui/interfaces/Orbit/OrbitContent.tsx
index 24aab8eba74bc..431e15d32c0dd 100644
--- a/tgui/packages/tgui/interfaces/Orbit/OrbitContent.tsx
+++ b/tgui/packages/tgui/interfaces/Orbit/OrbitContent.tsx
@@ -1,7 +1,13 @@
-import { toTitleCase } from 'common/string';
+import {
+ NoticeBox,
+ Section,
+ Stack,
+ Table,
+ Tooltip,
+} from 'tgui-core/components';
+import { toTitleCase } from 'tgui-core/string';
import { useBackend } from '../../backend';
-import { NoticeBox, Section, Stack, Table, Tooltip } from '../../components';
import { ANTAG2COLOR } from './constants';
import { getAntagCategories } from './helpers';
import { OrbitCollapsible } from './OrbitCollapsible';
diff --git a/tgui/packages/tgui/interfaces/Orbit/OrbitItem.tsx b/tgui/packages/tgui/interfaces/Orbit/OrbitItem.tsx
index b2490c0b3c4c1..f54f36141571c 100644
--- a/tgui/packages/tgui/interfaces/Orbit/OrbitItem.tsx
+++ b/tgui/packages/tgui/interfaces/Orbit/OrbitItem.tsx
@@ -1,7 +1,7 @@
-import { capitalizeFirst } from 'common/string';
+import { Button, Flex, Icon, Stack } from 'tgui-core/components';
+import { capitalizeFirst } from 'tgui-core/string';
import { useBackend } from '../../backend';
-import { Button, Flex, Icon, Stack } from '../../components';
import { getDisplayColor, getDisplayName } from './helpers';
import { JobIcon } from './JobIcon';
import { Antagonist, Observable, OrbitData, ViewMode } from './types';
diff --git a/tgui/packages/tgui/interfaces/Orbit/OrbitSearchBar.tsx b/tgui/packages/tgui/interfaces/Orbit/OrbitSearchBar.tsx
index 10f76f063decf..0fa7aef01ef15 100644
--- a/tgui/packages/tgui/interfaces/Orbit/OrbitSearchBar.tsx
+++ b/tgui/packages/tgui/interfaces/Orbit/OrbitSearchBar.tsx
@@ -1,7 +1,7 @@
import { useContext } from 'react';
+import { Button, Icon, Input, Section, Stack } from 'tgui-core/components';
import { useBackend } from '../../backend';
-import { Button, Icon, Input, Section, Stack } from '../../components';
import { OrbitContext } from '.';
import { VIEWMODE } from './constants';
import { isJobOrNameMatch, sortByOrbiters } from './helpers';
diff --git a/tgui/packages/tgui/interfaces/Orbit/OrbitTooltip.tsx b/tgui/packages/tgui/interfaces/Orbit/OrbitTooltip.tsx
index d70a3a4060a7e..dbccf69c8fb36 100644
--- a/tgui/packages/tgui/interfaces/Orbit/OrbitTooltip.tsx
+++ b/tgui/packages/tgui/interfaces/Orbit/OrbitTooltip.tsx
@@ -1,4 +1,5 @@
-import { LabeledList, NoticeBox } from '../../components';
+import { LabeledList, NoticeBox } from 'tgui-core/components';
+
import { Antagonist, Observable } from './types';
type Props = {
@@ -36,7 +37,7 @@ export function OrbitTooltip(props: Props) {
{!!full_name && (
)}
- {!!displayJob && !antag && (
+ {!!displayJob && (
)}
{!!antag && (
diff --git a/tgui/packages/tgui/interfaces/Orbit/index.tsx b/tgui/packages/tgui/interfaces/Orbit/index.tsx
index 5916f47fe74ad..73bb0055d12b8 100644
--- a/tgui/packages/tgui/interfaces/Orbit/index.tsx
+++ b/tgui/packages/tgui/interfaces/Orbit/index.tsx
@@ -1,6 +1,6 @@
import { createContext, Dispatch, SetStateAction, useState } from 'react';
-import { Stack } from 'tgui/components';
import { Window } from 'tgui/layouts';
+import { Stack } from 'tgui-core/components';
import { VIEWMODE } from './constants';
import { OrbitBlade } from './OrbitBlade';
diff --git a/tgui/packages/tgui/interfaces/Orbit/types.ts b/tgui/packages/tgui/interfaces/Orbit/types.ts
index 965ab596c9835..dfd517ddad5d3 100644
--- a/tgui/packages/tgui/interfaces/Orbit/types.ts
+++ b/tgui/packages/tgui/interfaces/Orbit/types.ts
@@ -1,8 +1,12 @@
-import { BooleanLike } from 'common/react';
+import { BooleanLike } from 'tgui-core/react';
import { VIEWMODE } from './constants';
-export type Antagonist = Observable & { antag: string; antag_group: string };
+export type Antagonist = Observable & {
+ antag: string;
+ antag_group: string;
+ antag_icon: string;
+};
export type AntagGroup = [string, Antagonist[]];
diff --git a/tgui/packages/tgui/interfaces/OreBox.tsx b/tgui/packages/tgui/interfaces/OreBox.tsx
index 63716b021db40..33020e90d17e1 100644
--- a/tgui/packages/tgui/interfaces/OreBox.tsx
+++ b/tgui/packages/tgui/interfaces/OreBox.tsx
@@ -1,7 +1,7 @@
-import { toTitleCase } from 'common/string';
+import { Box, Button, Section, Table } from 'tgui-core/components';
+import { toTitleCase } from 'tgui-core/string';
import { useBackend } from '../backend';
-import { Box, Button, Section, Table } from '../components';
import { Window } from '../layouts';
type Material = {
diff --git a/tgui/packages/tgui/interfaces/OreContainer.tsx b/tgui/packages/tgui/interfaces/OreContainer.tsx
index daae93a8edf36..f4f7b6508d744 100644
--- a/tgui/packages/tgui/interfaces/OreContainer.tsx
+++ b/tgui/packages/tgui/interfaces/OreContainer.tsx
@@ -1,7 +1,4 @@
-import { createSearch, toTitleCase } from 'common/string';
import { useState } from 'react';
-
-import { useBackend } from '../backend';
import {
Button,
DmIcon,
@@ -10,7 +7,10 @@ import {
Input,
Section,
Stack,
-} from '../components';
+} from 'tgui-core/components';
+import { createSearch, toTitleCase } from 'tgui-core/string';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
type Ores = {
diff --git a/tgui/packages/tgui/interfaces/OreRedemptionMachine.jsx b/tgui/packages/tgui/interfaces/OreRedemptionMachine.jsx
index b9088f32e0d4a..421948eac6498 100644
--- a/tgui/packages/tgui/interfaces/OreRedemptionMachine.jsx
+++ b/tgui/packages/tgui/interfaces/OreRedemptionMachine.jsx
@@ -1,7 +1,4 @@
-import { createSearch, toTitleCase } from 'common/string';
import { useState } from 'react';
-
-import { useBackend, useSharedState } from '../backend';
import {
BlockQuote,
Box,
@@ -14,8 +11,11 @@ import {
Stack,
Table,
Tabs,
-} from '../components';
-import { formatSiUnit } from '../format';
+} from 'tgui-core/components';
+import { formatSiUnit } from 'tgui-core/format';
+import { createSearch, toTitleCase } from 'tgui-core/string';
+
+import { useBackend, useSharedState } from '../backend';
import { Window } from '../layouts';
export const OreRedemptionMachine = (props) => {
diff --git a/tgui/packages/tgui/interfaces/OreSilo.tsx b/tgui/packages/tgui/interfaces/OreSilo.tsx
index 6c71a357beb0f..32f4988a98a13 100644
--- a/tgui/packages/tgui/interfaces/OreSilo.tsx
+++ b/tgui/packages/tgui/interfaces/OreSilo.tsx
@@ -1,8 +1,4 @@
-import { classes } from 'common/react';
-import { capitalize } from 'common/string';
import { useState } from 'react';
-
-import { useBackend } from '../backend';
import {
Box,
Icon,
@@ -14,7 +10,11 @@ import {
Tabs,
Tooltip,
VirtualList,
-} from '../components';
+} from 'tgui-core/components';
+import { classes } from 'tgui-core/react';
+import { capitalize } from 'tgui-core/string';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
import { MaterialAccessBar } from './Fabrication/MaterialAccessBar';
import { Material } from './Fabrication/Types';
diff --git a/tgui/packages/tgui/interfaces/OrionGame.jsx b/tgui/packages/tgui/interfaces/OrionGame.jsx
index 8ab7e4c8d904c..485d3a3abbfac 100644
--- a/tgui/packages/tgui/interfaces/OrionGame.jsx
+++ b/tgui/packages/tgui/interfaces/OrionGame.jsx
@@ -1,5 +1,6 @@
+import { Box, Button, Divider, Section, Stack } from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Box, Button, Divider, Section, Stack } from '../components';
import { Window } from '../layouts';
const buttonWidth = 2;
diff --git a/tgui/packages/tgui/interfaces/OutfitEditor.jsx b/tgui/packages/tgui/interfaces/OutfitEditor.jsx
index f277956a7aa5c..5bacf9e4adc93 100644
--- a/tgui/packages/tgui/interfaces/OutfitEditor.jsx
+++ b/tgui/packages/tgui/interfaces/OutfitEditor.jsx
@@ -1,5 +1,6 @@
+import { Box, Button, Icon, Image, Section, Stack } from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Box, Button, Icon, Image, Section, Stack } from '../components';
import { Window } from '../layouts';
export const OutfitEditor = (props) => {
diff --git a/tgui/packages/tgui/interfaces/OutfitManager.jsx b/tgui/packages/tgui/interfaces/OutfitManager.jsx
index 3ad3b8b36d9f5..b21adc40c0473 100644
--- a/tgui/packages/tgui/interfaces/OutfitManager.jsx
+++ b/tgui/packages/tgui/interfaces/OutfitManager.jsx
@@ -1,5 +1,6 @@
+import { Button, Section, Stack } from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Button, Section, Stack } from '../components';
import { Window } from '../layouts';
export const OutfitManager = (props) => {
diff --git a/tgui/packages/tgui/interfaces/PaiCard.tsx b/tgui/packages/tgui/interfaces/PaiCard.tsx
index 050137ef3de4f..1c07910151997 100644
--- a/tgui/packages/tgui/interfaces/PaiCard.tsx
+++ b/tgui/packages/tgui/interfaces/PaiCard.tsx
@@ -1,7 +1,3 @@
-import { decodeHtmlEntities } from 'common/string';
-
-import { BooleanLike } from '../../common/react';
-import { useBackend } from '../backend';
import {
BlockQuote,
Box,
@@ -10,7 +6,11 @@ import {
NoticeBox,
Section,
Stack,
-} from '../components';
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
+import { decodeHtmlEntities } from 'tgui-core/string';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/PaiInterface/Available.tsx b/tgui/packages/tgui/interfaces/PaiInterface/Available.tsx
index 361afdd0eb74c..7bafb0dc3aed5 100644
--- a/tgui/packages/tgui/interfaces/PaiInterface/Available.tsx
+++ b/tgui/packages/tgui/interfaces/PaiInterface/Available.tsx
@@ -7,7 +7,7 @@ import {
Section,
Table,
Tooltip,
-} from 'tgui/components';
+} from 'tgui-core/components';
import { SOFTWARE_DESC } from './constants';
import { PaiData } from './types';
diff --git a/tgui/packages/tgui/interfaces/PaiInterface/Directives.tsx b/tgui/packages/tgui/interfaces/PaiInterface/Directives.tsx
index 33f664be956d6..9378411ef25a2 100644
--- a/tgui/packages/tgui/interfaces/PaiInterface/Directives.tsx
+++ b/tgui/packages/tgui/interfaces/PaiInterface/Directives.tsx
@@ -1,6 +1,12 @@
-import { decodeHtmlEntities } from 'common/string';
import { useBackend } from 'tgui/backend';
-import { BlockQuote, Box, LabeledList, Section, Stack } from 'tgui/components';
+import {
+ BlockQuote,
+ Box,
+ LabeledList,
+ Section,
+ Stack,
+} from 'tgui-core/components';
+import { decodeHtmlEntities } from 'tgui-core/string';
import { DIRECTIVE_COMPREHENSION, DIRECTIVE_ORDER } from './constants';
import { PaiData } from './types';
diff --git a/tgui/packages/tgui/interfaces/PaiInterface/Installed.tsx b/tgui/packages/tgui/interfaces/PaiInterface/Installed.tsx
index edabfc620bb27..6f685078a9a45 100644
--- a/tgui/packages/tgui/interfaces/PaiInterface/Installed.tsx
+++ b/tgui/packages/tgui/interfaces/PaiInterface/Installed.tsx
@@ -1,6 +1,6 @@
import { useState } from 'react';
import { useBackend } from 'tgui/backend';
-import { Button, NoticeBox, Section, Stack } from 'tgui/components';
+import { Button, NoticeBox, Section, Stack } from 'tgui-core/components';
import { DOOR_JACK, HOST_SCAN, PHOTO_MODE, SOFTWARE_DESC } from './constants';
import { PaiData } from './types';
diff --git a/tgui/packages/tgui/interfaces/PaiInterface/System.tsx b/tgui/packages/tgui/interfaces/PaiInterface/System.tsx
index 2281411dc1f9b..95b6d5c5589b2 100644
--- a/tgui/packages/tgui/interfaces/PaiInterface/System.tsx
+++ b/tgui/packages/tgui/interfaces/PaiInterface/System.tsx
@@ -1,5 +1,5 @@
import { useBackend } from 'tgui/backend';
-import { Box, Button, LabeledList, Section, Stack } from 'tgui/components';
+import { Box, Button, LabeledList, Section, Stack } from 'tgui-core/components';
import { ICON_MAP } from './constants';
import { PaiData } from './types';
diff --git a/tgui/packages/tgui/interfaces/PaiInterface/index.tsx b/tgui/packages/tgui/interfaces/PaiInterface/index.tsx
index c085bf32107b1..b783cc69a3f9d 100644
--- a/tgui/packages/tgui/interfaces/PaiInterface/index.tsx
+++ b/tgui/packages/tgui/interfaces/PaiInterface/index.tsx
@@ -1,6 +1,6 @@
import { useState } from 'react';
-import { Stack, Tabs } from 'tgui/components';
import { Window } from 'tgui/layouts';
+import { Stack, Tabs } from 'tgui-core/components';
import { AvailableDisplay } from './Available';
import { PAI_TAB } from './constants';
diff --git a/tgui/packages/tgui/interfaces/PaiInterface/types.ts b/tgui/packages/tgui/interfaces/PaiInterface/types.ts
index 33b4a2a595226..f0de4219dd00b 100644
--- a/tgui/packages/tgui/interfaces/PaiInterface/types.ts
+++ b/tgui/packages/tgui/interfaces/PaiInterface/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'common/react';
+import { BooleanLike } from 'tgui-core/react';
export type PaiData = {
available: Record
;
diff --git a/tgui/packages/tgui/interfaces/PaiSubmit.tsx b/tgui/packages/tgui/interfaces/PaiSubmit.tsx
index 85e7d48c2bfb6..c27e78d30e364 100644
--- a/tgui/packages/tgui/interfaces/PaiSubmit.tsx
+++ b/tgui/packages/tgui/interfaces/PaiSubmit.tsx
@@ -1,7 +1,7 @@
import { useState } from 'react';
+import { Box, Button, Input, Section, Stack } from 'tgui-core/components';
import { useBackend } from '../backend';
-import { Box, Button, Input, Section, Stack } from '../components';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/PaintingAdminPanel.tsx b/tgui/packages/tgui/interfaces/PaintingAdminPanel.tsx
index 524d3d9004054..0c804e5a2373e 100644
--- a/tgui/packages/tgui/interfaces/PaintingAdminPanel.tsx
+++ b/tgui/packages/tgui/interfaces/PaintingAdminPanel.tsx
@@ -1,9 +1,9 @@
-import { decodeHtmlEntities } from 'common/string';
import { useState } from 'react';
+import { Box, Button, LabeledList, Section, Table } from 'tgui-core/components';
+import { decodeHtmlEntities } from 'tgui-core/string';
import { resolveAsset } from '../assets';
import { useBackend } from '../backend';
-import { Box, Button, LabeledList, Section, Table } from '../components';
import { Window } from '../layouts';
type PaintingAdminPanelData = {
diff --git a/tgui/packages/tgui/interfaces/PaintingMachine.jsx b/tgui/packages/tgui/interfaces/PaintingMachine.jsx
index fb98e5edb8138..90a250b8e25d5 100644
--- a/tgui/packages/tgui/interfaces/PaintingMachine.jsx
+++ b/tgui/packages/tgui/interfaces/PaintingMachine.jsx
@@ -1,5 +1,6 @@
+import { Button, Dropdown, Section, Stack } from 'tgui-core/components';
+
import { useBackend, useSharedState } from '../backend';
-import { Button, Dropdown, Section, Stack } from '../components';
import { Window } from '../layouts';
export const PaintingMachine = (props) => {
diff --git a/tgui/packages/tgui/interfaces/Pandemic/Beaker.tsx b/tgui/packages/tgui/interfaces/Pandemic/Beaker.tsx
index e418b20773814..983384d181c98 100644
--- a/tgui/packages/tgui/interfaces/Pandemic/Beaker.tsx
+++ b/tgui/packages/tgui/interfaces/Pandemic/Beaker.tsx
@@ -1,4 +1,3 @@
-import { capitalizeFirst } from 'common/string';
import { useBackend } from 'tgui/backend';
import {
Button,
@@ -7,7 +6,8 @@ import {
ProgressBar,
Section,
Stack,
-} from 'tgui/components';
+} from 'tgui-core/components';
+import { capitalizeFirst } from 'tgui-core/string';
import { Data } from './types';
diff --git a/tgui/packages/tgui/interfaces/Pandemic/Specimen.tsx b/tgui/packages/tgui/interfaces/Pandemic/Specimen.tsx
index c52e20980f4c2..1f55e0c8a7354 100644
--- a/tgui/packages/tgui/interfaces/Pandemic/Specimen.tsx
+++ b/tgui/packages/tgui/interfaces/Pandemic/Specimen.tsx
@@ -1,6 +1,6 @@
import { useState } from 'react';
import { useBackend } from 'tgui/backend';
-import { Button, NoticeBox, Section, Stack, Tabs } from 'tgui/components';
+import { Button, NoticeBox, Section, Stack, Tabs } from 'tgui-core/components';
import { SymptomDisplay } from './Symptom';
import { Data } from './types';
diff --git a/tgui/packages/tgui/interfaces/Pandemic/Symptom.tsx b/tgui/packages/tgui/interfaces/Pandemic/Symptom.tsx
index 5fa92583f2e51..5ae0d710e2618 100644
--- a/tgui/packages/tgui/interfaces/Pandemic/Symptom.tsx
+++ b/tgui/packages/tgui/interfaces/Pandemic/Symptom.tsx
@@ -5,7 +5,7 @@ import {
Section,
Stack,
Tooltip,
-} from 'tgui/components';
+} from 'tgui-core/components';
import { getColor } from './helpers';
import { Threshold } from './types';
diff --git a/tgui/packages/tgui/interfaces/Pandemic/Virus.tsx b/tgui/packages/tgui/interfaces/Pandemic/Virus.tsx
index 1ac70259c0614..aa550abba6a11 100644
--- a/tgui/packages/tgui/interfaces/Pandemic/Virus.tsx
+++ b/tgui/packages/tgui/interfaces/Pandemic/Virus.tsx
@@ -1,4 +1,3 @@
-import { capitalizeFirst, decodeHtmlEntities } from 'common/string';
import { useBackend } from 'tgui/backend';
import {
Box,
@@ -7,7 +6,8 @@ import {
Section,
Stack,
Tooltip,
-} from 'tgui/components';
+} from 'tgui-core/components';
+import { capitalizeFirst, decodeHtmlEntities } from 'tgui-core/string';
import { getColor } from './helpers';
import { Data } from './types';
diff --git a/tgui/packages/tgui/interfaces/Pandemic/index.tsx b/tgui/packages/tgui/interfaces/Pandemic/index.tsx
index a895b2c020533..0fc07b0631582 100644
--- a/tgui/packages/tgui/interfaces/Pandemic/index.tsx
+++ b/tgui/packages/tgui/interfaces/Pandemic/index.tsx
@@ -1,6 +1,6 @@
import { useBackend } from 'tgui/backend';
-import { Stack } from 'tgui/components';
import { Window } from 'tgui/layouts';
+import { Stack } from 'tgui-core/components';
import { BeakerDisplay } from './Beaker';
import { SpecimenDisplay } from './Specimen';
diff --git a/tgui/packages/tgui/interfaces/Pandemic/types.ts b/tgui/packages/tgui/interfaces/Pandemic/types.ts
index ff0362274c3de..f052474437f64 100644
--- a/tgui/packages/tgui/interfaces/Pandemic/types.ts
+++ b/tgui/packages/tgui/interfaces/Pandemic/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'common/react';
+import { BooleanLike } from 'tgui-core/react';
export type Data = {
beaker?: Beaker;
diff --git a/tgui/packages/tgui/interfaces/PaperSheet/Preview.tsx b/tgui/packages/tgui/interfaces/PaperSheet/Preview.tsx
index 84f9fe88f5d5c..773a438cfd49d 100644
--- a/tgui/packages/tgui/interfaces/PaperSheet/Preview.tsx
+++ b/tgui/packages/tgui/interfaces/PaperSheet/Preview.tsx
@@ -1,8 +1,8 @@
import { marked } from 'marked';
import { Component, RefObject } from 'react';
+import { Box, Section } from 'tgui-core/components';
import { useBackend, useLocalState } from '../../backend';
-import { Box, Section } from '../../components';
import { sanitizeText } from '../../sanitize';
import { canEdit, tokenizer, walkTokens } from './helpers';
import { StampView } from './StampView';
diff --git a/tgui/packages/tgui/interfaces/PaperSheet/PrimaryView.tsx b/tgui/packages/tgui/interfaces/PaperSheet/PrimaryView.tsx
index 126cc410b2fa7..54896ea36d21a 100644
--- a/tgui/packages/tgui/interfaces/PaperSheet/PrimaryView.tsx
+++ b/tgui/packages/tgui/interfaces/PaperSheet/PrimaryView.tsx
@@ -1,7 +1,7 @@
import { Component, createRef, RefObject } from 'react';
+import { Box, Button, Flex, Section, TextArea } from 'tgui-core/components';
import { useBackend, useLocalState } from '../../backend';
-import { Box, Button, Flex, Section, TextArea } from '../../components';
import { TEXTAREA_INPUT_HEIGHT } from './constants';
import { PreviewView } from './Preview';
import { PaperSheetStamper } from './Stamper';
diff --git a/tgui/packages/tgui/interfaces/PaperSheet/Stamp.tsx b/tgui/packages/tgui/interfaces/PaperSheet/Stamp.tsx
index ddf0571506b3e..03db6d6904b8f 100644
--- a/tgui/packages/tgui/interfaces/PaperSheet/Stamp.tsx
+++ b/tgui/packages/tgui/interfaces/PaperSheet/Stamp.tsx
@@ -1,4 +1,4 @@
-import { classes } from 'common/react';
+import { classes } from 'tgui-core/react';
const Z_INDEX_STAMP = 1;
const Z_INDEX_STAMP_PREVIEW = 2;
diff --git a/tgui/packages/tgui/interfaces/PaperSheet/Stamper.tsx b/tgui/packages/tgui/interfaces/PaperSheet/Stamper.tsx
index 863f511521976..9cbd0d0fccd4a 100644
--- a/tgui/packages/tgui/interfaces/PaperSheet/Stamper.tsx
+++ b/tgui/packages/tgui/interfaces/PaperSheet/Stamper.tsx
@@ -1,5 +1,5 @@
-import { clamp } from 'common/math';
import { Component, RefObject } from 'react';
+import { clamp } from 'tgui-core/math';
import { useBackend } from '../../backend';
import { Stamp } from './Stamp';
diff --git a/tgui/packages/tgui/interfaces/ParticleEdit/EntriesBasic.tsx b/tgui/packages/tgui/interfaces/ParticleEdit/EntriesBasic.tsx
index 901591033f8b7..fc2da240dfecb 100644
--- a/tgui/packages/tgui/interfaces/ParticleEdit/EntriesBasic.tsx
+++ b/tgui/packages/tgui/interfaces/ParticleEdit/EntriesBasic.tsx
@@ -1,6 +1,4 @@
import { useContext } from 'react';
-
-import { useBackend } from '../../backend';
import {
Box,
Button,
@@ -10,7 +8,9 @@ import {
LabeledList,
NumberInput,
Stack,
-} from '../../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../../backend';
import { ParticleContext } from '.';
import {
EntryCoordProps,
diff --git a/tgui/packages/tgui/interfaces/ParticleEdit/EntriesGenerators.tsx b/tgui/packages/tgui/interfaces/ParticleEdit/EntriesGenerators.tsx
index 22633a49a1ae3..9c7ff2a511ab6 100644
--- a/tgui/packages/tgui/interfaces/ParticleEdit/EntriesGenerators.tsx
+++ b/tgui/packages/tgui/interfaces/ParticleEdit/EntriesGenerators.tsx
@@ -1,7 +1,5 @@
/* eslint-disable react/jsx-no-undef */
import { useContext } from 'react';
-
-import { useBackend } from '../../backend';
import {
Button,
ColorBox,
@@ -9,7 +7,9 @@ import {
LabeledList,
NumberInput,
Stack,
-} from '../../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../../backend';
import { ParticleContext } from '.';
import {
EntryGeneratorNumbersListProps,
diff --git a/tgui/packages/tgui/interfaces/ParticleEdit/Generators.tsx b/tgui/packages/tgui/interfaces/ParticleEdit/Generators.tsx
index 365f2c02c1e50..3fb192db93526 100644
--- a/tgui/packages/tgui/interfaces/ParticleEdit/Generators.tsx
+++ b/tgui/packages/tgui/interfaces/ParticleEdit/Generators.tsx
@@ -1,5 +1,6 @@
+import { Dropdown, NumberInput, Stack } from 'tgui-core/components';
+
import { useBackend } from '../../backend';
-import { Dropdown, NumberInput, Stack } from '../../components';
import {
GeneratorProps,
GeneratorTypes,
diff --git a/tgui/packages/tgui/interfaces/ParticleEdit/Tutorial.tsx b/tgui/packages/tgui/interfaces/ParticleEdit/Tutorial.tsx
index 8f37c292139ef..6f3b1c1f6ad67 100644
--- a/tgui/packages/tgui/interfaces/ParticleEdit/Tutorial.tsx
+++ b/tgui/packages/tgui/interfaces/ParticleEdit/Tutorial.tsx
@@ -1,6 +1,4 @@
import { useContext } from 'react';
-
-import { resolveAsset } from '../../assets';
import {
Box,
Button,
@@ -9,7 +7,9 @@ import {
Modal,
Section,
Stack,
-} from '../../components';
+} from 'tgui-core/components';
+
+import { resolveAsset } from '../../assets';
import { ParticleContext } from '.';
export const ShowDesc = (props) => {
diff --git a/tgui/packages/tgui/interfaces/ParticleEdit/index.tsx b/tgui/packages/tgui/interfaces/ParticleEdit/index.tsx
index c5963d02c8985..ec6f85e025d4e 100644
--- a/tgui/packages/tgui/interfaces/ParticleEdit/index.tsx
+++ b/tgui/packages/tgui/interfaces/ParticleEdit/index.tsx
@@ -1,8 +1,8 @@
/* eslint-disable react/jsx-no-undef */
import { createContext, Dispatch, SetStateAction, useState } from 'react';
+import { Button, LabeledList, Section } from 'tgui-core/components';
import { useBackend } from '../../backend';
-import { Button, LabeledList, Section } from '../../components';
import { Window } from '../../layouts';
import { ParticleUIData } from './data';
import {
diff --git a/tgui/packages/tgui/interfaces/PersonalCrafting.tsx b/tgui/packages/tgui/interfaces/PersonalCrafting.tsx
index 87ad6c014a76a..4f85fd00af1e3 100644
--- a/tgui/packages/tgui/interfaces/PersonalCrafting.tsx
+++ b/tgui/packages/tgui/interfaces/PersonalCrafting.tsx
@@ -1,9 +1,5 @@
import { filter, sortBy } from 'common/collections';
-import { BooleanLike, classes } from 'common/react';
-import { createSearch } from 'common/string';
import { useState } from 'react';
-
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -16,7 +12,11 @@ import {
Tabs,
Tooltip,
VirtualList,
-} from '../components';
+} from 'tgui-core/components';
+import { BooleanLike, classes } from 'tgui-core/react';
+import { createSearch } from 'tgui-core/string';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
import { Food } from './PreferencesMenu/data';
diff --git a/tgui/packages/tgui/interfaces/PetBuilder.tsx b/tgui/packages/tgui/interfaces/PetBuilder.tsx
index 289281ade7f73..8098f414e5d33 100644
--- a/tgui/packages/tgui/interfaces/PetBuilder.tsx
+++ b/tgui/packages/tgui/interfaces/PetBuilder.tsx
@@ -1,6 +1,4 @@
import { useState } from 'react';
-
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -12,7 +10,9 @@ import {
LabeledList,
Section,
Stack,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
import { IconDisplay } from './LootPanel/IconDisplay';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/Photocopier.tsx b/tgui/packages/tgui/interfaces/Photocopier.tsx
index 7089474b2a7b7..22e16e85d1977 100644
--- a/tgui/packages/tgui/interfaces/Photocopier.tsx
+++ b/tgui/packages/tgui/interfaces/Photocopier.tsx
@@ -1,8 +1,4 @@
-import { createSearch } from 'common/string';
import { useState } from 'react';
-
-import { BooleanLike } from '../../common/react';
-import { useBackend } from '../backend';
import {
Button,
Input,
@@ -11,7 +7,11 @@ import {
Section,
Slider,
Stack,
-} from '../components';
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
+import { createSearch } from 'tgui-core/string';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/PipeDispenser.tsx b/tgui/packages/tgui/interfaces/PipeDispenser.tsx
index 2f51e3be6c677..35e2f4242d95e 100644
--- a/tgui/packages/tgui/interfaces/PipeDispenser.tsx
+++ b/tgui/packages/tgui/interfaces/PipeDispenser.tsx
@@ -1,8 +1,14 @@
-import { BooleanLike } from 'common/react';
import { useState } from 'react';
+import {
+ Button,
+ LabeledList,
+ Section,
+ Stack,
+ Tabs,
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
import { useBackend } from '../backend';
-import { Button, LabeledList, Section, Stack, Tabs } from '../components';
import { Window } from '../layouts';
import {
ColorItem,
diff --git a/tgui/packages/tgui/interfaces/PipeScrubber.tsx b/tgui/packages/tgui/interfaces/PipeScrubber.tsx
index b18d80a9a06c8..e1673f29dd4fd 100644
--- a/tgui/packages/tgui/interfaces/PipeScrubber.tsx
+++ b/tgui/packages/tgui/interfaces/PipeScrubber.tsx
@@ -1,7 +1,3 @@
-import { toFixed } from 'common/math';
-import { BooleanLike } from 'common/react';
-
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -10,9 +6,13 @@ import {
RoundGauge,
Section,
Tooltip,
-} from '../components';
+} from 'tgui-core/components';
+import { formatSiUnit } from 'tgui-core/format';
+import { toFixed } from 'tgui-core/math';
+import { BooleanLike } from 'tgui-core/react';
+
+import { useBackend } from '../backend';
import { getGasLabel } from '../constants';
-import { formatSiUnit } from '../format';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/PlaneMasterDebug.tsx b/tgui/packages/tgui/interfaces/PlaneMasterDebug.tsx
index c85cdec2d1311..85a5a2d979f14 100644
--- a/tgui/packages/tgui/interfaces/PlaneMasterDebug.tsx
+++ b/tgui/packages/tgui/interfaces/PlaneMasterDebug.tsx
@@ -1,10 +1,5 @@
import { sortBy } from 'common/collections';
-import { flow } from 'common/fp';
-import { classes, shallowDiffers } from 'common/react';
import { Component, createRef, RefObject } from 'react';
-
-import { resolveAsset } from '../assets';
-import { useBackend, useLocalState } from '../backend';
import {
Box,
Button,
@@ -16,7 +11,12 @@ import {
Slider,
Stack,
Tooltip,
-} from '../components';
+} from 'tgui-core/components';
+import { flow } from 'tgui-core/fp';
+import { classes, shallowDiffers } from 'tgui-core/react';
+
+import { resolveAsset } from '../assets';
+import { useBackend, useLocalState } from '../backend';
import { Window } from '../layouts';
import { Connection, Connections, Position } from './common/Connections';
import { MOUSE_BUTTON_LEFT, noop } from './IntegratedCircuit/constants';
diff --git a/tgui/packages/tgui/interfaces/PlayerTicketHistory.tsx b/tgui/packages/tgui/interfaces/PlayerTicketHistory.tsx
index e0cf3737dd894..4efcfbcf3c87d 100644
--- a/tgui/packages/tgui/interfaces/PlayerTicketHistory.tsx
+++ b/tgui/packages/tgui/interfaces/PlayerTicketHistory.tsx
@@ -1,6 +1,4 @@
import { useState } from 'react';
-
-import { useBackend } from '../backend';
import {
Button,
Collapsible,
@@ -10,7 +8,9 @@ import {
Section,
Stack,
Tabs,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/PortableChemMixer.tsx b/tgui/packages/tgui/interfaces/PortableChemMixer.tsx
index 9ffbe06b94392..f7fbdc3f8f3e0 100644
--- a/tgui/packages/tgui/interfaces/PortableChemMixer.tsx
+++ b/tgui/packages/tgui/interfaces/PortableChemMixer.tsx
@@ -1,7 +1,7 @@
import { sortBy } from 'common/collections';
+import { Box, Button, Section } from 'tgui-core/components';
import { useBackend } from '../backend';
-import { Box, Button, Section } from '../components';
import { Window } from '../layouts';
import { Beaker, BeakerDisplay } from './common/BeakerDisplay';
diff --git a/tgui/packages/tgui/interfaces/PortableGenerator.jsx b/tgui/packages/tgui/interfaces/PortableGenerator.jsx
index 76a8e2bab3da0..4efb547e32145 100644
--- a/tgui/packages/tgui/interfaces/PortableGenerator.jsx
+++ b/tgui/packages/tgui/interfaces/PortableGenerator.jsx
@@ -1,4 +1,3 @@
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -6,7 +5,9 @@ import {
NoticeBox,
ProgressBar,
Section,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
export const PortableGenerator = (props) => {
diff --git a/tgui/packages/tgui/interfaces/PortablePump.jsx b/tgui/packages/tgui/interfaces/PortablePump.jsx
index 4762b86c22317..fd1bbbefe5ef0 100644
--- a/tgui/packages/tgui/interfaces/PortablePump.jsx
+++ b/tgui/packages/tgui/interfaces/PortablePump.jsx
@@ -1,5 +1,11 @@
+import {
+ Button,
+ LabeledList,
+ NumberInput,
+ Section,
+} from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Button, LabeledList, NumberInput, Section } from '../components';
import { Window } from '../layouts';
import { PortableBasicInfo } from './common/PortableAtmos';
diff --git a/tgui/packages/tgui/interfaces/PortableScrubber.tsx b/tgui/packages/tgui/interfaces/PortableScrubber.tsx
index 72e5153c80376..f89cd005b813b 100644
--- a/tgui/packages/tgui/interfaces/PortableScrubber.tsx
+++ b/tgui/packages/tgui/interfaces/PortableScrubber.tsx
@@ -1,7 +1,7 @@
-import { BooleanLike } from 'common/react';
+import { Button, Section } from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
import { useBackend } from '../backend';
-import { Button, Section } from '../components';
import { getGasLabel } from '../constants';
import { Window } from '../layouts';
import { PortableBasicInfo } from './common/PortableAtmos';
diff --git a/tgui/packages/tgui/interfaces/PortableTurret.jsx b/tgui/packages/tgui/interfaces/PortableTurret.jsx
index 90b1a570a60ed..7e6257e9e7149 100644
--- a/tgui/packages/tgui/interfaces/PortableTurret.jsx
+++ b/tgui/packages/tgui/interfaces/PortableTurret.jsx
@@ -1,5 +1,6 @@
+import { Button, LabeledList, NoticeBox, Section } from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Button, LabeledList, NoticeBox, Section } from '../components';
import { Window } from '../layouts';
export const PortableTurret = (props) => {
diff --git a/tgui/packages/tgui/interfaces/Portagrav.tsx b/tgui/packages/tgui/interfaces/Portagrav.tsx
index d84c5b63842a2..3b630e1d3081d 100644
--- a/tgui/packages/tgui/interfaces/Portagrav.tsx
+++ b/tgui/packages/tgui/interfaces/Portagrav.tsx
@@ -1,7 +1,7 @@
-import { BooleanLike } from 'common/react';
+import { Box, Button, Icon, Section, Stack } from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
import { useBackend } from '../backend';
-import { Box, Button, Icon, Section, Stack } from '../components';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/PortraitPicker.jsx b/tgui/packages/tgui/interfaces/PortraitPicker.jsx
index 18997c67fb119..5319226e97f97 100644
--- a/tgui/packages/tgui/interfaces/PortraitPicker.jsx
+++ b/tgui/packages/tgui/interfaces/PortraitPicker.jsx
@@ -1,8 +1,8 @@
import { useState } from 'react';
+import { Button, Flex, Input, NoticeBox, Section } from 'tgui-core/components';
import { resolveAsset } from '../assets';
import { useBackend } from '../backend';
-import { Button, Flex, Input, NoticeBox, Section } from '../components';
import { Window } from '../layouts';
export const PortraitPicker = (props) => {
diff --git a/tgui/packages/tgui/interfaces/PowerMonitor.tsx b/tgui/packages/tgui/interfaces/PowerMonitor.tsx
index b311ae15ede54..3154bcdc0fd18 100644
--- a/tgui/packages/tgui/interfaces/PowerMonitor.tsx
+++ b/tgui/packages/tgui/interfaces/PowerMonitor.tsx
@@ -12,10 +12,10 @@ import {
Stack,
Table,
} from 'tgui-core/components';
+import { Tooltip } from 'tgui-core/components';
import { toFixed } from 'tgui-core/math';
import { useBackend } from '../backend';
-import { Tooltip } from '../components';
import { Window } from '../layouts';
import { LoadingScreen } from './common/LoadingToolbox';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/AntagsPage.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/AntagsPage.tsx
index 56bdf205194bc..cacf2eef232ac 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/AntagsPage.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/AntagsPage.tsx
@@ -1,8 +1,5 @@
import { binaryInsertWith } from 'common/collections';
-import { classes } from 'common/react';
import { useState } from 'react';
-
-import { useBackend } from '../../backend';
import {
Box,
Button,
@@ -11,7 +8,10 @@ import {
Section,
Stack,
Tooltip,
-} from '../../components';
+} from 'tgui-core/components';
+import { classes } from 'tgui-core/react';
+
+import { useBackend } from '../../backend';
import { Antagonist, Category } from './antagonists/base';
import { PreferencesMenuData } from './data';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/CharacterPreferenceWindow.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/CharacterPreferenceWindow.tsx
index 96791f1cc343f..837a4c8432471 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/CharacterPreferenceWindow.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/CharacterPreferenceWindow.tsx
@@ -1,8 +1,8 @@
-import { exhaustiveCheck } from 'common/exhaustive';
import { useState } from 'react';
+import { Button, Stack } from 'tgui-core/components';
+import { exhaustiveCheck } from 'tgui-core/exhaustive';
import { useBackend } from '../../backend';
-import { Button, Stack } from '../../components';
import { Window } from '../../layouts';
import { AntagsPage } from './AntagsPage';
import { PreferencesMenuData } from './data';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/DeleteCharacterPopup.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/DeleteCharacterPopup.tsx
index 3656465677b21..1748f39e12a28 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/DeleteCharacterPopup.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/DeleteCharacterPopup.tsx
@@ -1,7 +1,7 @@
import { useEffect, useState } from 'react';
+import { Box, Button, Modal, Stack } from 'tgui-core/components';
import { useBackend } from '../../backend';
-import { Box, Button, Modal, Stack } from '../../components';
import { PreferencesMenuData } from './data';
export const DeleteCharacterPopup = (props: { close: () => void }) => {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferenceWindow.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferenceWindow.tsx
index 4da23c11f2085..750e795b98150 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferenceWindow.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferenceWindow.tsx
@@ -1,8 +1,8 @@
-import { exhaustiveCheck } from 'common/exhaustive';
import { useState } from 'react';
+import { Stack } from 'tgui-core/components';
+import { exhaustiveCheck } from 'tgui-core/exhaustive';
import { useBackend } from '../../backend';
-import { Stack } from '../../components';
import { Window } from '../../layouts';
import { GamePreferencesSelectedPage, PreferencesMenuData } from './data';
import { GamePreferencesPage } from './GamePreferencesPage';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferencesPage.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferencesPage.tsx
index ad81b2c27fd5b..09c6315133036 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferencesPage.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/GamePreferencesPage.tsx
@@ -1,8 +1,8 @@
import { binaryInsertWith, sortBy } from 'common/collections';
import { ReactNode } from 'react';
+import { Box, Flex, Tooltip } from 'tgui-core/components';
import { useBackend } from '../../backend';
-import { Box, Flex, Tooltip } from '../../components';
import { PreferencesMenuData } from './data';
import features from './preferences/features';
import { FeatureValueInput } from './preferences/features/base';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/JobsPage.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/JobsPage.tsx
index 301cb8d964a03..69df66951e848 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/JobsPage.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/JobsPage.tsx
@@ -1,10 +1,10 @@
import { sortBy } from 'common/collections';
-import { classes } from 'common/react';
import { PropsWithChildren, ReactNode } from 'react';
+import { Box, Button, Dropdown, Stack, Tooltip } from 'tgui-core/components';
+import { classes } from 'tgui-core/react';
import { useBackend } from '../../backend';
import { JOBS_RU } from '../../bandastation/ru_jobs'; // BANDASTATION EDIT
-import { Box, Button, Dropdown, Stack, Tooltip } from '../../components';
import {
createSetPreference,
Job,
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/KeybindingsPage.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/KeybindingsPage.tsx
index d318e84be955b..ff05a16a993d9 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/KeybindingsPage.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/KeybindingsPage.tsx
@@ -1,9 +1,5 @@
import { range, sortBy } from 'common/collections';
-import { isEscape, KEY } from 'common/keys';
import { Component } from 'react';
-
-import { resolveAsset } from '../../assets';
-import { useBackend } from '../../backend';
import {
Box,
Button,
@@ -11,9 +7,13 @@ import {
Stack,
Tooltip,
TrackOutsideClicks,
-} from '../../components';
-import { KeyEvent } from '../../events';
-import { fetchRetry } from '../../http';
+} from 'tgui-core/components';
+import { KeyEvent } from 'tgui-core/events';
+import { fetchRetry } from 'tgui-core/http';
+import { isEscape, KEY } from 'tgui-core/keys';
+
+import { resolveAsset } from '../../assets';
+import { useBackend } from '../../backend';
import { PreferencesMenuData } from './data';
import { TabbedMenu } from './TabbedMenu';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/MainPage.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/MainPage.tsx
index 2170ac97d5a53..44d569be51646 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/MainPage.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/MainPage.tsx
@@ -1,9 +1,5 @@
import { filter, map, sortBy } from 'common/collections';
-import { classes } from 'common/react';
-import { createSearch } from 'common/string';
import { ReactNode, useState } from 'react';
-
-import { sendAct, useBackend } from '../../backend';
import {
Autofocus,
Box,
@@ -13,7 +9,11 @@ import {
LabeledList,
Popper,
Stack,
-} from '../../components';
+} from 'tgui-core/components';
+import { classes } from 'tgui-core/react';
+import { createSearch } from 'tgui-core/string';
+
+import { sendAct, useBackend } from '../../backend';
import { CharacterPreview } from '../common/CharacterPreview';
import {
createSetPreference,
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/PageButton.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/PageButton.tsx
index a8964b23a010d..431b3b2de7982 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/PageButton.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/PageButton.tsx
@@ -1,6 +1,5 @@
import { ReactNode } from 'react';
-
-import { Button } from '../../components';
+import { Button } from 'tgui-core/components';
export const PageButton = (props: {
currentPage: P;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/QuirksPage.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/QuirksPage.tsx
index 2361470e40bbe..fbe50a7fe5e20 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/QuirksPage.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/QuirksPage.tsx
@@ -1,8 +1,15 @@
import { filter } from 'common/collections';
import { useState } from 'react';
+import {
+ Box,
+ Button,
+ Icon,
+ Popper,
+ Stack,
+ Tooltip,
+} from 'tgui-core/components';
import { useBackend } from '../../backend';
-import { Box, Button, Icon, Popper, Stack, Tooltip } from '../../components';
import { PreferencesMenuData, Quirk, RandomSetting, ServerData } from './data';
import { getRandomization, PreferenceList } from './MainPage';
import { ServerPreferencesFetcher } from './ServerPreferencesFetcher';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/RandomizationButton.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/RandomizationButton.tsx
index f8873830f0a21..cbc1c6fa18cb6 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/RandomizationButton.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/RandomizationButton.tsx
@@ -1,6 +1,6 @@
-import { exhaustiveCheck } from 'common/exhaustive';
+import { Dropdown } from 'tgui-core/components';
+import { exhaustiveCheck } from 'tgui-core/exhaustive';
-import { Dropdown } from '../../components';
import { RandomSetting } from './data';
const options = [
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/ServerPreferencesFetcher.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/ServerPreferencesFetcher.tsx
index 0b90fd855c752..5286e30be244d 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/ServerPreferencesFetcher.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/ServerPreferencesFetcher.tsx
@@ -1,7 +1,7 @@
import { Component, ReactNode } from 'react';
+import { fetchRetry } from 'tgui-core/http';
import { resolveAsset } from '../../assets';
-import { fetchRetry } from '../../http';
import { ServerData } from './data';
// Cache response so it's only sent once
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/SpeciesPage.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/SpeciesPage.tsx
index 2d16ecaa31e79..479b64f2ccde7 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/SpeciesPage.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/SpeciesPage.tsx
@@ -1,6 +1,3 @@
-import { classes } from 'common/react';
-
-import { useBackend } from '../../backend';
import {
BlockQuote,
Box,
@@ -10,7 +7,10 @@ import {
Section,
Stack,
Tooltip,
-} from '../../components';
+} from 'tgui-core/components';
+import { classes } from 'tgui-core/react';
+
+import { useBackend } from '../../backend';
import { CharacterPreview } from '../common/CharacterPreview';
import {
createSetPreference,
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/TabbedMenu.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/TabbedMenu.tsx
index 13c572ebc84c0..1addb17c1e5db 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/TabbedMenu.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/TabbedMenu.tsx
@@ -1,11 +1,15 @@
-import { Component, createRef, ReactNode, RefObject } from 'react';
-
-import { Button, Section, Stack } from '../../components';
-import { FlexProps } from '../../components/Flex';
+import {
+ Component,
+ ComponentProps,
+ createRef,
+ ReactNode,
+ RefObject,
+} from 'react';
+import { Button, Flex, Section, Stack } from 'tgui-core/components';
type TabbedMenuProps = {
categoryEntries: [string, ReactNode][];
- contentProps?: FlexProps;
+ contentProps?: ComponentProps;
};
export class TabbedMenu extends Component {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/VoicePage.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/VoicePage.tsx
index 6ffe6ff438b26..af170f126dc56 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/VoicePage.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/VoicePage.tsx
@@ -1,6 +1,4 @@
import { useState } from 'react';
-
-import { useBackend } from '../../backend';
import {
BlockQuote,
Button,
@@ -13,7 +11,9 @@ import {
Stack,
Table,
VirtualList,
-} from '../../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../../backend';
import { PreferencesMenuData, Seed, ServerData, TtsData } from './data';
import { ServerPreferencesFetcher } from './ServerPreferencesFetcher';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/data.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/data.ts
index 09fa72b6856ae..59236dd107163 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/data.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/data.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'common/react';
+import { BooleanLike } from 'tgui-core/react';
import { sendAct } from '../../backend';
import { LoadoutCategory, LoadoutList } from './loadout/base';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/index.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/index.tsx
index 0f8aefcecf9da..5638c716b05bc 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/index.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/index.tsx
@@ -1,4 +1,4 @@
-import { exhaustiveCheck } from 'common/exhaustive';
+import { exhaustiveCheck } from 'tgui-core/exhaustive';
import { useBackend } from '../../backend';
import { CharacterPreferenceWindow } from './CharacterPreferenceWindow';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/ItemDisplay.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/ItemDisplay.tsx
index 90e4c3750b348..3de795599e1e2 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/ItemDisplay.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/ItemDisplay.tsx
@@ -1,6 +1,3 @@
-import { createSearch } from '../../../../common/string';
-import { useBackend } from '../../../backend';
-import { ItemDisplay220 } from '../../../bandastation/ItemDisplay220';
import {
Box,
Button,
@@ -8,7 +5,11 @@ import {
Flex,
Icon,
NoticeBox,
-} from '../../../components';
+} from 'tgui-core/components';
+import { createSearch } from 'tgui-core/string';
+
+import { useBackend } from '../../../backend';
+import { ItemDisplay220 } from '../../../bandastation/ItemDisplay220'; // BANDASTATION EDIT
import { LoadoutCategory, LoadoutItem, LoadoutManagerData } from './base';
export const ItemIcon = (props: { item: LoadoutItem; scale?: number }) => {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/ModifyPanel.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/ModifyPanel.tsx
index 70959691af850..760853ddc1558 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/ModifyPanel.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/ModifyPanel.tsx
@@ -1,4 +1,3 @@
-import { useBackend } from '../../../backend';
import {
Box,
Button,
@@ -9,7 +8,9 @@ import {
LabeledList,
Section,
Stack,
-} from '../../../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../../../backend';
import { FAIcon, LoadoutItem, LoadoutManagerData, ReskinOption } from './base';
import { ItemIcon } from './ItemDisplay';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/base.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/base.ts
index 575de19ba342a..f6a9a9db19410 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/base.ts
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/base.ts
@@ -1,4 +1,5 @@
-import { BooleanLike } from '../../../../common/react';
+import { BooleanLike } from 'tgui-core/react';
+
import { PreferencesMenuData } from '../data';
import { LoadoutButton } from './ModifyPanel';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/index.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/index.tsx
index 4baa93e2910fe..1e937217e1086 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/index.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/loadout/index.tsx
@@ -1,6 +1,4 @@
import { Fragment, useState } from 'react';
-
-import { useBackend } from '../../../backend';
import {
Box,
Button,
@@ -11,7 +9,9 @@ import {
Section,
Stack,
Tabs,
-} from '../../../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../../../backend';
import { CharacterPreview } from '../../common/CharacterPreview';
import { ServerData } from '../data';
import { ServerPreferencesFetcher } from '../ServerPreferencesFetcher';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/names.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/names.tsx
index 8cb70e8e325ce..34ea49910051d 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/names.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/names.tsx
@@ -1,6 +1,5 @@
import { binaryInsertWith, sortBy } from 'common/collections';
import { useState } from 'react';
-
import {
Box,
Button,
@@ -12,7 +11,8 @@ import {
Section,
Stack,
TrackOutsideClicks,
-} from '../../components';
+} from 'tgui-core/components';
+
import { Name } from './data';
import { ServerPreferencesFetcher } from './ServerPreferencesFetcher';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx
index fe730cd57b1fd..a69f0d0340cc5 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx
@@ -1,5 +1,4 @@
import { sortBy } from 'common/collections';
-import { BooleanLike } from 'common/react';
import {
ComponentType,
createElement,
@@ -7,8 +6,7 @@ import {
useEffect,
useState,
} from 'react';
-
-import { sendAct, useBackend } from '../../../../backend';
+import { sendAct, useBackend } from 'tgui/backend';
import {
Box,
Button,
@@ -17,7 +15,9 @@ import {
NumberInput,
Slider,
Stack,
-} from '../../../../components';
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
+
import { createSetPreference, PreferencesMenuData } from '../../data';
import { ServerPreferencesFetcher } from '../../ServerPreferencesFetcher';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base_bandastation.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base_bandastation.tsx
index 6257d2dade85f..90377f7a56ef5 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base_bandastation.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base_bandastation.tsx
@@ -1,4 +1,5 @@
-import { Box, TextArea } from '../../../../components';
+import { Box, TextArea } from 'tgui-core/components';
+
import { FeatureShortTextData, FeatureValueProps } from './base';
export const FeatureTextInput = (
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/character_preferences/skin_tone.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/character_preferences/skin_tone.tsx
index df6c033a56df9..b279d05b521b2 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/character_preferences/skin_tone.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/character_preferences/skin_tone.tsx
@@ -1,6 +1,6 @@
import { sortBy } from 'common/collections';
import { useMemo } from 'react';
-import { Box, Dropdown, Stack } from 'tgui/components';
+import { Box, Dropdown, Stack } from 'tgui-core/components';
import { Feature, FeatureChoicedServerData, FeatureValueProps } from '../base';
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/character_preferences/tts_voice.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/character_preferences/tts_voice.tsx
index 1f588f07f15b4..e9effdbde58d0 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/character_preferences/tts_voice.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/character_preferences/tts_voice.tsx
@@ -1,4 +1,5 @@
-import { Button, Stack } from '../../../../../components';
+import { Button, Stack } from 'tgui-core/components';
+
import {
FeatureChoiced,
FeatureChoicedServerData,
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/dropdowns.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/dropdowns.tsx
index 32e1161e636aa..c4cca0cff8041 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/dropdowns.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/dropdowns.tsx
@@ -1,8 +1,8 @@
-import { classes } from 'common/react';
-import { capitalizeFirst } from 'common/string';
import { ReactNode } from 'react';
+import { Box, Dropdown, Stack } from 'tgui-core/components';
+import { classes } from 'tgui-core/react';
+import { capitalizeFirst } from 'tgui-core/string';
-import { Box, Dropdown, Stack } from '../../../../components';
import { Feature, FeatureChoicedServerData, FeatureValueProps } from './base';
type DropdownInputProps = FeatureValueProps<
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/fps.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/fps.tsx
index fdc9eacbb60a0..a4c37a1dd04dc 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/fps.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/fps.tsx
@@ -1,4 +1,5 @@
-import { Dropdown, NumberInput, Stack } from '../../../../../components';
+import { Dropdown, NumberInput, Stack } from 'tgui-core/components';
+
import { Feature, FeatureNumericData, FeatureValueProps } from '../base';
type FpsServerData = FeatureNumericData & {
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ghost.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ghost.tsx
index 2afb311953197..fd316cf1c2340 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ghost.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ghost.tsx
@@ -1,9 +1,9 @@
import { binaryInsertWith } from 'common/collections';
-import { classes } from 'common/react';
import { ReactNode } from 'react';
+import { useBackend } from 'tgui/backend';
+import { Box, Dropdown, Flex } from 'tgui-core/components';
+import { classes } from 'tgui-core/react';
-import { useBackend } from '../../../../../backend';
-import { Box, Dropdown, Flex } from '../../../../../components';
import { PreferencesMenuData } from '../../../data';
import {
CheckboxInput,
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui_style.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui_style.tsx
index c095c90b07d58..f5cc6be9a640c 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui_style.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui_style.tsx
@@ -1,6 +1,6 @@
-import { classes } from 'common/react';
+import { Box, Dropdown, Stack } from 'tgui-core/components';
+import { classes } from 'tgui-core/react';
-import { Box, Dropdown, Stack } from '../../../../../components';
import {
FeatureChoiced,
FeatureChoicedServerData,
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/randomization.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/randomization.tsx
index 56eb86da9a1bc..08d3b613b9165 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/randomization.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/randomization.tsx
@@ -1,5 +1,6 @@
-import { useBackend } from '../../../../backend';
-import { Button, Stack } from '../../../../components';
+import { useBackend } from 'tgui/backend';
+import { Button, Stack } from 'tgui-core/components';
+
import { PreferencesMenuData, RandomSetting } from '../../data';
import { RandomizationButton } from '../../RandomizationButton';
import { useRandomToggleState } from '../../useRandomToggleState';
diff --git a/tgui/packages/tgui/interfaces/PrisonerManagement.tsx b/tgui/packages/tgui/interfaces/PrisonerManagement.tsx
index fb69331ccdda1..eb5446ecb5ca5 100644
--- a/tgui/packages/tgui/interfaces/PrisonerManagement.tsx
+++ b/tgui/packages/tgui/interfaces/PrisonerManagement.tsx
@@ -1,6 +1,3 @@
-import { BooleanLike } from 'common/react';
-
-import { useBackend, useSharedState } from '../backend';
import {
Box,
Button,
@@ -10,7 +7,10 @@ import {
Section,
Stack,
Tabs,
-} from '../components';
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
+
+import { useBackend, useSharedState } from '../backend';
import { Window } from '../layouts';
type byondRef = string;
diff --git a/tgui/packages/tgui/interfaces/ProbingConsole.jsx b/tgui/packages/tgui/interfaces/ProbingConsole.jsx
index 876b280f7c7f8..30db37420a3a3 100644
--- a/tgui/packages/tgui/interfaces/ProbingConsole.jsx
+++ b/tgui/packages/tgui/interfaces/ProbingConsole.jsx
@@ -1,5 +1,6 @@
+import { Button, LabeledList, NoticeBox, Section } from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Button, LabeledList, NoticeBox, Section } from '../components';
import { Window } from '../layouts';
export const ProbingConsole = (props) => {
diff --git a/tgui/packages/tgui/interfaces/ProcCallMenu.tsx b/tgui/packages/tgui/interfaces/ProcCallMenu.tsx
index 6db723bcfb423..2e830f4d9723c 100644
--- a/tgui/packages/tgui/interfaces/ProcCallMenu.tsx
+++ b/tgui/packages/tgui/interfaces/ProcCallMenu.tsx
@@ -1,6 +1,3 @@
-import { BooleanLike } from 'common/react';
-
-import { useBackend } from '../backend';
import {
Button,
Dropdown,
@@ -8,7 +5,10 @@ import {
NoticeBox,
Section,
Stack,
-} from '../components';
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
type Port = {
diff --git a/tgui/packages/tgui/interfaces/ProcessingConsole.tsx b/tgui/packages/tgui/interfaces/ProcessingConsole.tsx
index 3260cfaa01608..1e223586b694e 100644
--- a/tgui/packages/tgui/interfaces/ProcessingConsole.tsx
+++ b/tgui/packages/tgui/interfaces/ProcessingConsole.tsx
@@ -1,6 +1,3 @@
-import { toTitleCase } from 'common/string';
-
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -10,8 +7,11 @@ import {
Section,
Stack,
Table,
-} from '../components';
-import { formatSiUnit } from '../format';
+} from 'tgui-core/components';
+import { formatSiUnit } from 'tgui-core/format';
+import { toTitleCase } from 'tgui-core/string';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
import { Material } from './Fabrication/Types';
diff --git a/tgui/packages/tgui/interfaces/ProduceConsole.tsx b/tgui/packages/tgui/interfaces/ProduceConsole.tsx
index 76dfb6e84565d..f759e910603be 100644
--- a/tgui/packages/tgui/interfaces/ProduceConsole.tsx
+++ b/tgui/packages/tgui/interfaces/ProduceConsole.tsx
@@ -1,8 +1,4 @@
-import { BooleanLike } from 'common/react';
-import { capitalize, createSearch } from 'common/string';
import { useState } from 'react';
-
-import { useBackend, useLocalState } from '../backend';
import {
Box,
Button,
@@ -15,7 +11,11 @@ import {
Section,
Stack,
Tabs,
-} from '../components';
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
+import { capitalize, createSearch } from 'tgui-core/string';
+
+import { useBackend, useLocalState } from '../backend';
import { Window } from '../layouts';
const buttonWidth = 2;
diff --git a/tgui/packages/tgui/interfaces/ProximitySensor.jsx b/tgui/packages/tgui/interfaces/ProximitySensor.jsx
index f932015e8d8c2..ab03a43ae0537 100644
--- a/tgui/packages/tgui/interfaces/ProximitySensor.jsx
+++ b/tgui/packages/tgui/interfaces/ProximitySensor.jsx
@@ -1,5 +1,6 @@
+import { Button, LabeledList, Section } from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Button, LabeledList, Section } from '../components';
import { Window } from '../layouts';
export const ProximitySensor = (props) => {
diff --git a/tgui/packages/tgui/interfaces/Puzzgrid.tsx b/tgui/packages/tgui/interfaces/Puzzgrid.tsx
index bece915fcd1ad..a1ab5ccbb04a9 100644
--- a/tgui/packages/tgui/interfaces/Puzzgrid.tsx
+++ b/tgui/packages/tgui/interfaces/Puzzgrid.tsx
@@ -1,9 +1,9 @@
import { range } from 'common/collections';
-import { BooleanLike } from 'common/react';
import { PropsWithChildren } from 'react';
+import { Box, Button, FitText, Stack } from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
import { useBackend } from '../backend';
-import { Box, Button, FitText, Stack } from '../components';
import { Window } from '../layouts';
const CELLS_PER_GROUP = 4;
diff --git a/tgui/packages/tgui/interfaces/QuantumConsole.tsx b/tgui/packages/tgui/interfaces/QuantumConsole.tsx
index 38d6850e8bc0e..2ceddb1152aa2 100644
--- a/tgui/packages/tgui/interfaces/QuantumConsole.tsx
+++ b/tgui/packages/tgui/interfaces/QuantumConsole.tsx
@@ -1,4 +1,3 @@
-import { BooleanLike } from 'common/react';
import {
Button,
Collapsible,
@@ -11,9 +10,9 @@ import {
Tabs,
Tooltip,
} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
import { useBackend, useSharedState } from '../backend';
-import { TableCell, TableRow } from '../components/Table';
import { Window } from '../layouts';
import { LoadingScreen } from './common/LoadingToolbox';
@@ -312,16 +311,16 @@ function DomainEntry(props: DomainEntryProps) {
@@ -367,12 +366,12 @@ const AvatarDisplay = (props) => {
>
{avatars.map(({ health, name, pilot, brute, burn, tox, oxy }) => (
-
-
+
+
{pilot} как{' '}
"{name}"
-
-
+
+
{brute === 0 && burn === 0 && tox === 0 && oxy === 0 && (
@@ -395,8 +394,8 @@ const AvatarDisplay = (props) => {
50 ? 'blue' : 'gray'} name="lungs" />
-
-
+
+
{
}}
value={health}
/>
-
-
+
+
))}
@@ -419,28 +418,28 @@ const DisplayDetails = (props: DisplayDetailsProps) => {
const { amount = 0, color, icon = 'star' } = props;
if (amount === 0) {
- return Никакие;
+ return Никакие;
}
if (typeof amount === 'string') {
- return {String(amount)}; // don't ask
+ return {String(amount)}; // don't ask
}
if (amount > 4) {
return (
-
+
{amount}
-
+
);
}
return (
-
+
{Array.from({ length: amount }, (_, index) => (
@@ -448,6 +447,6 @@ const DisplayDetails = (props: DisplayDetailsProps) => {
))}
-
+
);
};
diff --git a/tgui/packages/tgui/interfaces/Radio.jsx b/tgui/packages/tgui/interfaces/Radio.jsx
index d852149571a21..d417820c79058 100644
--- a/tgui/packages/tgui/interfaces/Radio.jsx
+++ b/tgui/packages/tgui/interfaces/Radio.jsx
@@ -1,8 +1,14 @@
import { map } from 'common/collections';
-import { toFixed } from 'common/math';
+import {
+ Box,
+ Button,
+ LabeledList,
+ NumberInput,
+ Section,
+} from 'tgui-core/components';
+import { toFixed } from 'tgui-core/math';
import { useBackend } from '../backend';
-import { Box, Button, LabeledList, NumberInput, Section } from '../components';
import { RADIO_CHANNELS } from '../constants';
import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/RadioactiveMicrolaser.jsx b/tgui/packages/tgui/interfaces/RadioactiveMicrolaser.jsx
index ee4638a6aef44..49f47a41ce50a 100644
--- a/tgui/packages/tgui/interfaces/RadioactiveMicrolaser.jsx
+++ b/tgui/packages/tgui/interfaces/RadioactiveMicrolaser.jsx
@@ -1,5 +1,12 @@
+import {
+ Box,
+ Button,
+ LabeledList,
+ NumberInput,
+ Section,
+} from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Box, Button, LabeledList, NumberInput, Section } from '../components';
import { Window } from '../layouts';
export const RadioactiveMicrolaser = (props) => {
diff --git a/tgui/packages/tgui/interfaces/RapidConstructionDevice.tsx b/tgui/packages/tgui/interfaces/RapidConstructionDevice.tsx
index cc846aff90dbc..d844a1c5ca22e 100644
--- a/tgui/packages/tgui/interfaces/RapidConstructionDevice.tsx
+++ b/tgui/packages/tgui/interfaces/RapidConstructionDevice.tsx
@@ -1,9 +1,16 @@
-import { BooleanLike, classes } from 'common/react';
-import { capitalizeAll } from 'common/string';
import { useState } from 'react';
+import {
+ Box,
+ Button,
+ LabeledList,
+ Section,
+ Stack,
+ Tabs,
+} from 'tgui-core/components';
+import { BooleanLike, classes } from 'tgui-core/react';
+import { capitalizeAll } from 'tgui-core/string';
import { useBackend } from '../backend';
-import { Box, Button, LabeledList, Section, Stack, Tabs } from '../components';
import { Window } from '../layouts';
import { AirLockMainSection } from './AirlockElectronics';
diff --git a/tgui/packages/tgui/interfaces/RapidPipeDispenser.tsx b/tgui/packages/tgui/interfaces/RapidPipeDispenser.tsx
index 46b58c4e381bd..bee64ef659d4c 100644
--- a/tgui/packages/tgui/interfaces/RapidPipeDispenser.tsx
+++ b/tgui/packages/tgui/interfaces/RapidPipeDispenser.tsx
@@ -1,8 +1,4 @@
-import { BooleanLike, classes } from 'common/react';
-import { capitalizeAll } from 'common/string';
import { useState } from 'react';
-
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -12,7 +8,11 @@ import {
Stack,
Table,
Tabs,
-} from '../components';
+} from 'tgui-core/components';
+import { BooleanLike, classes } from 'tgui-core/react';
+import { capitalizeAll } from 'tgui-core/string';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
const ROOT_CATEGORIES = ['Atmospherics', 'Disposals', 'Transit Tubes'];
diff --git a/tgui/packages/tgui/interfaces/RapidPlumbingDevice.tsx b/tgui/packages/tgui/interfaces/RapidPlumbingDevice.tsx
index 6a5940e5570ba..d546630af0c37 100644
--- a/tgui/packages/tgui/interfaces/RapidPlumbingDevice.tsx
+++ b/tgui/packages/tgui/interfaces/RapidPlumbingDevice.tsx
@@ -1,9 +1,16 @@
-import { BooleanLike, classes } from 'common/react';
-import { capitalizeAll } from 'common/string';
import { useState } from 'react';
+import {
+ Box,
+ Button,
+ LabeledList,
+ Section,
+ Stack,
+ Tabs,
+} from 'tgui-core/components';
+import { BooleanLike, classes } from 'tgui-core/react';
+import { capitalizeAll } from 'tgui-core/string';
import { useBackend } from '../backend';
-import { Box, Button, LabeledList, Section, Stack, Tabs } from '../components';
import { Window } from '../layouts';
import { MatterItem, SiloItem } from './RapidConstructionDevice';
import { ColorItem } from './RapidPipeDispenser';
diff --git a/tgui/packages/tgui/interfaces/RapidTilingDevice.tsx b/tgui/packages/tgui/interfaces/RapidTilingDevice.tsx
index 70e201be17669..e4959b4036a9f 100644
--- a/tgui/packages/tgui/interfaces/RapidTilingDevice.tsx
+++ b/tgui/packages/tgui/interfaces/RapidTilingDevice.tsx
@@ -1,9 +1,9 @@
-import { classes } from 'common/react';
-import { capitalizeAll } from 'common/string';
import { useState } from 'react';
+import { Box, Button, Section, Stack, Tabs } from 'tgui-core/components';
+import { classes } from 'tgui-core/react';
+import { capitalizeAll } from 'tgui-core/string';
import { useBackend } from '../backend';
-import { Box, Button, Section, Stack, Tabs } from '../components';
import { Window } from '../layouts';
import { InfoSection } from './RapidConstructionDevice';
diff --git a/tgui/packages/tgui/interfaces/RaptorDex.tsx b/tgui/packages/tgui/interfaces/RaptorDex.tsx
index 946f8fb2b9553..58942e2a6d873 100644
--- a/tgui/packages/tgui/interfaces/RaptorDex.tsx
+++ b/tgui/packages/tgui/interfaces/RaptorDex.tsx
@@ -1,5 +1,12 @@
+import {
+ Image,
+ LabeledList,
+ ProgressBar,
+ Section,
+ Stack,
+} from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Image, LabeledList, ProgressBar, Section, Stack } from '../components';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/Reagents.jsx b/tgui/packages/tgui/interfaces/Reagents.jsx
index 09a40dc9b835f..c8a7c242f0fb2 100644
--- a/tgui/packages/tgui/interfaces/Reagents.jsx
+++ b/tgui/packages/tgui/interfaces/Reagents.jsx
@@ -1,6 +1,4 @@
import { useState } from 'react';
-
-import { useBackend, useLocalState } from '../backend';
import {
Button,
Icon,
@@ -9,7 +7,9 @@ import {
Section,
Stack,
Table,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend, useLocalState } from '../backend';
import { Window } from '../layouts';
import { ReagentLookup } from './common/ReagentLookup';
import { RecipeLookup } from './common/RecipeLookup';
diff --git a/tgui/packages/tgui/interfaces/Reflector.tsx b/tgui/packages/tgui/interfaces/Reflector.tsx
index d4102ef17ca16..8d86195dcf81d 100644
--- a/tgui/packages/tgui/interfaces/Reflector.tsx
+++ b/tgui/packages/tgui/interfaces/Reflector.tsx
@@ -1,4 +1,3 @@
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -8,7 +7,9 @@ import {
Section,
Stack,
Table,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/ReligiousTool.jsx b/tgui/packages/tgui/interfaces/ReligiousTool.jsx
index 828bbc65789ba..c6208ce7b2cdb 100644
--- a/tgui/packages/tgui/interfaces/ReligiousTool.jsx
+++ b/tgui/packages/tgui/interfaces/ReligiousTool.jsx
@@ -1,4 +1,3 @@
-import { useBackend, useSharedState } from '../backend';
import {
BlockQuote,
Box,
@@ -9,7 +8,9 @@ import {
Section,
Stack,
Tabs,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend, useSharedState } from '../backend';
import { Window } from '../layouts';
const ALIGNMENT2COLOR = {
diff --git a/tgui/packages/tgui/interfaces/RemoteRobotControl.jsx b/tgui/packages/tgui/interfaces/RemoteRobotControl.jsx
index f613dc7b80427..a71b405bf8bf4 100644
--- a/tgui/packages/tgui/interfaces/RemoteRobotControl.jsx
+++ b/tgui/packages/tgui/interfaces/RemoteRobotControl.jsx
@@ -1,7 +1,13 @@
-import { decodeHtmlEntities } from 'common/string';
+import {
+ Box,
+ Button,
+ LabeledList,
+ NoticeBox,
+ Section,
+} from 'tgui-core/components';
+import { decodeHtmlEntities } from 'tgui-core/string';
import { useBackend } from '../backend';
-import { Box, Button, LabeledList, NoticeBox, Section } from '../components';
import { Window } from '../layouts';
export const RemoteRobotControl = (props) => {
diff --git a/tgui/packages/tgui/interfaces/RepairBot.tsx b/tgui/packages/tgui/interfaces/RepairBot.tsx
index 58bc26bec41d6..d1228fc33b9f0 100644
--- a/tgui/packages/tgui/interfaces/RepairBot.tsx
+++ b/tgui/packages/tgui/interfaces/RepairBot.tsx
@@ -1,6 +1,7 @@
-import { BooleanLike } from 'common/react';
import React from 'react';
import { useBackend } from 'tgui/backend';
+import { BotControl, BotSettings } from 'tgui/interfaces/SimpleBot';
+import { Window } from 'tgui/layouts';
import {
Button,
DmIcon,
@@ -8,9 +9,8 @@ import {
NoticeBox,
Section,
Stack,
-} from 'tgui/components';
-import { BotControl, BotSettings } from 'tgui/interfaces/SimpleBot';
-import { Window } from 'tgui/layouts';
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
type Data = {
can_hack: BooleanLike;
diff --git a/tgui/packages/tgui/interfaces/RepairbotResources.tsx b/tgui/packages/tgui/interfaces/RepairbotResources.tsx
index 0e82b83d30ad3..1b3f3ae9c8175 100644
--- a/tgui/packages/tgui/interfaces/RepairbotResources.tsx
+++ b/tgui/packages/tgui/interfaces/RepairbotResources.tsx
@@ -1,4 +1,3 @@
-import { useBackend } from '../backend';
import {
Button,
DmIcon,
@@ -6,7 +5,9 @@ import {
ProgressBar,
Section,
Stack,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
type Data = {
@@ -23,6 +24,7 @@ type Stacks = {
stack_icon_state: string;
stack_reference: string;
};
+
export const RepairbotResources = (props) => {
const { act, data } = useBackend();
const { stacks, repairbot_icon, repairbot_icon_state } = data;
diff --git a/tgui/packages/tgui/interfaces/RequestManager.tsx b/tgui/packages/tgui/interfaces/RequestManager.tsx
index 5bc63512f3fbb..da308505c500c 100644
--- a/tgui/packages/tgui/interfaces/RequestManager.tsx
+++ b/tgui/packages/tgui/interfaces/RequestManager.tsx
@@ -3,12 +3,19 @@
* @copyright 2021 bobbahbrown (https://github.com/bobbahbrown)
* @license MIT
*/
-import { BooleanLike } from 'common/react';
-import { createSearch, decodeHtmlEntities } from 'common/string';
import { useState } from 'react';
+import {
+ Button,
+ Input,
+ Popper,
+ Section,
+ Stack,
+ Table,
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
+import { createSearch, decodeHtmlEntities } from 'tgui-core/string';
import { useBackend } from '../backend';
-import { Button, Input, Popper, Section, Stack, Table } from '../components';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/RequestsConsole/AnnouncementTab.tsx b/tgui/packages/tgui/interfaces/RequestsConsole/AnnouncementTab.tsx
index 77a0b3558b767..7efe404443095 100644
--- a/tgui/packages/tgui/interfaces/RequestsConsole/AnnouncementTab.tsx
+++ b/tgui/packages/tgui/interfaces/RequestsConsole/AnnouncementTab.tsx
@@ -1,7 +1,7 @@
import { useState } from 'react';
+import { Button, NoticeBox, Section, TextArea } from 'tgui-core/components';
import { useBackend } from '../../backend';
-import { Button, NoticeBox, Section, TextArea } from '../../components';
import { RequestsData } from './types';
export const AnnouncementTab = (props) => {
diff --git a/tgui/packages/tgui/interfaces/RequestsConsole/MessageViewTab.tsx b/tgui/packages/tgui/interfaces/RequestsConsole/MessageViewTab.tsx
index 1019f367afaf2..d3cff9b5efd20 100644
--- a/tgui/packages/tgui/interfaces/RequestsConsole/MessageViewTab.tsx
+++ b/tgui/packages/tgui/interfaces/RequestsConsole/MessageViewTab.tsx
@@ -1,6 +1,3 @@
-import { decodeHtmlEntities } from 'common/string';
-
-import { useBackend } from '../../backend';
import {
BlockQuote,
Button,
@@ -8,7 +5,10 @@ import {
NoticeBox,
Section,
Stack,
-} from '../../components';
+} from 'tgui-core/components';
+import { decodeHtmlEntities } from 'tgui-core/string';
+
+import { useBackend } from '../../backend';
import {
RequestMessage,
RequestPriority,
diff --git a/tgui/packages/tgui/interfaces/RequestsConsole/MessageWriteTab.tsx b/tgui/packages/tgui/interfaces/RequestsConsole/MessageWriteTab.tsx
index b85f2424534ff..04eb14c01b9d8 100644
--- a/tgui/packages/tgui/interfaces/RequestsConsole/MessageWriteTab.tsx
+++ b/tgui/packages/tgui/interfaces/RequestsConsole/MessageWriteTab.tsx
@@ -1,7 +1,5 @@
import { sort } from 'common/collections';
import { useState } from 'react';
-
-import { useBackend, useLocalState } from '../../backend';
import {
Box,
Button,
@@ -9,7 +7,9 @@ import {
Section,
Stack,
TextArea,
-} from '../../components';
+} from 'tgui-core/components';
+
+import { useBackend, useLocalState } from '../../backend';
import { RequestPriority, RequestsData, RequestType } from './types';
export const MessageWriteTab = (props) => {
diff --git a/tgui/packages/tgui/interfaces/RequestsConsole/RequestsConsoleHeader.tsx b/tgui/packages/tgui/interfaces/RequestsConsole/RequestsConsoleHeader.tsx
index e8b4b03007b08..4629b135cb0c9 100644
--- a/tgui/packages/tgui/interfaces/RequestsConsole/RequestsConsoleHeader.tsx
+++ b/tgui/packages/tgui/interfaces/RequestsConsole/RequestsConsoleHeader.tsx
@@ -1,5 +1,6 @@
+import { Button, NoticeBox, Stack } from 'tgui-core/components';
+
import { useBackend } from '../../backend';
-import { Button, NoticeBox, Stack } from '../../components';
import { RequestPriority, RequestsData } from './types';
export const RequestsConsoleHeader = (props) => {
diff --git a/tgui/packages/tgui/interfaces/RequestsConsole/RequestsConsoleMainScreen.tsx b/tgui/packages/tgui/interfaces/RequestsConsole/RequestsConsoleMainScreen.tsx
index 0ab87aece93d3..7af7fef3cda61 100644
--- a/tgui/packages/tgui/interfaces/RequestsConsole/RequestsConsoleMainScreen.tsx
+++ b/tgui/packages/tgui/interfaces/RequestsConsole/RequestsConsoleMainScreen.tsx
@@ -1,5 +1,6 @@
+import { Icon, Stack, Tabs } from 'tgui-core/components';
+
import { useBackend, useSharedState } from '../../backend';
-import { Icon, Stack, Tabs } from '../../components';
import { AnnouncementTab } from './AnnouncementTab';
import { MessageViewTab } from './MessageViewTab';
import { MessageWriteTab } from './MessageWriteTab';
diff --git a/tgui/packages/tgui/interfaces/RequestsConsole/index.tsx b/tgui/packages/tgui/interfaces/RequestsConsole/index.tsx
index 6327d35bb7e12..79536a91d3650 100644
--- a/tgui/packages/tgui/interfaces/RequestsConsole/index.tsx
+++ b/tgui/packages/tgui/interfaces/RequestsConsole/index.tsx
@@ -1,5 +1,6 @@
+import { Button, Stack } from 'tgui-core/components';
+
import { useBackend } from '../../backend';
-import { Button, Stack } from '../../components';
import { Window } from '../../layouts';
import { RequestsConsoleHeader } from './RequestsConsoleHeader';
import { RequestMainScreen } from './RequestsConsoleMainScreen';
diff --git a/tgui/packages/tgui/interfaces/RequestsConsole/types.ts b/tgui/packages/tgui/interfaces/RequestsConsole/types.ts
index a3bfb75c25817..e108d20301d5e 100644
--- a/tgui/packages/tgui/interfaces/RequestsConsole/types.ts
+++ b/tgui/packages/tgui/interfaces/RequestsConsole/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'common/react';
+import { BooleanLike } from 'tgui-core/react';
export type RequestsData = {
authentication_data: AuthenticationData;
diff --git a/tgui/packages/tgui/interfaces/RestockTracker.jsx b/tgui/packages/tgui/interfaces/RestockTracker.jsx
index ab6f1d012edf0..b49b1a85750d8 100644
--- a/tgui/packages/tgui/interfaces/RestockTracker.jsx
+++ b/tgui/packages/tgui/interfaces/RestockTracker.jsx
@@ -1,8 +1,8 @@
import { sortBy } from 'common/collections';
-import { round } from 'common/math';
+import { ColorBox, ProgressBar, Section, Stack } from 'tgui-core/components';
+import { round } from 'tgui-core/math';
import { useBackend } from '../backend';
-import { ColorBox, ProgressBar, Section, Stack } from '../components';
import { Window } from '../layouts';
export const Restock = (props) => {
diff --git a/tgui/packages/tgui/interfaces/RideMinigame.tsx b/tgui/packages/tgui/interfaces/RideMinigame.tsx
index 6ed708840b9e4..62889b11593cb 100644
--- a/tgui/packages/tgui/interfaces/RideMinigame.tsx
+++ b/tgui/packages/tgui/interfaces/RideMinigame.tsx
@@ -1,8 +1,14 @@
-import { randomPick } from 'common/random';
import { useEffect, useState } from 'react';
+import {
+ Button,
+ Image,
+ LabeledList,
+ Section,
+ Stack,
+} from 'tgui-core/components';
+import { randomPick } from 'tgui-core/random';
import { useBackend } from '../backend';
-import { Button, Image, LabeledList, Section, Stack } from '../components';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/RoboticsControlConsole.jsx b/tgui/packages/tgui/interfaces/RoboticsControlConsole.jsx
index 23ea2b3b0c00e..4e304ab9a5066 100644
--- a/tgui/packages/tgui/interfaces/RoboticsControlConsole.jsx
+++ b/tgui/packages/tgui/interfaces/RoboticsControlConsole.jsx
@@ -1,4 +1,3 @@
-import { useBackend, useSharedState } from '../backend';
import {
Box,
Button,
@@ -6,7 +5,9 @@ import {
NoticeBox,
Section,
Tabs,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend, useSharedState } from '../backend';
import { Window } from '../layouts';
export const RoboticsControlConsole = (props) => {
diff --git a/tgui/packages/tgui/interfaces/Roulette/BetTable.tsx b/tgui/packages/tgui/interfaces/Roulette/BetTable.tsx
index 8abf081b288a3..f108d90677601 100644
--- a/tgui/packages/tgui/interfaces/Roulette/BetTable.tsx
+++ b/tgui/packages/tgui/interfaces/Roulette/BetTable.tsx
@@ -1,8 +1,8 @@
-import { BooleanLike, classes } from 'common/react';
import { useState } from 'react';
+import { Box, Button, NumberInput, Stack, Table } from 'tgui-core/components';
+import { BooleanLike, classes } from 'tgui-core/react';
import { useBackend } from '../../backend';
-import { Box, Button, NumberInput, Stack, Table } from '../../components';
import { getNumberColor } from './helpers';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/Roulette/Board.tsx b/tgui/packages/tgui/interfaces/Roulette/Board.tsx
index 0f0fbcdc681c1..9491dda75fe19 100644
--- a/tgui/packages/tgui/interfaces/Roulette/Board.tsx
+++ b/tgui/packages/tgui/interfaces/Roulette/Board.tsx
@@ -1,4 +1,5 @@
-import { Box, Table } from '../../components';
+import { Box, Table } from 'tgui-core/components';
+
import { getNumberColor } from './helpers';
import { RouletteNumberCell } from './NumberCell';
diff --git a/tgui/packages/tgui/interfaces/Roulette/NumberCell.tsx b/tgui/packages/tgui/interfaces/Roulette/NumberCell.tsx
index 1b8143905c314..f79af9a3ff106 100644
--- a/tgui/packages/tgui/interfaces/Roulette/NumberCell.tsx
+++ b/tgui/packages/tgui/interfaces/Roulette/NumberCell.tsx
@@ -1,7 +1,7 @@
-import { classes } from 'common/react';
+import { Button, Table } from 'tgui-core/components';
+import { classes } from 'tgui-core/react';
import { useBackend } from '../../backend';
-import { Button, Table } from '../../components';
type Props = {
color: string;
diff --git a/tgui/packages/tgui/interfaces/Safe.jsx b/tgui/packages/tgui/interfaces/Safe.jsx
index a9f9e7469f6ca..453482c405ceb 100644
--- a/tgui/packages/tgui/interfaces/Safe.jsx
+++ b/tgui/packages/tgui/interfaces/Safe.jsx
@@ -1,8 +1,8 @@
import { Fragment } from 'react';
+import { Box, Button, Icon, Image, Section } from 'tgui-core/components';
import { resolveAsset } from '../assets';
import { useBackend } from '../backend';
-import { Box, Button, Icon, Image, Section } from '../components';
import { Window } from '../layouts';
export const Safe = (properties) => {
diff --git a/tgui/packages/tgui/interfaces/SatelliteControl.tsx b/tgui/packages/tgui/interfaces/SatelliteControl.tsx
index 1bc7e6deec00f..87a8682d7084b 100644
--- a/tgui/packages/tgui/interfaces/SatelliteControl.tsx
+++ b/tgui/packages/tgui/interfaces/SatelliteControl.tsx
@@ -1,7 +1,13 @@
-import { BooleanLike } from 'common/react';
+import {
+ Box,
+ Button,
+ LabeledList,
+ ProgressBar,
+ Section,
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
import { useBackend } from '../backend';
-import { Box, Button, LabeledList, ProgressBar, Section } from '../components';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/ScannerGate.jsx b/tgui/packages/tgui/interfaces/ScannerGate.jsx
index 8eb61cea7f270..35e8f0acbbce2 100644
--- a/tgui/packages/tgui/interfaces/ScannerGate.jsx
+++ b/tgui/packages/tgui/interfaces/ScannerGate.jsx
@@ -1,5 +1,6 @@
+import { Box, Button, LabeledList, Section } from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Box, Button, LabeledList, Section } from '../components';
import { Window } from '../layouts';
import { InterfaceLockNoticeBox } from './common/InterfaceLockNoticeBox';
diff --git a/tgui/packages/tgui/interfaces/Secrets.jsx b/tgui/packages/tgui/interfaces/Secrets.jsx
index fbe0f56a9124a..055ab70e10310 100644
--- a/tgui/packages/tgui/interfaces/Secrets.jsx
+++ b/tgui/packages/tgui/interfaces/Secrets.jsx
@@ -1,7 +1,4 @@
-import { toFixed } from 'common/math';
import { useState } from 'react';
-
-import { useBackend } from '../backend';
import {
Button,
Flex,
@@ -10,7 +7,10 @@ import {
RoundGauge,
Section,
Stack,
-} from '../components';
+} from 'tgui-core/components';
+import { toFixed } from 'tgui-core/math';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
const TAB2NAME = [
diff --git a/tgui/packages/tgui/interfaces/SecurityRecords/CrimeWatcher.tsx b/tgui/packages/tgui/interfaces/SecurityRecords/CrimeWatcher.tsx
index 0c35c68ea6c97..e0d4972900933 100644
--- a/tgui/packages/tgui/interfaces/SecurityRecords/CrimeWatcher.tsx
+++ b/tgui/packages/tgui/interfaces/SecurityRecords/CrimeWatcher.tsx
@@ -15,7 +15,7 @@ import {
Tabs,
TextArea,
Tooltip,
-} from 'tgui/components';
+} from 'tgui-core/components';
import { getSecurityRecord } from './helpers';
import { Crime, SECURETAB, SecurityRecordsData } from './types';
diff --git a/tgui/packages/tgui/interfaces/SecurityRecords/RecordPrint.tsx b/tgui/packages/tgui/interfaces/SecurityRecords/RecordPrint.tsx
index fe1384e1b0c9d..a800e5cb7eb68 100644
--- a/tgui/packages/tgui/interfaces/SecurityRecords/RecordPrint.tsx
+++ b/tgui/packages/tgui/interfaces/SecurityRecords/RecordPrint.tsx
@@ -1,6 +1,6 @@
import { useState } from 'react';
import { useBackend, useLocalState } from 'tgui/backend';
-import { Box, Button, Input, Section, Stack } from 'tgui/components';
+import { Box, Button, Input, Section, Stack } from 'tgui-core/components';
import {
getDefaultPrintDescription,
diff --git a/tgui/packages/tgui/interfaces/SecurityRecords/RecordTabs.tsx b/tgui/packages/tgui/interfaces/SecurityRecords/RecordTabs.tsx
index d3312cff9be7c..6eed4184a9e66 100644
--- a/tgui/packages/tgui/interfaces/SecurityRecords/RecordTabs.tsx
+++ b/tgui/packages/tgui/interfaces/SecurityRecords/RecordTabs.tsx
@@ -10,7 +10,7 @@ import {
Section,
Stack,
Tabs,
-} from 'tgui/components';
+} from 'tgui-core/components';
import { ReverseJobsRu } from '../../bandastation/ru_jobs'; // BANDASTATION EDIT
import { JOB2ICON } from '../common/JobToIcon';
diff --git a/tgui/packages/tgui/interfaces/SecurityRecords/RecordView.tsx b/tgui/packages/tgui/interfaces/SecurityRecords/RecordView.tsx
index 8cccd32add62d..fd4e3d582b818 100644
--- a/tgui/packages/tgui/interfaces/SecurityRecords/RecordView.tsx
+++ b/tgui/packages/tgui/interfaces/SecurityRecords/RecordView.tsx
@@ -8,7 +8,7 @@ import {
Section,
Stack,
Table,
-} from 'tgui/components';
+} from 'tgui-core/components';
import { CharacterPreview } from '../common/CharacterPreview';
import { EditableText } from '../common/EditableText';
diff --git a/tgui/packages/tgui/interfaces/SecurityRecords/index.tsx b/tgui/packages/tgui/interfaces/SecurityRecords/index.tsx
index d0ecb59e7038a..8a1d408e9484f 100644
--- a/tgui/packages/tgui/interfaces/SecurityRecords/index.tsx
+++ b/tgui/packages/tgui/interfaces/SecurityRecords/index.tsx
@@ -1,6 +1,6 @@
import { useBackend } from 'tgui/backend';
-import { Box, Button, Icon, NoticeBox, Stack } from 'tgui/components';
import { Window } from 'tgui/layouts';
+import { Box, Button, Icon, NoticeBox, Stack } from 'tgui-core/components';
import { SecurityRecordTabs } from './RecordTabs';
import { SecurityRecordView } from './RecordView';
diff --git a/tgui/packages/tgui/interfaces/SecurityRecords/types.ts b/tgui/packages/tgui/interfaces/SecurityRecords/types.ts
index 47088df3eecb5..36febfe0fb586 100644
--- a/tgui/packages/tgui/interfaces/SecurityRecords/types.ts
+++ b/tgui/packages/tgui/interfaces/SecurityRecords/types.ts
@@ -1,4 +1,4 @@
-import { BooleanLike } from 'common/react';
+import { BooleanLike } from 'tgui-core/react';
export type SecurityRecordsData = {
assigned_view: string;
diff --git a/tgui/packages/tgui/interfaces/SeedExtractor.tsx b/tgui/packages/tgui/interfaces/SeedExtractor.tsx
index 87955da243f5b..0c3d2b272c654 100644
--- a/tgui/packages/tgui/interfaces/SeedExtractor.tsx
+++ b/tgui/packages/tgui/interfaces/SeedExtractor.tsx
@@ -1,9 +1,5 @@
import { sortBy } from 'common/collections';
-import { classes } from 'common/react';
-import { createSearch } from 'common/string';
import { useState } from 'react';
-
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -14,7 +10,11 @@ import {
Section,
Table,
Tooltip,
-} from '../components';
+} from 'tgui-core/components';
+import { classes } from 'tgui-core/react';
+import { createSearch } from 'tgui-core/string';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
type TraitData = {
diff --git a/tgui/packages/tgui/interfaces/SelectEquipment.jsx b/tgui/packages/tgui/interfaces/SelectEquipment.jsx
index d8df6c71e7c35..481f59431c68d 100644
--- a/tgui/packages/tgui/interfaces/SelectEquipment.jsx
+++ b/tgui/packages/tgui/interfaces/SelectEquipment.jsx
@@ -1,8 +1,5 @@
import { filter, map, sortBy, uniq } from 'common/collections';
-import { createSearch } from 'common/string';
import { useState } from 'react';
-
-import { useBackend, useLocalState } from '../backend';
import {
Box,
Button,
@@ -12,7 +9,10 @@ import {
Section,
Stack,
Tabs,
-} from '../components';
+} from 'tgui-core/components';
+import { createSearch } from 'tgui-core/string';
+
+import { useBackend, useLocalState } from '../backend';
import { Window } from '../layouts';
// here's an important mental define:
diff --git a/tgui/packages/tgui/interfaces/SentienceFunBalloon.jsx b/tgui/packages/tgui/interfaces/SentienceFunBalloon.jsx
index ab4353aab2846..93b4bdc72167d 100644
--- a/tgui/packages/tgui/interfaces/SentienceFunBalloon.jsx
+++ b/tgui/packages/tgui/interfaces/SentienceFunBalloon.jsx
@@ -1,4 +1,3 @@
-import { useBackend } from '../backend';
import {
Button,
Input,
@@ -6,7 +5,9 @@ import {
NumberInput,
Section,
Stack,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
export const SentienceFunBalloon = (props) => {
diff --git a/tgui/packages/tgui/interfaces/ServerControl.tsx b/tgui/packages/tgui/interfaces/ServerControl.tsx
index 93498dbe1e1fb..845cb3d7cf045 100644
--- a/tgui/packages/tgui/interfaces/ServerControl.tsx
+++ b/tgui/packages/tgui/interfaces/ServerControl.tsx
@@ -1,7 +1,13 @@
-import { BooleanLike } from 'common/react';
+import {
+ Button,
+ Collapsible,
+ NoticeBox,
+ Section,
+ Table,
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
import { useBackend } from '../backend';
-import { Button, Collapsible, NoticeBox, Section, Table } from '../components';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/ServerMonitor.jsx b/tgui/packages/tgui/interfaces/ServerMonitor.jsx
index 87cbd18f343e5..2f709e80b79b1 100644
--- a/tgui/packages/tgui/interfaces/ServerMonitor.jsx
+++ b/tgui/packages/tgui/interfaces/ServerMonitor.jsx
@@ -1,6 +1,4 @@
import { useState } from 'react';
-
-import { useBackend } from '../backend';
import {
Button,
Divider,
@@ -11,7 +9,9 @@ import {
Section,
Stack,
Table,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
const PacketInfo = (props) => {
diff --git a/tgui/packages/tgui/interfaces/ShuttleConsole.jsx b/tgui/packages/tgui/interfaces/ShuttleConsole.jsx
index 5aed909ea96ad..aff1d31f4f610 100644
--- a/tgui/packages/tgui/interfaces/ShuttleConsole.jsx
+++ b/tgui/packages/tgui/interfaces/ShuttleConsole.jsx
@@ -1,4 +1,3 @@
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -8,7 +7,9 @@ import {
LabeledList,
Modal,
Section,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
export const ShuttleConsole = (props) => {
diff --git a/tgui/packages/tgui/interfaces/ShuttleManipulator.jsx b/tgui/packages/tgui/interfaces/ShuttleManipulator.jsx
index 8cff913e8e93e..bfd2df28f56f8 100644
--- a/tgui/packages/tgui/interfaces/ShuttleManipulator.jsx
+++ b/tgui/packages/tgui/interfaces/ShuttleManipulator.jsx
@@ -1,8 +1,15 @@
import { map } from 'common/collections';
import { useState } from 'react';
+import {
+ Button,
+ Flex,
+ LabeledList,
+ Section,
+ Table,
+ Tabs,
+} from 'tgui-core/components';
import { useBackend } from '../backend';
-import { Button, Flex, LabeledList, Section, Table, Tabs } from '../components';
import { Window } from '../layouts';
export const ShuttleManipulator = (props) => {
diff --git a/tgui/packages/tgui/interfaces/Signaler.tsx b/tgui/packages/tgui/interfaces/Signaler.tsx
index e7b646b89500f..dd564ea0c9539 100644
--- a/tgui/packages/tgui/interfaces/Signaler.tsx
+++ b/tgui/packages/tgui/interfaces/Signaler.tsx
@@ -1,7 +1,7 @@
-import { toFixed } from 'common/math';
+import { Button, NumberInput, Section, Stack } from 'tgui-core/components';
+import { toFixed } from 'tgui-core/math';
import { useBackend } from '../backend';
-import { Button, NumberInput, Section, Stack } from '../components';
import { Window } from '../layouts';
type Data = {
diff --git a/tgui/packages/tgui/interfaces/SimpleBot.tsx b/tgui/packages/tgui/interfaces/SimpleBot.tsx
index 2085dcd46459f..ce61995a27959 100644
--- a/tgui/packages/tgui/interfaces/SimpleBot.tsx
+++ b/tgui/packages/tgui/interfaces/SimpleBot.tsx
@@ -1,6 +1,5 @@
-import { BooleanLike } from 'common/react';
-import { capitalizeAll } from 'common/string';
import { useBackend } from 'tgui/backend';
+import { Window } from 'tgui/layouts';
import {
Button,
Icon,
@@ -10,8 +9,9 @@ import {
Slider,
Stack,
Tooltip,
-} from 'tgui/components';
-import { Window } from 'tgui/layouts';
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
+import { capitalizeAll } from 'tgui-core/string';
type Data = {
can_hack: BooleanLike;
@@ -372,10 +372,8 @@ function FloorbotLine(props: ControlProps) {
name={control[1] ? 'compass' : 'toggle-off'}
onClick={() => act('line_mode')}
size={!control[1] ? 2 : 1.5}
- >
- {' '}
- {control[1] ? control[1].toString().charAt(0).toUpperCase() : ''}
-
+ />
+ {control[1] ? control[1].toString().charAt(0).toUpperCase() : ''}
);
}
diff --git a/tgui/packages/tgui/interfaces/SkillPanel.jsx b/tgui/packages/tgui/interfaces/SkillPanel.jsx
index 8acd71ce0213e..396e619f8498a 100644
--- a/tgui/packages/tgui/interfaces/SkillPanel.jsx
+++ b/tgui/packages/tgui/interfaces/SkillPanel.jsx
@@ -1,5 +1,12 @@
+import {
+ Box,
+ Button,
+ LabeledList,
+ ProgressBar,
+ Section,
+} from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Box, Button, LabeledList, ProgressBar, Section } from '../components';
import { Window } from '../layouts';
const skillgreen = {
diff --git a/tgui/packages/tgui/interfaces/SkillStation.jsx b/tgui/packages/tgui/interfaces/SkillStation.jsx
index b26163bbaf8a7..09ad5bb9cd3ca 100644
--- a/tgui/packages/tgui/interfaces/SkillStation.jsx
+++ b/tgui/packages/tgui/interfaces/SkillStation.jsx
@@ -1,6 +1,3 @@
-import { toFixed } from 'common/math';
-
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -11,7 +8,10 @@ import {
Section,
Stack,
Table,
-} from '../components';
+} from 'tgui-core/components';
+import { toFixed } from 'tgui-core/math';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
export const InsertedSkillchip = (props) => {
diff --git a/tgui/packages/tgui/interfaces/Sleeper.jsx b/tgui/packages/tgui/interfaces/Sleeper.jsx
index 866e210391b0e..dd8501f47d43d 100644
--- a/tgui/packages/tgui/interfaces/Sleeper.jsx
+++ b/tgui/packages/tgui/interfaces/Sleeper.jsx
@@ -1,5 +1,12 @@
+import {
+ Box,
+ Button,
+ LabeledList,
+ ProgressBar,
+ Section,
+} from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Box, Button, LabeledList, ProgressBar, Section } from '../components';
import { Window } from '../layouts';
const damageTypes = [
diff --git a/tgui/packages/tgui/interfaces/SlimeBodySwapper.jsx b/tgui/packages/tgui/interfaces/SlimeBodySwapper.jsx
index d5c97e05d370c..971ca9027bd12 100644
--- a/tgui/packages/tgui/interfaces/SlimeBodySwapper.jsx
+++ b/tgui/packages/tgui/interfaces/SlimeBodySwapper.jsx
@@ -1,5 +1,6 @@
+import { Box, Button, LabeledList, Section } from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Box, Button, LabeledList, Section } from '../components';
import { Window } from '../layouts';
const statusMap = {
diff --git a/tgui/packages/tgui/interfaces/SlotMachine.tsx b/tgui/packages/tgui/interfaces/SlotMachine.tsx
index 6d6d464f9131e..26543379fe25a 100644
--- a/tgui/packages/tgui/interfaces/SlotMachine.tsx
+++ b/tgui/packages/tgui/interfaces/SlotMachine.tsx
@@ -1,5 +1,6 @@
+import { Button, Icon, Section } from 'tgui-core/components';
+
import { useBackend } from '../backend';
-import { Button, Icon, Section } from '../components';
import { Window } from '../layouts';
type IconInfo = {
diff --git a/tgui/packages/tgui/interfaces/SmartVend.tsx b/tgui/packages/tgui/interfaces/SmartVend.tsx
index ab1333639bdf7..01be12bbf2e58 100644
--- a/tgui/packages/tgui/interfaces/SmartVend.tsx
+++ b/tgui/packages/tgui/interfaces/SmartVend.tsx
@@ -1,9 +1,5 @@
-import { BooleanLike } from 'common/react';
-import { createSearch } from 'common/string';
import { useState } from 'react';
import { DmIcon, Icon } from 'tgui-core/components';
-
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -12,7 +8,11 @@ import {
NumberInput,
Section,
Stack,
-} from '../components';
+} from 'tgui-core/components';
+import { BooleanLike } from 'tgui-core/react';
+import { createSearch } from 'tgui-core/string';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
type Item = {
diff --git a/tgui/packages/tgui/interfaces/Smes.jsx b/tgui/packages/tgui/interfaces/Smes.jsx
index f26c04ffa162c..d30d0bbb799b8 100644
--- a/tgui/packages/tgui/interfaces/Smes.jsx
+++ b/tgui/packages/tgui/interfaces/Smes.jsx
@@ -1,4 +1,3 @@
-import { useBackend } from '../backend';
import {
Box,
Button,
@@ -7,8 +6,10 @@ import {
ProgressBar,
Section,
Slider,
-} from '../components';
-import { formatPower } from '../format';
+} from 'tgui-core/components';
+import { formatPower } from 'tgui-core/format';
+
+import { useBackend } from '../backend';
import { Window } from '../layouts';
// Common power multiplier
@@ -69,7 +70,7 @@ export const Smes = (props) => {
-
+
-
+