@sonhoseong/mfa-lib 1.3.7 → 1.3.10

package/dist/components/modal/ModalContext.js

@@ -1,9 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Modal Context - KOMCA 패턴
  * 전역 모달 상태 관리
  */
-import { createContext, useContext, useCallback, useState } from 'react';
+import React, { createContext, useContext, useCallback, useState } from 'react';
 const ModalContext = createContext(null);
 /**
  * Modal Provider
@@ -63,7 +62,7 @@ export const ModalProvider = ({ children }) => {
             ]);
         });
     }, []);
-    return (_jsx(ModalContext.Provider, { value: { modals, alert, confirm, openModal, closeModal, closeAll }, children: children }));
+    return (React.createElement(ModalContext.Provider, { value: { modals, alert, confirm, openModal, closeModal, closeAll } }, children));
 };
 /**
  * useModal Hook

package/dist/components/navigation/AppNavbar.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 /**
  * 공통 네비게이션 바 - KOMCA 패턴
  * Remote 앱 단독 실행 시 사용
@@ -60,13 +60,25 @@ export const AppNavbar = ({ appName = '앱', homePath = '/', adminPath = '/admin
             background: 'rgba(14, 165, 233, 0.1)',
         },
     };
-    return (_jsx("nav", { style: styles.navbar, children: _jsxs("div", { style: styles.inner, children: [_jsxs("button", { style: styles.logoLink, onClick: () => onNavigate(homePath), children: [_jsx("svg", { viewBox: "0 0 48 48", width: "24", height: "24", fill: "none", children: _jsx("path", { d: "M 8 40 L 24 8 L 40 40", stroke: "#1E3A5F", strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }), _jsx("span", { children: appName })] }), _jsxs("div", { style: styles.links, children: [_jsx("button", { style: styles.link, onClick: () => onNavigate(homePath), onMouseOver: (e) => (e.currentTarget.style.background = '#F8FAFC'), onMouseOut: (e) => (e.currentTarget.style.background = 'transparent'), children: "\uD648" }), extraLinks.map((link) => (_jsx("button", { style: {
-                                ...styles.link,
-                                ...(link.isActive ? styles.linkActive : {}),
-                            }, onClick: () => onNavigate(link.path), children: link.label }, link.path))), isAuthenticated && (_jsx("button", { style: styles.link, onClick: () => onNavigate(adminPath), onMouseOver: (e) => (e.currentTarget.style.background = '#F8FAFC'), onMouseOut: (e) => (e.currentTarget.style.background = 'transparent'), children: "\uAD00\uB9AC" })), !isAuthenticated ? (_jsx("button", { style: {
-                                ...styles.link,
-                                background: '#1E3A5F',
-                                color: 'white',
-                            }, onClick: () => onNavigate(loginPath), onMouseOver: (e) => (e.currentTarget.style.background = '#0EA5E9'), onMouseOut: (e) => (e.currentTarget.style.background = '#1E3A5F'), children: "\uB85C\uADF8\uC778" })) : (_jsxs("button", { style: styles.link, onClick: onLogout, onMouseOver: (e) => (e.currentTarget.style.background = '#F8FAFC'), onMouseOut: (e) => (e.currentTarget.style.background = 'transparent'), children: ["\uB85C\uADF8\uC544\uC6C3 ", userName && `(${userName})`] }))] })] }) }));
+    return (React.createElement("nav", { style: styles.navbar },
+        React.createElement("div", { style: styles.inner },
+            React.createElement("button", { style: styles.logoLink, onClick: () => onNavigate(homePath) },
+                React.createElement("svg", { viewBox: "0 0 48 48", width: "24", height: "24", fill: "none" },
+                    React.createElement("path", { d: "M 8 40 L 24 8 L 40 40", stroke: "#1E3A5F", strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })),
+                React.createElement("span", null, appName)),
+            React.createElement("div", { style: styles.links },
+                React.createElement("button", { style: styles.link, onClick: () => onNavigate(homePath), onMouseOver: (e) => (e.currentTarget.style.background = '#F8FAFC'), onMouseOut: (e) => (e.currentTarget.style.background = 'transparent') }, "\uD648"),
+                extraLinks.map((link) => (React.createElement("button", { key: link.path, style: {
+                        ...styles.link,
+                        ...(link.isActive ? styles.linkActive : {}),
+                    }, onClick: () => onNavigate(link.path) }, link.label))),
+                isAuthenticated && (React.createElement("button", { style: styles.link, onClick: () => onNavigate(adminPath), onMouseOver: (e) => (e.currentTarget.style.background = '#F8FAFC'), onMouseOut: (e) => (e.currentTarget.style.background = 'transparent') }, "\uAD00\uB9AC")),
+                !isAuthenticated ? (React.createElement("button", { style: {
+                        ...styles.link,
+                        background: '#1E3A5F',
+                        color: 'white',
+                    }, onClick: () => onNavigate(loginPath), onMouseOver: (e) => (e.currentTarget.style.background = '#0EA5E9'), onMouseOut: (e) => (e.currentTarget.style.background = '#1E3A5F') }, "\uB85C\uADF8\uC778")) : (React.createElement("button", { style: styles.link, onClick: onLogout, onMouseOver: (e) => (e.currentTarget.style.background = '#F8FAFC'), onMouseOut: (e) => (e.currentTarget.style.background = 'transparent') },
+                    "\uB85C\uADF8\uC544\uC6C3 ",
+                    userName && `(${userName})`))))));
 };
 export default AppNavbar;

package/dist/components/navigation/AppSidebar.css

@@ -60,15 +60,49 @@
     color: var(--color-accent, #0EA5E9);
 }
 
+/* Toggle Button - 우측 상단 고정 */
+.sidebar-toggle-btn {
+    position: absolute;
+    top: 16px;
+    right: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    background: transparent;
+    border: 1px solid var(--color-border, #E2E8F0);
+    border-radius: 8px;
+    cursor: pointer;
+    color: var(--color-text-secondary, #64748B);
+    transition: all 0.2s ease;
+    z-index: 10;
+}
+
+.sidebar-toggle-btn:hover {
+    background: var(--color-bg-secondary, #F8FAFC);
+    border-color: var(--color-accent, #0EA5E9);
+    color: var(--color-accent, #0EA5E9);
+}
+
+.app-sidebar.collapsed .sidebar-toggle-btn {
+    right: 50%;
+    transform: translateX(50%);
+}
+
 /* Sidebar Header */
 .sidebar-header {
+    display: flex;
+    align-items: center;
     padding: 20px;
+    padding-right: 56px; /* 토글 버튼 공간 확보 */
     border-bottom: 1px solid var(--color-border, #E2E8F0);
     transition: padding 0.3s ease;
 }
 
 .app-sidebar.collapsed .sidebar-header {
-    padding: 16px 12px;
+    padding: 60px 12px 16px; /* 토글 버튼 아래로 */
+    justify-content: center;
 }
 
 .sidebar-logo {
@@ -221,9 +255,30 @@
     transition: justify-content 0.3s ease;
 }
 
-.sidebar-user.collapsed {
+.sidebar-footer.collapsed {
+    display: flex;
     justify-content: center;
-    padding: 8px;
+}
+
+/* 접힌 상태 로그아웃 버튼 */
+.sidebar-logout-btn-collapsed {
+    width: 44px;
+    height: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: 1px solid var(--color-border, #E2E8F0);
+    border-radius: 10px;
+    color: var(--color-text-muted, #94A3B8);
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
+.sidebar-logout-btn-collapsed:hover {
+    background: #FEE2E2;
+    border-color: #FECACA;
+    color: #DC2626;
 }
 
 .sidebar-user-avatar {

package/dist/components/navigation/AppSidebar.d.ts

@@ -36,6 +36,6 @@ export interface AppSidebarProps {
     /** 접힘 상태 변경 콜백 */
     onCollapsedChange?: (collapsed: boolean) => void;
 }
-export declare function AppSidebar({ appName, isAuthenticated, userName, userEmail, menuItems, onLogout, onNavigate, currentPath, logo, collapsed: controlledCollapsed, onCollapsedChange, }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppSidebar({ appName, isAuthenticated, userName, userEmail, menuItems, onLogout, onNavigate, currentPath, logo, collapsed: controlledCollapsed, onCollapsedChange, }: AppSidebarProps): React.JSX.Element;
 export default AppSidebar;
 //# sourceMappingURL=AppSidebar.d.ts.map

package/dist/components/navigation/AppSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/AppSidebar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,eAAe;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC5B,WAAW;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa;IACb,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa;IACb,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB;IAChB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,UAAU,CAAC,EACvB,OAAe,EACf,eAAuB,EACvB,QAAQ,EACR,SAAS,EACT,SAAc,EACd,QAAQ,EACR,UAAU,EACV,WAAiB,EACjB,IAAI,EACJ,SAAS,EAAE,mBAAmB,EAC9B,iBAAiB,GACpB,EAAE,eAAe,2CAwLjB;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AppSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/AppSidebar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,eAAe;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC5B,WAAW;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa;IACb,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa;IACb,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB;IAChB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oBAAoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,UAAU,CAAC,EACvB,OAAe,EACf,eAAuB,EACvB,QAAQ,EACR,SAAS,EACT,SAAc,EACd,QAAQ,EACR,UAAU,EACV,WAAiB,EACjB,IAAI,EACJ,SAAS,EAAE,mBAAmB,EAC9B,iBAAiB,GACpB,EAAE,eAAe,qBAwLjB;AAED,eAAe,UAAU,CAAC"}

package/dist/components/navigation/AppSidebar.js

@@ -1,11 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * AppSidebar - KOMCA 패턴
  *
  * 사이드바 네비게이션 컴포넌트
  * Remote 앱 단독 실행 시 사용
  */
-import { useState, useCallback } from 'react';
+import React, { useState, useCallback } from 'react';
 export function AppSidebar({ appName = 'MFA', isAuthenticated = false, userName, userEmail, menuItems = [], onLogout, onNavigate, currentPath = '/', logo, collapsed: controlledCollapsed, onCollapsedChange, }) {
     const [expandedMenus, setExpandedMenus] = useState(new Set());
     const [internalCollapsed, setInternalCollapsed] = useState(false);
@@ -35,19 +34,63 @@ export function AppSidebar({ appName = 'MFA', isAuthenticated = false, userName,
         const hasChildren = item.children && item.children.length > 0;
         const isExpanded = expandedMenus.has(item.id);
         const isActive = item.path === currentPath;
-        return (_jsxs("li", { className: "sidebar-menu-item", children: [_jsxs("button", { className: `sidebar-menu-btn ${isActive ? 'active' : ''} ${depth > 0 ? 'child' : ''}`, onClick: () => {
-                        if (hasChildren) {
-                            toggleMenu(item.id);
-                        }
-                        else if (item.path) {
-                            handleNavigate(item.path);
-                        }
-                    }, title: collapsed ? item.title : undefined, children: [item.icon && _jsx("span", { className: "sidebar-menu-icon", children: item.icon }), !collapsed && _jsx("span", { className: "sidebar-menu-title", children: item.title }), !collapsed && hasChildren && (_jsx("svg", { className: `sidebar-menu-arrow ${isExpanded ? 'expanded' : ''}`, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { d: "m9 18 6-6-6-6" }) }))] }), !collapsed && hasChildren && isExpanded && (_jsx("ul", { className: "sidebar-submenu", children: item.children.map(child => renderMenuItem(child, depth + 1)) }))] }, item.id));
+        return (React.createElement("li", { key: item.id, className: "sidebar-menu-item" },
+            React.createElement("button", { className: `sidebar-menu-btn ${isActive ? 'active' : ''} ${depth > 0 ? 'child' : ''}`, onClick: () => {
+                    if (hasChildren) {
+                        toggleMenu(item.id);
+                    }
+                    else if (item.path) {
+                        handleNavigate(item.path);
+                    }
+                }, title: collapsed ? item.title : undefined },
+                item.icon && React.createElement("span", { className: "sidebar-menu-icon" }, item.icon),
+                !collapsed && React.createElement("span", { className: "sidebar-menu-title" }, item.title),
+                !collapsed && hasChildren && (React.createElement("svg", { className: `sidebar-menu-arrow ${isExpanded ? 'expanded' : ''}`, width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" },
+                    React.createElement("path", { d: "m9 18 6-6-6-6" })))),
+            !collapsed && hasChildren && isExpanded && (React.createElement("ul", { className: "sidebar-submenu" }, item.children.map(child => renderMenuItem(child, depth + 1))))));
     };
-    return (_jsxs("aside", { className: `app-sidebar ${collapsed ? 'collapsed' : ''}`, children: [_jsx("button", { className: "sidebar-toggle-btn", onClick: toggleCollapsed, title: collapsed ? '메뉴 열기' : '메뉴 닫기', children: _jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: collapsed ? (_jsx("path", { d: "M3 12h18M3 6h18M3 18h18" })) : (_jsx("path", { d: "M18 6L6 18M6 6l12 12" })) }) }), _jsx("div", { className: "sidebar-header", children: _jsxs("button", { className: "sidebar-logo", onClick: () => handleNavigate('/'), children: [logo || (_jsxs("svg", { viewBox: "0 0 48 48", fill: "none", width: "32", height: "32", children: [_jsx("rect", { x: "20", y: "2", width: "8", height: "16", rx: "4", fill: "#0EA5E9" }), _jsx("rect", { x: "6", y: "16", width: "36", height: "6", rx: "3", fill: "#0EA5E9" }), _jsx("ellipse", { cx: "24", cy: "36", rx: "18", ry: "12", fill: "#0EA5E9" }), _jsx("ellipse", { cx: "17", cy: "36", rx: "4", ry: "6", fill: "#FFFFFF" }), _jsx("ellipse", { cx: "31", cy: "36", rx: "4", ry: "6", fill: "#FFFFFF" })] })), !collapsed && _jsx("span", { className: "sidebar-app-name", children: appName })] }) }), _jsx("nav", { className: "sidebar-nav", children: menuItems.length > 0 ? (_jsx("ul", { className: "sidebar-menu", children: menuItems.map(item => renderMenuItem(item)) })) : (_jsx("ul", { className: "sidebar-menu", children: _jsx("li", { className: "sidebar-menu-item", children: _jsxs("button", { className: `sidebar-menu-btn ${currentPath === '/' ? 'active' : ''}`, onClick: () => handleNavigate('/'), title: collapsed ? '홈' : undefined, children: [_jsx("span", { className: "sidebar-menu-icon", children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), _jsx("polyline", { points: "9 22 9 12 15 12 15 22" })] }) }), !collapsed && _jsx("span", { className: "sidebar-menu-title", children: "\uD648" })] }) }) })) }), _jsx("div", { className: `sidebar-footer ${collapsed ? 'collapsed' : ''}`, children: isAuthenticated ? (collapsed ? (
-                // 접힌 상태: 로그아웃 버튼만 표시
-                _jsx("button", { className: "sidebar-logout-btn-collapsed", onClick: onLogout, title: "\uB85C\uADF8\uC544\uC6C3", children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), _jsx("polyline", { points: "16 17 21 12 16 7" }), _jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })] }) })) : (
-                // 펼친 상태: 전체 유저 정보 표시
-                _jsxs("div", { className: "sidebar-user", children: [_jsx("div", { className: "sidebar-user-avatar", children: userName?.charAt(0).toUpperCase() || 'U' }), _jsxs("div", { className: "sidebar-user-info", children: [_jsx("span", { className: "sidebar-user-name", children: userName || '사용자' }), userEmail && _jsx("span", { className: "sidebar-user-email", children: userEmail })] }), _jsx("button", { className: "sidebar-logout-btn", onClick: onLogout, title: "\uB85C\uADF8\uC544\uC6C3", children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), _jsx("polyline", { points: "16 17 21 12 16 7" }), _jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })] }) })] }))) : (_jsxs("button", { className: `sidebar-login-btn ${collapsed ? 'collapsed' : ''}`, onClick: () => collapsed ? toggleCollapsed() : handleNavigate('/login'), title: collapsed ? '로그인' : undefined, children: [_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }), _jsx("polyline", { points: "10 17 15 12 10 7" }), _jsx("line", { x1: "15", y1: "12", x2: "3", y2: "12" })] }), !collapsed && '로그인'] })) })] }));
+    return (React.createElement("aside", { className: `app-sidebar ${collapsed ? 'collapsed' : ''}` },
+        React.createElement("button", { className: "sidebar-toggle-btn", onClick: toggleCollapsed, title: collapsed ? '메뉴 열기' : '메뉴 닫기' },
+            React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" }, collapsed ? (React.createElement("path", { d: "M3 12h18M3 6h18M3 18h18" })) : (React.createElement("path", { d: "M18 6L6 18M6 6l12 12" })))),
+        React.createElement("div", { className: "sidebar-header" },
+            React.createElement("button", { className: "sidebar-logo", onClick: () => handleNavigate('/') },
+                logo || (React.createElement("svg", { viewBox: "0 0 48 48", fill: "none", width: "32", height: "32" },
+                    React.createElement("rect", { x: "20", y: "2", width: "8", height: "16", rx: "4", fill: "#0EA5E9" }),
+                    React.createElement("rect", { x: "6", y: "16", width: "36", height: "6", rx: "3", fill: "#0EA5E9" }),
+                    React.createElement("ellipse", { cx: "24", cy: "36", rx: "18", ry: "12", fill: "#0EA5E9" }),
+                    React.createElement("ellipse", { cx: "17", cy: "36", rx: "4", ry: "6", fill: "#FFFFFF" }),
+                    React.createElement("ellipse", { cx: "31", cy: "36", rx: "4", ry: "6", fill: "#FFFFFF" }))),
+                !collapsed && React.createElement("span", { className: "sidebar-app-name" }, appName))),
+        React.createElement("nav", { className: "sidebar-nav" }, menuItems.length > 0 ? (React.createElement("ul", { className: "sidebar-menu" }, menuItems.map(item => renderMenuItem(item)))) : (React.createElement("ul", { className: "sidebar-menu" },
+            React.createElement("li", { className: "sidebar-menu-item" },
+                React.createElement("button", { className: `sidebar-menu-btn ${currentPath === '/' ? 'active' : ''}`, onClick: () => handleNavigate('/'), title: collapsed ? '홈' : undefined },
+                    React.createElement("span", { className: "sidebar-menu-icon" },
+                        React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" },
+                            React.createElement("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+                            React.createElement("polyline", { points: "9 22 9 12 15 12 15 22" }))),
+                    !collapsed && React.createElement("span", { className: "sidebar-menu-title" }, "\uD648")))))),
+        React.createElement("div", { className: `sidebar-footer ${collapsed ? 'collapsed' : ''}` }, isAuthenticated ? (collapsed ? (
+        // 접힌 상태: 로그아웃 버튼만 표시
+        React.createElement("button", { className: "sidebar-logout-btn-collapsed", onClick: onLogout, title: "\uB85C\uADF8\uC544\uC6C3" },
+            React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" },
+                React.createElement("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+                React.createElement("polyline", { points: "16 17 21 12 16 7" }),
+                React.createElement("line", { x1: "21", y1: "12", x2: "9", y2: "12" })))) : (
+        // 펼친 상태: 전체 유저 정보 표시
+        React.createElement("div", { className: "sidebar-user" },
+            React.createElement("div", { className: "sidebar-user-avatar" }, userName?.charAt(0).toUpperCase() || 'U'),
+            React.createElement("div", { className: "sidebar-user-info" },
+                React.createElement("span", { className: "sidebar-user-name" }, userName || '사용자'),
+                userEmail && React.createElement("span", { className: "sidebar-user-email" }, userEmail)),
+            React.createElement("button", { className: "sidebar-logout-btn", onClick: onLogout, title: "\uB85C\uADF8\uC544\uC6C3" },
+                React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" },
+                    React.createElement("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+                    React.createElement("polyline", { points: "16 17 21 12 16 7" }),
+                    React.createElement("line", { x1: "21", y1: "12", x2: "9", y2: "12" })))))) : (React.createElement("button", { className: `sidebar-login-btn ${collapsed ? 'collapsed' : ''}`, onClick: () => collapsed ? toggleCollapsed() : handleNavigate('/login'), title: collapsed ? '로그인' : undefined },
+            React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" },
+                React.createElement("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
+                React.createElement("polyline", { points: "10 17 15 12 10 7" }),
+                React.createElement("line", { x1: "15", y1: "12", x2: "3", y2: "12" })),
+            !collapsed && '로그인')))));
 }
 export default AppSidebar;

package/dist/components/navigation/Footer.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Footer Component
+ */
+import React from 'react';
+export interface FooterProps {
+    appName?: string;
+    copyright?: string;
+    links?: {
+        label: string;
+        href: string;
+    }[];
+}
+export declare const Footer: React.FC<FooterProps>;
+export default Footer;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/components/navigation/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Footer.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+BxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/navigation/Footer.js

@@ -0,0 +1,12 @@
+/**
+ * Footer Component
+ */
+import React from 'react';
+export const Footer = ({ appName = 'App', copyright, links = [], }) => {
+    const year = new Date().getFullYear();
+    return (React.createElement("footer", { className: "app-footer" },
+        React.createElement("div", { className: "app-footer-inner" },
+            React.createElement("div", { className: "app-footer-copyright" }, copyright || `© ${year} ${appName}. All rights reserved.`),
+            links.length > 0 && (React.createElement("nav", { className: "app-footer-links" }, links.map((link, index) => (React.createElement("a", { key: index, href: link.href, className: "app-footer-link", target: "_blank", rel: "noopener noreferrer" }, link.label))))))));
+};
+export default Footer;

package/dist/components/navigation/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Header.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4CxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Header.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkDxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/navigation/Header.js

@@ -1,11 +1,18 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Header Component - KOMCA 패턴
+ *
+ * gnbItems만 받고 내부에서 navigate, logout 처리
+ */
+import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useSelector, useDispatch } from 'react-redux';
-import { logout } from '../../store/app-store';
+import { logout, selectAccessToken, selectUser } from '../../store/app-store';
 export const Header = ({ gnbItems, appName = '앱', logo }) => {
     const navigate = useNavigate();
     const dispatch = useDispatch();
-    const user = useSelector((state) => state.app?.user);
+    const accessToken = useSelector(selectAccessToken);
+    const user = useSelector(selectUser);
+    const isAuthenticated = !!accessToken;
     const handleNavigate = (path) => {
         navigate(path);
     };
@@ -13,6 +20,12 @@ export const Header = ({ gnbItems, appName = '앱', logo }) => {
         dispatch(logout());
         navigate('/');
     };
-    return (_jsx("header", { className: "app-header", children: _jsxs("div", { className: "app-header-inner", children: [_jsx("div", { className: "app-header-logo", onClick: () => handleNavigate('/'), children: logo || appName }), _jsx("nav", { className: "app-header-nav", children: gnbItems.map((item) => (_jsx("button", { className: "app-header-nav-item", onClick: () => handleNavigate(item.path), children: item.title }, item.id))) }), _jsx("div", { className: "app-header-user", children: user && (_jsxs(_Fragment, { children: [_jsx("span", { className: "app-header-user-name", children: user.name || user.email }), _jsx("button", { className: "app-header-logout", onClick: handleLogout, children: "\uB85C\uADF8\uC544\uC6C3" })] })) })] }) }));
+    return (React.createElement("header", { className: "app-header" },
+        React.createElement("div", { className: "app-header-inner" },
+            React.createElement("div", { className: "app-header-logo", onClick: () => handleNavigate('/') }, logo || appName),
+            React.createElement("nav", { className: "app-header-nav" }, gnbItems.map((item) => (React.createElement("button", { key: item.id, className: "app-header-nav-item", onClick: () => handleNavigate(item.path) }, item.title)))),
+            React.createElement("div", { className: "app-header-user" }, isAuthenticated ? (React.createElement(React.Fragment, null,
+                React.createElement("span", { className: "app-header-user-name" }, user?.name || user?.email),
+                React.createElement("button", { className: "app-header-logout", onClick: handleLogout }, "\uB85C\uADF8\uC544\uC6C3"))) : (React.createElement("button", { className: "app-header-login", onClick: () => handleNavigate('/login') }, "\uB85C\uADF8\uC778"))))));
 };
 export default Header;

package/dist/components/navigation/Lnb.d.ts

@@ -4,13 +4,8 @@
  * lnbItems만 받고 내부에서 navigate 처리
  */
 import React from 'react';
-export interface LnbMenuItem {
-    id: string;
-    title: string;
-    path?: string;
-    icon?: React.ReactNode;
-    children?: Omit<LnbMenuItem, 'icon' | 'children'>[];
-}
+import { LnbMenuItem } from '../../types';
+export type { LnbMenuItem } from '../../types';
 export interface LnbProps {
     lnbItems: LnbMenuItem[];
     title?: string;

package/dist/components/navigation/Lnb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lnb.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Lnb.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,UAAU,CAAC,EAAE,CAAC;CACrD;AAED,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAkHlC,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Lnb.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/Lnb.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAiD,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAoIlC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/components/navigation/Lnb.js

@@ -1,21 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Lnb (Left Navigation Bar) Component - KOMCA 패턴
  *
  * lnbItems만 받고 내부에서 navigate 처리
  */
-import { useState } from 'react';
+import React, { useState, isValidElement, cloneElement } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
 import { useSelector, useDispatch } from 'react-redux';
-import { logout } from '../../store/app-store';
+import { logout, selectAccessToken, selectUser } from '../../store/app-store';
 export const Lnb = ({ lnbItems, title, appName, logo }) => {
     const navigate = useNavigate();
     const location = useLocation();
     const dispatch = useDispatch();
     const [expandedItems, setExpandedItems] = useState([]);
     const [collapsed, setCollapsed] = useState(false);
-    const user = useSelector((state) => state.app?.user);
-    const isAuthenticated = useSelector((state) => !!state.app?.accessToken);
+    const accessToken = useSelector(selectAccessToken);
+    const user = useSelector(selectUser);
+    const isAuthenticated = !!accessToken;
     const handleNavigate = (path) => {
         navigate(path);
     };
@@ -33,6 +33,34 @@ export const Lnb = ({ lnbItems, title, appName, logo }) => {
             return false;
         return location.pathname === path || location.pathname.startsWith(path + '/');
     };
-    return (_jsxs("aside", { className: `app-lnb ${collapsed ? 'collapsed' : ''}`, children: [_jsxs("div", { className: "app-lnb-header", children: [(logo || appName) && (_jsx("div", { className: "app-lnb-logo", onClick: () => handleNavigate('/'), children: logo || appName })), title && !collapsed && _jsx("div", { className: "app-lnb-title", children: title }), _jsx("button", { className: "app-lnb-toggle", onClick: () => setCollapsed(!collapsed), children: collapsed ? '›' : '‹' })] }), _jsx("nav", { className: "app-lnb-nav", children: lnbItems.map((item) => (_jsx("div", { className: "app-lnb-item", children: item.children ? (_jsxs(_Fragment, { children: [_jsxs("button", { className: `app-lnb-item-btn ${expandedItems.includes(item.id) ? 'expanded' : ''}`, onClick: () => toggleExpand(item.id), children: [item.icon && _jsx("span", { className: "app-lnb-icon", children: item.icon }), !collapsed && _jsx("span", { className: "app-lnb-text", children: item.title }), !collapsed && (_jsx("span", { className: "app-lnb-arrow", children: expandedItems.includes(item.id) ? '▼' : '▶' }))] }), expandedItems.includes(item.id) && !collapsed && (_jsx("div", { className: "app-lnb-subitems", children: item.children.map((child) => (_jsx("button", { className: `app-lnb-subitem ${isActive(child.path) ? 'active' : ''}`, onClick: () => child.path && handleNavigate(child.path), children: child.title }, child.id))) }))] })) : (_jsxs("button", { className: `app-lnb-item-btn ${isActive(item.path) ? 'active' : ''}`, onClick: () => item.path && handleNavigate(item.path), children: [item.icon && _jsx("span", { className: "app-lnb-icon", children: item.icon }), !collapsed && _jsx("span", { className: "app-lnb-text", children: item.title })] })) }, item.id))) }), isAuthenticated && (_jsxs("div", { className: `app-lnb-footer ${collapsed ? 'collapsed' : ''}`, children: [_jsxs("div", { className: "app-lnb-user-section", children: [_jsx("div", { className: "app-lnb-avatar", children: user?.name?.charAt(0) || user?.email?.charAt(0) || '?' }), !collapsed && user && (_jsx("span", { className: "app-lnb-user-name", children: user.name || user.email }))] }), _jsx("button", { className: "app-lnb-logout-icon", onClick: handleLogout, title: "\uB85C\uADF8\uC544\uC6C3", children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), _jsx("polyline", { points: "16 17 21 12 16 7" }), _jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })] }) })] }))] }));
+    return (React.createElement("aside", { className: `app-lnb ${collapsed ? 'collapsed' : ''}` },
+        React.createElement("div", { className: "app-lnb-header" },
+            (logo || appName) && (React.createElement("div", { className: "app-lnb-logo", onClick: () => handleNavigate('/') }, isValidElement(logo)
+                ? cloneElement(logo, { centerOnly: collapsed })
+                : (collapsed ? null : appName))),
+            title && !collapsed && React.createElement("div", { className: "app-lnb-title" }, title),
+            React.createElement("button", { className: "app-lnb-toggle", onClick: () => setCollapsed(!collapsed) }, collapsed ? '›' : '‹')),
+        React.createElement("nav", { className: "app-lnb-nav" }, lnbItems.map((item) => (React.createElement("div", { key: item.id, className: "app-lnb-item" }, item.children ? (React.createElement(React.Fragment, null,
+            React.createElement("button", { className: `app-lnb-item-btn ${expandedItems.includes(item.id) ? 'expanded' : ''}`, onClick: () => toggleExpand(item.id) },
+                item.icon && React.createElement("span", { className: "app-lnb-icon" }, item.icon),
+                !collapsed && React.createElement("span", { className: "app-lnb-text" }, item.title),
+                !collapsed && (React.createElement("span", { className: "app-lnb-arrow" }, expandedItems.includes(item.id) ? '▼' : '▶'))),
+            expandedItems.includes(item.id) && !collapsed && (React.createElement("div", { className: "app-lnb-subitems" }, item.children.map((child) => (React.createElement("button", { key: child.id, className: `app-lnb-subitem ${isActive(child.path) ? 'active' : ''}`, onClick: () => child.path && handleNavigate(child.path) }, child.title))))))) : (React.createElement("button", { className: `app-lnb-item-btn ${isActive(item.path) ? 'active' : ''}`, onClick: () => item.path && handleNavigate(item.path) },
+            item.icon && React.createElement("span", { className: "app-lnb-icon" }, item.icon),
+            !collapsed && React.createElement("span", { className: "app-lnb-text" }, item.title))))))),
+        React.createElement("div", { className: `app-lnb-footer ${collapsed ? 'collapsed' : ''}` }, isAuthenticated ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "app-lnb-user-section" },
+                React.createElement("div", { className: "app-lnb-avatar" }, user?.name?.charAt(0) || user?.email?.charAt(0) || '?'),
+                !collapsed && user && (React.createElement("span", { className: "app-lnb-user-name" }, user.name || user.email))),
+            React.createElement("button", { className: "app-lnb-logout-icon", onClick: handleLogout, title: "\uB85C\uADF8\uC544\uC6C3" },
+                React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" },
+                    React.createElement("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+                    React.createElement("polyline", { points: "16 17 21 12 16 7" }),
+                    React.createElement("line", { x1: "21", y1: "12", x2: "9", y2: "12" }))))) : (React.createElement("button", { className: "app-lnb-login-btn", onClick: () => handleNavigate('/login') },
+            React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2" },
+                React.createElement("path", { d: "M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4" }),
+                React.createElement("polyline", { points: "10 17 15 12 10 7" }),
+                React.createElement("line", { x1: "15", y1: "12", x2: "3", y2: "12" })),
+            !collapsed && React.createElement("span", null, "\uB85C\uADF8\uC778"))))));
 };
 export default Lnb;

package/dist/components/navigation/StickyNav.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 export const StickyNav = ({ sections, triggerPoint = 0.2, scrollOffset = 80, topPosition = 20, onLogoClick, showLogo = true, className = '', updateHash = false }) => {
     const [activeSection, setActiveSection] = useState('');
     const [hoveredSection, setHoveredSection] = useState(null);
@@ -140,14 +139,23 @@ export const StickyNav = ({ sections, triggerPoint = 0.2, scrollOffset = 80, top
             boxShadow: '0 2px 8px rgba(30, 58, 95, 0.25)',
         },
     };
-    return (_jsx("div", { style: styles.wrapper, className: `sticky-nav-wrapper ${className}`, children: _jsxs("nav", { style: styles.nav, className: "sticky-nav", children: [showLogo && (_jsxs("button", { style: styles.logoButton, onClick: handleLogoClick, className: "nav-logo-dots", "aria-label": "\uB9E8 \uC704\uB85C", children: [_jsx("span", { style: { ...styles.dot, background: '#3B82F6' }, className: "dot blue" }), _jsx("span", { style: { ...styles.dot, background: '#22C55E' }, className: "dot green" }), _jsx("span", { style: { ...styles.dot, background: '#F59E0B' }, className: "dot yellow" })] })), _jsx("ul", { style: styles.pillList, className: "nav-pills", children: sections.map((section) => {
-                        const isActive = activeSection === section.id;
-                        const isHovered = hoveredSection === section.id && !isActive;
-                        return (_jsx("li", { children: _jsxs("button", { style: {
-                                    ...styles.pill,
-                                    ...(isHovered ? styles.pillHover : {}),
-                                    ...(isActive ? styles.pillActive : {}),
-                                }, className: `nav-pill ${isActive ? 'active' : ''}`, onClick: () => scrollToSection(section.id), onMouseEnter: () => setHoveredSection(section.id), onMouseLeave: () => setHoveredSection(null), children: [section.icon && _jsx("span", { style: { marginRight: '6px' }, children: section.icon }), section.label] }) }, section.id));
-                    }) })] }) }));
+    return (React.createElement("div", { style: styles.wrapper, className: `sticky-nav-wrapper ${className}` },
+        React.createElement("nav", { style: styles.nav, className: "sticky-nav" },
+            showLogo && (React.createElement("button", { style: styles.logoButton, onClick: handleLogoClick, className: "nav-logo-dots", "aria-label": "\uB9E8 \uC704\uB85C" },
+                React.createElement("span", { style: { ...styles.dot, background: '#3B82F6' }, className: "dot blue" }),
+                React.createElement("span", { style: { ...styles.dot, background: '#22C55E' }, className: "dot green" }),
+                React.createElement("span", { style: { ...styles.dot, background: '#F59E0B' }, className: "dot yellow" }))),
+            React.createElement("ul", { style: styles.pillList, className: "nav-pills" }, sections.map((section) => {
+                const isActive = activeSection === section.id;
+                const isHovered = hoveredSection === section.id && !isActive;
+                return (React.createElement("li", { key: section.id },
+                    React.createElement("button", { style: {
+                            ...styles.pill,
+                            ...(isHovered ? styles.pillHover : {}),
+                            ...(isActive ? styles.pillActive : {}),
+                        }, className: `nav-pill ${isActive ? 'active' : ''}`, onClick: () => scrollToSection(section.id), onMouseEnter: () => setHoveredSection(section.id), onMouseLeave: () => setHoveredSection(null) },
+                        section.icon && React.createElement("span", { style: { marginRight: '6px' } }, section.icon),
+                        section.label)));
+            })))));
 };
 export default StickyNav;

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

@@ -3,4 +3,5 @@ export * from './AppNavbar';
 export * from './AppSidebar';
 export * from './Header';
 export * from './Lnb';
+export * from './Footer';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC"}

package/dist/components/navigation/index.js

@@ -3,3 +3,4 @@ export * from './AppNavbar';
 export * from './AppSidebar';
 export * from './Header';
 export * from './Lnb';
+export * from './Footer';

package/dist/components/page/LoginPage.d.ts

@@ -3,6 +3,7 @@
  *
  * 공통 로그인 페이지 컴포넌트
  * Host/Remote 모두에서 사용 가능
+ * Supabase Auth 지원
  */
 import React from 'react';
 import { User } from '../../types';
@@ -23,7 +24,9 @@ export interface LoginPageProps {
     }>;
     /** 테스트 계정 표시 여부 */
     showTestAccount?: boolean;
+    /** Supabase Auth 사용 여부 (기본: true) */
+    useSupabase?: boolean;
 }
-export declare function LoginPage({ redirectPath, onLoginSuccess, appName, logo, onGoogleLogin, showTestAccount, }: LoginPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginPage({ redirectPath, onLoginSuccess, appName, logo, onGoogleLogin, showTestAccount, useSupabase, }: LoginPageProps): React.JSX.Element;
 export default LoginPage;
 //# sourceMappingURL=LoginPage.d.ts.map

package/dist/components/page/LoginPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoginPage.d.ts","sourceRoot":"","sources":["../../../src/components/page/LoginPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,cAAc;IAC3B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IAC7D,mBAAmB;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACtB,YAAkB,EAClB,cAAc,EACd,OAAe,EACf,IAAI,EACJ,aAAa,EACb,eAAsB,GACzB,EAAE,cAAc,2CAgOhB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"LoginPage.d.ts","sourceRoot":"","sources":["../../../src/components/page/LoginPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,OAAO,iBAAiB,CAAC;AAezB,MAAM,WAAW,cAAc;IAC3B,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,IAAI,CAAA;KAAE,CAAC,CAAC;IAC7D,mBAAmB;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,SAAS,CAAC,EACtB,YAAkB,EAClB,cAAc,EACd,OAAe,EACf,IAAI,EACJ,aAAa,EACb,eAAuB,EACvB,WAAkB,GACrB,EAAE,cAAc,qBAwRhB;AAED,eAAe,SAAS,CAAC"}