@ehfuse/overlay-scrollbar 1.0.0

package/dist/index.js

@@ -0,0 +1,397 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const OverlayScrollbar = react.forwardRef(({ children, onScroll, className, style }, ref) => {
+    const containerRef = react.useRef(null);
+    const contentRef = react.useRef(null);
+    const scrollbarRef = react.useRef(null);
+    const thumbRef = react.useRef(null);
+    // 웹킷 스크롤바 숨김을 위한 스타일
+    react.useEffect(() => {
+        const style = document.createElement("style");
+        style.textContent = `
+                .overlay-scrollbar-container::-webkit-scrollbar {
+                    display: none !important;
+                    width: 0 !important;
+                    height: 0 !important;
+                    background: transparent !important;
+                }
+                .overlay-scrollbar-container::-webkit-scrollbar-track {
+                    display: none !important;
+                }
+                .overlay-scrollbar-container::-webkit-scrollbar-thumb {
+                    display: none !important;
+                }
+                .overlay-scrollbar-container::-webkit-scrollbar-corner {
+                    display: none !important;
+                }
+                .overlay-scrollbar-container * {
+                    scrollbar-width: none;
+                    -ms-overflow-style: none;
+                }
+                .overlay-scrollbar-container *::-webkit-scrollbar {
+                    display: none !important;
+                    width: 0 !important;
+                    height: 0 !important;
+                }
+            `;
+        document.head.appendChild(style);
+        return () => {
+            document.head.removeChild(style);
+        };
+    }, []);
+    const [scrollbarVisible, setScrollbarVisible] = react.useState(false);
+    const [trackVisible, setTrackVisible] = react.useState(false); // 트랙 표시 상태 추가
+    const [isDragging, setIsDragging] = react.useState(false);
+    const [dragStart, setDragStart] = react.useState({ y: 0, scrollTop: 0 });
+    const [thumbHeight, setThumbHeight] = react.useState(0);
+    const [thumbTop, setThumbTop] = react.useState(0);
+    // 스크롤바 표시/숨김 타이머
+    const hideTimeoutRef = react.useRef(null);
+    // ref를 통해 외부에서 스크롤 컨테이너에 접근할 수 있도록 함
+    react.useImperativeHandle(ref, () => ({
+        getScrollContainer: () => containerRef.current,
+        scrollTo: (options) => {
+            if (containerRef.current) {
+                containerRef.current.scrollTo(options);
+            }
+        },
+        get scrollTop() {
+            var _a;
+            return ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) || 0;
+        },
+        get scrollHeight() {
+            var _a;
+            return ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) || 0;
+        },
+        get clientHeight() {
+            var _a;
+            return ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0;
+        },
+    }), []);
+    // 스크롤바 숨김 타이머 취소
+    const clearHideTimer = react.useCallback(() => {
+        if (hideTimeoutRef.current) {
+            clearTimeout(hideTimeoutRef.current);
+            hideTimeoutRef.current = null;
+        }
+    }, []);
+    // 스크롤바 숨김 타이머 설정
+    const setHideTimer = react.useCallback((delay) => {
+        clearHideTimer(); // 기존 타이머 취소
+        hideTimeoutRef.current = setTimeout(() => {
+            if (!isDragging) {
+                setScrollbarVisible(false);
+                setTrackVisible(false);
+            }
+            hideTimeoutRef.current = null;
+        }, delay);
+    }, [isDragging, clearHideTimer]);
+    // 스크롤 가능 여부 체크 함수
+    const isScrollable = react.useCallback(() => {
+        if (!containerRef.current || !contentRef.current)
+            return false;
+        const container = containerRef.current;
+        const content = contentRef.current;
+        return content.scrollHeight > container.clientHeight + 2;
+    }, []);
+    // 스크롤바 크기 및 위치 계산
+    const updateScrollbar = react.useCallback(() => {
+        if (!containerRef.current || !contentRef.current)
+            return;
+        const container = containerRef.current;
+        const content = contentRef.current;
+        const containerHeight = container.clientHeight;
+        const contentHeight = content.scrollHeight;
+        const scrollTop = container.scrollTop;
+        // console.log("스크롤바 업데이트:", {
+        //     containerHeight,
+        //     contentHeight,
+        //     scrollTop,
+        //     hasScrollableContent: contentHeight > containerHeight,
+        // });
+        // 스크롤 가능한 콘텐츠가 있는지 확인 (여유분 2px 추가로 더 정확한 판단)
+        if (contentHeight <= containerHeight + 2) {
+            // console.log("스크롤 불가능한 콘텐츠, 스크롤바 숨김");
+            setScrollbarVisible(false);
+            setTrackVisible(false);
+            clearHideTimer(); // 타이머도 정리
+            return;
+        }
+        // 썸 높이 계산 (최소 20px, 최대 컨테이너의 90%)
+        const thumbHeightRatio = containerHeight / contentHeight;
+        const calculatedThumbHeight = Math.max(20, Math.min(containerHeight * 0.9, containerHeight * thumbHeightRatio));
+        // 썸 위치 계산
+        const scrollRatio = scrollTop / (contentHeight - containerHeight);
+        const maxThumbTop = containerHeight - calculatedThumbHeight;
+        const calculatedThumbTop = scrollRatio * maxThumbTop;
+        // console.log("썸 계산:", {
+        //     thumbHeightRatio,
+        //     calculatedThumbHeight,
+        //     scrollRatio,
+        //     calculatedThumbTop,
+        //     maxThumbTop,
+        // });
+        setThumbHeight(calculatedThumbHeight);
+        setThumbTop(calculatedThumbTop);
+    }, []);
+    // 썸 드래그 시작
+    const handleThumbMouseDown = react.useCallback((event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!containerRef.current)
+            return;
+        setIsDragging(true);
+        setDragStart({
+            y: event.clientY,
+            scrollTop: containerRef.current.scrollTop,
+        });
+        setScrollbarVisible(true);
+        setTrackVisible(true); // 드래그 시 트랙 표시
+        clearHideTimer(); // 드래그 중에는 타이머 취소
+    }, [clearHideTimer]);
+    // 썸 드래그 중
+    const handleMouseMove = react.useCallback((event) => {
+        if (!isDragging || !containerRef.current || !contentRef.current)
+            return;
+        event.preventDefault();
+        const container = containerRef.current;
+        const content = contentRef.current;
+        const containerHeight = container.clientHeight;
+        const contentHeight = content.scrollHeight;
+        const deltaY = event.clientY - dragStart.y;
+        const scrollableHeight = contentHeight - containerHeight;
+        const maxThumbTop = containerHeight - thumbHeight;
+        // 드래그 거리를 스크롤 거리로 변환
+        const scrollDelta = (deltaY / maxThumbTop) * scrollableHeight;
+        const newScrollTop = Math.max(0, Math.min(scrollableHeight, dragStart.scrollTop + scrollDelta));
+        container.scrollTop = newScrollTop;
+        updateScrollbar();
+    }, [isDragging, dragStart, thumbHeight, updateScrollbar]);
+    // 썸 드래그 종료
+    const handleMouseUp = react.useCallback(() => {
+        setIsDragging(false);
+        setTrackVisible(false); // 드래그 종료 시 트랙 숨김
+        setHideTimer(2000); // 2초 후 숨김
+    }, [setHideTimer]);
+    // 스크롤바 트랙 클릭
+    const handleTrackClick = react.useCallback((event) => {
+        if (!containerRef.current ||
+            !contentRef.current ||
+            !scrollbarRef.current)
+            return;
+        const scrollbar = scrollbarRef.current;
+        const rect = scrollbar.getBoundingClientRect();
+        const clickY = event.clientY - rect.top;
+        const container = containerRef.current;
+        const content = contentRef.current;
+        const containerHeight = container.clientHeight;
+        const contentHeight = content.scrollHeight;
+        const scrollRatio = clickY / containerHeight;
+        const newScrollTop = scrollRatio * (contentHeight - containerHeight);
+        container.scrollTop = Math.max(0, Math.min(contentHeight - containerHeight, newScrollTop));
+        updateScrollbar();
+        setScrollbarVisible(true);
+        setTrackVisible(true); // 클릭 시 트랙 표시
+        setHideTimer(2000); // 클릭 후 2초간 유지
+    }, [updateScrollbar, setHideTimer]);
+    // 이벤트 리스너 등록
+    react.useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        // 휠 이벤트 핸들러 (마우스 휠 스크롤 감지)
+        const handleWheel = () => {
+            clearHideTimer(); // 먼저 기존 타이머 취소
+            setScrollbarVisible(true);
+            // 휠 스크롤 시에는 트랙 숨김 (thumb만 표시)
+            updateScrollbar();
+            setHideTimer(700); // 0.7초 후 숨김
+        };
+        // 스크롤 이벤트 디바운스
+        const debouncedScroll = (event) => {
+            clearHideTimer(); // 먼저 기존 타이머 취소
+            setScrollbarVisible(true);
+            // 스크롤 시에도 트랙 숨김 (thumb만 표시)
+            updateScrollbar();
+            setHideTimer(700); // 0.7초 후 숨김
+            if (onScroll) {
+                onScroll(event);
+            }
+        };
+        container.addEventListener("scroll", debouncedScroll, {
+            passive: true,
+        });
+        container.addEventListener("wheel", handleWheel, { passive: true });
+        return () => {
+            container.removeEventListener("scroll", debouncedScroll);
+            container.removeEventListener("wheel", handleWheel);
+        };
+    }, [updateScrollbar, isDragging, onScroll, clearHideTimer, setHideTimer]);
+    // 마우스 이벤트 리스너 등록 (드래그)
+    react.useEffect(() => {
+        if (isDragging) {
+            document.addEventListener("mousemove", handleMouseMove);
+            document.addEventListener("mouseup", handleMouseUp);
+            return () => {
+                document.removeEventListener("mousemove", handleMouseMove);
+                document.removeEventListener("mouseup", handleMouseUp);
+            };
+        }
+    }, [isDragging, handleMouseMove, handleMouseUp]);
+    // 초기 스크롤바 계산 및 스크롤 감지
+    react.useEffect(() => {
+        const checkAndUpdateScrollbar = () => {
+            updateScrollbar();
+            // 초기에 스크롤 가능한 콘텐츠가 있는지 확인
+            const container = containerRef.current;
+            const content = contentRef.current;
+            if (container && content) {
+                const hasScrollableContent = content.scrollHeight > container.clientHeight + 2; // 여유분 2px 추가
+                // console.log("초기 스크롤바 체크:", {
+                //     hasScrollableContent,
+                //     contentScrollHeight: content.scrollHeight,
+                //     containerClientHeight: container.clientHeight,
+                // });
+                if (hasScrollableContent) {
+                    // 초기에는 스크롤바를 숨김 상태로 유지 (스크롤이나 hover 시에만 표시)
+                    setScrollbarVisible(false);
+                    setTrackVisible(false);
+                }
+                else {
+                    // 스크롤이 필요 없으면 확실히 숨김
+                    setScrollbarVisible(false);
+                    setTrackVisible(false);
+                }
+            }
+        };
+        // 차트 렌더링을 고려하여 더 긴 지연시간 적용
+        const timeoutId = setTimeout(checkAndUpdateScrollbar, 200);
+        return () => clearTimeout(timeoutId);
+    }, [updateScrollbar, children, isDragging]);
+    // 리사이즈 옵저버
+    react.useEffect(() => {
+        const container = containerRef.current;
+        const content = contentRef.current;
+        if (!container || !content)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            // 차트 렌더링 지연을 고려하여 디바운스 적용
+            setTimeout(() => {
+                updateScrollbar();
+            }, 100);
+        });
+        resizeObserver.observe(container);
+        resizeObserver.observe(content);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [updateScrollbar]);
+    // 컴포넌트 언마운트 시 타이머 정리
+    react.useEffect(() => {
+        return () => {
+            if (hideTimeoutRef.current) {
+                clearTimeout(hideTimeoutRef.current);
+            }
+        };
+    }, []);
+    return (jsxRuntime.jsxs("div", { className: `overlay-scrollbar ${className || ""}`, style: Object.assign({ position: "relative", overflow: "hidden", display: "flex", flexGrow: 1, width: "100%" }, style), children: [jsxRuntime.jsx("div", { ref: containerRef, className: "overlay-scrollbar-container", style: {
+                    display: "flex",
+                    flexGrow: 1,
+                    overflow: "auto",
+                    scrollbarWidth: "none", // Firefox
+                    msOverflowStyle: "none", // IE/Edge
+                }, children: jsxRuntime.jsx("div", { ref: contentRef, style: { height: "100%", width: "100%" }, children: children }) }), jsxRuntime.jsx("div", { style: {
+                    position: "absolute",
+                    top: 0,
+                    right: 0,
+                    width: 20, // 20px 넓은 hover 영역
+                    height: "100%",
+                    zIndex: 5,
+                    pointerEvents: "auto",
+                }, onMouseEnter: () => {
+                    // 스크롤 가능한 경우에만 스크롤바 표시
+                    if (isScrollable()) {
+                        clearHideTimer();
+                        setScrollbarVisible(true);
+                        setTrackVisible(true); // hover 시 트랙까지 표시
+                    }
+                }, onMouseLeave: () => {
+                    // 스크롤바 hover 영역에서 벗어남 시
+                    if (!isDragging && isScrollable()) {
+                        setTrackVisible(false); // 트랙 숨김
+                        setHideTimer(1000); // 1초 후 숨김
+                    }
+                } }), jsxRuntime.jsx("div", { ref: scrollbarRef, onClick: handleTrackClick, onMouseEnter: () => {
+                    // 스크롤 가능한 경우에만 스크롤바 영역에 hover 시 타이머 취소하고 표시 유지
+                    if (isScrollable()) {
+                        clearHideTimer();
+                        setScrollbarVisible(true);
+                        setTrackVisible(true);
+                    }
+                }, onMouseLeave: () => {
+                    // 스크롤바 영역에서 벗어나면 일정 시간 후 숨김
+                    if (!isDragging && isScrollable()) {
+                        setHideTimer(1000);
+                    }
+                }, className: `overlay-scrollbar-track ${scrollbarVisible ? "visible" : ""}`, style: {
+                    position: "absolute",
+                    top: 0,
+                    right: 2,
+                    width: 8,
+                    height: "100%",
+                    opacity: scrollbarVisible ? 1 : 0,
+                    transition: "opacity 0.3s ease-in-out",
+                    pointerEvents: scrollbarVisible ? "auto" : "none",
+                    zIndex: 10,
+                    cursor: "pointer",
+                    borderRadius: "4px",
+                    // trackVisible 상태에 따라 트랙 배경 표시
+                    backgroundColor: trackVisible
+                        ? "rgba(200, 200, 200, 0.3)"
+                        : "transparent",
+                }, onMouseOver: (e) => {
+                    e.target.style.backgroundColor =
+                        "rgba(0, 0, 0, 0.1)";
+                }, onMouseOut: (e) => {
+                    e.target.style.backgroundColor =
+                        trackVisible
+                            ? "rgba(200, 200, 200, 0.3)"
+                            : "transparent";
+                }, children: jsxRuntime.jsx("div", { ref: thumbRef, onMouseDown: handleThumbMouseDown, style: {
+                        position: "absolute",
+                        top: `${thumbTop}px`,
+                        left: 0,
+                        width: "100%",
+                        height: `${Math.max(thumbHeight, 30)}px`, // 최소 30px 보장
+                        backgroundColor: isDragging
+                            ? "rgba(0, 0, 0, 0.7)"
+                            : "rgba(0, 0, 0, 0.5)",
+                        borderRadius: "4px",
+                        cursor: "pointer",
+                        minHeight: "30px", // CSS로도 최소 높이 보장
+                        transition: isDragging
+                            ? "none"
+                            : "background-color 0.2s ease, transform 0.1s ease",
+                        transform: isDragging ? "scaleX(1.2)" : "scaleX(1)",
+                        opacity: isDragging ? 1 : 0.4,
+                    }, onMouseOver: (e) => {
+                        e.target.style.opacity = "1";
+                        e.target.style.transform =
+                            "scaleX(1.1)";
+                    }, onMouseOut: (e) => {
+                        if (!isDragging) {
+                            e.target.style.opacity = "0.4";
+                            e.target.style.transform =
+                                "scaleX(1)";
+                        }
+                    } }) })] }));
+});
+
+exports.OverlayScrollbar = OverlayScrollbar;
+exports.default = OverlayScrollbar;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/OverlayScrollbar.tsx"],"sourcesContent":[null],"names":["forwardRef","useRef","useEffect","useState","useImperativeHandle","useCallback","_jsxs","_jsx"],"mappings":";;;;;;;AAqDO,MAAM,gBAAgB,GAAGA,gBAAU,CAGxC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,GAAG,KAAI;AAChD,IAAA,MAAM,YAAY,GAAGC,YAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,YAAY,GAAGA,YAAM,CAAiB,IAAI,CAAC;AACjD,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAAiB,IAAI,CAAC;;IAG7CC,eAAS,CAAC,MAAK;QACX,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;QAC7C,KAAK,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;aAyBf;AACL,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAEhC,QAAA,OAAO,MAAK;AACR,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AACpC,QAAA,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;IAEN,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAC/D,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;IAClE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;;AAG3C,IAAA,MAAM,cAAc,GAAGF,YAAM,CAAwB,IAAI,CAAC;;AAG1D,IAAAG,yBAAmB,CACf,GAAG,EACH,OAAO;AACH,QAAA,kBAAkB,EAAE,MAAM,YAAY,CAAC,OAAO;AAC9C,QAAA,QAAQ,EAAE,CAAC,OAAwB,KAAI;AACnC,YAAA,IAAI,YAAY,CAAC,OAAO,EAAE;AACtB,gBAAA,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC1C;QACJ,CAAC;AACD,QAAA,IAAI,SAAS,GAAA;;YACT,OAAO,CAAA,MAAA,YAAY,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,KAAI,CAAC;QAC/C,CAAC;AACD,QAAA,IAAI,YAAY,GAAA;;YACZ,OAAO,CAAA,MAAA,YAAY,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,KAAI,CAAC;QAClD,CAAC;AACD,QAAA,IAAI,YAAY,GAAA;;YACZ,OAAO,CAAA,MAAA,YAAY,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,KAAI,CAAC;QAClD,CAAC;KACJ,CAAC,EACF,EAAE,CACL;;AAGD,IAAA,MAAM,cAAc,GAAGC,iBAAW,CAAC,MAAK;AACpC,QAAA,IAAI,cAAc,CAAC,OAAO,EAAE;AACxB,YAAA,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC;AACpC,YAAA,cAAc,CAAC,OAAO,GAAG,IAAI;QACjC;IACJ,CAAC,EAAE,EAAE,CAAC;;AAGN,IAAA,MAAM,YAAY,GAAGA,iBAAW,CAC5B,CAAC,KAAa,KAAI;QACd,cAAc,EAAE,CAAC;AACjB,QAAA,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;YACrC,IAAI,CAAC,UAAU,EAAE;gBACb,mBAAmB,CAAC,KAAK,CAAC;gBAC1B,eAAe,CAAC,KAAK,CAAC;YAC1B;AACA,YAAA,cAAc,CAAC,OAAO,GAAG,IAAI;QACjC,CAAC,EAAE,KAAK,CAAC;AACb,IAAA,CAAC,EACD,CAAC,UAAU,EAAE,cAAc,CAAC,CAC/B;;AAGD,IAAA,MAAM,YAAY,GAAGA,iBAAW,CAAC,MAAK;QAClC,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO;AAAE,YAAA,OAAO,KAAK;AAC9D,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;QAClC,OAAO,OAAO,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,GAAG,CAAC;IAC5D,CAAC,EAAE,EAAE,CAAC;;AAGN,IAAA,MAAM,eAAe,GAAGA,iBAAW,CAAC,MAAK;QACrC,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO;YAAE;AAElD,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAElC,QAAA,MAAM,eAAe,GAAG,SAAS,CAAC,YAAY;AAC9C,QAAA,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY;AAC1C,QAAA,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS;;;;;;;;AAUrC,QAAA,IAAI,aAAa,IAAI,eAAe,GAAG,CAAC,EAAE;;YAEtC,mBAAmB,CAAC,KAAK,CAAC;YAC1B,eAAe,CAAC,KAAK,CAAC;YACtB,cAAc,EAAE,CAAC;YACjB;QACJ;;AAGA,QAAA,MAAM,gBAAgB,GAAG,eAAe,GAAG,aAAa;QACxD,MAAM,qBAAqB,GAAG,IAAI,CAAC,GAAG,CAClC,EAAE,EACF,IAAI,CAAC,GAAG,CAAC,eAAe,GAAG,GAAG,EAAE,eAAe,GAAG,gBAAgB,CAAC,CACtE;;QAGD,MAAM,WAAW,GAAG,SAAS,IAAI,aAAa,GAAG,eAAe,CAAC;AACjE,QAAA,MAAM,WAAW,GAAG,eAAe,GAAG,qBAAqB;AAC3D,QAAA,MAAM,kBAAkB,GAAG,WAAW,GAAG,WAAW;;;;;;;;QAUpD,cAAc,CAAC,qBAAqB,CAAC;QACrC,WAAW,CAAC,kBAAkB,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC;;AAGN,IAAA,MAAM,oBAAoB,GAAGA,iBAAW,CACpC,CAAC,KAAuB,KAAI;QACxB,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;QAEvB,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE;QAE3B,aAAa,CAAC,IAAI,CAAC;AACnB,QAAA,YAAY,CAAC;YACT,CAAC,EAAE,KAAK,CAAC,OAAO;AAChB,YAAA,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS;AAC5C,SAAA,CAAC;QAEF,mBAAmB,CAAC,IAAI,CAAC;AACzB,QAAA,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,cAAc,EAAE,CAAC;AACrB,IAAA,CAAC,EACD,CAAC,cAAc,CAAC,CACnB;;AAGD,IAAA,MAAM,eAAe,GAAGA,iBAAW,CAC/B,CAAC,KAAiB,KAAI;QAClB,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO;YAC3D;QAEJ,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAClC,QAAA,MAAM,eAAe,GAAG,SAAS,CAAC,YAAY;AAC9C,QAAA,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY;QAE1C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;AAC1C,QAAA,MAAM,gBAAgB,GAAG,aAAa,GAAG,eAAe;AACxD,QAAA,MAAM,WAAW,GAAG,eAAe,GAAG,WAAW;;QAGjD,MAAM,WAAW,GAAG,CAAC,MAAM,GAAG,WAAW,IAAI,gBAAgB;QAC7D,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CACzB,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,gBAAgB,EAAE,SAAS,CAAC,SAAS,GAAG,WAAW,CAAC,CAChE;AAED,QAAA,SAAS,CAAC,SAAS,GAAG,YAAY;AAClC,QAAA,eAAe,EAAE;IACrB,CAAC,EACD,CAAC,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,CAAC,CACxD;;AAGD,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAAC,MAAK;QACnC,aAAa,CAAC,KAAK,CAAC;AACpB,QAAA,eAAe,CAAC,KAAK,CAAC,CAAC;AACvB,QAAA,YAAY,CAAC,IAAI,CAAC,CAAC;AACvB,IAAA,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;;AAGlB,IAAA,MAAM,gBAAgB,GAAGA,iBAAW,CAChC,CAAC,KAAuB,KAAI;QACxB,IACI,CAAC,YAAY,CAAC,OAAO;YACrB,CAAC,UAAU,CAAC,OAAO;YACnB,CAAC,YAAY,CAAC,OAAO;YAErB;AAEJ,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,MAAM,IAAI,GAAG,SAAS,CAAC,qBAAqB,EAAE;QAC9C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG;AAEvC,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAClC,QAAA,MAAM,eAAe,GAAG,SAAS,CAAC,YAAY;AAC9C,QAAA,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY;AAE1C,QAAA,MAAM,WAAW,GAAG,MAAM,GAAG,eAAe;QAC5C,MAAM,YAAY,GACd,WAAW,IAAI,aAAa,GAAG,eAAe,CAAC;QAEnD,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAC1B,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG,eAAe,EAAE,YAAY,CAAC,CAC1D;AACD,QAAA,eAAe,EAAE;QAEjB,mBAAmB,CAAC,IAAI,CAAC;AACzB,QAAA,eAAe,CAAC,IAAI,CAAC,CAAC;AACtB,QAAA,YAAY,CAAC,IAAI,CAAC,CAAC;AACvB,IAAA,CAAC,EACD,CAAC,eAAe,EAAE,YAAY,CAAC,CAClC;;IAGDH,eAAS,CAAC,MAAK;AACX,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,IAAI,CAAC,SAAS;YAAE;;QAGhB,MAAM,WAAW,GAAG,MAAK;YACrB,cAAc,EAAE,CAAC;YACjB,mBAAmB,CAAC,IAAI,CAAC;;AAEzB,YAAA,eAAe,EAAE;AACjB,YAAA,YAAY,CAAC,GAAG,CAAC,CAAC;AACtB,QAAA,CAAC;;AAGD,QAAA,MAAM,eAAe,GAAG,CAAC,KAAY,KAAI;YACrC,cAAc,EAAE,CAAC;YACjB,mBAAmB,CAAC,IAAI,CAAC;;AAEzB,YAAA,eAAe,EAAE;AACjB,YAAA,YAAY,CAAC,GAAG,CAAC,CAAC;YAElB,IAAI,QAAQ,EAAE;gBACV,QAAQ,CAAC,KAAK,CAAC;YACnB;AACJ,QAAA,CAAC;AAED,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE;AAClD,YAAA,OAAO,EAAE,IAAI;AAChB,SAAA,CAAC;AACF,QAAA,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAEnE,QAAA,OAAO,MAAK;AACR,YAAA,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,eAAe,CAAC;AACxD,YAAA,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC;AACvD,QAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;;IAGzEA,eAAS,CAAC,MAAK;QACX,IAAI,UAAU,EAAE;AACZ,YAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC;AACvD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC;AAEnD,YAAA,OAAO,MAAK;AACR,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC;AAC1D,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC;AAC1D,YAAA,CAAC;QACL;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC;;IAGhDA,eAAS,CAAC,MAAK;QACX,MAAM,uBAAuB,GAAG,MAAK;AACjC,YAAA,eAAe,EAAE;;AAGjB,YAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAElC,YAAA,IAAI,SAAS,IAAI,OAAO,EAAE;AACtB,gBAAA,MAAM,oBAAoB,GACtB,OAAO,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,GAAG,CAAC,CAAC;;;;;;gBAOtD,IAAI,oBAAoB,EAAE;;oBAEtB,mBAAmB,CAAC,KAAK,CAAC;oBAC1B,eAAe,CAAC,KAAK,CAAC;gBAC1B;qBAAO;;oBAEH,mBAAmB,CAAC,KAAK,CAAC;oBAC1B,eAAe,CAAC,KAAK,CAAC;gBAC1B;YACJ;AACJ,QAAA,CAAC;;QAGD,MAAM,SAAS,GAAG,UAAU,CAAC,uBAAuB,EAAE,GAAG,CAAC;AAE1D,QAAA,OAAO,MAAM,YAAY,CAAC,SAAS,CAAC;IACxC,CAAC,EAAE,CAAC,eAAe,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;;IAG3CA,eAAS,CAAC,MAAK;AACX,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO;AACtC,QAAA,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO;AAElC,QAAA,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO;YAAE;AAE5B,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;;YAE3C,UAAU,CAAC,MAAK;AACZ,gBAAA,eAAe,EAAE;YACrB,CAAC,EAAE,GAAG,CAAC;AACX,QAAA,CAAC,CAAC;AAEF,QAAA,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC;AACjC,QAAA,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC;AAE/B,QAAA,OAAO,MAAK;YACR,cAAc,CAAC,UAAU,EAAE;AAC/B,QAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;;IAGrBA,eAAS,CAAC,MAAK;AACX,QAAA,OAAO,MAAK;AACR,YAAA,IAAI,cAAc,CAAC,OAAO,EAAE;AACxB,gBAAA,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC;YACxC;AACJ,QAAA,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;IAEN,QACII,yBACI,SAAS,EAAE,qBAAqB,SAAS,IAAI,EAAE,CAAA,CAAE,EACjD,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,MAAM,IACV,KAAK,CAAA,EAAA,QAAA,EAAA,CAIZC,wBACI,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE;AACH,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,QAAQ,EAAE,CAAC;AACX,oBAAA,QAAQ,EAAE,MAAM;oBAChB,cAAc,EAAE,MAAa;oBAC7B,eAAe,EAAE,MAAa;iBACjC,EAAA,QAAA,EAEDA,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EACzD,QAAQ,GACP,EAAA,CACJ,EAGNA,cAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAE;AACH,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,KAAK,EAAE,CAAC;oBACR,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,aAAa,EAAE,MAAM;iBACxB,EACD,YAAY,EAAE,MAAK;;oBAEf,IAAI,YAAY,EAAE,EAAE;AAChB,wBAAA,cAAc,EAAE;wBAChB,mBAAmB,CAAC,IAAI,CAAC;AACzB,wBAAA,eAAe,CAAC,IAAI,CAAC,CAAC;oBAC1B;AACJ,gBAAA,CAAC,EACD,YAAY,EAAE,MAAK;;AAEf,oBAAA,IAAI,CAAC,UAAU,IAAI,YAAY,EAAE,EAAE;AAC/B,wBAAA,eAAe,CAAC,KAAK,CAAC,CAAC;AACvB,wBAAA,YAAY,CAAC,IAAI,CAAC,CAAC;oBACvB;AACJ,gBAAA,CAAC,EAAA,CACH,EAGFA,cAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,MAAK;;oBAEf,IAAI,YAAY,EAAE,EAAE;AAChB,wBAAA,cAAc,EAAE;wBAChB,mBAAmB,CAAC,IAAI,CAAC;wBACzB,eAAe,CAAC,IAAI,CAAC;oBACzB;AACJ,gBAAA,CAAC,EACD,YAAY,EAAE,MAAK;;AAEf,oBAAA,IAAI,CAAC,UAAU,IAAI,YAAY,EAAE,EAAE;wBAC/B,YAAY,CAAC,IAAI,CAAC;oBACtB;AACJ,gBAAA,CAAC,EACD,SAAS,EAAE,CAAA,wBAAA,EACP,gBAAgB,GAAG,SAAS,GAAG,EACnC,CAAA,CAAE,EACF,KAAK,EAAE;AACH,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,gBAAgB,GAAG,CAAC,GAAG,CAAC;AACjC,oBAAA,UAAU,EAAE,0BAA0B;oBACtC,aAAa,EAAE,gBAAgB,GAAG,MAAM,GAAG,MAAM;AACjD,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,MAAM,EAAE,SAAS;AACjB,oBAAA,YAAY,EAAE,KAAK;;AAEnB,oBAAA,eAAe,EAAE;AACb,0BAAE;AACF,0BAAE,aAAa;AACtB,iBAAA,EACD,WAAW,EAAE,CAAC,CAAC,KAAI;AACd,oBAAA,CAAC,CAAC,MAAsB,CAAC,KAAK,CAAC,eAAe;AAC3C,wBAAA,oBAAoB;AAC5B,gBAAA,CAAC,EACD,UAAU,EAAE,CAAC,CAAC,KAAI;AACb,oBAAA,CAAC,CAAC,MAAsB,CAAC,KAAK,CAAC,eAAe;wBAC3C;AACI,8BAAE;8BACA,aAAa;gBAC3B,CAAC,EAAA,QAAA,EAGDA,cAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,QAAQ,EACb,WAAW,EAAE,oBAAoB,EACjC,KAAK,EAAE;AACH,wBAAA,QAAQ,EAAE,UAAU;wBACpB,GAAG,EAAE,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAI;AACpB,wBAAA,IAAI,EAAE,CAAC;AACP,wBAAA,KAAK,EAAE,MAAM;AACb,wBAAA,MAAM,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA,EAAA,CAAI;AACxC,wBAAA,eAAe,EAAE;AACb,8BAAE;AACF,8BAAE,oBAAoB;AAC1B,wBAAA,YAAY,EAAE,KAAK;AACnB,wBAAA,MAAM,EAAE,SAAS;wBACjB,SAAS,EAAE,MAAM;AACjB,wBAAA,UAAU,EAAE;AACR,8BAAE;AACF,8BAAE,iDAAiD;wBACvD,SAAS,EAAE,UAAU,GAAG,aAAa,GAAG,WAAW;wBACnD,OAAO,EAAE,UAAU,GAAG,CAAC,GAAG,GAAG;AAChC,qBAAA,EACD,WAAW,EAAE,CAAC,CAAC,KAAI;wBACd,CAAC,CAAC,MAAsB,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG;AAC5C,wBAAA,CAAC,CAAC,MAAsB,CAAC,KAAK,CAAC,SAAS;AACrC,4BAAA,aAAa;AACrB,oBAAA,CAAC,EACD,UAAU,EAAE,CAAC,CAAC,KAAI;wBACd,IAAI,CAAC,UAAU,EAAE;4BACZ,CAAC,CAAC,MAAsB,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK;AAC9C,4BAAA,CAAC,CAAC,MAAsB,CAAC,KAAK,CAAC,SAAS;AACrC,gCAAA,WAAW;wBACnB;AACJ,oBAAA,CAAC,EAAA,CACH,EAAA,CACA,CAAA,EAAA,CACJ;AAEd,CAAC;;;;;"}

package/dist/src/OverlayScrollbar.d.ts

@@ -0,0 +1,43 @@
+/**
+ * OverlayScrollbar.tsx
+ *
+ * A React component that provides a custom overlay scrollbar with smooth animations and auto-hide functionality
+ *
+ * @license MIT
+ * @copyright 2025 KIM YOUNG JIN (ehfuse@gmail.com)
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import React, { ReactNode } from "react";
+interface OverlayScrollbarProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children: ReactNode;
+    onScroll?: (event: Event) => void;
+}
+export interface OverlayScrollbarRef {
+    getScrollContainer: () => HTMLDivElement | null;
+    scrollTo: (options: ScrollToOptions) => void;
+    scrollTop: number;
+    scrollHeight: number;
+    clientHeight: number;
+}
+export declare const OverlayScrollbar: React.ForwardRefExoticComponent<OverlayScrollbarProps & React.RefAttributes<OverlayScrollbarRef>>;
+export default OverlayScrollbar;
+//# sourceMappingURL=OverlayScrollbar.d.ts.map

package/dist/src/OverlayScrollbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayScrollbar.d.ts","sourceRoot":"","sources":["../../src/OverlayScrollbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,EAAE,EAKV,SAAS,EAGZ,MAAM,OAAO,CAAC;AAEf,UAAU,qBAAqB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACrC;AAGD,MAAM,WAAW,mBAAmB;IAChC,kBAAkB,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IAChD,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,mGAogB3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/package.json

@@ -0,0 +1,56 @@
+{
+    "name": "@ehfuse/overlay-scrollbar",
+    "version": "1.0.0",
+    "description": "A React component that provides a custom overlay scrollbar with smooth animations and auto-hide functionality",
+    "type": "module",
+    "main": "dist/index.js",
+    "module": "dist/index.esm.js",
+    "types": "dist/index.d.ts",
+    "files": [
+        "dist",
+        "README.md",
+        "LICENSE"
+    ],
+    "scripts": {
+        "build": "rollup -c",
+        "prepublishOnly": "npm run build",
+        "dev": "rollup -c -w",
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "keywords": [
+        "react",
+        "scrollbar",
+        "overlay",
+        "custom-scrollbar",
+        "typescript",
+        "ui-component",
+        "smooth-scrolling",
+        "auto-hide"
+    ],
+    "author": "KIM YOUNG JIN <ehfuse@gmail.com>",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/ehfuse/overlay-scrollbar.git"
+    },
+    "bugs": {
+        "url": "https://github.com/ehfuse/overlay-scrollbar/issues"
+    },
+    "homepage": "https://github.com/ehfuse/overlay-scrollbar#readme",
+    "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+    },
+    "devDependencies": {
+        "@rollup/plugin-node-resolve": "^15.2.3",
+        "@rollup/plugin-typescript": "^11.1.5",
+        "@types/node": "^20.19.17",
+        "@types/react": "^18.2.31",
+        "@types/react-dom": "^18.2.14",
+        "rollup": "^4.1.4",
+        "rollup-plugin-dts": "^6.1.0",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "tslib": "^2.6.2",
+        "typescript": "^5.2.2"
+    }
+}