refactor(domain_owned): moved them to templates

src/components/DomainOwned/components/DomainOwnedLayout.tsx → src/components/Templates/DomainOwned/components/DomainOwnedLayout.tsx

@@ -2,11 +2,11 @@ import React from 'react';
 import {
 	IconCircleButton,
 	type IconCircleButtonProps,
-} from '../../../components/Core/Buttons/IconCircleButton';
-import { cn } from '../../../utils/cn';
+} from '../../../Core/Buttons/IconCircleButton';
+import { cn } from '../../../../utils/cn';
 import { LinkChip, type LinkChipProps } from './LinkChip';
 import { ProgressBar } from './ProgressBar';
-import { LinkIcon } from '../../../components/Core/icons/Link';
+import { LinkIcon } from '../../../Core/icons/Link';
 
 export type DomainOwnedLayoutMainProps = {
 	icon?: React.ReactNode;

src/components/DomainOwned/components/LinkChip.tsx → src/components/Templates/DomainOwned/components/LinkChip.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { cn } from '../../../utils/cn';
+import { cn } from '../../../../utils/cn';
 
 export type LinkChipProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
 

src/components/DomainOwned/components/ProgressBar.tsx → src/components/Templates/DomainOwned/components/ProgressBar.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { cn } from '../../../utils/cn';
+import { cn } from '../../../../utils/cn';
 
 const PROGRESS_WIDTH_MAXIMUM = 100;
 const PROGRESS_WIDTH_MINIMUM = 5;

src/components/DomainOwned/components/StepButton.tsx → src/components/Templates/DomainOwned/components/StepButton.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Button } from '../../../components';
-import { RefreshIcon } from '../../../components/Core/icons/Refresh';
-import { cn } from '../../../utils/cn';
+import { Button } from '../../../index';
+import { RefreshIcon } from '../../../Core/icons/Refresh';
+import { cn } from '../../../../utils/cn';
 
 export interface StepButtonProps {
 	children?: React.ReactNode;

src/components/DomainOwned/components/Steps.tsx → src/components/Templates/DomainOwned/components/Steps.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { css } from '@emotion/css';
-import { cn } from '../../../utils/cn';
+import { cn } from '../../../../utils/cn';
 
 export interface StepsProps {
 	current: number;

src/components/DomainOwned/components/WalletInput.tsx → src/components/Templates/DomainOwned/components/WalletInput.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
-import { cn } from '../../../utils/cn';
-import MetamaskSVG from '../../../assets/metamask.svg';
-import { PasteIcon } from '../../../components/Core/icons/Paste';
+import { cn } from '../../../../utils/cn';
+import MetamaskSVG from '../../../../assets/metamask.svg';
+import { PasteIcon } from '../../../Core/icons/Paste';
 
 export interface WalletInputProps {
 	value?: string;

src/components/DomainOwned/views/Borrow.tsx → src/components/Templates/DomainOwned/views/Borrow.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { NamefiBrandText } from '../../../components';
-import { LightningIcon } from '../../../components/Core/icons/Lightning';
+import { NamefiBrandText } from '../../../index';
+import { LightningIcon } from '../../../Core/icons/Lightning';
 import { DomainOwnedLayout } from '../components/DomainOwnedLayout';
 import { type LinkChipProps } from '../components/LinkChip';
 

src/components/DomainOwned/views/Information.tsx → src/components/Templates/DomainOwned/views/Information.tsx

@@ -1,7 +1,7 @@
 import React, { useMemo } from 'react';
-import { ReverseRightIcon } from '../../../components/Core/icons/ReverseRight';
-import { BookmarkIcon } from '../../../components/Core/icons/Bookmark';
-import { LightningIcon } from '../../../components/Core/icons/Lightning';
+import { ReverseRightIcon } from '../../../Core/icons/ReverseRight';
+import { BookmarkIcon } from '../../../Core/icons/Bookmark';
+import { LightningIcon } from '../../../Core/icons/Lightning';
 import { DomainOwnedLayout } from '../components/DomainOwnedLayout';
 import { type LinkChipProps } from '../components/LinkChip';
 

src/components/DomainOwned/views/ListForSale.tsx → src/components/Templates/DomainOwned/views/ListForSale.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { NamefiBrandText } from '../../../components';
-import { BookmarkIcon } from '../../../components/Core/icons/Bookmark';
+import { NamefiBrandText } from '../../../index';
+import { BookmarkIcon } from '../../../Core/icons/Bookmark';
 import { DomainOwnedLayout } from '../components/DomainOwnedLayout';
 import { type LinkChipProps } from '../components/LinkChip';
 

src/components/DomainOwned/views/Transfer.tsx → src/components/Templates/DomainOwned/views/Transfer.tsx

@@ -1,9 +1,9 @@
 import React, { useState, useCallback } from 'react';
-import { NamefiBrandText } from '../../../components';
-import { UnlockIcon } from '../../../components/Core/icons/Unlock';
-import { ReverseLeftIcon } from '../../../components/Core/icons/ReverseLeft';
-import { DoneIcon } from '../../../components/Core/icons/Done';
-import { ReverseRightIcon } from '../../../components/Core/icons/ReverseRight';
+import { NamefiBrandText } from '../../../index';
+import { UnlockIcon } from '../../../Core/icons/Unlock';
+import { ReverseLeftIcon } from '../../../Core/icons/ReverseLeft';
+import { DoneIcon } from '../../../Core/icons/Done';
+import { ReverseRightIcon } from '../../../Core/icons/ReverseRight';
 import { DomainOwnedLayout } from '../components/DomainOwnedLayout';
 import { type LinkChipProps } from '../components/LinkChip';
 import { StepButton } from '../components/StepButton';

src/components/Templates/ImportFlow/components/ActionButton.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StepButton, type StepButtonProps } from '../../../DomainOwned';
+import { StepButton, type StepButtonProps } from '../../DomainOwned';
 
 export type ActionButtonProps = StepButtonProps;
 export const ActionButton = StepButton;

src/components/Templates/ImportFlow/components/ImportFlowLayout.tsx

@@ -4,7 +4,7 @@ import { cn } from '../../../../utils/cn';
 import {
 	DomainOwnedLayout,
 	type DomainOwnedLayoutProgressProps,
-} from '../../../DomainOwned';
+} from '../../DomainOwned';
 import InfoCircledSVG from '../../../../assets/InfoCircled.svg';
 
 export type ImportFlowLayoutMainProps = {

src/components/Templates/ImportFlow/components/Steps.tsx

@@ -1 +1 @@
-export { Steps, type StepsProps } from '../../../DomainOwned/components/Steps';
+export { Steps, type StepsProps } from '../../DomainOwned/components/Steps';

src/pages/DomainOwned/content.tsx

@@ -5,7 +5,7 @@ import {
 	DomainCardProps,
 } from '../../components/Templates/DomainCard/DomainCardDemo';
 
-import { DomainOwned } from '../../components/DomainOwned';
+import { DomainOwned } from '../../components/Templates/DomainOwned';
 
 export type DomainOwnedContentProps = {
 	domainCardProps: DomainCardProps;

src/stories/Templates/DomainOwned/DomainOwned.stories.tsx

@@ -6,7 +6,7 @@ import {
 	DomainOwned,
 	type DomainOwnedView,
 	type TransferStatus,
-} from '../../../components/DomainOwned/DomainOwned';
+} from '../../../components/Templates/DomainOwned/DomainOwned';
 
 const meta = {
 	title: 'Templates/DomainOwned/SideCard',

src/stories/Templates/DomainOwned/FullPage.stories.tsx

@@ -5,14 +5,14 @@ import '../../../index.css'
 import '../../../App.css'
 import { deterministicMoment } from '../../consts';
 
-const meta = {
+const meta: Meta<typeof FullPageStory> = {
   title: 'Templates/DomainOwned/FullPage',
   component: FullPageStory,
   parameters: {
     // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
     layout: 'fullscreen',
   },
-} satisfies Meta<typeof FullPageStory>;
+} ;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

src/stories/Templates/DomainOwned/components/LinkChip.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import '../../../../index.css';
 import '../../../../App.css';
-import { LinkChip } from '../../../../components/DomainOwned/components/LinkChip';
+import { LinkChip } from '../../../../components/Templates/DomainOwned/components/LinkChip';
 
 const meta = {
 	title: 'Templates/DomainOwned/Components/LinkChip',

src/stories/Templates/DomainOwned/components/ProgressBar.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { ProgressBar } from '../../../../components/DomainOwned/components/ProgressBar';
+import { ProgressBar } from '../../../../components/Templates/DomainOwned/components/ProgressBar';
 
 const meta = {
 	title: 'Templates/DomainOwned/Components/ProgressBar',

src/stories/Templates/DomainOwned/components/StepButton.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { StepButton } from '../../../../components/DomainOwned/components/StepButton';
+import { StepButton } from '../../../../components/Templates/DomainOwned/components/StepButton';
 import { ReverseLeftIcon } from '../../../../components/Core/icons/ReverseLeft';
 
 const meta = {

src/stories/Templates/DomainOwned/components/Steps.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { GlobeIcon } from '@radix-ui/react-icons';
-import { StepButton } from '../../../../components/DomainOwned/components/StepButton';
-import { Steps } from '../../../../components/DomainOwned/components/Steps';
+import { StepButton } from '../../../../components/Templates/DomainOwned/components/StepButton';
+import { Steps } from '../../../../components/Templates/DomainOwned/components/Steps';
 import { UnlockIcon } from '../../../../components/Core/icons/Unlock';
 import { ReverseLeftIcon } from '../../../../components/Core/icons/ReverseLeft';
 import { DoneIcon } from '../../../../components/Core/icons/Done';

src/stories/Templates/DomainOwned/components/WalletInput.stories.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { WalletInput } from '../../../../components/DomainOwned/components/WalletInput';
+import { WalletInput } from '../../../../components/Templates/DomainOwned/components/WalletInput';
 
 const meta = {
 	title: 'Templates/DomainOwned/Components/WalletInput',

src/stories/Templates/DomainOwned/components/layouts/Links.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import '../../../../../index.css';
 import '../../../../../App.css';
-import { DomainOwnedLayout } from '../../../../../components/DomainOwned/components/DomainOwnedLayout';
+import { DomainOwnedLayout } from '../../../../../components/Templates/DomainOwned/components/DomainOwnedLayout';
 
 const meta = {
 	title: 'Templates/DomainOwned/Components/Layouts/Links',

src/stories/Templates/DomainOwned/components/layouts/Main.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import '../../../../../index.css';
 import '../../../../../App.css';
-import { DomainOwnedLayout } from '../../../../../components/DomainOwned/components/DomainOwnedLayout';
+import { DomainOwnedLayout } from '../../../../../components/Templates/DomainOwned/components/DomainOwnedLayout';
 import { DoneIcon } from '../../../../../components/Core/icons/Done';
 import { ReverseRightIcon } from '../../../../../components/Core/icons/ReverseRight';
 import { BookmarkIcon } from '../../../../../components/Core/icons/Bookmark';

src/stories/Templates/DomainOwned/components/layouts/Progress.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import '../../../../../index.css';
 import '../../../../../App.css';
-import { DomainOwnedLayout } from '../../../../../components/DomainOwned/components/DomainOwnedLayout';
+import { DomainOwnedLayout } from '../../../../../components/Templates/DomainOwned/components/DomainOwnedLayout';
 
 const meta = {
 	title: 'Templates/DomainOwned/Components/Layouts/Progress',

src/stories/Templates/DomainOwned/views/DomainOwnedBorrowView.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import '../../../../index.css';
 import '../../../../App.css';
-import { Borrow } from '../../../../components/DomainOwned/views/Borrow';
+import { Borrow } from '../../../../components/Templates/DomainOwned/views/Borrow';
 
 const meta = {
 	title: 'Templates/DomainOwned/Views/Borrow',

src/stories/Templates/DomainOwned/views/DomainOwnedInformationView.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import '../../../../index.css';
 import '../../../../App.css';
-import { Information } from '../../../../components/DomainOwned/views/Information';
+import { Information } from '../../../../components/Templates/DomainOwned/views/Information';
 
 const meta = {
 	title: 'Templates/DomainOwned/Views/Information',

src/stories/Templates/DomainOwned/views/DomainOwnedListForSaleView.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import '../../../../index.css';
 import '../../../../App.css';
-import { ListForSale } from '../../../../components/DomainOwned/views/ListForSale';
+import { ListForSale } from '../../../../components/Templates/DomainOwned/views/ListForSale';
 
 const meta = {
 	title: 'Templates/DomainOwned/Views/ListForSale',

src/stories/Templates/DomainOwned/views/DomainOwnedTransferView.stories.tsx

@@ -2,7 +2,7 @@ import { useState, useMemo, useCallback } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import '../../../../index.css';
 import '../../../../App.css';
-import { Transfer, type TransferStatus } from '../../../../components/DomainOwned/views/Transfer';
+import { Transfer, type TransferStatus } from '../../../../components/Templates/DomainOwned/views/Transfer';
 
 const meta = {
 	title: 'Templates/DomainOwned/Views/Transfer',