slice-machine-ui 1.26.1-beta.2 → 1.26.1-beta.20

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,21 +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 { PageSnippetDialog } from "./PageSnippetDialog";
 
 export const CustomTypesBuilderPage: FC = () => {
   const router = useRouter();
@@ -87,10 +93,14 @@ const CustomTypesBuilderPageWithProvider: React.FC<
             <>
               <AppLayoutHeader>
                 <AppLayoutBackButton url={config.tablePagePathname} />
-                <AppLayoutBreadcrumb
-                  folder={messages.name({ start: true, plural: true })}
-                  page={customType.label ?? customType.id}
-                />
+                <AppLayoutBreadcrumb>
+                  <BreadcrumbItem>
+                    {messages.name({ start: true, plural: true })}
+                  </BreadcrumbItem>
+                  <BreadcrumbItem active>
+                    {customType.label ?? customType.id}
+                  </BreadcrumbItem>
+                </AppLayoutBreadcrumb>
                 <AppLayoutActions>
                   <AutoSaveStatusIndicator status={actionQueueStatus} />
                   {customType.format === "page" ? (

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";
 
 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,23 +1,24 @@
-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";
 
@@ -61,12 +62,11 @@ export const CustomTypesTablePage: FC<CustomTypesTablePageProps> = ({
           fallback={
             <AppLayout>
               <AppLayoutHeader>
-                <AppLayoutBreadcrumb
-                  folder={customTypesMessages.name({
-                    start: true,
-                    plural: true,
-                  })}
-                />
+                <AppLayoutBreadcrumb>
+                  <BreadcrumbItem>
+                    {customTypesMessages.name({ start: true, plural: true })}
+                  </BreadcrumbItem>
+                </AppLayoutBreadcrumb>
                 <AppLayoutActions>
                   <Button disabled startIcon="add">
                     Create
@@ -81,12 +81,11 @@ export const CustomTypesTablePage: FC<CustomTypesTablePageProps> = ({
         >
           <AppLayout>
             <AppLayoutHeader>
-              <AppLayoutBreadcrumb
-                folder={customTypesMessages.name({
-                  start: true,
-                  plural: true,
-                })}
-              />
+              <AppLayoutBreadcrumb>
+                <BreadcrumbItem>
+                  {customTypesMessages.name({ start: true, plural: true })}
+                </BreadcrumbItem>
+              </AppLayoutBreadcrumb>
               <AppLayoutActions>
                 <Button
                   data-testid="create-ct"

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/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";
 
 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,14 +1,15 @@
-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";
 
@@ -58,7 +59,9 @@ const LabsPageLayout: FC<LabsPageLayoutProps> = ({
   <AppLayout>
     {withHeader ? (
       <AppLayoutHeader>
-        <AppLayoutBreadcrumb folder="Labs" />
+        <AppLayoutBreadcrumb>
+          <BreadcrumbItem>Labs</BreadcrumbItem>
+        </AppLayoutBreadcrumb>
       </AppLayoutHeader>
     ) : null}
     <AppLayoutContent>{children}</AppLayoutContent>

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"];
 

package/src/features/settings/SettingsPage.tsx

@@ -3,14 +3,15 @@ import Head from "next/head";
 import { useRouter } from "next/router";
 import { type FC, useEffect } from "react";
 
+import { BreadcrumbItem } from "@/components/Breadcrumb";
+import { ConnectGitRepository } from "@/features/settings/git/ConnectGitRepository";
+import { useGitIntegrationExperiment } from "@/features/settings/git/useGitIntegrationExperiment";
 import {
   AppLayout,
   AppLayoutBreadcrumb,
   AppLayoutContent,
   AppLayoutHeader,
-} from "@components/AppLayout";
-import { ConnectGitRepository } from "@src/features/settings/git/ConnectGitRepository";
-import { useGitIntegrationExperiment } from "@src/features/settings/git/useGitIntegrationExperiment";
+} from "@/legacy/components/AppLayout";
 
 export const SettingsPage: FC = () => {
   const gitIntegrationExperiment = useGitIntegrationExperiment();
@@ -34,7 +35,9 @@ export const SettingsPage: FC = () => {
       </Head>
       <AppLayout>
         <AppLayoutHeader>
-          <AppLayoutBreadcrumb folder="Settings" />
+          <AppLayoutBreadcrumb>
+            <BreadcrumbItem>Settings</BreadcrumbItem>
+          </AppLayoutBreadcrumb>
         </AppLayoutHeader>
         <AppLayoutContent>
           <Box flexDirection="column" maxWidth={600}>

package/src/features/settings/git/ConnectGitRepository.tsx

@@ -10,18 +10,18 @@ import {
   FieldSetContent,
   FieldSetFooter,
   FieldSetLegend,
-} from "@src/components/FieldSet";
-import { ConnectGitRepositoryBlankSlate } from "@src/features/settings/git/ConnectGitRepositoryBlankSlate";
-import { GitProviderConnectButtons } from "@src/features/settings/git/GitProviderConnectButtons";
-import { GitRepositoriesList } from "@src/features/settings/git/GitRepositoriesList";
+} from "@/components/FieldSet";
+import { ErrorBoundary } from "@/ErrorBoundary";
+import { ConnectGitRepositoryBlankSlate } from "@/features/settings/git/ConnectGitRepositoryBlankSlate";
+import { GitProviderConnectButtons } from "@/features/settings/git/GitProviderConnectButtons";
+import { GitRepositoriesList } from "@/features/settings/git/GitRepositoriesList";
 import {
   GitRepositoriesSearch,
   GitRepositoriesSearchSkeleton,
-} from "@src/features/settings/git/GitRepositoriesSearch";
-import { useGitOwners } from "@src/features/settings/git/useGitOwners";
-import { useLinkedGitRepos } from "@src/features/settings/git/useLinkedGitRepos";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
-import { ErrorBoundary } from "@src/ErrorBoundary";
+} from "@/features/settings/git/GitRepositoriesSearch";
+import { useGitOwners } from "@/features/settings/git/useGitOwners";
+import { useLinkedGitRepos } from "@/features/settings/git/useLinkedGitRepos";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
 export const ConnectGitRepository: FC = () => (
   <FieldSet>

package/src/features/settings/git/GitOwnerSelect.tsx

@@ -2,7 +2,7 @@ import { Select, SelectItem, tokens } from "@prismicio/editor-ui";
 import type { GitOwner } from "@slicemachine/manager";
 import type { ComponentPropsWithoutRef, FC } from "react";
 
-import { gitProviderToConfig } from "@src/features/settings/git/GitProvider";
+import { gitProviderToConfig } from "@/features/settings/git/GitProvider";
 
 type GitOwnerSelectProps = {
   disabled?: boolean;

package/src/features/settings/git/GitProvider.ts

@@ -1,9 +1,9 @@
 import { GIT_PROVIDER, GitProvider } from "@slicemachine/manager/client";
 
-import { BitbucketIcon } from "@src/icons/BitbucketIcon";
-import { GitHubIcon } from "@src/icons/GitHubIcon";
-import { GitLabIcon } from "@src/icons/GitLabIcon";
-import { managerClient } from "@src/managerClient";
+import { BitbucketIcon } from "@/icons/BitbucketIcon";
+import { GitHubIcon } from "@/icons/GitHubIcon";
+import { GitLabIcon } from "@/icons/GitLabIcon";
+import { managerClient } from "@/managerClient";
 
 export const gitProviderToConfig = {
   gitHub: {

package/src/features/settings/git/GitProviderConnectButtons.tsx

@@ -3,7 +3,7 @@ import { Button, ButtonGroup, Text, tokens } from "@prismicio/editor-ui";
 import { type ComponentPropsWithoutRef, type FC, useState } from "react";
 import { toast } from "react-toastify";
 
-import { gitProviderToConfig } from "@src/features/settings/git/GitProvider";
+import { gitProviderToConfig } from "@/features/settings/git/GitProvider";
 
 export const GitProviderConnectButtons: FC = () => (
   <ButtonGroup>