fixup! chore: use subpath imports instead of path aliases

avivkeller · avivkeller · commit c3f4189dd8b0 · 2025-05-08T17:40:13.000-04:00
diff --git a/packages/ui-components/Common/AvatarGroup/Avatar/index.tsx b/packages/ui-components/Common/AvatarGroup/Avatar/index.tsx
@@ -2,10 +2,10 @@ import classNames from 'classnames';
 import type { HTMLAttributes, ElementType } from 'react';
 import { forwardRef } from 'react';
 
-import styles from './index.module.css';
-
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 export type AvatarProps = {
   image?: string;
   name?: string;
diff --git a/packages/ui-components/Common/AvatarGroup/Overlay/index.tsx b/packages/ui-components/Common/AvatarGroup/Overlay/index.tsx
@@ -1,10 +1,10 @@
 import { ArrowUpRightIcon } from '@heroicons/react/24/solid';
 import type { ComponentProps, FC } from 'react';
 
-import styles from './index.module.css';
-
 import Avatar from '#Common/AvatarGroup/Avatar';
 
+import styles from './index.module.css';
+
 export type AvatarOverlayProps = ComponentProps<typeof Avatar> & {
   url?: string;
 };
diff --git a/packages/ui-components/Common/AvatarGroup/index.tsx b/packages/ui-components/Common/AvatarGroup/index.tsx
@@ -4,15 +4,15 @@ import classNames from 'classnames';
 import type { FC, ElementType } from 'react';
 import { useState, useMemo } from 'react';
 
-import styles from './index.module.css';
-
 import type { AvatarProps } from '#Common/AvatarGroup/Avatar';
 import Avatar from '#Common/AvatarGroup/Avatar';
 import avatarstyles from '#Common/AvatarGroup/Avatar/index.module.css';
 import AvatarOverlay from '#Common/AvatarGroup/Overlay';
 import Tooltip from '#Common/Tooltip';
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type AvatarGroupProps = {
   avatars: Array<AvatarProps>;
   limit?: number;
diff --git a/packages/ui-components/Common/BadgeGroup/index.tsx b/packages/ui-components/Common/BadgeGroup/index.tsx
@@ -1,11 +1,11 @@
 import ArrowRightIcon from '@heroicons/react/24/solid/ArrowRightIcon';
 import type { ComponentProps, FC, PropsWithChildren } from 'react';
 
-import styles from './index.module.css';
-
 import Badge from '#Common/Badge';
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type BadgeGroupKind = 'default' | 'warning' | 'error';
 
 type BadgeGroupProps = {
diff --git a/packages/ui-components/Common/BaseButton/index.tsx b/packages/ui-components/Common/BaseButton/index.tsx
@@ -1,10 +1,10 @@
 import classNames from 'classnames';
 import type { FC, AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
 
-import styles from './index.module.css';
-
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 export type ButtonProps = (
   | AnchorHTMLAttributes<HTMLAnchorElement>
   | ButtonHTMLAttributes<HTMLButtonElement>
diff --git a/packages/ui-components/Common/BaseCodeBox/index.tsx b/packages/ui-components/Common/BaseCodeBox/index.tsx
@@ -8,11 +8,11 @@ import classNames from 'classnames';
 import type { FC, PropsWithChildren, ReactElement, ReactNode } from 'react';
 import { Fragment, isValidElement, useRef } from 'react';
 
-import styles from './index.module.css';
-
 import BaseButton from '#Common/BaseButton';
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 // Transforms a code element with plain text content into a more structured
 // format for rendering with line numbers
 const transformCode = <T extends ReactElement<PropsWithChildren>>(
diff --git a/packages/ui-components/Common/BaseCrossLink/index.tsx b/packages/ui-components/Common/BaseCrossLink/index.tsx
@@ -2,11 +2,10 @@ import classNames from 'classnames';
 import type { FC } from 'react';
 
 import PrevNextArrow from '#Common/BasePagination/PrevNextArrow';
+import type { LinkLike, FormattedMessage } from '#types';
 
 import styles from './index.module.css';
 
-import type { LinkLike, FormattedMessage } from '#types';
-
 export type CrossLinkProps = {
   type: 'previous' | 'next';
   text: FormattedMessage;
diff --git a/packages/ui-components/Common/BaseLinkTabs/index.tsx b/packages/ui-components/Common/BaseLinkTabs/index.tsx
@@ -1,10 +1,10 @@
 import type { FC, PropsWithChildren } from 'react';
 
-import styles from './index.module.css';
-
 import Select from '#Common/Select';
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type LinkTab = { key: string; label: string; link: string };
 
 export type LinkTabsProps = PropsWithChildren<{
diff --git a/packages/ui-components/Common/BasePagination/PaginationListItem/index.tsx b/packages/ui-components/Common/BasePagination/PaginationListItem/index.tsx
@@ -1,9 +1,9 @@
 import type { FC } from 'react';
 
-import styles from './index.module.css';
-
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 export type PaginationListItemProps = {
   url: string;
   pageNumber: number;
diff --git a/packages/ui-components/Common/BasePagination/index.tsx b/packages/ui-components/Common/BasePagination/index.tsx
@@ -1,13 +1,12 @@
 import { ArrowRightIcon, ArrowLeftIcon } from '@heroicons/react/20/solid';
 import type { FC } from 'react';
 
+import Button from '#Common/BaseButton';
 import { useGetPageElements } from '#Common/BasePagination/useGetPageElements';
+import type { LinkLike } from '#types';
 
 import styles from './index.module.css';
 
-import Button from '#Common/BaseButton';
-import type { LinkLike } from '#types';
-
 type Page = { url: string };
 
 export type PaginationProps = {
diff --git a/packages/ui-components/Common/Breadcrumbs/BreadcrumbHomeLink/index.tsx b/packages/ui-components/Common/Breadcrumbs/BreadcrumbHomeLink/index.tsx
@@ -1,10 +1,10 @@
 import HomeIcon from '@heroicons/react/24/outline/HomeIcon';
 import type { ComponentProps, FC } from 'react';
 
-import styles from './index.module.css';
-
 import BreadcrumbLink from '#Common/Breadcrumbs/BreadcrumbLink';
 
+import styles from './index.module.css';
+
 type BreadcrumbHomeLinkProps = Omit<
   ComponentProps<typeof BreadcrumbLink>,
   'href'
diff --git a/packages/ui-components/Common/Breadcrumbs/BreadcrumbLink/index.tsx b/packages/ui-components/Common/Breadcrumbs/BreadcrumbLink/index.tsx
@@ -1,10 +1,10 @@
 import classNames from 'classnames';
 import type { ComponentProps, FC } from 'react';
 
-import styles from './index.module.css';
-
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type BreadcrumbLinkProps = {
   active?: boolean;
   as: LinkLike;
diff --git a/packages/ui-components/Common/CodeTabs/index.tsx b/packages/ui-components/Common/CodeTabs/index.tsx
@@ -1,9 +1,9 @@
 import type { ComponentProps, FC } from 'react';
 
-import styles from './index.module.css';
-
 import Tabs from '#Common/Tabs';
 
+import styles from './index.module.css';
+
 type CodeTabsProps = Pick<
   ComponentProps<typeof Tabs>,
   'tabs' | 'defaultValue' | 'children' | 'addons'
diff --git a/packages/ui-components/Common/LanguageDropDown/index.tsx b/packages/ui-components/Common/LanguageDropDown/index.tsx
@@ -3,10 +3,10 @@ import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import classNames from 'classnames';
 import type { FC } from 'react';
 
-import styles from './index.module.css';
-
 import type { SimpleLocaleConfig } from '#types';
 
+import styles from './index.module.css';
+
 type LanguageDropDownProps = {
   onChange?: (newLocale: SimpleLocaleConfig) => void;
   currentLanguage: string;
diff --git a/packages/ui-components/Common/NodejsLogo/index.tsx b/packages/ui-components/Common/NodejsLogo/index.tsx
@@ -1,11 +1,10 @@
 import type { FC } from 'react';
 
 import NodejsIcon from '#Icons/Logos/Nodejs';
+import type { LogoVariant } from '#types';
 
 import style from './index.module.css';
 
-import type { LogoVariant } from '#types';
-
 type NodejsLogoProps = {
   variant?: LogoVariant;
   ariaLabel?: string;
diff --git a/packages/ui-components/Common/Preview/index.tsx b/packages/ui-components/Common/Preview/index.tsx
@@ -3,11 +3,10 @@ import type { FC } from 'react';
 
 import HexagonGrid from '#Icons/HexagonGrid';
 import JsWhiteIcon from '#Icons/Logos/JsWhite';
+import type { BlogPreviewType } from '#types';
 
 import styles from './index.module.css';
 
-import type { BlogPreviewType } from '#types';
-
 type PreviewProps = {
   title: string;
   type?: BlogPreviewType;
diff --git a/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.tsx b/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.tsx
@@ -1,10 +1,10 @@
 import type { ComponentProps, FC } from 'react';
 
-import styles from './index.module.css';
-
 import ProgressionSidebarItem from '#Common/ProgressionSidebar/ProgressionSidebarItem';
 import type { FormattedMessage, LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type ProgressionSidebarGroupProps = {
   groupName: FormattedMessage;
   items: Array<ComponentProps<typeof ProgressionSidebarItem>>;
diff --git a/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarItem/index.tsx b/packages/ui-components/Common/ProgressionSidebar/ProgressionSidebarItem/index.tsx
@@ -1,11 +1,11 @@
 import type { FC } from 'react';
 
-import styles from './index.module.css';
-
 import BaseActiveLink from '#Common/BaseActiveLink';
 import ProgressionSidebarIcon from '#Common/ProgressionSidebar/ProgressionSidebarIcon';
 import type { FormattedMessage, LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type ProgressionSidebarItemProps = {
   label: FormattedMessage;
   link: string;
diff --git a/packages/ui-components/Common/ProgressionSidebar/index.tsx b/packages/ui-components/Common/ProgressionSidebar/index.tsx
@@ -2,12 +2,12 @@
 
 import { useRef, type ComponentProps, type FC } from 'react';
 
-import styles from './index.module.css';
-
 import ProgressionSidebarGroup from '#Common/ProgressionSidebar/ProgressionSidebarGroup';
 import Select from '#Common/Select';
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type ProgressionSidebarProps = {
   groups: Array<ComponentProps<typeof ProgressionSidebarGroup>>;
   pathname?: string;
diff --git a/packages/ui-components/Common/Select/index.tsx b/packages/ui-components/Common/Select/index.tsx
@@ -6,11 +6,11 @@ import classNames from 'classnames';
 import { useEffect, useId, useMemo, useState } from 'react';
 import type { ReactElement, ReactNode } from 'react';
 
-import styles from './index.module.css';
-
 import Skeleton from '#Common/Skeleton';
 import type { FormattedMessage } from '#types';
 
+import styles from './index.module.css';
+
 export type SelectValue<T extends string> = {
   label: FormattedMessage | string;
   value: T;
diff --git a/packages/ui-components/Containers/Footer/index.tsx b/packages/ui-components/Containers/Footer/index.tsx
@@ -2,8 +2,6 @@
 
 import type { FC, SVGProps } from 'react';
 
-import styles from './index.module.css';
-
 import NavItem from '#Containers/NavBar/NavItem';
 import {
   Bluesky,
@@ -16,6 +14,8 @@ import {
 } from '#Icons/Social';
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 const footerSocialIcons: Record<string, React.FC<SVGProps<SVGSVGElement>>> = {
   github: GitHub,
   mastodon: Mastodon,
diff --git a/packages/ui-components/Containers/MetaBar/index.stories.tsx b/packages/ui-components/Containers/MetaBar/index.stories.tsx
@@ -1,9 +1,8 @@
 import { CodeBracketIcon } from '@heroicons/react/24/outline';
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 
-import GitHubIcon from '#Icons/Social/GitHub';
-
 import MetaBar from '#Containers/MetaBar';
+import GitHubIcon from '#Icons/Social/GitHub';
 
 type Story = StoryObj<typeof MetaBar>;
 type Meta = MetaObj<typeof MetaBar>;
diff --git a/packages/ui-components/Containers/MetaBar/index.tsx b/packages/ui-components/Containers/MetaBar/index.tsx
@@ -2,10 +2,10 @@ import type { Heading } from '@vcarl/remark-headings';
 import { Fragment, useMemo } from 'react';
 import type { FC } from 'react';
 
-import styles from './index.module.css';
-
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type MetaBarProps = {
   items: Partial<Record<string, React.ReactNode>>;
   headings?: {
diff --git a/packages/ui-components/Containers/NavBar/NavItem/index.tsx b/packages/ui-components/Containers/NavBar/NavItem/index.tsx
@@ -2,11 +2,11 @@ import { ArrowUpRightIcon } from '@heroicons/react/24/solid';
 import classNames from 'classnames';
 import type { FC, HTMLAttributeAnchorTarget, PropsWithChildren } from 'react';
 
-import styles from './index.module.css';
-
 import BaseActiveLink from '#Common/BaseActiveLink';
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type NavItemType = 'nav' | 'footer';
 
 type NavItemProps = {
diff --git a/packages/ui-components/Containers/NavBar/index.tsx b/packages/ui-components/Containers/NavBar/index.tsx
@@ -12,11 +12,11 @@ import type {
   ElementType,
 } from 'react';
 
-import style from './index.module.css';
-
 import NavItem from '#Containers/NavBar/NavItem';
 import type { FormattedMessage, LinkLike } from '#types';
 
+import style from './index.module.css';
+
 const navInteractionIcons = {
   show: <Hamburger className={style.navInteractionIcon} />,
   close: <XMark className={style.navInteractionIcon} />,
diff --git a/packages/ui-components/Containers/Sidebar/SidebarGroup/index.tsx b/packages/ui-components/Containers/Sidebar/SidebarGroup/index.tsx
@@ -1,10 +1,10 @@
 import type { ComponentProps, FC } from 'react';
 
-import styles from './index.module.css';
-
 import SidebarItem from '#Containers/Sidebar/SidebarItem';
 import type { FormattedMessage, LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type SidebarGroupProps = {
   groupName: FormattedMessage;
   items: Array<Omit<ComponentProps<typeof SidebarItem>, 'as' | 'pathname'>>;
diff --git a/packages/ui-components/Containers/Sidebar/SidebarItem/index.tsx b/packages/ui-components/Containers/Sidebar/SidebarItem/index.tsx
@@ -1,11 +1,11 @@
 import { ArrowUpRightIcon } from '@heroicons/react/24/solid';
 import type { FC } from 'react';
 
-import styles from './index.module.css';
-
 import ActiveLink from '#Common/BaseActiveLink';
 import type { FormattedMessage, LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type SidebarItemProps = {
   label: FormattedMessage;
   link: string;
diff --git a/packages/ui-components/Containers/Sidebar/index.tsx b/packages/ui-components/Containers/Sidebar/index.tsx
@@ -1,11 +1,11 @@
 import type { ComponentProps, FC } from 'react';
 
-import styles from './index.module.css';
-
 import Select from '#Common/Select';
 import SidebarGroup from '#Containers/Sidebar/SidebarGroup';
 import type { LinkLike } from '#types';
 
+import styles from './index.module.css';
+
 type SidebarProps = {
   groups: Array<Omit<ComponentProps<typeof SidebarGroup>, 'as' | 'pathname'>>;
   pathname?: string;
