{"_id":"@ehfuse/mui-fadeout-loading-progress","_rev":"9-9ee9a40e4c889f6a269623973a440b49","name":"@ehfuse/mui-fadeout-loading-progress","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@ehfuse/mui-fadeout-loading-progress","version":"1.0.0","keywords":["react","mui","material-ui","loading","progress","fadeout","component","typescript"],"author":{"name":"KIM YOUNG JIN","email":"ehfuse@gmail.com"},"license":"MIT","_id":"@ehfuse/mui-fadeout-loading-progress@1.0.0","maintainers":[{"name":"ehfuse","email":"ehfuse@gmail.com"}],"homepage":"https://github.com/ehfuse/mui-fadeout-loading-progress#readme","bugs":{"url":"https://github.com/ehfuse/mui-fadeout-loading-progress/issues"},"dist":{"shasum":"bf2eaecf91ef05582f93e45e9e5181944aa1bff7","tarball":"https://registry.npmjs.org/@ehfuse/mui-fadeout-loading-progress/-/mui-fadeout-loading-progress-1.0.0.tgz","fileCount":12,"integrity":"sha512-IG1gx4hXvf/NkDrGDMf0taxlOFzMiqlhL//XlHiaD8xjLsrFbtpoeSchZkSFcRZz2j94pQkj0/O/tiu9JFmVeA==","signatures":[{"sig":"MEQCIGzmtXlDleq5cI9dbwSbiXWwnPSbhMiBswTXu9e275WBAiB04Xckq1yEn/qguxyA5qwHbqDEhnP4uG7ixRPG3WiyLg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":85387},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"aa8e4a61be272d1b3f5d0b87a4e4bb3886c96ce4","scripts":{"build":"rollup -c","clean":"rimraf dist","build:watch":"rollup -c -w","prepublishOnly":"npm run build"},"_npmUser":{"name":"ehfuse","email":"ehfuse@gmail.com"},"repository":{"url":"git+https://github.com/ehfuse/mui-fadeout-loading-progress.git","type":"git"},"_npmVersion":"10.9.3","description":"A React component for Material-UI that provides a smooth fade-out loading indicator with customizable behavior","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.2","rimraf":"^5.0.5","rollup":"^4.9.1","typescript":"^5.3.3","@types/react":"^18.2.45","@types/react-dom":"^18.2.18","rollup-plugin-dts":"^6.1.0","@rollup/plugin-typescript":"^11.1.5","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","@mui/material":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mui-fadeout-loading-progress_1.0.0_1759303718799_0.06361390215426632","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@ehfuse/mui-fadeout-loading-progress","version":"1.0.1","keywords":["react","mui","material-ui","loading","progress","fadeout","component","typescript"],"author":{"name":"KIM YOUNG JIN","email":"ehfuse@gmail.com"},"license":"MIT","_id":"@ehfuse/mui-fadeout-loading-progress@1.0.1","maintainers":[{"name":"ehfuse","email":"ehfuse@gmail.com"}],"homepage":"https://github.com/ehfuse/mui-fadeout-loading-progress#readme","bugs":{"url":"https://github.com/ehfuse/mui-fadeout-loading-progress/issues"},"dist":{"shasum":"fb207d21f8d58295cdfa655328fdf6267fbc51d1","tarball":"https://registry.npmjs.org/@ehfuse/mui-fadeout-loading-progress/-/mui-fadeout-loading-progress-1.0.1.tgz","fileCount":12,"integrity":"sha512-vGB/patmI3NbpcOVnxC8MmPJ9beJfFIfCdCdsDaI5o2A339fI0D4z8vgGtgluSteMUj4mIdZ1GmvtrGFJRBGHA==","signatures":[{"sig":"MEQCIFTWFX8gFWeptR8EPtdzgY588feFo9tDBcLbvY5qqwKSAiAWWiTKdlZ833zrjFrG8EE6UgVlQD/hQxefq2t1xoI+nw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":86032},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"e9c379b9c2406ea424516b37ac9744d7d0b8dab8","scripts":{"build":"rollup -c","clean":"rimraf dist","build:watch":"rollup -c -w","prepublishOnly":"npm run build"},"_npmUser":{"name":"ehfuse","email":"ehfuse@gmail.com"},"repository":{"url":"git+https://github.com/ehfuse/mui-fadeout-loading-progress.git","type":"git"},"_npmVersion":"10.9.3","description":"A React component for Material-UI that provides a smooth fade-out loading indicator with customizable behavior","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.2","rimraf":"^5.0.5","rollup":"^4.9.1","typescript":"^5.3.3","@types/react":"^18.2.45","@types/react-dom":"^18.2.18","rollup-plugin-dts":"^6.1.0","@rollup/plugin-typescript":"^11.1.5","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","@mui/material":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mui-fadeout-loading-progress_1.0.1_1759307807882_0.26924942354839976","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@ehfuse/mui-fadeout-loading-progress","version":"1.0.2","keywords":["react","mui","material-ui","loading","progress","fadeout","component","typescript"],"author":{"name":"KIM YOUNG JIN","email":"ehfuse@gmail.com"},"license":"MIT","_id":"@ehfuse/mui-fadeout-loading-progress@1.0.2","maintainers":[{"name":"ehfuse","email":"ehfuse@gmail.com"}],"homepage":"https://github.com/ehfuse/mui-fadeout-loading-progress#readme","bugs":{"url":"https://github.com/ehfuse/mui-fadeout-loading-progress/issues"},"dist":{"shasum":"23cbe43d6d1848d3f0537697db9b124b7dc8c1eb","tarball":"https://registry.npmjs.org/@ehfuse/mui-fadeout-loading-progress/-/mui-fadeout-loading-progress-1.0.2.tgz","fileCount":12,"integrity":"sha512-p9/qT2RTroI+9BjC5ukF6Ixspa/zePOOnd6APdug0bVFtzZ1f1sV0Qadx0WcKeYaAbgTpVz+DdlHrirGdWewxw==","signatures":[{"sig":"MEQCIEImXsqC/8uePzuSxbIsDt72xWL1zuUmKrFtBVGW7td9AiAtYhGGwCMK5TljNewU7emN3k5i5kbyUw4vvDd1INNAQg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":86068},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"3e99fc053c81e07c333081aae0bf434455f03e5a","scripts":{"build":"rollup -c","clean":"rimraf dist","prepare":"npm run build","build:watch":"rollup -c -w","prepublishOnly":"npm run build"},"_npmUser":{"name":"ehfuse","email":"ehfuse@gmail.com"},"repository":{"url":"git+https://github.com/ehfuse/mui-fadeout-loading-progress.git","type":"git"},"_npmVersion":"10.9.3","description":"A React component for Material-UI that provides a smooth fade-out loading indicator with customizable behavior","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.2","rimraf":"^5.0.5","rollup":"^4.9.1","typescript":"^5.3.3","@types/react":"^18.2.45","@types/react-dom":"^18.2.18","rollup-plugin-dts":"^6.1.0","@rollup/plugin-typescript":"^11.1.5","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","@mui/material":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mui-fadeout-loading-progress_1.0.2_1760874317394_0.04967773986022839","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@ehfuse/mui-fadeout-loading-progress","version":"1.0.3","keywords":["react","mui","material-ui","loading","progress","fadeout","component","typescript"],"author":{"name":"KIM YOUNG JIN","email":"ehfuse@gmail.com"},"license":"MIT","_id":"@ehfuse/mui-fadeout-loading-progress@1.0.3","maintainers":[{"name":"ehfuse","email":"ehfuse@gmail.com"}],"homepage":"https://github.com/ehfuse/mui-fadeout-loading-progress#readme","bugs":{"url":"https://github.com/ehfuse/mui-fadeout-loading-progress/issues"},"dist":{"shasum":"9bcf5af38a9a5cc9e3168b26a72b837c89de0f2d","tarball":"https://registry.npmjs.org/@ehfuse/mui-fadeout-loading-progress/-/mui-fadeout-loading-progress-1.0.3.tgz","fileCount":12,"integrity":"sha512-O8+q2kq388Oj2dW/mLQP854rOXRwZGf2qhA6qge7N6iMGqdGM8671OiMAyA8luLf8f/2qZUgIlOR35UMy92Vqg==","signatures":[{"sig":"MEQCIADWc2LT5TG7VN7hWmyGZQ7a60cAMisqdhuGOKWDQslfAiAuwyqkUBe1O09U1D7m59K565xzOzQkIDMiOl7VnE5P7w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":73738},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","gitHead":"35872cbec004dbf650ac290dcf160bab2d26b5d4","scripts":{"build":"rollup -c","clean":"rimraf dist","prepare":"npm run build","build:watch":"rollup -c -w","prepublishOnly":"npm run build"},"_npmUser":{"name":"ehfuse","email":"ehfuse@gmail.com"},"repository":{"url":"git+https://github.com/ehfuse/mui-fadeout-loading-progress.git","type":"git"},"_npmVersion":"10.9.3","description":"A React component for Material-UI that provides a smooth fade-out loading indicator with customizable behavior","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"tslib":"^2.6.2","rimraf":"^5.0.5","rollup":"^4.9.1","typescript":"^5.3.3","@types/react":"^18.2.45","@types/react-dom":"^18.2.18","rollup-plugin-dts":"^6.1.0","rollup-plugin-esbuild":"^6.2.1","@rollup/plugin-typescript":"^11.1.5","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","@mui/material":">=5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mui-fadeout-loading-progress_1.0.3_1762221875807_0.5608648536574328","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@ehfuse/mui-fadeout-loading-progress","version":"1.0.4","description":"A React component for Material-UI that provides a smooth fade-out loading indicator with customizable behavior","main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"build":"rollup -c","build:watch":"rollup -c -w","prepare":"npm run build","prepublishOnly":"npm run build","clean":"rimraf dist"},"keywords":["react","mui","material-ui","loading","progress","fadeout","component","typescript"],"author":{"name":"KIM YOUNG JIN","email":"ehfuse@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/ehfuse/mui-fadeout-loading-progress.git"},"bugs":{"url":"https://github.com/ehfuse/mui-fadeout-loading-progress/issues"},"homepage":"https://github.com/ehfuse/mui-fadeout-loading-progress#readme","peerDependencies":{"@mui/material":">=5.0.0","react":">=16.8.0"},"devDependencies":{"@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-typescript":"^11.1.5","@types/react":"^18.2.45","@types/react-dom":"^18.2.18","rimraf":"^5.0.5","rollup":"^4.9.1","rollup-plugin-dts":"^6.1.0","rollup-plugin-esbuild":"^6.2.1","rollup-plugin-peer-deps-external":"^2.2.4","tslib":"^2.6.2","typescript":"^5.3.3"},"_id":"@ehfuse/mui-fadeout-loading-progress@1.0.4","gitHead":"35872cbec004dbf650ac290dcf160bab2d26b5d4","_nodeVersion":"22.19.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-X20DXdCDRBGu1NrEvvMLXrmO3V80UjATv4LV+XSQZTuLZiIl4X9ILCGM6aGc0wlhnJr1HAIZk6/1qrRtj7S74w==","shasum":"cc65c957bd53eec274432570671b453fc901bda1","tarball":"https://registry.npmjs.org/@ehfuse/mui-fadeout-loading-progress/-/mui-fadeout-loading-progress-1.0.4.tgz","fileCount":12,"unpackedSize":73966,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCXi0ZoWKGjalELFBrFrA0o4lOE5xZIeFgDhtJT/kvRrgIhAOOSdr6ni3Iys/slkabUOn2cBFe/TUjtfKZSuj+x1Fpn"}]},"_npmUser":{"name":"wowgrowth","email":"ehfuse@gmail.com"},"directories":{},"maintainers":[{"name":"sj90lee","email":"sj90.lee@gmail.com"},{"name":"wowgrowth","email":"ehfuse@gmail.com"},{"name":"maeiv","email":"naptune123@gmail.com"},{"name":"seung382","email":"seung382@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mui-fadeout-loading-progress_1.0.4_1770868780227_0.5191359401422426"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-01T07:28:38.728Z","modified":"2026-02-12T03:59:40.565Z","1.0.0":"2025-10-01T07:28:38.983Z","1.0.1":"2025-10-01T08:36:48.069Z","1.0.2":"2025-10-19T11:45:17.652Z","1.0.3":"2025-11-04T02:04:36.092Z","1.0.4":"2026-02-12T03:59:40.388Z"},"bugs":{"url":"https://github.com/ehfuse/mui-fadeout-loading-progress/issues"},"author":{"name":"KIM YOUNG JIN","email":"ehfuse@gmail.com"},"license":"MIT","homepage":"https://github.com/ehfuse/mui-fadeout-loading-progress#readme","keywords":["react","mui","material-ui","loading","progress","fadeout","component","typescript"],"repository":{"type":"git","url":"git+https://github.com/ehfuse/mui-fadeout-loading-progress.git"},"description":"A React component for Material-UI that provides a smooth fade-out loading indicator with customizable behavior","maintainers":[{"name":"sj90lee","email":"sj90.lee@gmail.com"},{"name":"wowgrowth","email":"ehfuse@gmail.com"},{"name":"maeiv","email":"naptune123@gmail.com"},{"name":"seung382","email":"seung382@gmail.com"}],"readme":"# MUI Fadeout Loading Progress\n\n부드러운 페이드아웃 애니메이션과 완료 콜백을 제공하는 Material-UI 로딩 인디케이터 React 컴포넌트입니다.\n\nA React component for Material-UI that provides a smooth fade-out loading indicator with customizable behavior and onComplete callback.\n\n## 주요 기능 | Features\n\n-   🎨 부드러운 페이드아웃 애니메이션 (200ms) | Smooth fade-out animation (200ms)\n-   🔄 페이드아웃 후 자동 언마운트 | Automatic unmount after fade-out\n-   📦 TypeScript로 제작 | Built with TypeScript\n-   🎯 Material-UI 통합 | Material-UI integration\n-   ⚡ 가볍고 고성능 | Lightweight and performant\n-   🪝 완료 콜백 지원 | Callback support on completion\n\n## API Signature\n\n```tsx\ninterface BackgroundConfig {\n    show?: boolean; // default: true\n    color?: string; // default: \"255, 255, 255\" - Supports hex (#fff), rgb(), rgba(), named colors, or RGB string\n    opacity?: number; // default: 0.9 - Applied to background (0.0 ~ 1.0). Ignored if color is rgba\n}\n\ninterface LoadingProgressProps {\n    visible: boolean;\n    onComplete?: () => void;\n    fadeoutDuration?: number; // default: 200ms\n    exitDelay?: number; // default: 0ms\n    size?: number; // default: 40\n    className?: string;\n    style?: CSSProperties;\n    sx?: SxProps<Theme>; // MUI sx prop for advanced styling\n    indicator?: ReactNode | string; // Custom indicator or image URL\n    background?: BackgroundConfig; // Background configuration\n}\n\nexport function LoadingProgress(\n    props: LoadingProgressProps\n): JSX.Element | null;\n```\n\n## 📖 Documentation\n\n-   **[Getting Started (한국어)](docs/getting-started-ko.md)** - 설치 및 사용 가이드\n-   **[Getting Started (English)](docs/getting-started-en.md)** - Installation and usage guide\n\n## Quick Start\n\n```bash\nnpm install @ehfuse/mui-fadeout-loading-progress\n```\n\n```tsx\nimport { LoadingProgress } from \"@ehfuse/mui-fadeout-loading-progress\";\n\nfunction App() {\n    const [loading, setLoading] = useState(true);\n\n    return (\n        <div>\n            <LoadingProgress\n                visible={loading}\n                onComplete={() => console.log(\"Done!\")}\n            />\n        </div>\n    );\n}\n```\n\n## License\n\nMIT License - Copyright (c) 2025 KIM YOUNG JIN (ehfuse@gmail.com)\n\n## Links\n\n-   **Repository**: [github.com/ehfuse/@ehfuse/mui-fadeout-loading-progress](https://github.com/ehfuse/@ehfuse/mui-fadeout-loading-progress)\n-   **Issues**: [Issue Tracker](https://github.com/ehfuse/@ehfuse/mui-fadeout-loading-progress/issues)\n-   **NPM**: [npmjs.com/package/@ehfuse/mui-fadeout-loading-progress](https://www.npmjs.com/package/@ehfuse/mui-fadeout-loading-progress)\n","readmeFilename":"README.md"}