chore: components 패키지 참조 경로 변경

apps/cs/app/(with-base-layout)/layout.tsx

@@ -2,8 +2,8 @@
 
 import { usePathname, useRouter } from "next/navigation";
 import { useQueryClient } from "@tanstack/react-query";
-import type { MenuItem } from "@common/components/api";
-import { BaseLayout } from "@common/components/ui";
+import { BaseLayout } from "@common/components";
+import type { MenuItem } from "@/entities/menu";
 import { useMenuStore } from "@/shared/lib";
 import { PageLayout } from "@/shared/ui/page-layout";
 

apps/cs/package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "@common/assets": "workspace:*",
     "@common/components": "workspace:*",
+    "@common/config": "workspace:*",
     "@frontend-opensource/use-react-hooks": "^1.1.4",
     "@hookform/resolvers": "^4.1.3",
     "@minoru/react-dnd-treeview": "3.5.1-alpha.1",

apps/cs/src/app/providers/app-provider.tsx

@@ -9,9 +9,13 @@ import { MenuWrapper } from "@/entities/menu";
 import { StoreProvider } from "@/shared/providers";
 import { AlertDialog } from "@/shared/ui/alert-dialog";
 import { ConfirmDialog } from "@/shared/ui/confirm-dialog";
+import { initializeNextClientConfig } from "@common/config";
 
 const AppProvider = ({ children }: Readonly<{ children: React.ReactNode }>) => {
   const queryClient = new QueryClient();
+
+  initializeNextClientConfig();
+
   return (
     <QueryClientProvider client={queryClient}>
       <StoreProvider>

apps/cs/src/entities/menu-authority/model/menu-authority-table-columns.tsx

@@ -1,6 +1,6 @@
 import type { ColumnDef } from "@tanstack/react-table";
 import type { UseFormReturn } from "react-hook-form";
-import { Checkbox } from "@common/components/ui";
+import { Checkbox } from "@common/components";
 import type {
   MenuAuthority,
   MenuAuthorityFormData,

apps/cs/src/entities/menu-authority/ui/management-authority-dialog.tsx

@@ -13,7 +13,7 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "@common/components/ui";
+} from "@common/components";
 import { ENDPOINT } from "@/shared/config";
 import { useAlertStore } from "@/shared/lib/use-alert-store";
 import {

apps/cs/src/entities/menu/index.ts

@@ -1 +1,2 @@
 export { MenuWrapper } from "./lib/menu-wrapper";
+export type { MenuItem } from "./model/menu-interface";

apps/cs/src/entities/posting/ui/posting-dialog.tsx

@@ -23,8 +23,8 @@ import {
   DateRangePicker,
   DialogClose,
   DialogFooter,
-} from "@common/components/ui";
-import { cn } from "@common/components/lib";
+  cn,
+} from "@common/components";
 import { CodeSelect } from "@/entities/code/@x/posting";
 import { SiteApi, type Site } from "@/entities/site/@x/posting";
 import type { PageableList } from "@/shared/model";

apps/cs/src/pages/banner/model/banner-table-columns.tsx

@@ -4,7 +4,7 @@ import dayjs from "dayjs";
 import Image from "next/image";
 import { useQuery } from "@tanstack/react-query";
 import type { ColumnDef } from "@tanstack/react-table";
-import { Checkbox, Skeleton } from "@common/components/ui";
+import { Checkbox, Skeleton } from "@common/components";
 import { AttachmentApi } from "@/entities/attachment";
 import { ENDPOINT } from "@/shared/config";
 import type { Banner } from "./banner-interface";

apps/cs/src/pages/banner/model/posting-table-columns.tsx

@@ -2,7 +2,7 @@
 
 import dayjs from "dayjs";
 import type { ColumnDef } from "@tanstack/react-table";
-import { Checkbox } from "@common/components/ui";
+import { Checkbox } from "@common/components";
 import type { Post } from "@/entities/posting";
 
 export const columns: ColumnDef<Post>[] = [

apps/cs/src/pages/banner/ui/modify-page.tsx

@@ -11,7 +11,7 @@ import {
   type RowSelectionState,
 } from "@tanstack/react-table";
 import { useConfirm } from "@frontend-opensource/use-react-hooks";
-import { Button, DataTable } from "@common/components/ui";
+import { Button, DataTable } from "@common/components";
 import { PostingApi, type PostPayload } from "@/entities/posting";
 import { useAlertStore } from "@/shared/lib/use-alert-store";
 import { ENDPOINT } from "@/shared/config";

apps/cs/src/pages/bbs/model/table-columns.tsx

@@ -3,7 +3,7 @@ import { useRouter } from "next/navigation";
 import type { ColumnDef, Row } from "@tanstack/react-table";
 import { useLocalStorage } from "@frontend-opensource/use-react-hooks";
 import type { Board } from "@/entities/board/model/board-interface";
-import { Button } from "@common/components/ui";
+import { Button } from "@common/components";
 
 export const columns: ColumnDef<Board>[] = [
   {

apps/cs/src/pages/contents/ui/modify-page.tsx

@@ -21,7 +21,7 @@ import {
   SelectContent,
   SelectItem,
   Button,
-} from "@common/components/ui";
+} from "@common/components";
 
 function ModifyPage({ sequential }: { sequential: string }) {
   const { confirm } = useConfirm();

apps/cs/src/pages/image/model/image-table-columns.tsx

@@ -2,7 +2,7 @@
 
 import dayjs from "dayjs";
 import { type ColumnDef } from "@tanstack/react-table";
-import { Checkbox } from "@common/components/ui";
+import { Checkbox } from "@common/components";
 import { type Image } from "./image-interface";
 import { IMAGE_TYPE } from "./image-interface";
 

apps/cs/src/pages/image/model/posting-table-columns.tsx

@@ -2,7 +2,7 @@
 
 import dayjs from "dayjs";
 import type { ColumnDef } from "@tanstack/react-table";
-import { Checkbox } from "@common/components/ui";
+import { Checkbox } from "@common/components";
 import type { Post } from "@/entities/posting";
 
 export const columns: ColumnDef<Post>[] = [

apps/cs/src/pages/image/ui/modify-page.tsx

@@ -11,7 +11,7 @@ import {
   type RowSelectionState,
 } from "@tanstack/react-table";
 import { useConfirm } from "@frontend-opensource/use-react-hooks";
-import { Button, DataTable } from "@common/components/ui";
+import { Button, DataTable } from "@common/components";
 import { PostingApi, type PostPayload } from "@/entities/posting";
 import { useAlertStore } from "@/shared/lib/use-alert-store";
 import { ENDPOINT } from "@/shared/config";

apps/cs/src/pages/menu/model/board-table-columns.tsx

@@ -1,5 +1,5 @@
 import type { ColumnDef } from "@tanstack/react-table";
-import { Checkbox } from "@common/components/ui";
+import { Checkbox } from "@common/components";
 import type { BoardPopup } from "@/entities/board";
 
 export const columns: ColumnDef<BoardPopup>[] = [

apps/cs/src/pages/menu/model/contents-table-colums.tsx

@@ -1,6 +1,6 @@
 import dayjs from "dayjs";
 import type { ColumnDef } from "@tanstack/react-table";
-import { Checkbox } from "@common/components/ui";
+import { Checkbox } from "@common/components";
 import type { Contents } from "@/entities/content";
 
 export const columns: ColumnDef<Contents>[] = [

apps/cs/src/pages/menu/ui/board-search-dialog.tsx

@@ -14,7 +14,7 @@ import {
   DialogHeader,
   DialogTitle,
   Input,
-} from "@common/components/ui";
+} from "@common/components";
 import { ENDPOINT } from "@/shared/config";
 import { BoardApi, type BoardPopup } from "@/entities/board";
 import { columns } from "../model/board-table-columns";

apps/cs/src/pages/menu/ui/content-search-dialog.tsx

@@ -14,7 +14,7 @@ import {
   DialogHeader,
   DialogTitle,
   Input,
-} from "@common/components/ui";
+} from "@common/components";
 import { ENDPOINT } from "@/shared/config";
 import { ContentsApi, type Contents } from "@/entities/content";
 import { columns } from "../model/contents-table-colums";

apps/cs/src/pages/menu/ui/editable-node.tsx

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-import { Button, Input } from "@common/components/ui";
+import { Button, Input } from "@common/components";
 
 type EditableNodeProps = {
   depth?: number;

apps/cs/src/pages/menu/ui/menu-node.tsx

@@ -1,8 +1,7 @@
 import { useEffect, useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { NodeModel, TreeMethods } from "@minoru/react-dnd-treeview";
-import { Button } from "@common/components/ui";
-import { cn } from "@common/components/lib";
+import { Button, cn } from "@common/components";
 import { ENDPOINT } from "@/shared/config";
 import { MenuApi } from "../api/menu-service";
 import type { TreeMenu } from "../model/menu-interface";

apps/cs/src/pages/menu/ui/menu-page.tsx

@@ -13,7 +13,7 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@common/components/ui";
+} from "@common/components";
 import { SiteApi } from "@/entities/site";
 import { ENDPOINT } from "@/shared/config";
 import { useAlertStore } from "@/shared/lib/use-alert-store";

apps/cs/src/pages/menu/ui/menu-tree.tsx

@@ -8,7 +8,7 @@ import {
   type NodeModel,
   type TreeMethods,
 } from "@minoru/react-dnd-treeview";
-import { Button } from "@common/components/ui";
+import { Button } from "@common/components";
 import { ENDPOINT } from "@/shared/config";
 import { MenuApi } from "../api/menu-service";
 import type { MenuFormData, TreeMenu, TreeNode } from "../model/menu-interface";

apps/cs/src/pages/menu/ui/organization-search-dialog.tsx

@@ -17,8 +17,8 @@ import {
   DialogTitle,
   DialogTrigger,
   Input,
-} from "@common/components/ui";
-import { cn } from "@common/components/lib";
+  cn,
+} from "@common/components";
 import {
   UserOrganizationApi,
   type TreeUserOrganization,

apps/cs/src/pages/module/model/role-authorizations-table-columns.tsx

@@ -1,6 +1,6 @@
 import type { ColumnDef } from "@tanstack/react-table";
 import type { UseFormReturn } from "react-hook-form";
-import { Checkbox } from "@common/components/ui";
+import { Checkbox } from "@common/components";
 import type { RoleAuthorizations } from "./role-authorizations-interface";
 import type { RoleAuthorizationsFormData } from "./role-authorizations-interface";
 

apps/cs/src/pages/module/ui/management-authority-dialog.tsx

@@ -24,7 +24,7 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@common/components/ui";
+} from "@common/components";
 import { ENDPOINT } from "@/shared/config";
 import { useAlertStore } from "@/shared/lib/use-alert-store";
 import {

apps/cs/src/pages/organization/model/additional-user-table-columns.tsx

@@ -1,6 +1,6 @@
 import dayjs from "dayjs";
 import type { ColumnDef } from "@tanstack/react-table";
-import { Checkbox } from "@common/components/ui";
+import { Checkbox } from "@common/components";
 import type { SearchUser } from "@/entities/user-organization";
 
 export const columns: ColumnDef<SearchUser>[] = [

apps/cs/src/pages/organization/ui/additional-user-dialog.tsx

@@ -16,7 +16,7 @@ import {
   Input,
   DialogFooter,
   DialogClose,
-} from "@common/components/ui";
+} from "@common/components";
 import {
   UserOrganizationApi,
   type SearchUser,

apps/cs/src/pages/organization/ui/move-organization-dialog.tsx

@@ -11,7 +11,7 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "@common/components/ui";
+} from "@common/components";
 import { DndTree } from "@/widgets/dnd-tree";
 import {
   generateOrganizationTreeData,

apps/cs/src/pages/organization/ui/organization-page.tsx

@@ -6,7 +6,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import type { NodeModel } from "@minoru/react-dnd-treeview";
 import { useConfirm } from "@frontend-opensource/use-react-hooks";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { Button } from "@common/components/ui";
+import { Button } from "@common/components";
 import { DndTree, EditableNode } from "@/widgets/dnd-tree";
 import {
   OrganizationApi,

apps/cs/src/pages/organization/ui/user-organization-section.tsx

@@ -19,14 +19,12 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@common/components/ui";
-import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@common/components/ui";
+} from "@common/components";
 import {
   UserOrganizationApi,
   userOrganizationFormSchema,

apps/cs/src/shared/store/menu-store.ts

@@ -1,5 +1,5 @@
 import { createStore } from "zustand/vanilla";
-import type { MenuItem } from "@common/components/api";
+import type { MenuItem } from "@/entities/menu";
 
 export type MenuState = {
   currentMenuInfo: MenuItem | null;

apps/cs/src/shared/ui/alert-dialog.tsx

@@ -4,7 +4,7 @@ import {
   DialogFooter,
   DialogClose,
   Button,
-} from "@common/components/ui";
+} from "@common/components";
 import { useAlertStore } from "../lib/use-alert-store";
 
 function AlertDialog() {

apps/cs/src/shared/ui/confirm-dialog.tsx

@@ -6,7 +6,7 @@ import {
   DialogClose,
   Button,
   type ButtonProps,
-} from "@common/components/ui";
+} from "@common/components";
 
 type ConfirmDialogProps = {
   isOpen?: boolean;

apps/cs/src/shared/ui/skeleton-page.tsx

@@ -1,4 +1,6 @@
-import { Skeleton } from "@common/components/ui/skeleton";
+"use client";
+
+import { Skeleton } from "@common/components";
 
 function SkeletonPage() {
   return (

apps/cs/src/widgets/dnd-tree/ui/custom-node.tsx

@@ -1,7 +1,6 @@
 import { useEffect, useState } from "react";
 import type { NodeModel, TreeMethods } from "@minoru/react-dnd-treeview";
-import { Button } from "@common/components/ui";
-import { cn } from "@common/components/lib";
+import { Button, cn } from "@common/components";
 import { EditableNode } from "./editable-node";
 
 interface TreeData extends Record<string, unknown> {

apps/cs/src/widgets/dnd-tree/ui/dnd-tree.tsx

@@ -11,8 +11,7 @@ import {
   type DropOptions,
   type Classes,
 } from "@minoru/react-dnd-treeview";
-import { Button } from "@common/components/ui";
-import { cn } from "@common/components/lib";
+import { Button, cn } from "@common/components";
 import { CustomNode } from "./custom-node";
 
 interface TreeData extends Record<string, unknown> {

apps/cs/src/widgets/dnd-tree/ui/editable-node.tsx

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-import { Button, Input } from "@common/components/ui";
+import { Button, Input } from "@common/components";
 
 type EditableNodeProps = {
   depth?: number;

apps/cs/src/widgets/form-wrapper/ui/form-wrapper.tsx

@@ -1,7 +1,7 @@
 import { useRouter } from "next/navigation";
 import { useConfirm } from "@frontend-opensource/use-react-hooks";
 import { type FieldValues, type UseFormReturn } from "react-hook-form";
-import { Button } from "@common/components/ui";
+import { Button } from "@common/components";
 import { Form } from "@/shared/ui/form";
 
 type FormWrapperProps<T extends FieldValues> = {

apps/cs/tsconfig.json

@@ -25,9 +25,8 @@
     "baseUrl": "./src",
     "paths": {
       "@/*": ["./*"],
-      "@common/components/*": ["../../../packages/common/components/src/*"],
-      "@common/components": ["../../../packages/common/components/src"],
-      "@common/network/*": ["../../../packages/common/network/*"],
+      "@common/components": ["../../../packages/common/components/dist/"],
+      "@common/config": ["../../../packages/common/config/dist/"],
       "@common/network": ["../../../packages/common/network/"]
     }
   },