slice-machine-ui 1.26.1-beta.8 → 2.0.0

package/src/features/customTypes/EditDropdown.tsx

@@ -1,4 +1,3 @@
-import { type FC, useState } from "react";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -7,20 +6,18 @@ import {
   Icon,
   IconButton,
 } from "@prismicio/editor-ui";
+import { type CustomType } from "@prismicio/types-internal/lib/customtypes";
+import { CustomTypeFormat } from "@slicemachine/manager";
 import { useRouter } from "next/router";
+import { type FC, useState } from "react";
 
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-
-import { type CustomType } from "@prismicio/types-internal/lib/customtypes";
+import { DeleteCustomTypeModal } from "@/legacy/components/DeleteCTModal";
+import { RenameCustomTypeModal } from "@/legacy/components/Forms/RenameCustomTypeModal";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
 import { convertCustomToPageType } from "./actions/convertCustomToPageType";
-
 import { CUSTOM_TYPES_CONFIG } from "./customTypesConfig";
 
-import { RenameCustomTypeModal } from "@components/Forms/RenameCustomTypeModal";
-import { DeleteCustomTypeModal } from "@components/DeleteCTModal";
-import { CustomTypeFormat } from "@slicemachine/manager";
-
 type EditDropdownProps = {
   isChangesLocal: boolean;
   format: CustomTypeFormat;

package/src/features/customTypes/PageTypeOnboarding.tsx

@@ -1,10 +1,10 @@
-import { useState } from "react";
-import { Box, Button, Text } from "@prismicio/editor-ui";
 import { cache } from "@prismicio/editor-support/Suspense";
+import { Box, Button, Text } from "@prismicio/editor-ui";
+import { useState } from "react";
 
-import { CreateCustomTypeModal } from "@components/Forms/CreateCustomTypeModal";
-import { BlankPageIcon } from "@src/icons/BlankPageIcon";
-import { getIsEmptyProject } from "@src/hooks/useIsEmptyProject";
+import { getIsEmptyProject } from "@/hooks/useIsEmptyProject";
+import { BlankPageIcon } from "@/icons/BlankPageIcon";
+import { CreateCustomTypeModal } from "@/legacy/components/Forms/CreateCustomTypeModal";
 
 export function PageTypeOnboarding() {
   const [isCreatingCustomType, setIsCreatingCustomType] = useState(false);

package/src/features/customTypes/__tests__/CustomTypeBuilderPage.test.tsx

@@ -1,22 +1,21 @@
 // @vitest-environment jsdom
-import { describe, vi, test, TestContext } from "vitest";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-
-import mockRouter from "next-router-mock";
-
 import {
-  CustomTypeFormat,
   createSliceMachineManager,
+  CustomTypeFormat,
 } from "@slicemachine/manager";
 import { createSliceMachineManagerMSWHandler } from "@slicemachine/manager/test";
-import { CustomTypes } from "@lib/models/common/CustomType";
-import { render, screen, within } from "test/__testutils__";
-import { createTestPlugin } from "test/__testutils__/createTestPlugin";
-import { createTestProject } from "test/__testutils__/createTestProject";
-import { CustomTypesBuilderPage } from "../customTypesBuilder/CustomTypesBuilderPage";
-import pkg from "../../../../package.json";
-
+import mockRouter from "next-router-mock";
 import { createDynamicRouteParser } from "next-router-mock/dynamic-routes";
+import { describe, test, TestContext, vi } from "vitest";
+
+import { render, screen, within } from "@/../test/__testutils__";
+import { createTestPlugin } from "@/../test/__testutils__/createTestPlugin";
+import { createTestProject } from "@/../test/__testutils__/createTestProject";
+import { CustomTypes } from "@/legacy/lib/models/common/CustomType";
+
+import pkg from "../../../../package.json";
+import { CustomTypesBuilderPage } from "../customTypesBuilder/CustomTypesBuilderPage";
 
 mockRouter.useParser(
   createDynamicRouteParser([

package/src/features/customTypes/__tests__/CustomTypesTablePage.test.tsx

@@ -1,21 +1,22 @@
 // @vitest-environment jsdom
-import { describe, vi, test, TestContext } from "vitest";
-import mockRouter from "next-router-mock";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-
 import {
-  CustomTypeFormat,
   createSliceMachineManager,
+  CustomTypeFormat,
 } from "@slicemachine/manager";
 import { createSliceMachineManagerMSWHandler } from "@slicemachine/manager/test";
 import { CustomTypeReadHookData } from "@slicemachine/plugin-kit";
-import { CustomTypes } from "@lib/models/common/CustomType";
-import { render, screen, waitFor, within } from "test/__testutils__";
-import { createTestPlugin } from "test/__testutils__/createTestPlugin";
-import { createTestProject } from "test/__testutils__/createTestProject";
-import { CustomTypesTablePage } from "../customTypesTable/CustomTypesTablePage";
-import { CUSTOM_TYPES_MESSAGES } from "../customTypesMessages";
+import mockRouter from "next-router-mock";
+import { describe, test, TestContext, vi } from "vitest";
+
+import { render, screen, waitFor, within } from "@/../test/__testutils__";
+import { createTestPlugin } from "@/../test/__testutils__/createTestPlugin";
+import { createTestProject } from "@/../test/__testutils__/createTestProject";
+import { CustomTypes } from "@/legacy/lib/models/common/CustomType";
+
 import pkg from "../../../../package.json";
+import { CUSTOM_TYPES_MESSAGES } from "../customTypesMessages";
+import { CustomTypesTablePage } from "../customTypesTable/CustomTypesTablePage";
 
 const formats = [
   {

package/src/features/customTypes/actions/convertCustomToPageType.ts

@@ -1,9 +1,9 @@
-import { toast } from "react-toastify";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-
 import { CustomTypeFormat } from "@slicemachine/manager";
-import { convertToPageType } from "@src/domain/customType";
-import { updateCustomType } from "@src/apiClient";
+import { toast } from "react-toastify";
+
+import { updateCustomType } from "@/apiClient";
+import { convertToPageType } from "@/domain/customType";
 
 import { CUSTOM_TYPES_MESSAGES } from "../customTypesMessages";
 

package/src/features/customTypes/actions/createCustomType.ts

@@ -1,10 +1,10 @@
-import { toast } from "react-toastify";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-
-import { ToastMessageWithPath } from "@components/ToasterContainer";
 import { CustomTypeFormat } from "@slicemachine/manager";
-import { telemetry, updateCustomType } from "@src/apiClient";
-import { create } from "@src/domain/customType";
+import { toast } from "react-toastify";
+
+import { telemetry, updateCustomType } from "@/apiClient";
+import { create } from "@/domain/customType";
+import { ToastMessageWithPath } from "@/legacy/components/ToasterContainer";
 
 import { CUSTOM_TYPES_MESSAGES } from "../customTypesMessages";
 

package/src/features/customTypes/actions/deleteCustomType.ts

@@ -1,8 +1,8 @@
-import { toast } from "react-toastify";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-
-import { managerClient } from "@src/managerClient";
 import { CustomTypeFormat } from "@slicemachine/manager";
+import { toast } from "react-toastify";
+
+import { managerClient } from "@/managerClient";
 
 import { CUSTOM_TYPES_MESSAGES } from "../customTypesMessages";
 

package/src/features/customTypes/actions/renameCustomType.ts

@@ -1,8 +1,8 @@
-import { toast } from "react-toastify";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-
-import { managerClient } from "@src/managerClient";
 import { CustomTypeFormat } from "@slicemachine/manager";
+import { toast } from "react-toastify";
+
+import { managerClient } from "@/managerClient";
 
 import { CUSTOM_TYPES_MESSAGES } from "../customTypesMessages";
 

package/src/features/customTypes/customTypesBuilder/CustomTypeProvider.tsx

@@ -1,19 +1,19 @@
+import { useStableCallback } from "@prismicio/editor-support/React";
+import { CustomType } from "@prismicio/types-internal/lib/customtypes";
 import {
-  ReactNode,
   createContext,
+  ReactNode,
   useCallback,
   useContext,
   useMemo,
   useState,
 } from "react";
-import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-import { useStableCallback } from "@prismicio/editor-support/React";
 
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
-import { getFormat } from "@src/domain/customType";
-import { updateCustomType } from "@src/apiClient";
-import { ActionQueueStatus, useActionQueue } from "@src/hooks/useActionQueue";
+import { updateCustomType } from "@/apiClient";
+import { getFormat } from "@/domain/customType";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import { ActionQueueStatus, useActionQueue } from "@/hooks/useActionQueue";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
 import { CUSTOM_TYPES_MESSAGES } from "../customTypesMessages";
 

package/src/features/customTypes/customTypesBuilder/CustomTypesBuilderPage.tsx

@@ -4,6 +4,13 @@ import { useRouter } from "next/router";
 import { type FC, useEffect } from "react";
 import { useSelector } from "react-redux";
 
+import { BreadcrumbItem } from "@/components/Breadcrumb";
+import { getFormat } from "@/domain/customType";
+import { AutoSaveStatusIndicator } from "@/features/autoSave/AutoSaveStatusIndicator";
+import {
+  CUSTOM_TYPES_CONFIG,
+  readBuilderPageDynamicSegment,
+} from "@/features/customTypes/customTypesConfig";
 import {
   AppLayout,
   AppLayoutActions,
@@ -11,22 +18,20 @@ import {
   AppLayoutBreadcrumb,
   AppLayoutContent,
   AppLayoutHeader,
-} from "@components/AppLayout";
-import { CustomTypeBuilder } from "@lib/builders/CustomTypeBuilder";
-import { CustomTypeSM, CustomTypes } from "@lib/models/common/CustomType";
-import { hasLocal } from "@lib/models/common/ModelData";
-import { readBuilderPageDynamicSegment } from "@src/features/customTypes/customTypesConfig";
-import { selectCustomTypeById } from "@src/modules/availableCustomTypes";
-import type { SliceMachineStoreType } from "@src/redux/type";
-import { getFormat } from "@src/domain/customType";
-import { AutoSaveStatusIndicator } from "@src/features/autoSave/AutoSaveStatusIndicator";
+} from "@/legacy/components/AppLayout";
+import { CustomTypeBuilder } from "@/legacy/lib/builders/CustomTypeBuilder";
+import {
+  CustomTypes,
+  CustomTypeSM,
+} from "@/legacy/lib/models/common/CustomType";
+import { hasLocal } from "@/legacy/lib/models/common/ModelData";
+import { selectCustomTypeById } from "@/modules/availableCustomTypes";
+import type { SliceMachineStoreType } from "@/redux/type";
 
-import { CUSTOM_TYPES_CONFIG } from "../customTypesConfig";
 import { CUSTOM_TYPES_MESSAGES } from "../customTypesMessages";
 import { EditDropdown } from "../EditDropdown";
-import { PageSnippetDialog } from "./PageSnippetDialog";
 import { CustomTypeProvider } from "./CustomTypeProvider";
-import { BreadcrumbItem } from "@src/components/Breadcrumb";
+import { PageSnippetDialog } from "./PageSnippetDialog";
 
 export const CustomTypesBuilderPage: FC = () => {
   const router = useRouter();

package/src/features/customTypes/customTypesBuilder/PageSnippetDialog/PageSnippetDialog.module.css

@@ -0,0 +1,8 @@
+.content {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  gap: 12px;
+  overflow: hidden;
+  grid-area: content;
+}

package/src/features/customTypes/customTypesBuilder/PageSnippetDialog/PageSnippetDialog.module.css.d.ts

@@ -0,0 +1,5 @@
+declare const styles: {
+  readonly "content": string;
+};
+export = styles;
+

package/src/features/customTypes/customTypesBuilder/PageSnippetDialog/PageSnippetDialog.tsx

@@ -1,15 +1,15 @@
-import { FC, Suspense } from "react";
 import { Button, Dialog, DialogHeader, ScrollArea } from "@prismicio/editor-ui";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
+import { FC, Suspense } from "react";
 
-import { ContentTabs } from "@src/components/ContentTabs";
-import { MarkdownRenderer } from "@src/features/documentation/MarkdownRenderer";
-import { useDocumentation } from "@src/features/documentation/useDocumentation";
+import { telemetry } from "@/apiClient";
+import { ContentTabs } from "@/components/ContentTabs";
+import { ErrorBoundary } from "@/ErrorBoundary";
+import { MarkdownRenderer } from "@/features/documentation/MarkdownRenderer";
+import { useDocumentation } from "@/features/documentation/useDocumentation";
+import { useAdapterName } from "@/hooks/useAdapterName";
 
-import * as styles from "./PageSnippetDialog.css";
-import { telemetry } from "@src/apiClient";
-import { useAdapterName } from "@src/hooks/useAdapterName";
-import { ErrorBoundary } from "@src/ErrorBoundary";
+import styles from "./PageSnippetDialog.module.css";
 
 type PageSnippetContentProps = { model: CustomType };
 

package/src/features/customTypes/customTypesBuilder/SliceZoneBlankSlate.tsx

@@ -1,5 +1,5 @@
-import { FC } from "react";
 import { ActionList, ActionListItem, Badge, Box } from "@prismicio/editor-ui";
+import { FC } from "react";
 
 import {
   BlankSlate,
@@ -7,8 +7,8 @@ import {
   BlankSlateContent,
   BlankSlateDescription,
   BlankSlateTitle,
-} from "@src/components/BlankSlate";
-import { SliceMachinePrinterIcon } from "@src/icons/SliceMachinePrinterIcon";
+} from "@/components/BlankSlate";
+import { SliceMachinePrinterIcon } from "@/icons/SliceMachinePrinterIcon";
 
 export type SliceZoneBlankSlateProps = {
   openUpdateSliceZoneModal: () => void;

package/src/features/customTypes/customTypesBuilder/useCustomType.ts

@@ -1,7 +1,7 @@
 import { useRequest } from "@prismicio/editor-support/Suspense";
 import type { CustomType } from "@prismicio/types-internal/lib/customtypes";
 
-import { managerClient } from "@src/managerClient";
+import { managerClient } from "@/managerClient";
 
 export function useCustomType(id: string): CustomType | undefined {
   return useRequest(readCustomType, [id]);

package/src/features/customTypes/customTypesConfig.ts

@@ -1,7 +1,7 @@
 import type { NextRouter } from "next/router";
 
-import { DatabaseIcon } from "@src/icons/DatabaseIcon";
-import { PageStackIcon } from "@src/icons/PageStackIcon";
+import { DatabaseIcon } from "@/icons/DatabaseIcon";
+import { PageStackIcon } from "@/icons/PageStackIcon";
 
 export const CUSTOM_TYPES_CONFIG = {
   page: {

package/src/features/customTypes/customTypesTable/CustomTypesTable.tsx

@@ -1,27 +1,27 @@
-import { type FC } from "react";
-import { Icon, Button, Image, tokens } from "@prismicio/editor-ui";
+import { Button, Icon, Image, tokens } from "@prismicio/editor-ui";
+import { type CustomType } from "@prismicio/types-internal/lib/customtypes";
+import { type CustomTypeFormat } from "@slicemachine/manager";
 import { useRouter } from "next/router";
+import { type FC } from "react";
 
+import {
+  BlankSlate,
+  BlankSlateActions,
+  BlankSlateContent,
+  BlankSlateDescription,
+  BlankSlateImage,
+  BlankSlateTitle,
+} from "@/components/BlankSlate";
 import {
   Table,
   TableBody,
   TableCell,
   TableHead,
   TableRow,
-} from "@src/components/Table";
-import { ReusableIcon } from "@src/icons/ReusableIcon";
-import { UniqueIcon } from "@src/icons/UniqueIcon";
-import { type CustomType } from "@prismicio/types-internal/lib/customtypes";
-import { type CustomTypeFormat } from "@slicemachine/manager";
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
-import {
-  BlankSlate,
-  BlankSlateImage,
-  BlankSlateTitle,
-  BlankSlateDescription,
-  BlankSlateActions,
-  BlankSlateContent,
-} from "@src/components/BlankSlate";
+} from "@/components/Table";
+import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
+import { ReusableIcon } from "@/icons/ReusableIcon";
+import { UniqueIcon } from "@/icons/UniqueIcon";
 
 import { CUSTOM_TYPES_CONFIG } from "../customTypesConfig";
 import { EditDropdown } from "../EditDropdown";

package/src/features/customTypes/customTypesTable/CustomTypesTablePage.tsx

@@ -1,26 +1,26 @@
-import { type FC, Suspense, useState } from "react";
 import {
-  Button,
   Box,
-  ProgressCircle,
+  Button,
   DefaultErrorMessage,
+  ProgressCircle,
 } from "@prismicio/editor-ui";
+import type { CustomTypeFormat } from "@slicemachine/manager";
 import Head from "next/head";
+import { type FC, Suspense, useState } from "react";
 
+import { BreadcrumbItem } from "@/components/Breadcrumb";
+import { ErrorBoundary } from "@/ErrorBoundary";
+import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages";
 import {
   AppLayout,
   AppLayoutActions,
   AppLayoutBreadcrumb,
   AppLayoutContent,
   AppLayoutHeader,
-} from "@components/AppLayout";
-import { CreateCustomTypeModal } from "@components/Forms/CreateCustomTypeModal";
-import { CUSTOM_TYPES_MESSAGES } from "@src/features/customTypes/customTypesMessages";
-import { ErrorBoundary } from "@src/ErrorBoundary";
-import type { CustomTypeFormat } from "@slicemachine/manager";
+} from "@/legacy/components/AppLayout";
+import { CreateCustomTypeModal } from "@/legacy/components/Forms/CreateCustomTypeModal";
 
 import { CustomTypesTable } from "./CustomTypesTable";
-import { BreadcrumbItem } from "@src/components/Breadcrumb";
 
 type CustomTypesTablePageProps = {
   format: CustomTypeFormat;

package/src/features/customTypes/customTypesTable/useCustomTypes.ts

@@ -1,14 +1,14 @@
-import { useCallback, useEffect } from "react";
-import { useSelector } from "react-redux";
-
 import { updateData, useRequest } from "@prismicio/editor-support/Suspense";
 import type { CustomType } from "@prismicio/types-internal/lib/customtypes";
 import type { CustomTypeFormat } from "@slicemachine/manager";
-import { managerClient } from "@src/managerClient";
-import { selectAllCustomTypes } from "@src/modules/availableCustomTypes";
-import type { SliceMachineStoreType } from "@src/redux/type";
-import { hasLocal } from "@lib/models/common/ModelData";
-import { CustomTypes } from "@lib/models/common/CustomType";
+import { useCallback, useEffect } from "react";
+import { useSelector } from "react-redux";
+
+import { CustomTypes } from "@/legacy/lib/models/common/CustomType";
+import { hasLocal } from "@/legacy/lib/models/common/ModelData";
+import { managerClient } from "@/managerClient";
+import { selectAllCustomTypes } from "@/modules/availableCustomTypes";
+import type { SliceMachineStoreType } from "@/redux/type";
 
 type UseCustomTypesReturnType = {
   customTypes: CustomType[];

package/src/features/documentation/MarkdownRenderer/MarkdownRenderer.module.css

@@ -0,0 +1,11 @@
+.section {
+  padding-bottom: 16px;
+}
+
+.inlineCode {
+  font-family: var(--font-family-code);
+  background-color: var(--grey2);
+  border-radius: 6px;
+  padding-block: 2px;
+  padding-inline: 4px;
+}

package/src/features/documentation/MarkdownRenderer/MarkdownRenderer.module.css.d.ts

@@ -0,0 +1,6 @@
+declare const styles: {
+  readonly "inlineCode": string;
+  readonly "section": string;
+};
+export = styles;
+

package/src/features/documentation/MarkdownRenderer/index.tsx

@@ -1,15 +1,14 @@
+import { Text } from "@prismicio/editor-ui";
 import { FC } from "react";
-import remarkGfm from "remark-gfm";
 import ReactMarkdown from "react-markdown";
-
-import { CodeBlock } from "@src/components/CodeBlock";
 import type { CodeProps } from "react-markdown/lib/ast-to-react";
+import remarkGfm from "remark-gfm";
 
-import { Text } from "@prismicio/editor-ui";
+import { telemetry } from "@/apiClient";
+import { CodeBlock } from "@/components/CodeBlock";
+import { useAdapterName } from "@/hooks/useAdapterName";
 
-import * as styles from "./MarkdownRenderer.css";
-import { useAdapterName } from "@src/hooks/useAdapterName";
-import { telemetry } from "@src/apiClient";
+import styles from "./MarkdownRenderer.module.css";
 
 type MarkdownRenderer = FC<{
   markdown: string;

package/src/features/documentation/useDocumentation.ts

@@ -1,7 +1,7 @@
 import { useRequest } from "@prismicio/editor-support/Suspense";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
 
-import { managerClient } from "@src/managerClient";
+import { managerClient } from "@/managerClient";
 
 type UseDocumentationArgs = {
   kind: "PageSnippet";

package/src/features/environments/actions/getActiveEnvironment.ts

@@ -3,7 +3,7 @@ import {
   isInvalidActiveEnvironmentError,
 } from "@slicemachine/manager/client";
 
-import { managerClient } from "@src/managerClient";
+import { managerClient } from "@/managerClient";
 
 type GetActiveEnvironmentReturnType =
   | {

package/src/features/environments/actions/getEnvironments.ts

@@ -1,4 +1,4 @@
-import { managerClient } from "@src/managerClient";
+import { managerClient } from "@/managerClient";
 
 export async function getEnvironments() {
   try {

package/src/features/environments/actions/setEnvironment.ts

@@ -1,8 +1,8 @@
 import { revalidateData } from "@prismicio/editor-support/Suspense";
-
 import { Environment } from "@slicemachine/manager/client";
-import { managerClient } from "@src/managerClient";
-import { getState } from "@src/apiClient";
+
+import { getState } from "@/apiClient";
+import { managerClient } from "@/managerClient";
 
 import { getActiveEnvironment } from "./getActiveEnvironment";
 

package/src/features/inAppGuide/InAppGuideContext.tsx

@@ -1,14 +1,14 @@
 import {
+  createContext,
   Dispatch,
   FC,
   PropsWithChildren,
   SetStateAction,
-  createContext,
   useContext,
   useMemo,
 } from "react";
 
-import { usePersistedState } from "@src/hooks/usePersistedState";
+import { usePersistedState } from "@/hooks/usePersistedState";
 
 type InAppGuideContextValue = {
   isInAppGuideOpen: boolean;

package/src/features/inAppGuide/InAppGuideDialog.tsx

@@ -1,4 +1,3 @@
-import { FC } from "react";
 import {
   Box,
   Dialog,
@@ -10,10 +9,11 @@ import {
   Text,
   Video,
 } from "@prismicio/editor-ui";
+import { FC } from "react";
 
-import { Count } from "@src/components/Count";
-import { HelpIcon } from "@src/icons/HelpIcon";
-import { useIsEmptyProject } from "@src/hooks/useIsEmptyProject";
+import { Count } from "@/components/Count";
+import { useIsEmptyProject } from "@/hooks/useIsEmptyProject";
+import { HelpIcon } from "@/icons/HelpIcon";
 
 import { useInAppGuideContent } from "./inAppGuideContent";
 import { useInAppGuide } from "./InAppGuideContext";

package/src/features/inAppGuide/inAppGuideContent.tsx

@@ -1,6 +1,6 @@
-import { TextLink, Text } from "@prismicio/editor-ui";
+import { Text } from "@prismicio/editor-ui";
 
-import { useRepositoryInformation } from "@src/hooks/useRepositoryInformation";
+import { useRepositoryInformation } from "@/hooks/useRepositoryInformation";
 
 export function useInAppGuideContent() {
   const { repositoryUrl } = useRepositoryInformation();
@@ -37,9 +37,9 @@ export function useInAppGuideContent() {
         description: (
           <>
             Open your{" "}
-            <TextLink href={repositoryUrl} underline>
+            <Text href={repositoryUrl} underline>
               Page Builder
-            </TextLink>
+            </Text>
             , create a page, add slices, save, and publish. Then, come back
             here.
           </>

package/src/features/labs/labsList/LabsList.tsx

@@ -1,9 +1,9 @@
-import type { FC } from "react";
 import { Box, Text } from "@prismicio/editor-ui";
+import type { FC } from "react";
 import { toast } from "react-toastify";
 
 import { LabsListItem } from "./LabsListItem";
-import { type UseLabArgs, type UseLabReturnType, useLab } from "./useLab";
+import { useLab, type UseLabArgs, type UseLabReturnType } from "./useLab";
 
 export const LabsList: FC = () => {
   const [legacySliceUpgraderLab, setLegacySliceUpgraderLab] = useLabWithToast(

package/src/features/labs/labsList/LabsListItem.tsx

@@ -1,5 +1,5 @@
+import { Box, Card, Icon, Switch, Text } from "@prismicio/editor-ui";
 import { type FC, type PropsWithChildren } from "react";
-import { Switch, Box, Card, Icon, Text } from "@prismicio/editor-ui";
 
 type LabsListItemProps = PropsWithChildren<{
   title: string;

package/src/features/labs/labsList/LabsPage.tsx

@@ -1,17 +1,17 @@
-import { type FC, ReactNode, Suspense } from "react";
-import { Box, ProgressCircle, DefaultErrorMessage } from "@prismicio/editor-ui";
+import { Box, DefaultErrorMessage, ProgressCircle } from "@prismicio/editor-ui";
 import Head from "next/head";
+import { type FC, ReactNode, Suspense } from "react";
 
+import { BreadcrumbItem } from "@/components/Breadcrumb";
+import { ErrorBoundary } from "@/ErrorBoundary";
 import {
   AppLayout,
   AppLayoutBreadcrumb,
   AppLayoutContent,
   AppLayoutHeader,
-} from "@components/AppLayout";
-import { ErrorBoundary } from "@src/ErrorBoundary";
+} from "@/legacy/components/AppLayout";
 
 import { LabsList } from "./LabsList";
-import { BreadcrumbItem } from "@src/components/Breadcrumb";
 
 export const LabsPage: FC = () => {
   return (

package/src/features/labs/labsList/useLab.tsx

@@ -1,6 +1,6 @@
 import type { SliceMachineConfig } from "@slicemachine/manager";
 
-import { useSliceMachineConfig } from "@src/hooks/useSliceMachineConfig";
+import { useSliceMachineConfig } from "@/hooks/useSliceMachineConfig";
 
 export type UseLabArgs = keyof Required<SliceMachineConfig>["labs"];