linkup-lib 0.1.0 → 0.1.2

package/dist/CustomButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ButtonProps } from 'antd';
+export interface CustomButtonProps extends ButtonProps {
+    customLabel?: string;
+}
+export declare const CustomButton: React.FC<CustomButtonProps>;

package/dist/CustomButton.js

@@ -0,0 +1,21 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const CustomButton = (_a) => {
+    var { customLabel, children } = _a, props = __rest(_a, ["customLabel", "children"]);
+    return ((0, jsx_runtime_1.jsxs)(antd_1.Button, Object.assign({}, props, { type: "primary", children: [customLabel ? `[${customLabel}] ` : '', children] })));
+};
+exports.CustomButton = CustomButton;

package/dist/LinkupButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface LinkupButtonProps {
+    onClick?: () => void;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+}
+export declare const LinkupButton: React.FC<LinkupButtonProps>;

package/dist/LinkupButton.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkupButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LinkupButton = ({ onClick, children, style }) => {
+    return ((0, jsx_runtime_1.jsx)("button", { onClick: onClick, style: Object.assign({ padding: '10px 20px', backgroundColor: '#0070f3', color: 'white', border: 'none', borderRadius: '5px', cursor: 'pointer' }, style), children: children }));
+};
+exports.LinkupButton = LinkupButton;

package/dist/Registry.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ThemeConfig } from 'antd';
+export interface RegistryProps {
+    size?: 'small' | 'middle' | 'large';
+    theme: ThemeConfig;
+    children: React.ReactNode;
+}
+declare const Registry: ({ size, theme, children }: RegistryProps) => import("react/jsx-runtime").JSX.Element;
+export default Registry;

package/dist/Registry.js

@@ -0,0 +1,16 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NextAuthRegistry_1 = __importDefault(require("./components/registry/NextAuthRegistry"));
+const AntdRegistry_1 = __importDefault(require("./components/registry/AntdRegistry"));
+const ReactQueryRegistry_1 = __importDefault(require("./components/registry/ReactQueryRegistry"));
+const react_error_boundary_1 = require("react-error-boundary");
+const ErrorHandler_1 = __importDefault(require("./components/registry/ErrorHandler"));
+const Registry = ({ size, theme, children }) => {
+    return ((0, jsx_runtime_1.jsx)(NextAuthRegistry_1.default, { session: true, children: (0, jsx_runtime_1.jsx)(AntdRegistry_1.default, { theme: theme, size: size, children: (0, jsx_runtime_1.jsx)(ReactQueryRegistry_1.default, { children: (0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ErrorHandler_1.default, children: children }) }) }) }));
+};
+exports.default = Registry;

package/dist/color.d.ts

@@ -0,0 +1,7 @@
+declare const primary = "#E2702F";
+declare const secondary = "#0F1C43";
+declare const bg100 = "#2F3539";
+declare const bg200 = "#434B59";
+declare const bg300 = "#495160";
+declare const bg900 = "#EEF0F5";
+export { primary, secondary, bg100, bg200, bg300, bg900 };

package/dist/color.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bg900 = exports.bg300 = exports.bg200 = exports.bg100 = exports.secondary = exports.primary = void 0;
+const primary = "#E2702F";
+exports.primary = primary;
+const secondary = "#0F1C43";
+exports.secondary = secondary;
+const bg100 = "#2F3539";
+exports.bg100 = bg100;
+const bg200 = "#434B59";
+exports.bg200 = bg200;
+const bg300 = "#495160";
+exports.bg300 = bg300;
+const bg900 = "#EEF0F5";
+exports.bg900 = bg900;

package/dist/compoenets/registry/AntdRegistry.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ThemeConfig } from 'antd';
+interface RootLayoutProps {
+    size?: 'small' | 'middle' | 'large';
+    theme: ThemeConfig;
+    children: React.ReactNode;
+}
+declare const RootLayout: ({ size, theme, children }: RootLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default RootLayout;

package/dist/compoenets/registry/AntdRegistry.js

@@ -0,0 +1,13 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const nextjs_registry_1 = require("@ant-design/nextjs-registry");
+// 한국어
+const ko_KR_1 = __importDefault(require("antd/es/locale/ko_KR"));
+const RootLayout = ({ size = 'small', theme, children }) => ((0, jsx_runtime_1.jsx)(nextjs_registry_1.AntdRegistry, { children: (0, jsx_runtime_1.jsx)(antd_1.ConfigProvider, { componentSize: size, theme: theme, locale: ko_KR_1.default, children: children }) }));
+exports.default = RootLayout;

package/dist/compoenets/registry/ErrorHandler.d.ts

@@ -0,0 +1,2 @@
+declare const ErrorHandler: ({ error, resetErrorBoundary }: any) => import("react/jsx-runtime").JSX.Element;
+export default ErrorHandler;

package/dist/compoenets/registry/ErrorHandler.js

@@ -0,0 +1,10 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const tb_1 = require("react-icons/tb");
+const ErrorHandler = ({ error, resetErrorBoundary }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center', paddingBottom: '30vh' }, children: (0, jsx_runtime_1.jsx)(antd_1.Result, { status: "error", title: "Error", subTitle: "\uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.", extra: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("pre", { style: { padding: 20, background: '#f9f9f9', borderRadius: 12 }, children: (0, jsx_runtime_1.jsx)(antd_1.Typography.Text, { style: { fontSize: 12, color: '#999' }, children: typeof error === "string" ? error : error.message }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 20 } }), (0, jsx_runtime_1.jsx)(antd_1.Button, { onClick: resetErrorBoundary, icon: (0, jsx_runtime_1.jsx)(tb_1.TbRefresh, {}), children: "\uC7AC\uC2DC\uB3C4" })] }) }) }));
+};
+exports.default = ErrorHandler;

package/dist/compoenets/registry/NextAuthRegistry.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+interface Props {
+    session: any;
+    children: ReactNode | ReactNode[];
+}
+declare const _default: React.MemoExoticComponent<({ children }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/compoenets/registry/NextAuthRegistry.js

@@ -0,0 +1,13 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("next-auth/react");
+const react_2 = __importDefault(require("react"));
+const Components = ({ children }) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.SessionProvider, { children: children }));
+};
+exports.default = react_2.default.memo(Components);

package/dist/compoenets/registry/ReactQueryRegistry.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface Props {
+    children: ReactNode | ReactNode[];
+}
+declare const _default: React.MemoExoticComponent<({ children }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/compoenets/registry/ReactQueryRegistry.js

@@ -0,0 +1,56 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = __importDefault(require("react"));
+const Components = ({ children }) => {
+    const errorHandler = (error) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        // 401 에러 처리
+        if (((_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.status) === 401 || ((_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.status) === 419) {
+            alert("접근 권한이 없습니다.\n다시 로그인 해주세요.");
+            window.location.href = '/auth/signin';
+        }
+        // 404 에러 처리
+        else if (((_c = error === null || error === void 0 ? void 0 : error.response) === null || _c === void 0 ? void 0 : _c.status) === 404) {
+            alert("잘못된 접근입니다.");
+        }
+        // 400 에러 처리
+        else if (((_d = error === null || error === void 0 ? void 0 : error.response) === null || _d === void 0 ? void 0 : _d.status) === 400) {
+            alert(((_f = (_e = error === null || error === void 0 ? void 0 : error.response) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.message) || "잘못된 요청입니다.");
+        }
+        // 500 에러 처리
+        else if (((_g = error === null || error === void 0 ? void 0 : error.response) === null || _g === void 0 ? void 0 : _g.status) === 500) {
+            alert(((_j = (_h = error === null || error === void 0 ? void 0 : error.response) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.message) || "잘못된 요청입니다.");
+        }
+        else {
+            alert("잘못된 요청입니다.");
+        }
+    };
+    const queryClient = new react_query_1.QueryClient({
+        defaultOptions: {
+            queries: {
+                // 모든 Query의 오류를 공통으로 처리한다.
+                throwOnError(error, query) {
+                    // 에러 처리    
+                    errorHandler(error);
+                    return false;
+                },
+                retry: process.env.NODE_ENV === 'production' ? 3 : 0, // 프로덕션 환경에서만 재시도
+                retryDelay: attemptIndex => Math.min(1000 * 2 ** attemptIndex, 30000), // 지수 백오프 전략
+            },
+            mutations: {
+                onError(error, variables, onMutateResult, context) {
+                    // 에러 처리
+                    errorHandler(error);
+                },
+            }
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: children }));
+};
+exports.default = react_1.default.memo(Components);

package/dist/compoenets/ui/header.d.ts

@@ -0,0 +1,2 @@
+declare const Component: () => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/compoenets/ui/header.js

@@ -0,0 +1,29 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const react_1 = require("next-auth/react");
+const navigation_1 = require("next/navigation");
+const Component = () => {
+    var _a;
+    // 라우터
+    const router = (0, navigation_1.useRouter)();
+    // 세션
+    const session = (0, react_1.useSession)();
+    const user = (_a = session.data) === null || _a === void 0 ? void 0 : _a.user;
+    // 로그아웃
+    const handleLogout = () => {
+        (0, react_1.signOut)();
+    };
+    return ((0, jsx_runtime_1.jsxs)("header", { className: "bg-bg-300 w-full h-14 flex fixed top-0 left-0 z-10 items-center", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center pl-6 gap-2 cursor-pointer", onClick: () => {
+                        router.push('/');
+                    }, children: [(0, jsx_runtime_1.jsx)(antd_1.Image, { preview: false, height: 423 / 12, width: 821 / 12, src: "https://secret-order.s3.ap-northeast-2.amazonaws.com/banner/20260107141238977.webp" }), (0, jsx_runtime_1.jsx)("div", { className: "mt-0.5", children: (0, jsx_runtime_1.jsx)("p", { className: `text-2xl text-zinc-200 font-semibold`, children: "\uC720\uD1B5\uC0AC \uAD00\uB9AC\uC790" }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1" }), (0, jsx_runtime_1.jsx)("div", { className: "pr-6", children: 
+                // 로그인 됨
+                user ?
+                    (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "cursor-pointer", children: (0, jsx_runtime_1.jsxs)("p", { className: "text-white", children: [user.id, " \uB2D8"] }) }), (0, jsx_runtime_1.jsx)("div", { className: "cursor-pointer", onClick: handleLogout, children: (0, jsx_runtime_1.jsx)("p", { className: "text-white", children: "\uB85C\uADF8\uC544\uC6C3" }) })] })
+                    :
+                        // 로그인 안됨
+                        (0, jsx_runtime_1.jsx)("div", {}) })] }));
+};
+exports.default = Component;

package/dist/components/registry/AntdRegistry.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ThemeConfig } from 'antd';
+export interface RootLayoutProps {
+    size?: 'small' | 'middle' | 'large';
+    theme: ThemeConfig;
+    children: React.ReactNode;
+}
+declare const RootLayout: ({ size, theme, children }: RootLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default RootLayout;

package/dist/components/registry/AntdRegistry.js

@@ -0,0 +1,13 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const nextjs_registry_1 = require("@ant-design/nextjs-registry");
+// 한국어
+const ko_KR_1 = __importDefault(require("antd/es/locale/ko_KR"));
+const RootLayout = ({ size = 'small', theme, children }) => ((0, jsx_runtime_1.jsx)(nextjs_registry_1.AntdRegistry, { children: (0, jsx_runtime_1.jsx)(antd_1.ConfigProvider, { componentSize: size, theme: theme, locale: ko_KR_1.default, children: children }) }));
+exports.default = RootLayout;

package/dist/components/registry/ErrorHandler.d.ts

@@ -0,0 +1,2 @@
+declare const ErrorHandler: ({ error, resetErrorBoundary }: any) => import("react/jsx-runtime").JSX.Element;
+export default ErrorHandler;

package/dist/components/registry/ErrorHandler.js

@@ -0,0 +1,10 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const antd_1 = require("antd");
+const tb_1 = require("react-icons/tb");
+const ErrorHandler = ({ error, resetErrorBoundary }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center', paddingBottom: '30vh' }, children: (0, jsx_runtime_1.jsx)(antd_1.Result, { status: "error", title: "Error", subTitle: "\uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4.", extra: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("pre", { style: { padding: 20, background: '#f9f9f9', borderRadius: 12 }, children: (0, jsx_runtime_1.jsx)(antd_1.Typography.Text, { style: { fontSize: 12, color: '#999' }, children: typeof error === "string" ? error : error.message }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 20 } }), (0, jsx_runtime_1.jsx)(antd_1.Button, { onClick: resetErrorBoundary, icon: (0, jsx_runtime_1.jsx)(tb_1.TbRefresh, {}), children: "\uC7AC\uC2DC\uB3C4" })] }) }) }));
+};
+exports.default = ErrorHandler;

package/dist/components/registry/ErrorRegistry.d.ts

@@ -0,0 +1,5 @@
+export interface Props {
+    children: React.ReactNode | React.ReactNode[];
+}
+declare const Component: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/registry/ErrorRegistry.js

@@ -0,0 +1,13 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_error_boundary_1 = require("react-error-boundary");
+const ErrorHandler_1 = __importDefault(require("./ErrorHandler"));
+const Component = ({ children }) => {
+    return ((0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: ErrorHandler_1.default, children: children }));
+};
+exports.default = Component;

package/dist/components/registry/NextAuthRegistry.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+export interface Props {
+    session: any;
+    children: ReactNode | ReactNode[];
+}
+declare const _default: React.MemoExoticComponent<({ children }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/registry/NextAuthRegistry.js

@@ -0,0 +1,13 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("next-auth/react");
+const react_2 = __importDefault(require("react"));
+const Components = ({ children }) => {
+    return ((0, jsx_runtime_1.jsx)(react_1.SessionProvider, { children: children }));
+};
+exports.default = react_2.default.memo(Components);

package/dist/components/registry/ReactQueryRegistry.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+export interface Props {
+    children: ReactNode | ReactNode[];
+}
+declare const _default: React.MemoExoticComponent<({ children }: Props) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/registry/ReactQueryRegistry.js

@@ -0,0 +1,56 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = __importDefault(require("react"));
+const Components = ({ children }) => {
+    const errorHandler = (error) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        // 401 에러 처리
+        if (((_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.status) === 401 || ((_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.status) === 419) {
+            alert("접근 권한이 없습니다.\n다시 로그인 해주세요.");
+            window.location.href = '/auth/signin';
+        }
+        // 404 에러 처리
+        else if (((_c = error === null || error === void 0 ? void 0 : error.response) === null || _c === void 0 ? void 0 : _c.status) === 404) {
+            alert("잘못된 접근입니다.");
+        }
+        // 400 에러 처리
+        else if (((_d = error === null || error === void 0 ? void 0 : error.response) === null || _d === void 0 ? void 0 : _d.status) === 400) {
+            alert(((_f = (_e = error === null || error === void 0 ? void 0 : error.response) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.message) || "잘못된 요청입니다.");
+        }
+        // 500 에러 처리
+        else if (((_g = error === null || error === void 0 ? void 0 : error.response) === null || _g === void 0 ? void 0 : _g.status) === 500) {
+            alert(((_j = (_h = error === null || error === void 0 ? void 0 : error.response) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.message) || "잘못된 요청입니다.");
+        }
+        else {
+            alert("잘못된 요청입니다.");
+        }
+    };
+    const queryClient = new react_query_1.QueryClient({
+        defaultOptions: {
+            queries: {
+                // 모든 Query의 오류를 공통으로 처리한다.
+                throwOnError(error, query) {
+                    // 에러 처리    
+                    errorHandler(error);
+                    return false;
+                },
+                retry: process.env.NODE_ENV === 'production' ? 3 : 0, // 프로덕션 환경에서만 재시도
+                retryDelay: attemptIndex => Math.min(1000 * 2 ** attemptIndex, 30000), // 지수 백오프 전략
+            },
+            mutations: {
+                onError(error, variables, onMutateResult, context) {
+                    // 에러 처리
+                    errorHandler(error);
+                },
+            }
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: children }));
+};
+exports.default = react_1.default.memo(Components);

package/dist/components/ui/Aside.d.ts

@@ -0,0 +1,14 @@
+export declare const asideAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+interface MenusProps {
+    key: string;
+    label: string;
+    items?: MenusProps[];
+}
+export interface AsideProps {
+    primaryColor?: string;
+    menus: MenusProps[];
+}
+declare const Component: ({ primaryColor, menus }: AsideProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/ui/Aside.js

@@ -0,0 +1,133 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.asideAtom = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("next-auth/react");
+const navigation_1 = require("next/navigation");
+const react_2 = require("react");
+const fi_1 = require("react-icons/fi");
+const im_1 = require("react-icons/im");
+const jotai_1 = require("jotai");
+exports.asideAtom = (0, jotai_1.atom)(true);
+const Component = ({ primaryColor = "#E2702F", menus }) => {
+    var _a;
+    // 세션
+    const session = (0, react_1.useSession)();
+    const user = (_a = session.data) === null || _a === void 0 ? void 0 : _a.user;
+    // 사이드바 열림 상태
+    const [asideOpen, setAsideOpen] = (0, jotai_1.useAtom)(exports.asideAtom);
+    return ((0, jsx_runtime_1.jsxs)("aside", { style: {
+            position: "fixed",
+            top: 0,
+            left: 0,
+            width: asideOpen ? 210 : 0,
+            minHeight: "100dvh",
+            height: '100dvh',
+            overflow: 'auto',
+            backgroundColor: "#434B59",
+            zIndex: 10,
+            paddingTop: 56,
+            transition: 'all 300ms',
+            scrollbarWidth: 'none',
+        }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+                aside::-webkit-scrollbar {
+                    display: none;
+                }
+            ` }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                    padding: '0px 0px',
+                    minWidth: 210,
+                }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            padding: '30px 12px'
+                        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                    width: 80, height: 80,
+                                    borderRadius: "100%",
+                                    background: '#EBF0F1',
+                                    marginBottom: 20,
+                                    display: 'flex',
+                                    alignItems: 'flex-end',
+                                    justifyContent: 'center',
+                                    overflow: 'hidden',
+                                }, children: (0, jsx_runtime_1.jsx)(im_1.ImUser, { style: { fontSize: 75, color: "#C7CAD2", transform: "translateY(6px)" } }) }), (0, jsx_runtime_1.jsx)("p", { style: { color: 'white', fontSize: 15, fontWeight: 'bold' }, children: user ? user.name : "" }), (0, jsx_runtime_1.jsx)("p", { style: { color: '#bbb', fontSize: 12 }, children: user ? user.levelName : "" })] }), (0, jsx_runtime_1.jsx)("ul", { style: {
+                            borderTop: '1px solid #5F6673',
+                        }, children: menus.map((r, idx) => {
+                            return ((0, jsx_runtime_1.jsx)(Menu, { menu: r, primaryColor: primaryColor }, `menu-${r.key}`));
+                        }) })] })] }));
+};
+// 메뉴 컴포넌트
+const Menu = ({ menu, primaryColor }) => {
+    // 활성 메뉴
+    const pathname = (0, navigation_1.usePathname)();
+    const isActive = (0, react_2.useMemo)(() => {
+        if (!pathname)
+            return "";
+        const pathArr = pathname.split('/');
+        if (pathArr[1] === "")
+            return false;
+        return pathArr[1] === menu.key;
+    }, [pathname, menu.key]);
+    const [open, setOpen] = (0, react_2.useState)(isActive);
+    const router = (0, navigation_1.useRouter)();
+    return ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    height: 48,
+                    width: '100%',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    borderBottom: '1px solid #5F6673',
+                    padding: '0px 20px',
+                    cursor: 'pointer',
+                }, onClick: () => {
+                    if (menu.items && menu.items.length > 0)
+                        setOpen(!open);
+                    else
+                        router.push(`/${menu.key}`);
+                }, children: [(0, jsx_runtime_1.jsx)("p", { style: { color: 'white', fontWeight: 'bold', fontSize: '15px' }, children: menu.label }), menu.items && menu.items.length > 0 ?
+                        (0, jsx_runtime_1.jsx)(fi_1.FiChevronDown, { style: { color: '#6B7280', transition: '300ms', rotate: open ? '180deg' : '0deg' } })
+                        : null] }), menu.items ?
+                (0, jsx_runtime_1.jsx)("ul", { style: {
+                        width: '100%', backgroundColor: '#484E5C', maxHeight: open ? 500 : 0, overflow: 'hidden', transition: '300ms',
+                    }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                            padding: '10px 16px',
+                            borderBottom: '1px solid #5F6673',
+                        }, children: menu.items.map((r, i) => {
+                            return ((0, jsx_runtime_1.jsx)(SubMenu, { menu: r, primaryColor: primaryColor }, `sub-menu-${i}-${r.key}`));
+                        }) }) })
+                : null] }));
+};
+const SubMenu = ({ menu, primaryColor }) => {
+    // 호버 상태
+    const [isHover, setIsHover] = (0, react_2.useState)(false);
+    const router = (0, navigation_1.useRouter)();
+    // 활성 메뉴
+    const pathname = (0, navigation_1.usePathname)();
+    const isActive = (0, react_2.useMemo)(() => {
+        if (!pathname)
+            return "";
+        const pathArr = pathname.split('/');
+        if (pathArr[1] === "")
+            return false;
+        else
+            return `${pathArr[1]}/${pathArr[2]}` === menu.key;
+    }, [pathname, menu.key]);
+    return ((0, jsx_runtime_1.jsx)("li", { style: {
+            height: 48,
+            display: 'flex',
+            alignItems: 'center',
+            cursor: 'pointer',
+        }, onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), onClick: () => router.push(`/${menu.key}`), children: (0, jsx_runtime_1.jsx)("div", { style: {
+                width: '100%',
+                padding: '10px 14px',
+                borderRadius: 8,
+                background: isActive ? '#2A2F37' : 'transparent',
+            }, children: (0, jsx_runtime_1.jsx)("p", { style: {
+                    fontWeight: isActive ? '900' : '600',
+                    color: isHover || isActive ? primaryColor : 'rgb(211, 218, 223)',
+                    fontSize: 14,
+                }, children: menu.label }) }) }));
+};
+exports.default = Component;

package/dist/components/ui/Header.d.ts

@@ -0,0 +1,5 @@
+export interface HeaderProps {
+    logo: React.ReactNode;
+}
+declare const Component: ({ logo }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/ui/Header.js

@@ -0,0 +1,45 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("next-auth/react");
+const navigation_1 = require("next/navigation");
+const color_1 = require("../../color");
+const Component = ({ logo }) => {
+    var _a;
+    // 라우터
+    const router = (0, navigation_1.useRouter)();
+    // 세션
+    const session = (0, react_1.useSession)();
+    const user = (_a = session.data) === null || _a === void 0 ? void 0 : _a.user;
+    // 로그아웃
+    const handleLogout = () => {
+        (0, react_1.signOut)();
+    };
+    return ((0, jsx_runtime_1.jsxs)("header", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            width: '100%',
+            height: '56px',
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            zIndex: 20,
+            background: color_1.bg100,
+        }, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        paddingLeft: '24px',
+                        cursor: 'pointer',
+                    }, onClick: () => {
+                        router.push('/');
+                    }, children: logo }) }), (0, jsx_runtime_1.jsx)("div", { style: { flex: 1 } }), (0, jsx_runtime_1.jsx)("div", { style: { paddingRight: '24px' }, children: 
+                // 로그인 됨
+                user ?
+                    (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: '16px' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { cursor: 'pointer' }, children: (0, jsx_runtime_1.jsxs)("p", { style: { color: 'white' }, children: [user.id, " \uB2D8"] }) }), (0, jsx_runtime_1.jsx)("div", { style: { cursor: 'pointer' }, onClick: handleLogout, children: (0, jsx_runtime_1.jsx)("p", { style: { color: 'white' }, children: "\uB85C\uADF8\uC544\uC6C3" }) })] })
+                    :
+                        // 로그인 안됨
+                        (0, jsx_runtime_1.jsx)("div", {}) })] }));
+};
+exports.default = Component;

package/dist/components/ui/Header2.d.ts

@@ -0,0 +1,5 @@
+export interface Header2Props {
+    logo: React.ReactNode;
+}
+declare const Component: ({ logo }: Header2Props) => import("react/jsx-runtime").JSX.Element;
+export default Component;