@sonhoseong/mfa-lib 1.0.0

package/dist/components/modal/ModalContainer.js

@@ -0,0 +1,161 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Modal Container - KOMCA 패턴
+ * 모달 UI 렌더링
+ */
+import { useEffect } from 'react';
+import { useModalContext } from './ModalContext';
+const ModalContainer = () => {
+    const { modals, closeModal } = useModalContext();
+    // ESC 키로 모달 닫기
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape' && modals.length > 0) {
+                const lastModal = modals[modals.length - 1];
+                closeModal(lastModal.id, false);
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [modals, closeModal]);
+    // 모달 열렸을 때 body 스크롤 방지
+    useEffect(() => {
+        if (modals.length > 0) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+        return () => {
+            document.body.style.overflow = '';
+        };
+    }, [modals.length]);
+    if (modals.length === 0)
+        return null;
+    const handleOverlayClick = (modal) => {
+        if (modal.closeOnOverlayClick !== false) {
+            closeModal(modal.id, false);
+        }
+    };
+    const handleConfirm = async (modal) => {
+        if (modal.onConfirm) {
+            await modal.onConfirm();
+        }
+        closeModal(modal.id, true);
+    };
+    const handleCancel = (modal) => {
+        modal.onCancel?.();
+        closeModal(modal.id, false);
+    };
+    return (_jsxs(_Fragment, { children: [modals.map((modal, index) => (_jsx("div", { className: "modal-overlay", style: { zIndex: 10000 + index }, onClick: () => handleOverlayClick(modal), children: _jsx("div", { className: "modal-container", onClick: (e) => e.stopPropagation(), children: modal.content ? (
+                    // 커스텀 컨텐츠
+                    modal.content) : (
+                    // 기본 Alert/Confirm UI
+                    _jsxs(_Fragment, { children: [modal.title && (_jsx("div", { className: "modal-header", children: _jsx("h3", { className: "modal-title", children: modal.title }) })), _jsx("div", { className: "modal-body", children: _jsx("p", { className: "modal-message", children: modal.message }) }), _jsxs("div", { className: "modal-footer", children: [modal.type === 'confirm' && modal.cancelText && (_jsx("button", { className: "modal-button secondary", onClick: () => handleCancel(modal), children: modal.cancelText })), _jsx("button", { className: "modal-button primary", onClick: () => handleConfirm(modal), children: modal.confirmText || '확인' })] })] })) }) }, modal.id))), _jsx("style", { children: `
+                .modal-overlay {
+                    position: fixed;
+                    top: 0;
+                    left: 0;
+                    right: 0;
+                    bottom: 0;
+                    background: rgba(0, 0, 0, 0.5);
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    animation: modal-fade-in 0.2s ease-out;
+                }
+
+                @keyframes modal-fade-in {
+                    from {
+                        opacity: 0;
+                    }
+                    to {
+                        opacity: 1;
+                    }
+                }
+
+                .modal-container {
+                    background: white;
+                    border-radius: 12px;
+                    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+                    min-width: 320px;
+                    max-width: 480px;
+                    max-height: 90vh;
+                    overflow: hidden;
+                    animation: modal-slide-up 0.2s ease-out;
+                }
+
+                @keyframes modal-slide-up {
+                    from {
+                        opacity: 0;
+                        transform: translateY(20px);
+                    }
+                    to {
+                        opacity: 1;
+                        transform: translateY(0);
+                    }
+                }
+
+                .modal-header {
+                    padding: 20px 24px 0;
+                }
+
+                .modal-title {
+                    margin: 0;
+                    font-size: 18px;
+                    font-weight: 600;
+                    color: #111827;
+                }
+
+                .modal-body {
+                    padding: 16px 24px 24px;
+                }
+
+                .modal-message {
+                    margin: 0;
+                    font-size: 14px;
+                    color: #4b5563;
+                    line-height: 1.6;
+                    white-space: pre-wrap;
+                }
+
+                .modal-footer {
+                    display: flex;
+                    justify-content: flex-end;
+                    gap: 8px;
+                    padding: 16px 24px;
+                    background: #f9fafb;
+                    border-top: 1px solid #e5e7eb;
+                }
+
+                .modal-button {
+                    padding: 10px 20px;
+                    font-size: 14px;
+                    font-weight: 500;
+                    border-radius: 8px;
+                    cursor: pointer;
+                    transition: all 0.15s;
+                }
+
+                .modal-button.primary {
+                    background: #3b82f6;
+                    color: white;
+                    border: none;
+                }
+
+                .modal-button.primary:hover {
+                    background: #2563eb;
+                }
+
+                .modal-button.secondary {
+                    background: white;
+                    color: #374151;
+                    border: 1px solid #d1d5db;
+                }
+
+                .modal-button.secondary:hover {
+                    background: #f3f4f6;
+                }
+            ` })] }));
+};
+export default ModalContainer;

package/dist/components/modal/ModalContext.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Modal Context - KOMCA 패턴
+ * 전역 모달 상태 관리
+ */
+import React, { ReactNode } from 'react';
+export type ModalType = 'alert' | 'confirm' | 'custom';
+export interface ModalOptions {
+    type: ModalType;
+    title?: string;
+    message?: string;
+    confirmText?: string;
+    cancelText?: string;
+    content?: ReactNode;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+    closeOnOverlayClick?: boolean;
+}
+export interface ModalItem extends ModalOptions {
+    id: string;
+    resolve?: (value: boolean) => void;
+}
+interface ModalContextType {
+    modals: ModalItem[];
+    alert: (message: string, title?: string) => Promise<void>;
+    confirm: (message: string, title?: string) => Promise<boolean>;
+    openModal: (options: ModalOptions) => string;
+    closeModal: (id: string, result?: boolean) => void;
+    closeAll: () => void;
+}
+declare const ModalContext: React.Context<ModalContextType | null>;
+interface ModalProviderProps {
+    children: ReactNode;
+}
+/**
+ * Modal Provider
+ */
+export declare const ModalProvider: React.FC<ModalProviderProps>;
+/**
+ * useModal Hook
+ */
+export declare const useModalContext: () => ModalContextType;
+export default ModalContext;
+//# sourceMappingURL=ModalContext.d.ts.map

package/dist/components/modal/ModalContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalContext.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAoD,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3F,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAGvD,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAGD,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAGD,UAAU,gBAAgB;IACtB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/D,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC;IAC7C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,YAAY,wCAA+C,CAAC;AAElE,UAAU,kBAAkB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkEtD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,gBAMlC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/modal/ModalContext.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Modal Context - KOMCA 패턴
+ * 전역 모달 상태 관리
+ */
+import { createContext, useContext, useCallback, useState } from 'react';
+const ModalContext = createContext(null);
+/**
+ * Modal Provider
+ */
+export const ModalProvider = ({ children }) => {
+    const [modals, setModals] = useState([]);
+    const openModal = useCallback((options) => {
+        const id = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        setModals((prev) => [...prev, { ...options, id }]);
+        return id;
+    }, []);
+    const closeModal = useCallback((id, result = false) => {
+        setModals((prev) => {
+            const modal = prev.find((m) => m.id === id);
+            if (modal?.resolve) {
+                modal.resolve(result);
+            }
+            return prev.filter((m) => m.id !== id);
+        });
+    }, []);
+    const closeAll = useCallback(() => {
+        setModals((prev) => {
+            prev.forEach((modal) => modal.resolve?.(false));
+            return [];
+        });
+    }, []);
+    const alert = useCallback((message, title) => {
+        return new Promise((resolve) => {
+            const id = `modal-${Date.now()}`;
+            setModals((prev) => [
+                ...prev,
+                {
+                    id,
+                    type: 'alert',
+                    title: title || '알림',
+                    message,
+                    confirmText: '확인',
+                    resolve: () => resolve(),
+                },
+            ]);
+        });
+    }, []);
+    const confirm = useCallback((message, title) => {
+        return new Promise((resolve) => {
+            const id = `modal-${Date.now()}`;
+            setModals((prev) => [
+                ...prev,
+                {
+                    id,
+                    type: 'confirm',
+                    title: title || '확인',
+                    message,
+                    confirmText: '확인',
+                    cancelText: '취소',
+                    resolve,
+                },
+            ]);
+        });
+    }, []);
+    return (_jsx(ModalContext.Provider, { value: { modals, alert, confirm, openModal, closeModal, closeAll }, children: children }));
+};
+/**
+ * useModal Hook
+ */
+export const useModalContext = () => {
+    const context = useContext(ModalContext);
+    if (!context) {
+        throw new Error('useModalContext must be used within a ModalProvider');
+    }
+    return context;
+};
+export default ModalContext;

package/dist/components/modal/index.d.ts

@@ -0,0 +1,4 @@
+export { ModalProvider, useModalContext } from './ModalContext';
+export type { ModalItem, ModalOptions, ModalType } from './ModalContext';
+export { default as ModalContainer } from './ModalContainer';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/modal/index.js

@@ -0,0 +1,2 @@
+export { ModalProvider, useModalContext } from './ModalContext';
+export { default as ModalContainer } from './ModalContainer';

package/dist/components/toast/ToastContainer.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Toast Container - KOMCA 패턴
+ * 토스트 알림 UI 렌더링
+ */
+import React from 'react';
+interface ToastContainerProps {
+    /** 위치 */
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+}
+declare const ToastContainer: React.FC<ToastContainerProps>;
+export default ToastContainer;
+//# sourceMappingURL=ToastContainer.d.ts.map

package/dist/components/toast/ToastContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastContainer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,UAAU,mBAAmB;IACzB,SAAS;IACT,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,GAAG,YAAY,GAAG,eAAe,CAAC;CACzG;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8IjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/toast/ToastContainer.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useToast } from './ToastContext';
+// 타입별 아이콘
+const icons = {
+    success: '✓',
+    error: '✕',
+    warning: '⚠',
+    info: 'ℹ',
+};
+// 타입별 색상
+const colors = {
+    success: { bg: '#ecfdf5', border: '#10b981', icon: '#059669' },
+    error: { bg: '#fef2f2', border: '#ef4444', icon: '#dc2626' },
+    warning: { bg: '#fffbeb', border: '#f59e0b', icon: '#d97706' },
+    info: { bg: '#eff6ff', border: '#3b82f6', icon: '#2563eb' },
+};
+const ToastContainer = ({ position = 'top-right' }) => {
+    const { toasts, removeToast } = useToast();
+    const getPositionStyles = () => {
+        const base = { position: 'fixed', zIndex: 9998 };
+        switch (position) {
+            case 'top-left':
+                return { ...base, top: 20, left: 20 };
+            case 'top-center':
+                return { ...base, top: 20, left: '50%', transform: 'translateX(-50%)' };
+            case 'bottom-right':
+                return { ...base, bottom: 20, right: 20 };
+            case 'bottom-left':
+                return { ...base, bottom: 20, left: 20 };
+            case 'bottom-center':
+                return { ...base, bottom: 20, left: '50%', transform: 'translateX(-50%)' };
+            case 'top-right':
+            default:
+                return { ...base, top: 20, right: 20 };
+        }
+    };
+    if (toasts.length === 0)
+        return null;
+    return (_jsxs("div", { style: getPositionStyles(), children: [_jsx("div", { className: "toast-list", children: toasts.map((toast) => (_jsxs("div", { className: `toast-item toast-${toast.type}`, style: {
+                        backgroundColor: colors[toast.type].bg,
+                        borderLeftColor: colors[toast.type].border,
+                    }, children: [_jsx("div", { className: "toast-icon", style: { color: colors[toast.type].icon }, children: icons[toast.type] }), _jsxs("div", { className: "toast-content", children: [toast.title && _jsx("div", { className: "toast-title", children: toast.title }), _jsx("div", { className: "toast-message", children: toast.message })] }), _jsx("button", { className: "toast-close", onClick: () => removeToast(toast.id), "aria-label": "\uB2EB\uAE30", children: "\u2715" })] }, toast.id))) }), _jsx("style", { children: `
+                .toast-list {
+                    display: flex;
+                    flex-direction: column;
+                    gap: 8px;
+                    max-width: 380px;
+                    width: 100%;
+                }
+
+                .toast-item {
+                    display: flex;
+                    align-items: flex-start;
+                    gap: 12px;
+                    padding: 14px 16px;
+                    border-radius: 8px;
+                    border-left: 4px solid;
+                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+                    animation: toast-slide-in 0.3s ease-out;
+                }
+
+                @keyframes toast-slide-in {
+                    from {
+                        opacity: 0;
+                        transform: translateX(100%);
+                    }
+                    to {
+                        opacity: 1;
+                        transform: translateX(0);
+                    }
+                }
+
+                .toast-icon {
+                    flex-shrink: 0;
+                    width: 20px;
+                    height: 20px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    font-size: 14px;
+                    font-weight: bold;
+                }
+
+                .toast-content {
+                    flex: 1;
+                    min-width: 0;
+                }
+
+                .toast-title {
+                    font-size: 14px;
+                    font-weight: 600;
+                    color: #111827;
+                    margin-bottom: 2px;
+                }
+
+                .toast-message {
+                    font-size: 13px;
+                    color: #4b5563;
+                    line-height: 1.4;
+                    word-break: break-word;
+                }
+
+                .toast-close {
+                    flex-shrink: 0;
+                    width: 20px;
+                    height: 20px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    background: transparent;
+                    border: none;
+                    cursor: pointer;
+                    color: #9ca3af;
+                    font-size: 12px;
+                    border-radius: 4px;
+                    transition: all 0.15s;
+                }
+
+                .toast-close:hover {
+                    background: rgba(0, 0, 0, 0.1);
+                    color: #374151;
+                }
+            ` })] }));
+};
+export default ToastContainer;

package/dist/components/toast/ToastContext.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Toast Context - KOMCA 패턴
+ * 전역 토스트 알림 상태 관리
+ */
+import React, { ReactNode } from 'react';
+export type ToastType = 'success' | 'error' | 'warning' | 'info';
+export interface ToastItem {
+    id: string;
+    type: ToastType;
+    message: string;
+    title?: string;
+    duration?: number;
+}
+interface ToastContextType {
+    toasts: ToastItem[];
+    addToast: (toast: Omit<ToastItem, 'id'>) => void;
+    removeToast: (id: string) => void;
+    success: (message: string, title?: string) => void;
+    error: (message: string, title?: string) => void;
+    warning: (message: string, title?: string) => void;
+    info: (message: string, title?: string) => void;
+}
+declare const ToastContext: React.Context<ToastContextType | null>;
+interface ToastProviderProps {
+    children: ReactNode;
+    /** 기본 표시 시간 (ms) */
+    defaultDuration?: number;
+    /** 최대 표시 개수 */
+    maxToasts?: number;
+}
+/**
+ * Toast Provider
+ */
+export declare const ToastProvider: React.FC<ToastProviderProps>;
+/**
+ * useToast Hook
+ */
+export declare const useToast: () => ToastContextType;
+export default ToastContext;
+//# sourceMappingURL=ToastContext.d.ts.map

package/dist/components/toast/ToastContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../src/components/toast/ToastContext.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAoD,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3F,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAGjE,MAAM,WAAW,SAAS;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAGD,UAAU,gBAAgB;IACtB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,QAAA,MAAM,YAAY,wCAA+C,CAAC;AAGlE,UAAU,kBAAkB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmDtD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAO,gBAM3B,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/toast/ToastContext.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Toast Context - KOMCA 패턴
+ * 전역 토스트 알림 상태 관리
+ */
+import { createContext, useContext, useCallback, useState } from 'react';
+const ToastContext = createContext(null);
+/**
+ * Toast Provider
+ */
+export const ToastProvider = ({ children, defaultDuration = 3000, maxToasts = 5, }) => {
+    const [toasts, setToasts] = useState([]);
+    const addToast = useCallback((toast) => {
+        const id = `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+        const duration = toast.duration ?? defaultDuration;
+        setToasts((prev) => {
+            const newToasts = [...prev, { ...toast, id }];
+            // 최대 개수 초과 시 오래된 것 제거
+            return newToasts.slice(-maxToasts);
+        });
+        // 자동 제거
+        if (duration > 0) {
+            setTimeout(() => {
+                removeToast(id);
+            }, duration);
+        }
+    }, [defaultDuration, maxToasts]);
+    const removeToast = useCallback((id) => {
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+    }, []);
+    // 편의 메서드
+    const success = useCallback((message, title) => {
+        addToast({ type: 'success', message, title });
+    }, [addToast]);
+    const error = useCallback((message, title) => {
+        addToast({ type: 'error', message, title, duration: 5000 });
+    }, [addToast]);
+    const warning = useCallback((message, title) => {
+        addToast({ type: 'warning', message, title });
+    }, [addToast]);
+    const info = useCallback((message, title) => {
+        addToast({ type: 'info', message, title });
+    }, [addToast]);
+    return (_jsx(ToastContext.Provider, { value: { toasts, addToast, removeToast, success, error, warning, info }, children: children }));
+};
+/**
+ * useToast Hook
+ */
+export const useToast = () => {
+    const context = useContext(ToastContext);
+    if (!context) {
+        throw new Error('useToast must be used within a ToastProvider');
+    }
+    return context;
+};
+export default ToastContext;

package/dist/components/toast/index.d.ts

@@ -0,0 +1,4 @@
+export { ToastProvider, useToast } from './ToastContext';
+export type { ToastItem, ToastType } from './ToastContext';
+export { default as ToastContainer } from './ToastContainer';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/toast/index.js

@@ -0,0 +1,2 @@
+export { ToastProvider, useToast } from './ToastContext';
+export { default as ToastContainer } from './ToastContainer';

package/dist/hooks/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Hooks 모듈 - KOMCA 패턴
+ */
+export * from './use-auth';
+export * from './use-initialize';
+export * from './use-track-history';
+export * from './use-navigate';
+export * from './use-global-loading';
+export * from './use-modal';
+export * from './use-error-notification';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,cAAc,YAAY,CAAC;AAG3B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,sBAAsB,CAAC;AAGrC,cAAc,aAAa,CAAC;AAG5B,cAAc,0BAA0B,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,17 @@
+/**
+ * Hooks 모듈 - KOMCA 패턴
+ */
+// Auth Hooks
+export * from './use-auth';
+// Initialize Hook
+export * from './use-initialize';
+// Track History Hook
+export * from './use-track-history';
+// Navigate Hook
+export * from './use-navigate';
+// Global Loading Hook
+export * from './use-global-loading';
+// Modal Hooks
+export * from './use-modal';
+// Error Notification Hook
+export * from './use-error-notification';

package/dist/hooks/use-auth.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Auth Hooks - KOMCA 패턴
+ * 로그인, 로그아웃, 토큰 갱신
+ */
+import { User } from '../types';
+export interface LoginResponse {
+    accessToken: string;
+    refreshToken?: string;
+    user: User;
+}
+export interface LoginRequest {
+    username: string;
+    password: string;
+}
+export type LoginFn = (request: LoginRequest) => Promise<LoginResponse>;
+export type LogoutFn = () => Promise<void>;
+export type RefreshFn = () => Promise<string | null>;
+/**
+ * 로그인 Hook
+ */
+export declare function useLogin(loginApi?: LoginFn): (request: LoginRequest) => Promise<LoginResponse | null>;
+/**
+ * 로그아웃 Hook
+ */
+export declare function useLogout(logoutApi?: LogoutFn): () => Promise<void>;
+/**
+ * 토큰 갱신 Hook
+ */
+export declare function useTokenRefresh(refreshApi?: RefreshFn): () => Promise<string | null>;
+/**
+ * 인증 상태 확인 Hook
+ */
+export declare function useAuthState(): {
+    isAuthenticated: boolean;
+    user: User | null;
+    accessToken: string;
+};
+//# sourceMappingURL=use-auth.d.ts.map

package/dist/hooks/use-auth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-auth.d.ts","sourceRoot":"","sources":["../../src/hooks/use-auth.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ;AAGD,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAGD,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,YAAY,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;AAGxE,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;AAG3C,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;AAErD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,aACN,YAAY,KAAG,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAuChF;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,SAAS,CAAC,EAAE,QAAQ,SACf,OAAO,CAAC,IAAI,CAAC,CAuB3C;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,UAAU,CAAC,EAAE,SAAS,SACvB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA0BpD;AAED;;GAEG;AACH,wBAAgB,YAAY;;;;EAS3B"}