Move component/theme -> components/

src/app/[...parts]/_page/DiffFiles/DiffFile/DiffFile.tsx

@@ -3,11 +3,10 @@ import type { Result as NpaResult } from "npm-package-arg";
 import { useCallback, useMemo, useState } from "react";
 import type { Change, File, ViewType } from "react-diff-view";
 import "react-diff-view/style/index.css";
-import { Diff } from "^/components/react-diff-view";
-import {
-    CollapsableBorderBox,
+import CollapsableBorderBox, {
     CollapsableBorderBoxProps,
-} from "^/components/theme";
+} from "^/components/CollapsableBorderBox";
+import { Diff } from "^/components/react-diff-view";
 import contentVisibility from "^/lib/utils/contentVisibility";
 import countChanges from "^/lib/utils/countChanges";
 import DiffFileHeader from "./DiffFileHeader";

src/app/[...parts]/_page/DiffFiles/DiffFile/DiffFileHeader.tsx

@@ -9,7 +9,7 @@ import {
 import type { Result as NpaResult } from "npm-package-arg";
 import { FunctionComponent } from "react";
 import type { File } from "react-diff-view";
-import { Tooltip } from "^/components/theme";
+import Tooltip from "^/components/Tooltip";
 import { unpkg } from "^/lib/Services";
 import type { CountedChanges } from "^/lib/utils/countChanges";
 import ServiceIcon from "../../ServiceIcon";

src/app/[...parts]/_page/DiffIntro/BundlePhobiaFlags/Flag.tsx

@@ -6,7 +6,7 @@ import {
     TagProps,
 } from "@chakra-ui/react";
 import { ElementType, ReactNode } from "react";
-import { Tooltip } from "^/components/theme";
+import Tooltip from "^/components/Tooltip";
 
 interface FlagProps extends TagProps {
     icon: ElementType;

src/app/[...parts]/_page/DiffIntro/DiffIntro.tsx

@@ -11,7 +11,8 @@ import {
 import type { Result as NpaResult } from "npm-package-arg";
 import type { File } from "react-diff-view";
 import { ViewType } from "react-diff-view";
-import { B, Span } from "^/components/theme";
+import B from "^/components/B";
+import Span from "^/components/Span";
 import { BundlephobiaResults } from "^/lib/api/bundlephobia";
 import { PackagephobiaResults } from "^/lib/api/packagephobia";
 import DiffOptions from "^/lib/DiffOptions";

src/app/[...parts]/_page/DiffIntro/Options.tsx

@@ -1,6 +1,6 @@
 import { Code, Heading, Text } from "@chakra-ui/react";
 import { forwardRef } from "@chakra-ui/system";
-import { BorderBox } from "^/components/theme";
+import BorderBox from "^/components/BorderBox";
 import DiffOptions from "^/lib/DiffOptions";
 
 interface OptionsProps {

src/app/[...parts]/_page/DiffIntro/ServiceTooltip.tsx

@@ -1,5 +1,6 @@
 import { Code, forwardRef, Text } from "@chakra-ui/react";
-import { B, Tooltip, TooltipProps } from "^/components/theme";
+import B from "^/components/B";
+import Tooltip, { TooltipProps } from "^/components/Tooltip";
 import { Service } from "^/lib/Services";
 
 export interface ServiceTooltipProps extends TooltipProps {

src/app/[...parts]/_page/DiffIntro/SizeComparison.tsx

@@ -7,7 +7,8 @@ import {
     Text,
 } from "@chakra-ui/react";
 import { FunctionComponent, ReactNode } from "react";
-import { ExternalLink, Span } from "^/components/theme";
+import ExternalLink from "^/components/ExternalLink";
+import Span from "^/components/Span";
 import { Service } from "^/lib/Services";
 import { prettyByte } from "^/lib/utils/prettyByte";
 import Halfs from "./Halfs";

src/app/[...parts]/_page/DiffIntro/ViewTypeSwitch.tsx

@@ -7,7 +7,7 @@ import {
 } from "@chakra-ui/react";
 import { usePathname, useSearchParams } from "next/navigation";
 import { ViewType } from "react-diff-view";
-import { NextLink } from "^/components/theme";
+import NextLink from "^/components/NextLink";
 import DIFF_TYPE_PARAM_NAME from "^/DIFF_TYPE_PARAM_NAME";
 
 export interface ViewTypeButtonProps extends ButtonProps {

src/app/[...parts]/_page/ErrorBox.tsx

@@ -1,5 +1,5 @@
 import { Code, forwardRef } from "@chakra-ui/react";
-import BorderBox, { BorderBoxProps } from "^/components/theme/BorderBox";
+import BorderBox, { BorderBoxProps } from "^/components/BorderBox";
 
 export interface ErrorBoxProps extends BorderBoxProps {}
 

src/app/_layout/Header/ColorModeToggle.tsx

@@ -5,7 +5,7 @@ import {
     IconButtonProps,
     useColorMode,
 } from "@chakra-ui/react";
-import { Tooltip } from "^/components/theme";
+import Tooltip from "^/components/Tooltip";
 
 export interface ColorModeToggleProps extends Partial<IconButtonProps> {}
 

src/app/_layout/Header/GithubLink.tsx

@@ -1,7 +1,8 @@
 import { IconButton, IconButtonProps } from "@chakra-ui/react";
 import { FunctionComponent } from "react";
 import { DiGithubBadge } from "react-icons/di";
-import { ExternalLink, Tooltip } from "^/components/theme";
+import ExternalLink from "^/components/ExternalLink";
+import Tooltip from "^/components/Tooltip";
 
 export interface GithubLinkProps extends Omit<IconButtonProps, "aria-label"> {}
 

src/app/_layout/Header/Header.tsx

@@ -1,6 +1,6 @@
 import { Box, Flex, FlexProps, Heading, HStack } from "@chakra-ui/react";
 import { FunctionComponent } from "react";
-import { NextLink } from "^/components/theme";
+import NextLink from "^/components/NextLink";
 import ColorModeToggle from "./ColorModeToggle";
 import { GithubLink } from "./GithubLink";
 import NavLink from "./NavLink";

src/app/_layout/Header/NavLink.tsx

@@ -1,7 +1,7 @@
 import { Link, LinkProps } from "@chakra-ui/react";
 import { usePathname } from "next/navigation";
 import { FunctionComponent, useEffect, useState } from "react";
-import { NextLink } from "^/components/theme";
+import NextLink from "^/components/NextLink";
 
 export interface NavLinkProps extends LinkProps {
     href: string;

src/app/_page/ExamplesList.tsx

@@ -1,6 +1,6 @@
 import { Heading, Link, Stack, StackProps } from "@chakra-ui/react";
 import { FunctionComponent } from "react";
-import { NextLink } from "^/components/theme";
+import NextLink from "^/components/NextLink";
 import EXAMPLES from "^/lib/examples";
 import { QueryParams } from "^/lib/query";
 

src/app/_page/Intro.tsx

@@ -1,5 +1,5 @@
 import { Box, BoxProps, Code, forwardRef, Text } from "@chakra-ui/react";
-import { ExternalLink } from "^/components/theme";
+import ExternalLink from "^/components/ExternalLink";
 
 export interface IntroProps extends BoxProps {}
 

src/app/_page/MainForm/MainForm.tsx

@@ -8,7 +8,7 @@ import {
 } from "@chakra-ui/react";
 import npa from "npm-package-arg";
 import { FormEvent, useCallback, useMemo, useRef, useState } from "react";
-import { Tooltip } from "^/components/theme";
+import Tooltip from "^/components/Tooltip";
 import { AutocompleteSuggestion } from "^/lib/autocomplete";
 import CenterInputAddon from "./CenterInputAddon";
 import SpecInput from "./SpecInput";

src/app/_page/MainForm/SpecInput/Suggestion/Title.tsx

@@ -1,6 +1,6 @@
 import { Heading, HeadingProps } from "@chakra-ui/react";
 import { FunctionComponent, memo } from "react";
-import Span from "^/components/theme/Span";
+import Span from "^/components/Span";
 import emphasized from "./emphasized";
 
 const Title: FunctionComponent<

src/app/_page/OptionsForm.tsx

@@ -6,7 +6,7 @@ import {
     Input,
 } from "@chakra-ui/react";
 import { FunctionComponent } from "react";
-import ButtonExpandBox from "^/components/theme/ButtonExpandBox";
+import ButtonExpandBox from "^/components/ButtonExpandBox";
 
 export interface OptionsFormProps extends FlexProps {
     files: string;

src/app/about/api/page.client.tsx

@@ -1,6 +1,7 @@
 "use client";
 import { Code, Heading, Text, VStack } from "@chakra-ui/react";
-import { ExternalLink, Tooltip } from "^/components/theme";
+import ExternalLink from "^/components/ExternalLink";
+import Tooltip from "^/components/Tooltip";
 import { MetaData } from "^/lib/metaData";
 
 export interface AboutApiPageClientProps {