Team-Timo · kimminna · Jul 6, 2026 · Jul 6, 2026
@@ -1,4 +1,4 @@
-import { TodayBadge } from "@components/badge/today-badge/TodayBadge";
+import { TodayBadge } from "./TodayBadge";
 
 import type { Meta, StoryObj } from "@storybook/react";
 

@@ -1,4 +1,4 @@
-import { cn } from "@lib";
+import { cn } from "../../../lib";
 
 export type TodayBadgeVariant = "default" | "weekly";
 

@@ -1,4 +1,4 @@
-import { AddTaskButton } from "@components/button/add-task-button/AddTaskButton";
+import { AddTaskButton } from "./AddTaskButton";
 
 import type { Meta, StoryObj } from "@storybook/react";
 

@@ -1,5 +1,5 @@
-import { PlusIcon } from "@icons";
-import { cn } from "@lib";
+import { PlusIcon } from "../../../icons";
+import { cn } from "../../../lib";
 
 export type AddTaskButtonVariant = "default" | "weekly" | "big";
 

@@ -1,4 +1,4 @@
-import { cn } from "@lib";
+import { cn } from "../../../lib";
 
 export interface CreateButtonProps {
   label: string;

@@ -1,4 +1,4 @@
-import { DeleteButton } from "@components/button/delete-button/DeleteButton";
+import { DeleteButton } from "./DeleteButton";
 
 import type { Meta, StoryObj } from "@storybook/react";
 

@@ -1,5 +1,5 @@
-import { TrashOnIcon } from "@icons";
-import { cn } from "@lib";
+import { TrashOnIcon } from "../../../icons";
+import { cn } from "../../../lib";
 
 export interface DeleteButtonProps {
   onClick: () => void;

@@ -1,8 +1,8 @@
-import { PlayIcon } from "@icons/generated/Play";
-import { PlayDisabledIcon } from "@icons/generated/PlayDisabled";
-import { StopIcon } from "@icons/generated/Stop";
-
 import { PlayButton } from "./PlayButton";
+import { PlayIcon } from "../../../icons/generated/Play";
+import { PlayDisabledIcon } from "../../../icons/generated/PlayDisabled";
+import { StopIcon } from "../../../icons/generated/Stop";
+
 
 import type { Meta, StoryObj } from "@storybook/react";
 

@@ -1,6 +1,7 @@
-import { cn } from "@lib";
 import { ReactNode } from "react";
 
+import { cn } from "../../../lib";
+
 export type PlayButtonVariant = "play" | "stop";
 export type PlayButtonSize = "sm" | "lg";
 

@@ -1,4 +1,6 @@
-import { TabButton } from "@components/button/tab-button/TabButton";
+import { useState } from "react";
+
+import { TabButton } from "./TabButton";
 import {
   ChartHoverIcon,
   ChartOffIcon,
@@ -15,8 +17,7 @@ import {
   TodayHoverIcon,
   TodayOffIcon,
   TodayOnIcon,
-} from "@icons";
-import { useState } from "react";
+} from "../../../icons";
 
 import type { Meta, StoryObj } from "@storybook/react";
 import type { ComponentProps } from "react";

@@ -1,4 +1,4 @@
-import { cn } from "@lib";
+import { cn } from "../../../lib";
 
 import type { ReactNode } from "react";
 

@@ -1,6 +1,7 @@
-import { cn } from "@lib";
 import { useId } from "react";
 
+import { cn } from "../../lib";
+
 export interface CheckboxProps {
   checked: boolean;
   onChange: (checked: boolean) => void;

@@ -1,6 +1,7 @@
-import { DropdownView } from "@components/dropdown-view/DropdownView";
 import { useState } from "react";
 
+import { DropdownView } from "./DropdownView";
+
 import type { Meta, StoryObj } from "@storybook/react";
 
 const meta = {

@@ -1,8 +1,10 @@
-import { Dropdown } from "@components/layout/dropdown/Dropdown";
-import { ChevronDownIcon, ChevronUpIcon } from "@icons";
-import { cn } from "@lib";
 import { Fragment } from "react";
 
+import { ChevronDownIcon, ChevronUpIcon } from "../../icons";
+import { cn } from "../../lib";
+import { Dropdown } from "../layout/dropdown/Dropdown";
+
+
 export interface DropdownViewProps {
   items: string[];
   value: string;

@@ -1,16 +1,16 @@
-export { Checkbox } from "@components/checkbox/Checkbox";
-export { Dropdown } from "@components/layout/dropdown/Dropdown";
-export { DropdownView } from "@components/dropdown-view/DropdownView";
-export { Color } from "@components/tokens/color/Color";
-export { Typography } from "@components/tokens/typography/Typography";
-export { TagIcon } from "@components/tag/tag-icon/TagIcon";
-export { TagSelector } from "@components/tag/tag-selector/TagSelector";
-export { PriorityIcon } from "@components/priority/priority-icon/PriorityIcon";
-export { PrioritySelector } from "@components/priority/priority-selector/PrioritySelector";
-export { CreateButton } from "@components/button/create-button/CreateButton";
-export { DeleteButton } from "@components/button/delete-button/DeleteButton";
-export { AddTaskButton } from "@components/button/add-task-button/AddTaskButton";
-export { TodayBadge } from "@components/badge/today-badge/TodayBadge";
-export { TogglePanel } from "@components/toggle-panel/TogglePanel";
-export { PlayButton } from "@components/button/play-button/PlayButton";
-export { TabButton } from "@components/button/tab-button/TabButton";
+export { Checkbox } from "./checkbox/Checkbox";
+export { Dropdown } from "./layout/dropdown/Dropdown";
+export { DropdownView } from "./dropdown-view/DropdownView";
+export { Color } from "./tokens/color/Color";
+export { Typography } from "./tokens/typography/Typography";
+export { TagIcon } from "./tag/tag-icon/TagIcon";
+export { TagSelector } from "./tag/tag-selector/TagSelector";
+export { PriorityIcon } from "./priority/priority-icon/PriorityIcon";
+export { PrioritySelector } from "./priority/priority-selector/PrioritySelector";
+export { CreateButton } from "./button/create-button/CreateButton";
+export { DeleteButton } from "./button/delete-button/DeleteButton";
+export { AddTaskButton } from "./button/add-task-button/AddTaskButton";
+export { TodayBadge } from "./badge/today-badge/TodayBadge";
+export { TogglePanel } from "./toggle-panel/TogglePanel";
+export { PlayButton } from "./button/play-button/PlayButton";
+export { TabButton } from "./button/tab-button/TabButton";
@@ -1,4 +1,4 @@
-import { Dropdown } from "@components/layout/dropdown/Dropdown";
+import { Dropdown } from "./Dropdown";
 
 import type { Meta, StoryObj } from "@storybook/react";
 

@@ -1,6 +1,5 @@
 "use client";
 
-import { cn } from "@lib";
 import {
   createContext,
   useContext,
@@ -13,6 +12,9 @@ import {
   type RefObject,
 } from "react";
 
+import { cn } from "../../../lib";
+
+
 interface DropdownContextValue {
   isOpen: boolean;
   toggle: () => void;

@@ -1,4 +1,4 @@
-import { cn } from "@lib";
+import { cn } from "../../../lib";
 
 export type Priority =
   | "urgent"

@@ -1,6 +1,6 @@
-import { Dropdown } from "@components/layout/dropdown/Dropdown";
-import { PriorityIcon } from "@components/priority/priority-icon/PriorityIcon";
-import { cn } from "@lib";
+import { cn } from "../../../lib";
+import { Dropdown } from "../../layout/dropdown/Dropdown";
+import { PriorityIcon } from "../priority-icon/PriorityIcon";
 
 import type { ReactNode } from "react";
 

@@ -1,4 +1,4 @@
-import { TagIcon } from "@components/tag/tag-icon/TagIcon";
+import { TagIcon } from "./TagIcon";
 
 import type { Meta, StoryObj } from "@storybook/react";
 

@@ -1,4 +1,4 @@
-import { TagSelector } from "@components/tag/tag-selector/TagSelector";
+import { TagSelector } from "./TagSelector";
 
 import type { Meta, StoryObj } from "@storybook/react";
 

@@ -1,6 +1,6 @@
-import { Dropdown } from "@components/layout/dropdown/Dropdown";
-import { PlusIcon } from "@icons";
-import { cn } from "@lib";
+import { PlusIcon } from "../../../icons";
+import { cn } from "../../../lib";
+import { Dropdown } from "../../layout/dropdown/Dropdown";
 
 import type { ReactNode } from "react";
 

@@ -1,9 +1,7 @@
-import {
-  TogglePanel,
-  TogglePanelValue,
-} from "@components/toggle-panel/TogglePanel";
 import { useEffect, useState } from "react";
 
+import { TogglePanel, TogglePanelValue } from "./TogglePanel";
+
 import type { Meta, StoryObj } from "@storybook/react";
 
 const meta = {

@@ -1,6 +1,7 @@
-import { cn } from "@lib";
 import { useId, useRef } from "react";
 
+import { cn } from "../../lib";
+
 import type { KeyboardEvent, RefObject } from "react";
 
 export type TogglePanelValue = "timebox" | "timer";

@@ -1,6 +1,6 @@
-import { COLOR_TOKENS } from "@tokens/color-token";
-
 import { Color } from "./Color";
+import { COLOR_TOKENS } from "../../../tokens/color-token";
+
 
 import type { Meta, StoryObj } from "@storybook/react";
 

@@ -1,4 +1,4 @@
-import { ColorToken } from "@tokens/color-token";
+import { ColorToken } from "../../../tokens/color-token";
 
 export const Color = ({ name, cssVar, value }: ColorToken) => {
   return (

@@ -1,6 +1,6 @@
-import { TYPOGRAPHY_TOKENS } from "@tokens/typography-token";
-
 import { Typography } from "./Typography";
+import { TYPOGRAPHY_TOKENS } from "../../../tokens/typography-token";
+
 
 import type { Meta, StoryObj } from "@storybook/react";
 

@@ -1,4 +1,4 @@
-import { TypographyToken } from "@tokens/typography-token";
+import { TypographyToken } from "../../../tokens/typography-token";
 
 export const Typography = ({
   token,

@@ -3,19 +3,7 @@
   "compilerOptions": {
     "outDir": "dist",
     "rootDir": "./src",
-    "strictNullChecks": true,
-    "paths": {
-      "@components": ["./src/components/index.ts"],
-      "@components/*": ["./src/components/*"],
-      "@tokens/*": ["./src/tokens/*"],
-      "@icons": ["./src/icons/index.ts"],
-      "@icons/*": ["./src/icons/*"],
-      "@lib": ["./src/lib/index.ts"],
-      "@lib/*": ["./src/lib/*"],
-      "@styles/*": ["./src/styles/*"],
-      "@assets/*": ["./src/assets/*"],
-      "@guides/*": ["./src/guides/*"]
-    }
+    "strictNullChecks": true
   },
   "include": ["src"],
   "exclude": ["node_modules", "dist"]