linkup-lib 0.1.1 → 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;

package/dist/components/ui/Header2.js

@@ -0,0 +1,20 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Component = ({ logo }) => {
+    return ((0, jsx_runtime_1.jsx)("header", { style: {
+            width: '100%',
+            height: '56px',
+            background: 'white',
+            borderBottom: `1px solid #E4E4E7`,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+            }, children: logo }) }));
+};
+exports.default = Component;

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

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

package/dist/components/ui/Page.js

@@ -0,0 +1,15 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Aside_1 = require("./Aside");
+const jotai_1 = require("jotai");
+const Component = ({ children }) => {
+    // 사이드바 열림 상태
+    const [asideOpen, setAsideOpen] = (0, jotai_1.useAtom)(Aside_1.asideAtom);
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            padding: `56px 0px 0px ${asideOpen ? 210 : 0}px`, minHeight: "100dvh",
+            transition: 'all 0.3s',
+        }, children: children }));
+};
+exports.default = Component;

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

@@ -0,0 +1,7 @@
+export interface PageTitleProps {
+    title: string;
+    section1?: React.ReactNode;
+    section2?: React.ReactNode;
+}
+declare const Component: ({ title, section1, section2 }: PageTitleProps) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/ui/PageTitle.js

@@ -0,0 +1,21 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cg_1 = require("react-icons/cg");
+const Aside_1 = require("./Aside");
+const jotai_1 = require("jotai");
+const Component = ({ title, section1, section2 }) => {
+    // 사이드바 열림 상태
+    const [asideOpen, setAsideOpen] = (0, jotai_1.useAtom)(Aside_1.asideAtom);
+    return ((0, jsx_runtime_1.jsxs)("section", { style: {
+            display: 'flex', alignItems: 'center',
+            width: '100%', height: 60, background: '#fff',
+            transition: 'all 0.3s',
+        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    width: 26, height: 60, background: '#EEF0F5',
+                    borderRight: '1px solid #DCDDE2', borderBottom: '1px solid #DCDDE2',
+                    display: 'flex', justifyContent: 'center', alignItems: 'center', cursor: 'pointer'
+                }, onClick: () => setAsideOpen(!asideOpen), children: (0, jsx_runtime_1.jsx)(cg_1.CgChevronLeft, { style: { color: '#616673', fontSize: 16, transform: asideOpen ? 'rotate(0deg)' : 'rotate(180deg)', transition: 'transform 0.3s ease' } }) }), (0, jsx_runtime_1.jsxs)("div", { style: { flex: 1, display: 'flex', alignItems: 'center', height: '100%', borderBottom: '1px solid #E4E7EE', }, children: [(0, jsx_runtime_1.jsx)("div", { style: { padding: '0px 30px' }, children: (0, jsx_runtime_1.jsx)("p", { style: { fontSize: 20, fontWeight: '600' }, children: title }) }), (0, jsx_runtime_1.jsx)("section", { style: { flex: 1 }, children: section1 }), (0, jsx_runtime_1.jsx)("section", { style: { flex: 1 }, children: section2 })] })] }));
+};
+exports.default = Component;

package/dist/image.js

@@ -1,4 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -15,21 +48,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.deleteS3Object = exports.convertWebpAndUploadBuffer = exports.convertWebpAndUploadFile = void 0;
 const dayjs_1 = __importDefault(require("dayjs"));
 const client_s3_1 = require("@aws-sdk/client-s3");
-const sharp_1 = __importDefault(require("sharp"));
 const Bucket = process.env.AWS_S3_BUCKET || ""; // 'secret-order';
-const s3 = new client_s3_1.S3Client({
-    region: process.env.AWS_REGION || "",
-    credentials: {
-        accessKeyId: process.env.AWS_ACCESS_KEY_ID || "",
-        secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY || "",
-    },
-});
+let s3 = null;
+const getS3Client = () => {
+    if (!s3) {
+        s3 = new client_s3_1.S3Client({
+            region: process.env.AWS_REGION || "",
+            credentials: {
+                accessKeyId: process.env.AWS_ACCESS_KEY_ID || "",
+                secretAccessKey: process.env.AWS_SECRET_ACCESS_KEY || "",
+            },
+        });
+    }
+    return s3;
+};
 // 이미지를 webp로 변환 후 업로드
 const convertWebpAndUploadFile = (_a) => __awaiter(void 0, [_a], void 0, function* ({ file, path, fileName, size }) {
     try {
         const buffer = yield file.arrayBuffer();
         // 이미지를 webp로 변환
-        const convert = yield (0, sharp_1.default)(buffer).webp({
+        const sharp = (yield Promise.resolve().then(() => __importStar(require("sharp")))).default;
+        const convert = yield sharp(buffer).webp({
             quality: 90,
             // lossless: true,
             // nearLossless: true,
@@ -39,7 +78,7 @@ const convertWebpAndUploadFile = (_a) => __awaiter(void 0, [_a], void 0, functio
         if (!convert) {
             throw new Error('이미지 변환에 실패했습니다.');
         }
-        const resized = size ? yield (0, sharp_1.default)(convert)
+        const resized = size ? yield sharp(convert)
             .resize({ width: size, withoutEnlargement: true })
             .toBuffer() : convert;
         if (!fileName)
@@ -47,7 +86,7 @@ const convertWebpAndUploadFile = (_a) => __awaiter(void 0, [_a], void 0, functio
         // 스트림을 사용하여 S3에 업로드
         const Key = `${path}/${fileName}.webp`;
         // S3에 업로드하고 결과 출력
-        const res = yield s3.send(new client_s3_1.PutObjectCommand({
+        const res = yield getS3Client().send(new client_s3_1.PutObjectCommand({
             Bucket,
             Key,
             Body: resized,
@@ -65,7 +104,8 @@ exports.convertWebpAndUploadFile = convertWebpAndUploadFile;
 const convertWebpAndUploadBuffer = (_a) => __awaiter(void 0, [_a], void 0, function* ({ buffer, path, fileName, size }) {
     try {
         // 이미지를 webp로 변환
-        const convert = yield (0, sharp_1.default)(buffer).webp({
+        const sharp = (yield Promise.resolve().then(() => __importStar(require("sharp")))).default;
+        const convert = yield sharp(buffer).webp({
             quality: 90,
             // lossless: true,
             // nearLossless: true,
@@ -75,7 +115,7 @@ const convertWebpAndUploadBuffer = (_a) => __awaiter(void 0, [_a], void 0, funct
         if (!convert) {
             throw new Error('이미지 변환에 실패했습니다.');
         }
-        const resized = size ? yield (0, sharp_1.default)(convert)
+        const resized = size ? yield sharp(convert)
             .resize({ width: size, withoutEnlargement: true })
             .toBuffer() : convert;
         if (!fileName)
@@ -83,7 +123,7 @@ const convertWebpAndUploadBuffer = (_a) => __awaiter(void 0, [_a], void 0, funct
         // 스트림을 사용하여 S3에 업로드
         const Key = `${path}/${fileName}.webp`;
         // S3에 업로드하고 결과 출력
-        const res = yield s3.send(new client_s3_1.PutObjectCommand({
+        const res = yield getS3Client().send(new client_s3_1.PutObjectCommand({
             Bucket,
             Key,
             Body: resized,
@@ -99,7 +139,7 @@ const convertWebpAndUploadBuffer = (_a) => __awaiter(void 0, [_a], void 0, funct
 exports.convertWebpAndUploadBuffer = convertWebpAndUploadBuffer;
 const deleteS3Object = (key) => __awaiter(void 0, void 0, void 0, function* () {
     try {
-        const res = yield s3.send(new client_s3_1.DeleteObjectCommand({
+        const res = yield getS3Client().send(new client_s3_1.DeleteObjectCommand({
             Bucket,
             Key: key,
         }));

package/dist/index.d.ts

@@ -1,3 +1,15 @@
+import util from './util';
+import image from './image';
+import Registry from './Registry';
+import ReactQueryRegistry from './components/registry/ReactQueryRegistry';
+import AntdRegistry from "./components/registry/AntdRegistry";
+import NextAuthRegistry from './components/registry/NextAuthRegistry';
+import ErrorRegistry from './components/registry/ErrorRegistry';
+import PageTitle from './components/ui/PageTitle';
+import Header from './components/ui/Header';
+import Header2 from './components/ui/Header2';
+import Aside from './components/ui/Aside';
+import Page from './components/ui/Page';
 declare const _default: {
     util: {
         format: {
@@ -30,6 +42,16 @@ declare const _default: {
             time: (sec: number) => string;
             diffProperties: (prev: any, next: any) => any;
         };
+        validate: {
+            id: (value: string) => {
+                message: string;
+                result: boolean;
+            };
+            password: (value: string) => {
+                message: string;
+                result: boolean;
+            };
+        };
     };
     image: {
         convertWebpAndUploadFile: ({ file, path, fileName, size }: {
@@ -96,5 +118,16 @@ declare const _default: {
             $metadata: import("@smithy/types").ResponseMetadata;
         }>;
     };
+    Registry: ({ size, theme, children }: import("./Registry").RegistryProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ logo }: import("./components/ui/Header").HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Header2: ({ logo }: import("./components/ui/Header2").Header2Props) => import("react/jsx-runtime").JSX.Element;
+    Aside: ({ primaryColor, menus }: import("./components/ui/Aside").AsideProps) => import("react/jsx-runtime").JSX.Element;
+    Page: ({ children }: import("./components/ui/Page").PageProps) => import("react/jsx-runtime").JSX.Element;
+    PageTitle: ({ title, section1, section2 }: import("./components/ui/PageTitle").PageTitleProps) => import("react/jsx-runtime").JSX.Element;
+    ReactQueryRegistry: import("react").MemoExoticComponent<({ children }: import("./components/registry/ReactQueryRegistry").Props) => import("react/jsx-runtime").JSX.Element>;
+    AntdRegistry: ({ size, theme, children }: import("./components/registry/AntdRegistry").RootLayoutProps) => import("react/jsx-runtime").JSX.Element;
+    NextAuthRegistry: import("react").MemoExoticComponent<({ children }: import("./components/registry/NextAuthRegistry").Props) => import("react/jsx-runtime").JSX.Element>;
+    ErrorRegistry: ({ children }: import("./components/registry/ErrorRegistry").Props) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
+export { util, image, Registry, Header, Header2, Aside, Page, PageTitle, ReactQueryRegistry, AntdRegistry, NextAuthRegistry, ErrorRegistry };

package/dist/index.js

@@ -3,9 +3,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorRegistry = exports.NextAuthRegistry = exports.AntdRegistry = exports.ReactQueryRegistry = exports.PageTitle = exports.Page = exports.Aside = exports.Header2 = exports.Header = exports.Registry = exports.image = exports.util = void 0;
 const util_1 = __importDefault(require("./util"));
+exports.util = util_1.default;
 const image_1 = __importDefault(require("./image"));
-exports.default = {
-    util: util_1.default,
-    image: image_1.default,
-};
+exports.image = image_1.default;
+const Registry_1 = __importDefault(require("./Registry"));
+exports.Registry = Registry_1.default;
+const ReactQueryRegistry_1 = __importDefault(require("./components/registry/ReactQueryRegistry"));
+exports.ReactQueryRegistry = ReactQueryRegistry_1.default;
+const AntdRegistry_1 = __importDefault(require("./components/registry/AntdRegistry"));
+exports.AntdRegistry = AntdRegistry_1.default;
+const NextAuthRegistry_1 = __importDefault(require("./components/registry/NextAuthRegistry"));
+exports.NextAuthRegistry = NextAuthRegistry_1.default;
+const ErrorRegistry_1 = __importDefault(require("./components/registry/ErrorRegistry"));
+exports.ErrorRegistry = ErrorRegistry_1.default;
+const PageTitle_1 = __importDefault(require("./components/ui/PageTitle"));
+exports.PageTitle = PageTitle_1.default;
+const Header_1 = __importDefault(require("./components/ui/Header"));
+exports.Header = Header_1.default;
+const Header2_1 = __importDefault(require("./components/ui/Header2"));
+exports.Header2 = Header2_1.default;
+const Aside_1 = __importDefault(require("./components/ui/Aside"));
+exports.Aside = Aside_1.default;
+const Page_1 = __importDefault(require("./components/ui/Page"));
+exports.Page = Page_1.default;
+exports.default = { util: util_1.default, image: image_1.default, Registry: Registry_1.default, Header: Header_1.default, Header2: Header2_1.default, Aside: Aside_1.default, Page: Page_1.default, PageTitle: PageTitle_1.default, ReactQueryRegistry: ReactQueryRegistry_1.default, AntdRegistry: AntdRegistry_1.default, NextAuthRegistry: NextAuthRegistry_1.default, ErrorRegistry: ErrorRegistry_1.default };

package/dist/util.d.ts

@@ -1,3 +1,16 @@
+export declare const validate: {
+    /**
+     * 아이디 검증
+     */
+    id: (value: string) => {
+        message: string;
+        result: boolean;
+    };
+    password: (value: string) => {
+        message: string;
+        result: boolean;
+    };
+};
 export declare const format: {
     /**
      * 숫자에 3자리마다 콤마(,) 추가
@@ -65,5 +78,18 @@ declare const _default: {
         time: (sec: number) => string;
         diffProperties: (prev: any, next: any) => any;
     };
+    validate: {
+        /**
+         * 아이디 검증
+         */
+        id: (value: string) => {
+            message: string;
+            result: boolean;
+        };
+        password: (value: string) => {
+            message: string;
+            result: boolean;
+        };
+    };
 };
 export default _default;

package/dist/util.js

@@ -1,6 +1,55 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.get = exports.feature = exports.is = exports.format = void 0;
+exports.get = exports.feature = exports.is = exports.format = exports.validate = void 0;
+exports.validate = {
+    /**
+     * 아이디 검증
+     */
+    id: (value) => {
+        let message = "";
+        let result = false;
+        value = value.trim();
+        if (value.length === 0) {
+            message = "아이디를 입력해주세요.";
+            result = false;
+        }
+        else if (value.length < 5 || value.length >= 50) {
+            message = "아이디는 5자 이상 50자 미만이어야 합니다.";
+            result = false;
+        }
+        else if (!/^[a-z]/.test(value)) {
+            message = "아이디는 영소문자로 시작해야 합니다.";
+            result = false;
+        }
+        else {
+            message = "";
+            result = true;
+        }
+        return { message, result };
+    },
+    password: (value) => {
+        let message = "";
+        let result = false;
+        value = value.trim();
+        if (value.length === 0) {
+            message = "비밀번호를 입력해주세요.";
+            result = false;
+        }
+        else if (value.length < 6 || value.length > 20) {
+            message = "비밀번호는 6자 이상 20자 이하이어야 합니다.";
+            result = false;
+        }
+        else if (!/^(?=.*[a-zA-Z])(?=.*[0-9])(?=.*[!@#$%^&*()_+|<>?:{}])/.test(value)) {
+            message = "비밀번호는 영문, 숫자, 특수문자를 포함해야 합니다.";
+            result = false;
+        }
+        else {
+            message = "";
+            result = true;
+        }
+        return { message, result };
+    }
+};
 exports.format = {
     /**
      * 숫자에 3자리마다 콤마(,) 추가
@@ -200,5 +249,6 @@ exports.default = {
     format: exports.format,
     is: exports.is,
     feature: exports.feature,
-    get: exports.get
+    get: exports.get,
+    validate: exports.validate,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkup-lib",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "링크업 패키지",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -13,6 +13,9 @@
   "files": [
     "dist"
   ],
+  "browser": {
+    "sharp": false
+  },
   "scripts": {
     "build": "tsc",
     "prepublishOnly": "npm run build",
@@ -25,13 +28,33 @@
   "license": "MIT",
   "devDependencies": {
     "@types/node": "^25.0.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "antd": "^6.1.4",
+    "autoprefixer": "^10.4.23",
+    "postcss": "^8.5.6",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3"
   },
   "dependencies": {
+    "@ant-design/nextjs-registry": "^1.3.0",
     "@aws-sdk/client-s3": "^3.962.0",
+    "@tanstack/react-query": "^5.90.16",
+    "ahooks": "^3.9.6",
     "axios": "^1.13.2",
     "dayjs": "^1.11.19",
+    "jotai": "^2.16.1",
     "mysql2": "^3.16.0",
+    "next-auth": "^4.24.13",
+    "react-error-boundary": "^6.0.2",
+    "react-icons": "^5.5.0",
     "sharp": "^0.34.5"
+  },
+  "peerDependencies": {
+    "antd": ">=5.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   }
 }