@sonhoseong/mfa-lib 1.0.0

package/README.md

@@ -0,0 +1,172 @@
+# @mfa-portfolio/lib
+
+MFA Portfolio 공통 라이브러리 - KOMCA 패턴 기반 마이크로프론트엔드 유틸리티
+
+## 설치
+
+```bash
+npm install @mfa-portfolio/lib
+# or
+yarn add @mfa-portfolio/lib
+# or
+pnpm add @mfa-portfolio/lib
+```
+
+## 기능
+
+### Components
+
+- **ScrollTopButton** - 스크롤 최상단 이동 버튼
+- **GlobalLoading** - 전역 로딩 스피너
+- **ToastContainer/ToastProvider** - 토스트 알림 시스템
+- **ModalContainer/ModalProvider** - 모달 시스템
+- **ErrorBoundary** - 에러 바운더리
+
+### Hooks
+
+- **useAuth** - 인증 관련 훅 (로그인, 로그아웃, 토큰 갱신)
+- **useToast** - 토스트 알림 훅
+- **useModalContext** - 모달 훅
+- **useGlobalLoading** - 전역 로딩 상태 훅
+- **useKomcaNavigate** - 네비게이션 훅
+
+### Store
+
+- **getHostStore** - Host Redux Store 접근
+- **getAccessToken** - 액세스 토큰 조회
+- **getCurrentUser** - 현재 사용자 조회
+- **dispatchToHost** - Host Store에 액션 디스패치
+
+### Network
+
+- **AxiosClientFactory** - Axios 클라이언트 팩토리 (토큰 갱신 포함)
+- **initAxiosFactory** - Axios 팩토리 초기화
+
+### Utils
+
+- **storage** - localStorage 유틸리티
+
+## 사용법
+
+### 기본 설정 (Host App)
+
+```tsx
+import { Provider } from 'react-redux';
+import { ToastProvider, ModalProvider } from '@mfa-portfolio/lib';
+import { store } from './store';
+
+// Store를 전역에 노출 (MFA 패턴)
+window.__REDUX_STORE__ = store;
+
+function App() {
+  return (
+    <Provider store={store}>
+      <ToastProvider>
+        <ModalProvider>
+          <YourApp />
+        </ModalProvider>
+      </ToastProvider>
+    </Provider>
+  );
+}
+```
+
+### Toast 사용
+
+```tsx
+import { useToast } from '@mfa-portfolio/lib';
+
+function MyComponent() {
+  const { success, error, warning, info } = useToast();
+
+  const handleClick = () => {
+    success('저장되었습니다!');
+    error('오류가 발생했습니다.');
+  };
+
+  return <button onClick={handleClick}>알림</button>;
+}
+```
+
+### Modal 사용
+
+```tsx
+import { useModalContext } from '@mfa-portfolio/lib';
+
+function MyComponent() {
+  const { alert, confirm } = useModalContext();
+
+  const handleDelete = async () => {
+    const result = await confirm('정말 삭제하시겠습니까?');
+    if (result) {
+      // 삭제 로직
+    }
+  };
+
+  return <button onClick={handleDelete}>삭제</button>;
+}
+```
+
+### Axios 클라이언트 설정
+
+```tsx
+import { AxiosClientFactory, initAxiosFactory, getAccessToken } from '@mfa-portfolio/lib';
+
+// 팩토리 초기화
+initAxiosFactory({
+  getAccessToken: () => getAccessToken(),
+  setAccessToken: (token) => store.dispatch(setAccessToken(token)),
+  refreshToken: async () => {
+    // 토큰 갱신 로직
+    const newToken = await refreshTokenApi();
+    return newToken;
+  },
+  onUnauthorized: () => {
+    // 로그아웃 처리
+    store.dispatch(logout());
+  },
+});
+
+// 클라이언트 생성
+const apiClient = AxiosClientFactory.createClient({
+  hostUrl: 'https://api.example.com',
+  basePath: '/api/v1',
+});
+```
+
+### Remote App에서 Host Store 접근
+
+```tsx
+import { getHostStore, getCurrentUser, getAccessToken } from '@mfa-portfolio/lib';
+
+function RemoteComponent() {
+  const user = getCurrentUser();
+  const token = getAccessToken();
+
+  return <div>안녕하세요, {user?.name}님!</div>;
+}
+```
+
+## MFA 아키텍처
+
+이 라이브러리는 Module Federation 기반 마이크로프론트엔드 아키텍처를 위해 설계되었습니다.
+
+```
+┌─────────────────────────────────────────┐
+│              Host App                    │
+│  ┌─────────────────────────────────┐    │
+│  │   Redux Store (전역 노출)        │    │
+│  │   window.__REDUX_STORE__        │    │
+│  └─────────────────────────────────┘    │
+│                  │                       │
+│  ┌───────────────┼───────────────┐      │
+│  │               │               │      │
+│  ▼               ▼               ▼      │
+│ Remote1       Remote2        Remote3    │
+│ (Resume)      (Blog)       (Portfolio)  │
+└─────────────────────────────────────────┘
+```
+
+## License
+
+MIT

package/dist/components/button/ScrollTopButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ScrollTopButtonProps } from './types';
+declare const ScrollTopButton: React.FC<ScrollTopButtonProps>;
+export { ScrollTopButton };
+//# sourceMappingURL=ScrollTopButton.d.ts.map

package/dist/components/button/ScrollTopButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollTopButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/ScrollTopButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2DnD,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/button/ScrollTopButton.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
+const ScrollTopButton = ({ className = '', variant = 'primary', size = 'md', threshold = 100, title = '맨 위로', }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    useEffect(() => {
+        const handleScroll = () => {
+            setIsVisible(window.scrollY > threshold);
+        };
+        window.addEventListener('scroll', handleScroll);
+        handleScroll();
+        return () => window.removeEventListener('scroll', handleScroll);
+    }, [threshold]);
+    const scrollToTop = useCallback(() => {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
+    }, []);
+    const sizeClasses = {
+        sm: 'scroll-top-btn--sm',
+        md: 'scroll-top-btn--md',
+        lg: 'scroll-top-btn--lg',
+    };
+    const variantClasses = {
+        primary: 'scroll-top-btn--primary',
+        secondary: 'scroll-top-btn--secondary',
+        ghost: 'scroll-top-btn--ghost',
+    };
+    return (_jsx("button", { type: "button", className: `scroll-top-btn ${sizeClasses[size]} ${variantClasses[variant]} ${isVisible ? 'visible' : ''} ${className}`, onClick: scrollToTop, title: title, "aria-label": title, children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polyline", { points: "17 11 12 6 7 11" }), _jsx("polyline", { points: "17 18 12 13 7 18" })] }) }));
+};
+export { ScrollTopButton };

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

@@ -0,0 +1,3 @@
+export { ScrollTopButton } from './ScrollTopButton';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,SAAS,CAAC"}

package/dist/components/button/index.js

@@ -0,0 +1,2 @@
+export { ScrollTopButton } from './ScrollTopButton';
+export * from './types';

package/dist/components/button/types/index.d.ts

@@ -0,0 +1,10 @@
+export type ScrollTopButtonVariant = 'primary' | 'secondary' | 'ghost';
+export type ScrollTopButtonSize = 'sm' | 'md' | 'lg';
+export interface ScrollTopButtonProps {
+    className?: string;
+    variant?: ScrollTopButtonVariant;
+    size?: ScrollTopButtonSize;
+    threshold?: number;
+    title?: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AACvE,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/button/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/components/error/ErrorBoundary.d.ts

@@ -0,0 +1,25 @@
+/**
+ * ErrorBoundary - KOMCA 패턴
+ * 에러 발생 시 Fallback UI 표시
+ */
+import { Component, ErrorInfo, ReactNode } from 'react';
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    /** 커스텀 Fallback UI */
+    fallback?: ReactNode | ((error: Error, resetError: () => void) => ReactNode);
+    /** 에러 발생 시 콜백 */
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    resetError: () => void;
+    render(): ReactNode;
+}
+export default ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/components/error/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/error/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,UAAU,kBAAkB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,CAAC;IAC7E,iBAAiB;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC1D;AAED,UAAU,kBAAkB;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACvB;AAED,cAAM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBAC7D,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAK3D,UAAU,QAAO,IAAI,CAEnB;IAEF,MAAM,IAAI,SAAS;CA6ItB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/error/ErrorBoundary.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ErrorBoundary - KOMCA 패턴
+ * 에러 발생 시 Fallback UI 표시
+ */
+import { Component } from 'react';
+class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.resetError = () => {
+            this.setState({ hasError: false, error: null });
+        };
+        this.state = { hasError: false, error: null };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('ErrorBoundary caught an error:', error, errorInfo);
+        this.props.onError?.(error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError && this.state.error) {
+            // 커스텀 fallback
+            if (this.props.fallback) {
+                if (typeof this.props.fallback === 'function') {
+                    return this.props.fallback(this.state.error, this.resetError);
+                }
+                return this.props.fallback;
+            }
+            // 기본 fallback UI
+            return (_jsxs("div", { className: "error-boundary-fallback", children: [_jsxs("div", { className: "error-boundary-content", children: [_jsx("div", { className: "error-boundary-icon", children: "\u26A0\uFE0F" }), _jsx("h2", { className: "error-boundary-title", children: "\uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4" }), _jsx("p", { className: "error-boundary-message", children: this.state.error.message || '알 수 없는 오류가 발생했습니다.' }), _jsxs("div", { className: "error-boundary-actions", children: [_jsx("button", { className: "error-boundary-button primary", onClick: this.resetError, children: "\uB2E4\uC2DC \uC2DC\uB3C4" }), _jsx("button", { className: "error-boundary-button secondary", onClick: () => window.location.reload(), children: "\uC0C8\uB85C\uACE0\uCE68" })] }), process.env.NODE_ENV === 'development' && (_jsxs("details", { className: "error-boundary-details", children: [_jsx("summary", { children: "\uC0C1\uC138 \uC815\uBCF4" }), _jsx("pre", { children: this.state.error.stack })] }))] }), _jsx("style", { children: `
+                        .error-boundary-fallback {
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            min-height: 400px;
+                            padding: 24px;
+                            background: #fafafa;
+                        }
+
+                        .error-boundary-content {
+                            text-align: center;
+                            max-width: 480px;
+                            padding: 40px;
+                            background: white;
+                            border-radius: 16px;
+                            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
+                        }
+
+                        .error-boundary-icon {
+                            font-size: 48px;
+                            margin-bottom: 16px;
+                        }
+
+                        .error-boundary-title {
+                            margin: 0 0 12px;
+                            font-size: 20px;
+                            font-weight: 600;
+                            color: #111827;
+                        }
+
+                        .error-boundary-message {
+                            margin: 0 0 24px;
+                            font-size: 14px;
+                            color: #6b7280;
+                            line-height: 1.5;
+                        }
+
+                        .error-boundary-actions {
+                            display: flex;
+                            gap: 12px;
+                            justify-content: center;
+                        }
+
+                        .error-boundary-button {
+                            padding: 10px 20px;
+                            font-size: 14px;
+                            font-weight: 500;
+                            border-radius: 8px;
+                            cursor: pointer;
+                            transition: all 0.15s;
+                        }
+
+                        .error-boundary-button.primary {
+                            background: #3b82f6;
+                            color: white;
+                            border: none;
+                        }
+
+                        .error-boundary-button.primary:hover {
+                            background: #2563eb;
+                        }
+
+                        .error-boundary-button.secondary {
+                            background: white;
+                            color: #374151;
+                            border: 1px solid #d1d5db;
+                        }
+
+                        .error-boundary-button.secondary:hover {
+                            background: #f9fafb;
+                        }
+
+                        .error-boundary-details {
+                            margin-top: 24px;
+                            text-align: left;
+                        }
+
+                        .error-boundary-details summary {
+                            cursor: pointer;
+                            font-size: 12px;
+                            color: #9ca3af;
+                        }
+
+                        .error-boundary-details pre {
+                            margin-top: 8px;
+                            padding: 12px;
+                            font-size: 11px;
+                            background: #f3f4f6;
+                            border-radius: 6px;
+                            overflow-x: auto;
+                            color: #ef4444;
+                        }
+                    ` })] }));
+        }
+        return this.props.children;
+    }
+}
+export default ErrorBoundary;

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

@@ -0,0 +1,2 @@
+export { default as ErrorBoundary } from './ErrorBoundary';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/error/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/error/index.js

@@ -0,0 +1 @@
+export { default as ErrorBoundary } from './ErrorBoundary';

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './button';
+export * from './loading';
+export * from './toast';
+export * from './error';
+export * from './modal';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,10 @@
+// Button
+export * from './button';
+// Loading
+export * from './loading';
+// Toast
+export * from './toast';
+// Error
+export * from './error';
+// Modal
+export * from './modal';

package/dist/components/loading/GlobalLoading.d.ts

@@ -0,0 +1,12 @@
+/**
+ * GlobalLoading Component - KOMCA 패턴
+ * 전역 로딩 스피너 UI
+ */
+import React from 'react';
+interface GlobalLoadingProps {
+    /** 커스텀 로딩 메시지 */
+    message?: string;
+}
+declare const GlobalLoading: React.FC<GlobalLoadingProps>;
+export default GlobalLoading;
+//# sourceMappingURL=GlobalLoading.d.ts.map

package/dist/components/loading/GlobalLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalLoading.d.ts","sourceRoot":"","sources":["../../../src/components/loading/GlobalLoading.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,kBAAkB;IACxB,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiG/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/loading/GlobalLoading.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSelector } from 'react-redux';
+const GlobalLoading = ({ message }) => {
+    const isLoading = useSelector((state) => state.app?.isLoading);
+    const globalLoadingTitle = useSelector((state) => state.app?.globalLoadingTitle);
+    if (!isLoading)
+        return null;
+    const displayMessage = message || globalLoadingTitle || '로딩 중...';
+    return (_jsxs("div", { className: "global-loading-overlay", children: [_jsxs("div", { className: "global-loading-content", children: [_jsxs("div", { className: "global-loading-spinner", children: [_jsx("div", { className: "spinner-ring" }), _jsx("div", { className: "spinner-ring" }), _jsx("div", { className: "spinner-ring" })] }), displayMessage && (_jsx("p", { className: "global-loading-message", children: displayMessage }))] }), _jsx("style", { children: `
+                .global-loading-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;
+                    z-index: 9999;
+                    backdrop-filter: blur(2px);
+                }
+
+                .global-loading-content {
+                    display: flex;
+                    flex-direction: column;
+                    align-items: center;
+                    gap: 16px;
+                    padding: 32px 48px;
+                    background: white;
+                    border-radius: 12px;
+                    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+                }
+
+                .global-loading-spinner {
+                    position: relative;
+                    width: 48px;
+                    height: 48px;
+                }
+
+                .spinner-ring {
+                    position: absolute;
+                    width: 100%;
+                    height: 100%;
+                    border: 3px solid transparent;
+                    border-top-color: #3b82f6;
+                    border-radius: 50%;
+                    animation: spin 1s linear infinite;
+                }
+
+                .spinner-ring:nth-child(2) {
+                    width: 80%;
+                    height: 80%;
+                    top: 10%;
+                    left: 10%;
+                    border-top-color: #60a5fa;
+                    animation-duration: 0.8s;
+                    animation-direction: reverse;
+                }
+
+                .spinner-ring:nth-child(3) {
+                    width: 60%;
+                    height: 60%;
+                    top: 20%;
+                    left: 20%;
+                    border-top-color: #93c5fd;
+                    animation-duration: 0.6s;
+                }
+
+                @keyframes spin {
+                    to {
+                        transform: rotate(360deg);
+                    }
+                }
+
+                .global-loading-message {
+                    margin: 0;
+                    font-size: 14px;
+                    color: #374151;
+                    font-weight: 500;
+                }
+            ` })] }));
+};
+export default GlobalLoading;

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

@@ -0,0 +1,2 @@
+export { default as GlobalLoading } from './GlobalLoading';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/loading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/loading/index.js

@@ -0,0 +1 @@
+export { default as GlobalLoading } from './GlobalLoading';

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

@@ -0,0 +1,8 @@
+/**
+ * Modal Container - KOMCA 패턴
+ * 모달 UI 렌더링
+ */
+import React from 'react';
+declare const ModalContainer: React.FC;
+export default ModalContainer;
+//# sourceMappingURL=ModalContainer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContainer.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalContainer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAoB,MAAM,OAAO,CAAC;AAGzC,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EA6M3B,CAAC;AAEF,eAAe,cAAc,CAAC"}