Remove extensions from import paths

Signed-off-by: Émile Ré <emile@getprobo.com>

apps/console/src/components/documents/LinkedDocumentsCard.tsx

@@ -24,7 +24,7 @@ import { graphql } from "relay-runtime";
 import type { LinkedDocumentsCardFragment$key } from "#/__generated__/core/LinkedDocumentsCardFragment.graphql";
 import { useOrganizationId } from "#/hooks/useOrganizationId";
 
-import { LinkedDocumentDialog } from "./LinkedDocumentsDialog.tsx";
+import { LinkedDocumentDialog } from "./LinkedDocumentsDialog";
 
 const linkedDocumentFragment = graphql`
   fragment LinkedDocumentsCardFragment on Document {

apps/console/src/components/documents/PDFPreview.tsx

@@ -6,7 +6,7 @@ import {
   IconPlusLarge,
   Spinner,
 } from "@probo/ui";
-import { IconMinusLarge } from "@probo/ui/src/Atoms/Icons/IconMinusLarge.tsx";
+import { IconMinusLarge } from "@probo/ui/src/Atoms/Icons/IconMinusLarge";
 import { type ComponentProps, useRef, useState } from "react";
 import { Document, Page, pdfjs } from "react-pdf";
 

apps/console/src/components/form/PeopleMultiSelectField.tsx

@@ -3,7 +3,7 @@ import { Avatar, Badge, Button, Field, IconCrossLargeX, Option, Select } from "@
 import { type ComponentProps, Suspense, useState } from "react";
 import { type Control, Controller, type FieldValues, type Path } from "react-hook-form";
 
-import { usePeople } from "#/hooks/graph/PeopleGraph.ts";
+import { usePeople } from "#/hooks/graph/PeopleGraph";
 
 type Person = {
   id: string;

apps/console/src/components/form/PeopleSelectField.tsx

@@ -3,7 +3,7 @@ import { Avatar, Field, Option, Select } from "@probo/ui";
 import { type ComponentProps, Suspense } from "react";
 import { type Control, Controller, type FieldPath, type FieldValues } from "react-hook-form";
 
-import { usePeople } from "#/hooks/graph/PeopleGraph.ts";
+import { usePeople } from "#/hooks/graph/PeopleGraph";
 
 type Props<
   TFieldValues extends FieldValues = FieldValues,

apps/console/src/components/form/VendorsMultiSelectField.tsx

@@ -4,7 +4,7 @@ import { Avatar, Badge, Button, Field, IconCrossLargeX, Option, Select } from "@
 import { type ComponentProps, Suspense, useState } from "react";
 import { type Control, Controller, type FieldValues, type Path } from "react-hook-form";
 
-import { useVendors } from "#/hooks/graph/VendorGraph.ts";
+import { useVendors } from "#/hooks/graph/VendorGraph";
 
 type Vendor = {
   id: string;

apps/console/src/components/measures/LinkedMeasuresCard.tsx

@@ -23,7 +23,7 @@ import { graphql } from "relay-runtime";
 import type { LinkedMeasuresCardFragment$key } from "#/__generated__/core/LinkedMeasuresCardFragment.graphql";
 import { useOrganizationId } from "#/hooks/useOrganizationId";
 
-import { LinkedMeasureDialog } from "./LinkedMeasuresDialog.tsx";
+import { LinkedMeasureDialog } from "./LinkedMeasuresDialog";
 
 const linkedMeasureFragment = graphql`
   fragment LinkedMeasuresCardFragment on Measure {

apps/console/src/components/risks/LinkedRisksCard.tsx

@@ -17,7 +17,7 @@ import { graphql } from "relay-runtime";
 import type { LinkedRisksCardFragment$key } from "#/__generated__/core/LinkedRisksCardFragment.graphql";
 import { useOrganizationId } from "#/hooks/useOrganizationId";
 
-import { LinkedRisksDialog } from "./LinkedRisksDialog.tsx";
+import { LinkedRisksDialog } from "./LinkedRisksDialog";
 
 const linkedRiskFragment = graphql`
   fragment LinkedRisksCardFragment on Risk {

apps/console/src/components/table/EditableTable.tsx

@@ -19,10 +19,10 @@ import { z } from "zod";
 import { defaultPageSize,
   SortableCellHead,
   SortableDataTable,
-} from "#/components/table/SortableDataTable.tsx";
+} from "#/components/table/SortableDataTable";
-import { useMutateField } from "#/hooks/useMutateField.tsx";
+import { useMutateField } from "#/hooks/useMutateField";
-import { useMutationWithToasts } from "#/hooks/useMutationWithToasts.ts";
+import { useMutationWithToasts } from "#/hooks/useMutationWithToasts";
-import { useStateWithSchema } from "#/hooks/useStateWithSchema.ts";
+import { useStateWithSchema } from "#/hooks/useStateWithSchema";
 
 type ColumnDefinition = { label: string; field: string } | string;
 

apps/console/src/components/table/GraphQLCell.tsx

@@ -1,9 +1,9 @@
 import { useStateWithRef } from "@probo/hooks";
 import { useTranslate } from "@probo/i18n";
 import { EditableCell, selectCell, SelectValue, Spinner } from "@probo/ui";
-import { useEditableCellRef } from "@probo/ui/src/Molecules/Table/EditableCell.tsx";
+import { useEditableCellRef } from "@probo/ui/src/Molecules/Table/EditableCell";
-import { useEditableRowContext } from "@probo/ui/src/Molecules/Table/EditableRow.tsx";
+import { useEditableRowContext } from "@probo/ui/src/Molecules/Table/EditableRow";
-import { getKey } from "@probo/ui/src/Molecules/Table/utils.ts";
+import { getKey } from "@probo/ui/src/Molecules/Table/utils";
 import { Command } from "cmdk";
 import { type ReactNode, Suspense } from "react";
 import { useLazyLoadQuery } from "react-relay";

apps/console/src/components/table/PeopleCell.tsx

@@ -1,8 +1,8 @@
 import { Avatar } from "@probo/ui";
 
-import type { PeopleGraphQuery } from "#/__generated__/core/PeopleGraphQuery.graphql.ts";
+import type { PeopleGraphQuery } from "#/__generated__/core/PeopleGraphQuery.graphql";
-import { GraphQLCell } from "#/components/table/GraphQLCell.tsx";
+import { GraphQLCell } from "#/components/table/GraphQLCell";
-import { peopleQuery } from "#/hooks/graph/PeopleGraph.ts";
+import { peopleQuery } from "#/hooks/graph/PeopleGraph";
 
 type Props = {
   name: string;

apps/console/src/components/table/VendorsCell.tsx

@@ -1,7 +1,7 @@
 import { faviconUrl } from "@probo/helpers";
 import { Avatar, Badge, IconCrossLargeX } from "@probo/ui";
 
-import type { VendorGraphSelectQuery } from "#/__generated__/core/VendorGraphSelectQuery.graphql.ts";
+import type { VendorGraphSelectQuery } from "#/__generated__/core/VendorGraphSelectQuery.graphql";
 import { GraphQLCell } from "#/components/table/GraphQLCell";
 import { vendorsSelectQuery } from "#/hooks/graph/VendorGraph";
 

apps/console/src/hooks/graph/RiskGraph.ts

@@ -6,11 +6,11 @@ import {
 } from "react-relay";
 import { graphql } from "relay-runtime";
 
-import type { RiskGraphDeleteMutation } from "#/__generated__/core/RiskGraphDeleteMutation.graphql.ts";
+import type { RiskGraphDeleteMutation } from "#/__generated__/core/RiskGraphDeleteMutation.graphql";
-import type { RiskGraphFragment$key } from "#/__generated__/core/RiskGraphFragment.graphql.ts";
+import type { RiskGraphFragment$key } from "#/__generated__/core/RiskGraphFragment.graphql";
-import type { RiskGraphListQuery } from "#/__generated__/core/RiskGraphListQuery.graphql.ts";
+import type { RiskGraphListQuery } from "#/__generated__/core/RiskGraphListQuery.graphql";
 
-import { useMutationWithToasts } from "../useMutationWithToasts.ts";
+import { useMutationWithToasts } from "../useMutationWithToasts";
 
 const deleteRiskMutation = graphql`
   mutation RiskGraphDeleteMutation(

apps/console/src/hooks/graph/VendorGraph.ts

@@ -5,11 +5,11 @@ import { useMemo } from "react";
 import { useLazyLoadQuery, useMutation } from "react-relay";
 import { graphql } from "relay-runtime";
 
-import type { VendorGraphCreateMutation } from "#/__generated__/core/VendorGraphCreateMutation.graphql.ts";
+import type { VendorGraphCreateMutation } from "#/__generated__/core/VendorGraphCreateMutation.graphql";
-import type { VendorGraphDeleteMutation } from "#/__generated__/core/VendorGraphDeleteMutation.graphql.ts";
+import type { VendorGraphDeleteMutation } from "#/__generated__/core/VendorGraphDeleteMutation.graphql";
-import type { VendorGraphSelectQuery } from "#/__generated__/core/VendorGraphSelectQuery.graphql.ts";
+import type { VendorGraphSelectQuery } from "#/__generated__/core/VendorGraphSelectQuery.graphql";
 
-import { useMutationWithToasts } from "../useMutationWithToasts.ts";
+import { useMutationWithToasts } from "../useMutationWithToasts";
 
 const createVendorMutation = graphql`
   mutation VendorGraphCreateMutation(

apps/console/src/pages/organizations/documents/DocumentDetailPage.tsx

@@ -74,7 +74,7 @@ import { useFormWithSchema } from "#/hooks/useFormWithSchema";
 import { useMutationWithToasts } from "#/hooks/useMutationWithToasts";
 import { useOrganizationId } from "#/hooks/useOrganizationId";
 import { CurrentUser } from "#/providers/CurrentUser";
-import type { NodeOf } from "#/types.ts";
+import type { NodeOf } from "#/types";
 
 import UpdateVersionDialog from "./dialogs/UpdateVersionDialog";
 

apps/console/src/pages/organizations/documents/DocumentsPage.tsx

@@ -53,11 +53,11 @@ import {
   useDeleteDocumentMutation,
   useSendSigningNotificationsMutation,
 } from "#/hooks/graph/DocumentGraph";
-import { CurrentUser } from "#/providers/CurrentUser.tsx";
+import { CurrentUser } from "#/providers/CurrentUser";
 
 import { CreateDocumentDialog } from "./dialogs/CreateDocumentDialog";
-import { PublishDocumentsDialog } from "./dialogs/PublishDocumentsDialog.tsx";
+import { PublishDocumentsDialog } from "./dialogs/PublishDocumentsDialog";
-import { SignatureDocumentsDialog } from "./dialogs/SignatureDocumentsDialog.tsx";
+import { SignatureDocumentsDialog } from "./dialogs/SignatureDocumentsDialog";
 
 const documentsFragment = graphql`
   fragment DocumentsPageListFragment on Organization

apps/console/src/pages/organizations/documents/dialogs/PublishDocumentsDialog.tsx

@@ -13,9 +13,9 @@ import { type ReactNode } from "react";
 import { graphql } from "relay-runtime";
 import { z } from "zod";
 
-import type { PublishDocumentsDialogMutation } from "#/__generated__/core/PublishDocumentsDialogMutation.graphql.ts";
+import type { PublishDocumentsDialogMutation } from "#/__generated__/core/PublishDocumentsDialogMutation.graphql";
-import { useFormWithSchema } from "#/hooks/useFormWithSchema.ts";
+import { useFormWithSchema } from "#/hooks/useFormWithSchema";
-import { useMutationWithToasts } from "#/hooks/useMutationWithToasts.ts";
+import { useMutationWithToasts } from "#/hooks/useMutationWithToasts";
 
 type Props = {
   documentIds: string[];

apps/console/src/pages/organizations/documents/dialogs/SignatureDocumentsDialog.tsx

@@ -22,16 +22,16 @@ import { useLazyLoadQuery, usePaginationFragment } from "react-relay";
 import { graphql } from "relay-runtime";
 import { z } from "zod";
 
-import type { PeopleGraphPaginatedFragment$key } from "#/__generated__/core/PeopleGraphPaginatedFragment.graphql.ts";
+import type { PeopleGraphPaginatedFragment$key } from "#/__generated__/core/PeopleGraphPaginatedFragment.graphql";
-import type { PeopleGraphPaginatedQuery } from "#/__generated__/core/PeopleGraphPaginatedQuery.graphql.ts";
+import type { PeopleGraphPaginatedQuery } from "#/__generated__/core/PeopleGraphPaginatedQuery.graphql";
-import type { SignatureDocumentsDialogMutation } from "#/__generated__/core/SignatureDocumentsDialogMutation.graphql.ts";
+import type { SignatureDocumentsDialogMutation } from "#/__generated__/core/SignatureDocumentsDialogMutation.graphql";
 import {
   paginatedPeopleFragment,
   paginatedPeopleQuery,
-} from "#/hooks/graph/PeopleGraph.ts";
+} from "#/hooks/graph/PeopleGraph";
-import { useFormWithSchema } from "#/hooks/useFormWithSchema.ts";
+import { useFormWithSchema } from "#/hooks/useFormWithSchema";
-import { useMutationWithToasts } from "#/hooks/useMutationWithToasts.ts";
+import { useMutationWithToasts } from "#/hooks/useMutationWithToasts";
-import { useOrganizationId } from "#/hooks/useOrganizationId.ts";
+import { useOrganizationId } from "#/hooks/useOrganizationId";
 
 type Props = {
   documentIds: string[];

apps/console/src/pages/organizations/documents/tabs/DocumentSignaturesTab.tsx

@@ -14,12 +14,12 @@ import { graphql, useFragment, useRefetchableFragment } from "react-relay";
 import { useOutletContext } from "react-router";
 
 import type { DocumentDetailPageDocumentFragment$data } from "#/__generated__/core/DocumentDetailPageDocumentFragment.graphql";
-import type { DocumentSignaturesTab_signature$key } from "#/__generated__/core/DocumentSignaturesTab_signature.graphql.ts";
+import type { DocumentSignaturesTab_signature$key } from "#/__generated__/core/DocumentSignaturesTab_signature.graphql";
-import type { DocumentSignaturesTab_version$key } from "#/__generated__/core/DocumentSignaturesTab_version.graphql.ts";
+import type { DocumentSignaturesTab_version$key } from "#/__generated__/core/DocumentSignaturesTab_version.graphql";
 import type { DocumentSignaturesTabRefetchQuery } from "#/__generated__/core/DocumentSignaturesTabRefetchQuery.graphql";
-import { usePeople } from "#/hooks/graph/PeopleGraph.ts";
+import { usePeople } from "#/hooks/graph/PeopleGraph";
-import { useMutationWithToasts } from "#/hooks/useMutationWithToasts.ts";
+import { useMutationWithToasts } from "#/hooks/useMutationWithToasts";
-import { useOrganizationId } from "#/hooks/useOrganizationId.ts";
+import { useOrganizationId } from "#/hooks/useOrganizationId";
 import type { ItemOf, NodeOf } from "#/types";
 
 type Version = NodeOf<DocumentDetailPageDocumentFragment$data["versions"]>;

apps/console/src/pages/organizations/measures/dialog/EvidencePreviewDialog.tsx

@@ -13,8 +13,8 @@ import {
 import { Suspense, useEffect } from "react";
 import { useLazyLoadQuery } from "react-relay";
 
-import type { EvidenceGraphFileQuery } from "#/__generated__/core/EvidenceGraphFileQuery.graphql.ts";
+import type { EvidenceGraphFileQuery } from "#/__generated__/core/EvidenceGraphFileQuery.graphql";
-import { evidenceFileQuery } from "#/hooks/graph/EvidenceGraph.ts";
+import { evidenceFileQuery } from "#/hooks/graph/EvidenceGraph";
 
 type Props = {
   evidenceId: string;

apps/console/src/routes/measureRoutes.ts

@@ -59,7 +59,7 @@ export const measureRoutes = [
         Fallback: LinkCardSkeleton,
         Component: lazy(
           () =>
-            import("#/pages/organizations/measures/tabs/MeasureRisksTab.tsx"),
+            import("#/pages/organizations/measures/tabs/MeasureRisksTab"),
         ),
       },
       {
@@ -67,7 +67,7 @@ export const measureRoutes = [
         Fallback: LinkCardSkeleton,
         Component: lazy(
           () =>
-            import("#/pages/organizations/measures/tabs/MeasureTasksTab.tsx"),
+            import("#/pages/organizations/measures/tabs/MeasureTasksTab"),
         ),
       },
       {
@@ -75,7 +75,7 @@ export const measureRoutes = [
         Fallback: LinkCardSkeleton,
         Component: lazy(
           () =>
-            import("#/pages/organizations/measures/tabs/MeasureControlsTab.tsx"),
+            import("#/pages/organizations/measures/tabs/MeasureControlsTab"),
         ),
       },
       {
@@ -83,7 +83,7 @@ export const measureRoutes = [
         Fallback: LinkCardSkeleton,
         Component: lazy(
           () =>
-            import("#/pages/organizations/measures/tabs/MeasureEvidencesTab.tsx"),
+            import("#/pages/organizations/measures/tabs/MeasureEvidencesTab"),
         ),
       },
     ],

apps/console/src/routes/peopleRoutes.ts

@@ -9,7 +9,7 @@ import { loadQuery } from "react-relay";
 import type { PeopleGraphNodeQuery } from "#/__generated__/core/PeopleGraphNodeQuery.graphql";
 import type { PeopleGraphPaginatedQuery } from "#/__generated__/core/PeopleGraphPaginatedQuery.graphql";
 import { LinkCardSkeleton } from "#/components/skeletons/LinkCardSkeleton";
-import { PageSkeleton } from "#/components/skeletons/PageSkeleton.tsx";
+import { PageSkeleton } from "#/components/skeletons/PageSkeleton";
 import { coreEnvironment } from "#/environments";
 import {
   paginatedPeopleQuery,

apps/console/src/routes/riskRoutes.ts

@@ -12,7 +12,7 @@ import type { RiskGraphListQuery } from "#/__generated__/core/RiskGraphListQuery
 import type { RiskGraphNodeQuery } from "#/__generated__/core/RiskGraphNodeQuery.graphql";
 import { LinkCardSkeleton } from "#/components/skeletons/LinkCardSkeleton";
 import { PageSkeleton } from "#/components/skeletons/PageSkeleton";
-import { RisksPageSkeleton } from "#/components/skeletons/RisksPageSkeleton.tsx";
+import { RisksPageSkeleton } from "#/components/skeletons/RisksPageSkeleton";
 import { coreEnvironment } from "#/environments";
 import { riskNodeQuery, risksQuery } from "#/hooks/graph/RiskGraph";
 
@@ -67,28 +67,28 @@ export const riskRoutes = [
         path: "overview",
         Fallback: LinkCardSkeleton,
         Component: lazy(
-          () => import("#/pages/organizations/risks/tabs/RiskOverviewTab.tsx"),
+          () => import("#/pages/organizations/risks/tabs/RiskOverviewTab"),
         ),
       },
       {
         path: "measures",
         Fallback: LinkCardSkeleton,
         Component: lazy(
-          () => import("#/pages/organizations/risks/tabs/RiskMeasuresTab.tsx"),
+          () => import("#/pages/organizations/risks/tabs/RiskMeasuresTab"),
         ),
       },
       {
         path: "documents",
         Fallback: LinkCardSkeleton,
         Component: lazy(
-          () => import("#/pages/organizations/risks/tabs/RiskDocumentsTab.tsx"),
+          () => import("#/pages/organizations/risks/tabs/RiskDocumentsTab"),
         ),
       },
       {
         path: "controls",
         Fallback: LinkCardSkeleton,
         Component: lazy(
-          () => import("#/pages/organizations/risks/tabs/RiskControlsTab.tsx"),
+          () => import("#/pages/organizations/risks/tabs/RiskControlsTab"),
         ),
       },
       {
@@ -96,7 +96,7 @@ export const riskRoutes = [
         Fallback: LinkCardSkeleton,
         Component: lazy(
           () =>
-            import("#/pages/organizations/risks/tabs/RiskObligationsTab.tsx"),
+            import("#/pages/organizations/risks/tabs/RiskObligationsTab"),
         ),
       },
     ],
@@ -125,7 +125,7 @@ export const riskRoutes = [
         path: "overview",
         Fallback: LinkCardSkeleton,
         Component: lazy(
-          () => import("#/pages/organizations/risks/tabs/RiskOverviewTab.tsx"),
+          () => import("#/pages/organizations/risks/tabs/RiskOverviewTab"),
         ),
       },
     ],

apps/console/src/routes/statesOfApplicabilityRoutes.ts

@@ -1,7 +1,7 @@
 import { lazy } from "@probo/react-lazy";
 import type { AppRoute } from "@probo/routes";
 
-import { PageSkeleton } from "#/components/skeletons/PageSkeleton.tsx";
+import { PageSkeleton } from "#/components/skeletons/PageSkeleton";
 
 export const statesOfApplicabilityRoutes = [
   {

apps/trust/src/components/PDFPreview.tsx

@@ -9,7 +9,7 @@ import {
   IconPlusLarge,
   Spinner,
 } from "@probo/ui";
-import { IconMinusLarge } from "@probo/ui/src/Atoms/Icons/IconMinusLarge.tsx";
+import { IconMinusLarge } from "@probo/ui/src/Atoms/Icons/IconMinusLarge";
 import { type ComponentProps, useRef, useState } from "react";
 import { Document, Page, pdfjs } from "react-pdf";
 

apps/trust/src/pages/DocumentsPage.tsx

@@ -4,11 +4,11 @@ import { Fragment } from "react";
 import { type PreloadedQuery, usePreloadedQuery } from "react-relay";
 
 import { DocumentRow } from "#/components/DocumentRow";
-import { RowHeader } from "#/components/RowHeader.tsx";
+import { RowHeader } from "#/components/RowHeader";
-import { Rows } from "#/components/Rows.tsx";
+import { Rows } from "#/components/Rows";
 import { TrustCenterFileRow } from "#/components/TrustCenterFileRow";
 import { documentTypeLabel } from "#/helpers/documents";
-import type { TrustGraphCurrentDocumentsQuery } from "#/queries/__generated__/TrustGraphCurrentDocumentsQuery.graphql.ts";
+import type { TrustGraphCurrentDocumentsQuery } from "#/queries/__generated__/TrustGraphCurrentDocumentsQuery.graphql";
 import { currentTrustDocumentsQuery } from "#/queries/TrustGraph";
 
 type Props = {

apps/trust/src/pages/OverviewPage.tsx

@@ -13,8 +13,8 @@ import { graphql } from "relay-runtime";
 
 import { AuditRow } from "#/components/AuditRow";
 import { DocumentRow } from "#/components/DocumentRow";
-import { RowHeader } from "#/components/RowHeader.tsx";
+import { RowHeader } from "#/components/RowHeader";
-import { Rows } from "#/components/Rows.tsx";
+import { Rows } from "#/components/Rows";
 import { TrustCenterFileRow } from "#/components/TrustCenterFileRow";
 import { VendorRow } from "#/components/VendorRow";
 import { documentTypeLabel } from "#/helpers/documents";

apps/trust/src/pages/SubprocessorsPage.tsx

@@ -2,7 +2,7 @@ import { sprintf } from "@probo/helpers";
 import { useTranslate } from "@probo/i18n";
 import { type PreloadedQuery, usePreloadedQuery } from "react-relay";
 
-import { Rows } from "#/components/Rows.tsx";
+import { Rows } from "#/components/Rows";
 import { VendorRow } from "#/components/VendorRow";
 import type { TrustGraphCurrentVendorsQuery } from "#/queries/__generated__/TrustGraphCurrentVendorsQuery.graphql";
 import { currentTrustVendorsQuery } from "#/queries/TrustGraph";

apps/trust/src/routes.tsx

@@ -18,10 +18,10 @@ import {
   currentTrustVendorsQuery,
 } from "#/queries/TrustGraph";
 
-import { PageError } from "./components/PageError.tsx";
+import { PageError } from "./components/PageError";
-import { MainSkeleton } from "./components/Skeletons/MainSkeleton.tsx";
+import { MainSkeleton } from "./components/Skeletons/MainSkeleton";
-import { TabSkeleton } from "./components/Skeletons/TabSkeleton.tsx";
+import { TabSkeleton } from "./components/Skeletons/TabSkeleton";
-import { consoleEnvironment } from "./providers/RelayProviders.tsx";
+import { consoleEnvironment } from "./providers/RelayProviders";
 
 /**
  * Top level error boundary
@@ -35,11 +35,11 @@ function ErrorBoundary() {
 const routes = [
   {
     path: "/connect",
-    Component: lazy(() => import("./pages/auth/ConnectPageLoader.tsx")),
+    Component: lazy(() => import("./pages/auth/ConnectPageLoader")),
   },
   {
     path: "/verify-magic-link",
-    Component: lazy(() => import("./pages/auth/VerifyMagicLinkPage.tsx")),
+    Component: lazy(() => import("./pages/auth/VerifyMagicLinkPage")),
   },
   {
     path: "/",

packages/ui/src/Atoms/DataTable/DataTable.tsx

@@ -8,7 +8,7 @@ import {
 
 import { Card } from "../Card/Card";
 import { IconPlusLarge } from "../Icons";
-import { type AsChildProps, Slot } from "../Slot.tsx";
+import { type AsChildProps, Slot } from "../Slot";
 
 export function DataTable({
   children,

packages/ui/src/Atoms/Dropdown/Dropdown.tsx

@@ -3,9 +3,9 @@ import { clsx } from "clsx";
 import type { ComponentProps, FC, PropsWithChildren, ReactNode } from "react";
 import { tv } from "tailwind-variants";
 
-import { Button } from "../Button/Button.tsx";
+import { Button } from "../Button/Button";
 import { IconDotGrid1x3Horizontal } from "../Icons";
-import type { IconProps } from "../Icons/type.ts";
+import type { IconProps } from "../Icons/type";
 
 type Props = PropsWithChildren<{
   toggle?: ReactNode;

packages/ui/src/Atoms/Icons/IconArrowBoxLeft.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconArrowBoxLeft({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconArrowCornerDownLeft.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconArrowCornerDownLeft({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconArrowDown.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconArrowDown({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconArrowInbox.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconArrowInbox({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconArrowInbox1.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconArrowInbox1({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconArrowLink.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconArrowLink({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconArrowUp.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconArrowUp({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconBank.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconBank({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconBell2.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconBell2({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconBlock.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconBlock({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconBlock1.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconBlock1({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconBook.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconBook({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconBox.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 // https://lucide.dev/icons/box
 export function IconBox({ size = 24, className }: IconProps) {

packages/ui/src/Atoms/Icons/IconCalendar1.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCalendar1({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCalendar2.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCalendar2({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCheckmark1.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCheckmark1({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCheckmark2Small.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCheckmark2Small({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconChevronDown.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconChevronDown({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconChevronGrabberVertical.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconChevronGrabberVertical({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconChevronLeft.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconChevronLeft({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconChevronRight.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconChevronRight({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconChevronTriangleDownSmall.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconChevronTriangleDownSmall({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconChevronUp.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconChevronUp({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCircleCheck.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCircleCheck({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCircleCheck1.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCircleCheck1({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCircleInfo.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCircleInfo({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCircleProgress.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCircleProgress({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCircleQuestionmark.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCircleQuestionmark({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCircleQuestionmark1.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCircleQuestionmark1({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCircleQuestionmarkSolid.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCircleQuestionmarkSolid({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCircleX.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCircleX({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconClock.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconClock({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCollapse.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCollapse({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconCrossLargeX.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconCrossLargeX({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconDotGrid1x3Horizontal.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconDotGrid1x3Horizontal({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconExpand.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconExpand({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconFilter.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconFilter({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconFire3.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconFire3({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconFolder2.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconFolder2({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconFolderUpload.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconFolderUpload({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconFrame.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconFrame({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconFrame1.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconFrame1({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconFrame2.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconFrame2({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconGroup1.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconGroup1({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconGroup11.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconGroup11({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconHome.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconHome({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconImage.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconImage({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconImport2.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconImport2({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconInProgress.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconInProgress({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconInboxEmpty.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconInboxEmpty({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconKey.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 // https://lucide.dev/icons/key-round
 export function IconKey({ size = 24, className }: IconProps) {

packages/ui/src/Atoms/Icons/IconListStack.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconListStack({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconLock.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconLock({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconMagnifyingGlass.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconMagnifyingGlass({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconMail.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconMail({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconMedal.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconMedal({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconMinusLarge.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconMinusLarge({ size = 16, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconNotStarted.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconNotStarted({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPageCheck.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPageCheck({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPageCheck1.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPageCheck1({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPageCross.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPageCross({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPageTextLine.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPageTextLine({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPageTextSolid.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPageTextSolid({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPencil.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPencil({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPeopleAdd.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPeopleAdd({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPeopleAdd2Line.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPeopleAdd2Line({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPin.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPin({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPlusLarge.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPlusLarge({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPlusSmall.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPlusSmall({ size = 24, className }: IconProps) {
   return (

packages/ui/src/Atoms/Icons/IconPriority.tsx

@@ -1,4 +1,4 @@
-import type { IconProps } from "./type.ts";
+import type { IconProps } from "./type";
 
 export function IconPriority({ size = 24, className }: IconProps) {
   return (