@ehfuse/overlay-scrollbar 1.5.8 → 1.5.9

package/dist/index.js

@@ -1,1046 +1,4 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-/**
- * MIT License
- *
- * Copyright (c) 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.
- */
-// 드래그 스크롤을 제외할 클래스들 (자신 또는 부모 요소에서 확인)
-const DEFAULT_EXCLUDE_CLASSES = [
-    // 기본 입력 요소들
-    "editor",
-    "textarea",
-    "input",
-    "select",
-    "textfield",
-    "form-control",
-    "contenteditable",
-    // Material-UI 컴포넌트들
-    "MuiInputBase-input",
-    "MuiSelect-select",
-    "MuiOutlinedInput-input",
-    "MuiFilledInput-input",
-    "MuiInput-input",
-    "MuiFormControl-root",
-    "MuiTextField-root",
-    "MuiSelect-root",
-    "MuiOutlinedInput-root",
-    "MuiFilledInput-root",
-    "MuiInput-root",
-    "MuiAutocomplete-input",
-    "MuiDatePicker-input",
-    "MuiSlider-thumb",
-    "MuiSlider-rail",
-    "MuiSlider-track",
-    "MuiSlider-mark",
-    "MuiSlider-markLabel",
-    "MuiSlider-root",
-    "MuiSlider-colorPrimary",
-    "MuiSlider-sizeMedium",
-    "MuiIconButton-root",
-    "MuiButton-root",
-    "MuiButtonBase-root",
-    "MuiTouchRipple-root",
-    "MuiCheckbox-root",
-    "MuiRadio-root",
-    "MuiSwitch-root",
-    "PrivateSwitchBase-root",
-    // Ant Design 컴포넌트들
-    "ant-input",
-    "ant-input-affix-wrapper",
-    "ant-input-group-addon",
-    "ant-input-number",
-    "ant-input-number-handler",
-    "ant-select",
-    "ant-select-selector",
-    "ant-select-selection-search",
-    "ant-select-dropdown",
-    "ant-cascader",
-    "ant-cascader-input",
-    "ant-picker",
-    "ant-picker-input",
-    "ant-time-picker",
-    "ant-calendar-picker",
-    "ant-slider",
-    "ant-slider-track",
-    "ant-slider-handle",
-    "ant-switch",
-    "ant-checkbox",
-    "ant-checkbox-wrapper",
-    "ant-radio",
-    "ant-radio-wrapper",
-    "ant-rate",
-    "ant-upload",
-    "ant-upload-drag",
-    "ant-form-item",
-    "ant-form-item-control",
-    "ant-btn",
-    "ant-dropdown",
-    "ant-dropdown-trigger",
-    "ant-menu",
-    "ant-menu-item",
-    "ant-tooltip",
-    "ant-popover",
-    "ant-modal",
-    "ant-drawer",
-    "ant-tree-select",
-    "ant-auto-complete",
-    "ant-mentions",
-    "ant-transfer",
-    // Shadcn/ui 컴포넌트들
-    "ui-input",
-    "ui-textarea",
-    "ui-select",
-    "ui-select-trigger",
-    "ui-select-content",
-    "ui-select-item",
-    "ui-button",
-    "ui-checkbox",
-    "ui-radio-group",
-    "ui-switch",
-    "ui-slider",
-    "ui-range-slider",
-    "ui-calendar",
-    "ui-date-picker",
-    "ui-combobox",
-    "ui-command",
-    "ui-command-input",
-    "ui-popover",
-    "ui-dialog",
-    "ui-sheet",
-    "ui-dropdown-menu",
-    "ui-context-menu",
-    "ui-menubar",
-    "ui-navigation-menu",
-    "ui-form",
-    "ui-form-control",
-    "ui-form-item",
-    "ui-form-field",
-    "ui-label",
-    // Radix UI 기본 클래스들 (Shadcn 기반)
-    "radix-ui",
-    "radix-select",
-    "radix-dropdown",
-    "radix-dialog",
-    "radix-popover",
-    "radix-accordion",
-    "radix-tabs",
-    "radix-slider",
-    "radix-switch",
-    "radix-checkbox",
-    "radix-radio",
-    // Quill Editor
-    "ql-editor",
-    "ql-container",
-    "ql-toolbar",
-    "ql-picker",
-    "ql-picker-label",
-    "ql-picker-options",
-    "ql-formats",
-    "ql-snow",
-    "ql-bubble",
-    "quill",
-    "quilleditor",
-    // Monaco Editor
-    "monaco-editor",
-    "monaco-editor-background",
-    "view-lines",
-    "decorationsOverviewRuler",
-    "monaco-scrollable-element",
-    // CodeMirror
-    "CodeMirror",
-    "CodeMirror-code",
-    "CodeMirror-lines",
-    "CodeMirror-scroll",
-    "CodeMirror-sizer",
-    "cm-editor",
-    "cm-focused",
-    "cm-content",
-    // TinyMCE
-    "tox-editor-container",
-    "tox-editor-header",
-    "tox-edit-area",
-    "tox-tinymce",
-    "mce-content-body",
-    // CKEditor
-    "ck-editor",
-    "ck-content",
-    "ck-toolbar",
-    "ck-editor__editable",
-    "ck-widget",
-    // Slate.js
-    "slate-editor",
-    "slate-content",
-    // Draft.js
-    "DraftEditor-root",
-    "DraftEditor-editorContainer",
-    "public-DraftEditor-content",
-    // EhfuseEditor
-    "ehfuse-editor",
-    "ehfuse-editor-wrapper",
-    "ehfuse-editor-content",
-    "ehfuse-toolbar",
-    "ehfuse-toolbar-group",
-    "ehfuse-cursor",
-    // 기타 에디터들
-    "text-editor",
-    "rich-text-editor",
-    "wysiwyg",
-    "ace_editor",
-    "ace_content",
-];
-/**
- * 드래그 스크롤이 허용되지 않는 요소들인지 확인
- */
-/**
- * 드래그 스크롤이 허용되지 않는 요소들인지 확인
- */
-const isTextInputElement = (element, config) => {
-    const tagName = element.tagName.toLowerCase();
-    const inputTypes = [
-        "text",
-        "password",
-        "email",
-        "number",
-        "search",
-        "tel",
-        "url",
-        "checkbox",
-        "radio",
-    ];
-    // input 태그이면서 텍스트 입력 타입이나 체크박스/라디오인 경우
-    if (tagName === "input") {
-        const type = element.type;
-        return inputTypes.includes(type);
-    }
-    // textarea, select, 편집 가능한 요소들
-    if (["textarea", "select", "button"].includes(tagName)) {
-        return true;
-    }
-    // SVG 요소들 (아이콘들)
-    if ([
-        "svg",
-        "path",
-        "circle",
-        "rect",
-        "line",
-        "polygon",
-        "polyline",
-    ].includes(tagName)) {
-        return true;
-    }
-    // contenteditable 속성이 있는 요소
-    if (element.getAttribute("contenteditable") === "true") {
-        return true;
-    }
-    // 추가 셀렉터 체크
-    if (config === null || config === void 0 ? void 0 : config.excludeSelectors) {
-        for (const selector of config.excludeSelectors) {
-            if (element.matches(selector)) {
-                return true;
-            }
-        }
-    }
-    return checkElementAndParents(element, config);
-};
-/**
- * 자신 또는 부모 요소들을 확인하여 드래그 스크롤을 제외할 요소인지 판단
- */
-const checkElementAndParents = (element, config) => {
-    // 모든 제외 클래스들 합치기 (기본 클래스 + 사용자 추가 클래스)
-    const allExcludeClasses = [
-        ...DEFAULT_EXCLUDE_CLASSES,
-        ...((config === null || config === void 0 ? void 0 : config.excludeClasses) || []),
-    ];
-    let currentElement = element;
-    let depth = 0;
-    const maxDepth = 5; // 최대 5단계까지 부모 요소 확인
-    while (currentElement && depth <= maxDepth) {
-        // 현재 요소가 제외 클래스를 가지고 있는지 확인
-        if (allExcludeClasses.some((cls) => currentElement.classList.contains(cls))) {
-            return true;
-        }
-        // 다이얼로그 루트에 도달하면 중단
-        if (currentElement.classList.contains("MuiDialogContent-root")) {
-            break;
-        }
-        currentElement = currentElement.parentElement;
-        depth++;
-    }
-    return false;
-};
-
-// 기본 설정 객체들을 컴포넌트 외부에 상수로 선언 (재렌더링 시 동일한 참조 유지)
-const DEFAULT_THUMB_CONFIG = {};
-const DEFAULT_TRACK_CONFIG = {};
-const DEFAULT_ARROWS_CONFIG = {};
-const DEFAULT_DRAG_SCROLL_CONFIG = {};
-const DEFAULT_AUTO_HIDE_CONFIG = {};
-const OverlayScrollbar = react.forwardRef(({ className = "", style = {}, containerStyle = {}, contentStyle = {}, children, onScroll, 
-// 그룹화된 설정 객체들
-thumb = DEFAULT_THUMB_CONFIG, track = DEFAULT_TRACK_CONFIG, arrows = DEFAULT_ARROWS_CONFIG, dragScroll = DEFAULT_DRAG_SCROLL_CONFIG, autoHide = DEFAULT_AUTO_HIDE_CONFIG, 
-// 기타 설정들
-showScrollbar = true, detectInnerScroll = false, }, ref) => {
-    // props 변경 추적용 ref
-    const prevPropsRef = react.useRef({});
-    // 렌더링 시 어떤 prop이 변경되었는지 체크
-    react.useEffect(() => {
-        // 현재 props 저장
-        prevPropsRef.current = {
-            children,
-            onScroll,
-            showScrollbar,
-            thumb,
-            track,
-            arrows,
-            dragScroll,
-            autoHide,
-        };
-    });
-    const wrapperRef = react.useRef(null);
-    const containerRef = react.useRef(null);
-    const contentRef = react.useRef(null);
-    const scrollbarRef = react.useRef(null);
-    const thumbRef = react.useRef(null);
-    // 스크롤 컨테이너 캐싱용 ref (성능 최적화)
-    const cachedScrollContainerRef = react.useRef(null);
-    // 기본 상태들
-    const [scrollbarVisible, setScrollbarVisible] = react.useState(false);
-    const [isDragging, setIsDragging] = react.useState(false);
-    const [isThumbHovered, setIsThumbHovered] = 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 [hasScrollableContent, setHasScrollableContent] = react.useState(false);
-    // 드래그 스크롤 상태
-    const [isDragScrolling, setIsDragScrolling] = react.useState(false);
-    const [dragScrollStart, setDragScrollStart] = react.useState({
-        x: 0,
-        y: 0,
-        scrollTop: 0,
-        scrollLeft: 0,
-    });
-    const [activeArrow, setActiveArrow] = react.useState(null);
-    const [hoveredArrow, setHoveredArrow] = react.useState(null);
-    // 초기 마운트 시 hover 방지용
-    const [isInitialized, setIsInitialized] = react.useState(false);
-    // 휠 스크롤 감지용
-    const wheelTimeoutRef = react.useRef(null);
-    const [isWheelScrolling, setIsWheelScrolling] = react.useState(false);
-    // 숨김 타이머
-    const hideTimeoutRef = react.useRef(null);
-    // 호버 진입 타이머 (디바운스용)
-    const hoverEnterTimeoutRef = react.useRef(null);
-    // 그룹화된 설정 객체들에 기본값 설정
-    const finalThumbConfig = react.useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const baseColor = (_a = thumb.color) !== null && _a !== void 0 ? _a : "#606060";
-        return {
-            width: (_b = thumb.width) !== null && _b !== void 0 ? _b : 8,
-            minHeight: (_c = thumb.minHeight) !== null && _c !== void 0 ? _c : 50,
-            radius: (_d = thumb.radius) !== null && _d !== void 0 ? _d : ((_e = thumb.width) !== null && _e !== void 0 ? _e : 8) / 2,
-            color: baseColor,
-            opacity: (_f = thumb.opacity) !== null && _f !== void 0 ? _f : 0.6,
-            hoverColor: (_g = thumb.hoverColor) !== null && _g !== void 0 ? _g : baseColor,
-            hoverOpacity: (_h = thumb.hoverOpacity) !== null && _h !== void 0 ? _h : 1.0,
-        };
-    }, [thumb]);
-    const finalTrackConfig = react.useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return ({
-            width: (_a = track.width) !== null && _a !== void 0 ? _a : 16,
-            color: (_b = track.color) !== null && _b !== void 0 ? _b : "rgba(128, 128, 128, 0.1)",
-            visible: (_c = track.visible) !== null && _c !== void 0 ? _c : true,
-            alignment: (_d = track.alignment) !== null && _d !== void 0 ? _d : "center",
-            radius: (_f = (_e = track.radius) !== null && _e !== void 0 ? _e : finalThumbConfig.radius) !== null && _f !== void 0 ? _f : 4,
-            margin: (_g = track.margin) !== null && _g !== void 0 ? _g : 4,
-        });
-    }, [track, finalThumbConfig.radius]);
-    const finalArrowsConfig = react.useMemo(() => {
-        var _a, _b, _c, _d, _e, _f;
-        const baseColor = (_a = arrows.color) !== null && _a !== void 0 ? _a : "#808080";
-        return {
-            visible: (_b = arrows.visible) !== null && _b !== void 0 ? _b : false,
-            step: (_c = arrows.step) !== null && _c !== void 0 ? _c : 50,
-            color: baseColor,
-            opacity: (_d = arrows.opacity) !== null && _d !== void 0 ? _d : 0.6,
-            hoverColor: (_e = arrows.hoverColor) !== null && _e !== void 0 ? _e : baseColor,
-            hoverOpacity: (_f = arrows.hoverOpacity) !== null && _f !== void 0 ? _f : 1.0,
-        };
-    }, [arrows]);
-    const finalDragScrollConfig = react.useMemo(() => {
-        var _a, _b, _c;
-        return ({
-            enabled: (_a = dragScroll.enabled) !== null && _a !== void 0 ? _a : true,
-            excludeClasses: (_b = dragScroll.excludeClasses) !== null && _b !== void 0 ? _b : [],
-            excludeSelectors: (_c = dragScroll.excludeSelectors) !== null && _c !== void 0 ? _c : [],
-        });
-    }, [dragScroll]);
-    const finalAutoHideConfig = react.useMemo(() => {
-        var _a, _b, _c;
-        return ({
-            enabled: (_a = autoHide.enabled) !== null && _a !== void 0 ? _a : true,
-            delay: (_b = autoHide.delay) !== null && _b !== void 0 ? _b : 1500,
-            delayOnWheel: (_c = autoHide.delayOnWheel) !== null && _c !== void 0 ? _c : 700,
-        });
-    }, [autoHide]);
-    // 호환성을 위한 변수들 (자주 사용되는 변수들만 유지)
-    const finalThumbWidth = finalThumbConfig.width;
-    const finalTrackWidth = finalTrackConfig.width;
-    const thumbMinHeight = finalThumbConfig.minHeight;
-    const showArrows = finalArrowsConfig.visible;
-    const arrowStep = finalArrowsConfig.step;
-    // 포커스 유지 함수 (키보드 입력이 계속 작동하도록)
-    const maintainFocus = react.useCallback(() => {
-        if (!containerRef.current)
-            return;
-        // 현재 포커스된 요소 확인
-        const activeElement = document.activeElement;
-        // 오버레이 스크롤바 내부에 이미 포커스된 요소가 있으면 스킵
-        if (activeElement &&
-            containerRef.current.contains(activeElement) &&
-            activeElement !== containerRef.current) {
-            return;
-        }
-        // 포커스된 요소가 없거나 외부에 있으면 컨테이너에 포커스
-        containerRef.current.focus();
-    }, []);
-    // 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 findScrollableElement = react.useCallback(() => {
-        // 캐시된 요소가 여전히 유효한지 확인
-        if (cachedScrollContainerRef.current) {
-            const cached = cachedScrollContainerRef.current;
-            // DOM에 연결되어 있고 여전히 스크롤 가능한지 확인
-            if (document.contains(cached) &&
-                cached.scrollHeight > cached.clientHeight + 2) {
-                return cached;
-            }
-            // 캐시 무효화
-            cachedScrollContainerRef.current = null;
-        }
-        if (!containerRef.current) {
-            return null;
-        }
-        // 내부 컨테이너의 스크롤 가능 여부 확인
-        if (contentRef.current &&
-            contentRef.current.scrollHeight >
-                containerRef.current.clientHeight + 2) {
-            cachedScrollContainerRef.current = containerRef.current;
-            return containerRef.current;
-        }
-        // detectInnerScroll 옵션이 활성화된 경우에만 children 내부의 스크롤 요소 찾기
-        // (가상 테이블 등 내부에서 스크롤을 처리하는 경우에 사용)
-        if (!detectInnerScroll) {
-            return null;
-        }
-        // children 요소에서 스크롤 가능한 요소 찾기
-        // 중첩된 OverlayScrollbar의 영역은 제외 (다른 OverlayScrollbar의 container는 스킵)
-        const childScrollableElements = containerRef.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');
-        for (const child of childScrollableElements) {
-            const element = child;
-            // 이 요소가 다른 OverlayScrollbar의 container인지 확인
-            // (자신의 containerRef는 아니어야 하고, overlay-scrollbar-container 클래스를 가진 경우)
-            if (element !== containerRef.current &&
-                element.classList.contains("overlay-scrollbar-container")) {
-                // 중첩된 OverlayScrollbar의 container이므로 스킵
-                continue;
-            }
-            // 이 요소의 부모 중에 다른 OverlayScrollbar container가 있는지 확인
-            let parent = element.parentElement;
-            let isNestedInAnotherScrollbar = false;
-            while (parent && parent !== containerRef.current) {
-                if (parent.classList.contains("overlay-scrollbar-container") &&
-                    parent !== containerRef.current) {
-                    // 다른 OverlayScrollbar 내부의 요소이므로 스킵
-                    isNestedInAnotherScrollbar = true;
-                    break;
-                }
-                parent = parent.parentElement;
-            }
-            if (isNestedInAnotherScrollbar) {
-                continue;
-            }
-            // 스크롤 가능한 요소인지 확인
-            if (element.scrollHeight > element.clientHeight + 2) {
-                cachedScrollContainerRef.current = element;
-                return element;
-            }
-        }
-        return null;
-    }, []);
-    // 스크롤 가능 여부 체크
-    const isScrollable = react.useCallback(() => {
-        return findScrollableElement() !== null;
-    }, [findScrollableElement]);
-    // 타이머 정리
-    const clearHideTimer = react.useCallback(() => {
-        if (hideTimeoutRef.current) {
-            clearTimeout(hideTimeoutRef.current);
-            hideTimeoutRef.current = null;
-        }
-    }, []);
-    const clearHoverEnterTimer = react.useCallback(() => {
-        if (hoverEnterTimeoutRef.current) {
-            clearTimeout(hoverEnterTimeoutRef.current);
-            hoverEnterTimeoutRef.current = null;
-        }
-    }, []);
-    // 스크롤바 숨기기 타이머
-    const setHideTimer = react.useCallback((delay) => {
-        // 자동 숨김이 비활성화되어 있으면 타이머를 설정하지 않음
-        if (!finalAutoHideConfig.enabled) {
-            return;
-        }
-        clearHideTimer();
-        hideTimeoutRef.current = setTimeout(() => {
-            setScrollbarVisible(false);
-            hideTimeoutRef.current = null;
-        }, delay);
-    }, [clearHideTimer, finalAutoHideConfig.enabled]);
-    // 스크롤바 위치 및 크기 업데이트
-    const updateScrollbar = react.useCallback(() => {
-        const scrollableElement = findScrollableElement();
-        if (!scrollableElement) {
-            // 스크롤 불가능하면 숨김
-            setScrollbarVisible(false);
-            setHasScrollableContent(false);
-            clearHideTimer();
-            return;
-        }
-        // 스크롤 가능한 콘텐츠가 있음을 표시
-        setHasScrollableContent(true);
-        if (!scrollbarRef.current)
-            return;
-        // 자동 숨김이 비활성화되어 있으면 스크롤바를 항상 표시
-        if (!finalAutoHideConfig.enabled) {
-            setScrollbarVisible(true);
-            clearHideTimer();
-        }
-        const containerHeight = scrollableElement.clientHeight;
-        const contentHeight = scrollableElement.scrollHeight;
-        const scrollTop = scrollableElement.scrollTop;
-        // wrapper의 패딩 계산 (상하 패딩만 필요)
-        let wrapperPaddingTopBottom = 0;
-        if (wrapperRef.current) {
-            const computedStyle = window.getComputedStyle(wrapperRef.current);
-            const paddingTop = parseFloat(computedStyle.paddingTop) || 0;
-            const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;
-            wrapperPaddingTopBottom = paddingTop + paddingBottom;
-        }
-        // 화살표와 간격 공간 계산 (화살표 + 위아래 마진, 화살표 없어도 위아래 마진)
-        const arrowSpace = showArrows
-            ? finalThumbWidth * 2 + finalTrackConfig.margin * 4
-            : finalTrackConfig.margin * 2;
-        // 썸 높이 계산 (사용자 설정 최소 높이 사용, 화살표 공간 제외, wrapper 패딩 추가)
-        const availableHeight = containerHeight - arrowSpace + wrapperPaddingTopBottom;
-        const scrollRatio = containerHeight / contentHeight;
-        const calculatedThumbHeight = Math.max(availableHeight * scrollRatio, thumbMinHeight);
-        // 썸 위치 계산 (화살표와 간격 공간 제외)
-        const scrollableHeight = contentHeight - containerHeight;
-        const thumbScrollableHeight = availableHeight - calculatedThumbHeight;
-        const calculatedThumbTop = scrollableHeight > 0
-            ? (scrollTop / scrollableHeight) * thumbScrollableHeight
-            : 0;
-        setThumbHeight(calculatedThumbHeight);
-        setThumbTop(calculatedThumbTop);
-    }, [
-        findScrollableElement,
-        clearHideTimer,
-        showArrows,
-        finalThumbWidth,
-        thumbMinHeight,
-        finalAutoHideConfig.enabled,
-    ]);
-    // 썸 드래그 시작
-    const handleThumbMouseDown = react.useCallback((event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        const actualScrollContainer = findScrollableElement();
-        if (!actualScrollContainer) {
-            return;
-        }
-        setIsDragging(true);
-        setDragStart({
-            y: event.clientY,
-            scrollTop: actualScrollContainer.scrollTop,
-        });
-        clearHideTimer();
-        setScrollbarVisible(true);
-        // 포커스 유지 (키보드 입력이 계속 작동하도록)
-        maintainFocus();
-    }, [findScrollableElement, clearHideTimer, maintainFocus]);
-    // 썸 드래그 중
-    const handleMouseMove = react.useCallback((event) => {
-        if (!isDragging)
-            return;
-        const actualScrollContainer = findScrollableElement();
-        if (!actualScrollContainer) {
-            return;
-        }
-        const containerHeight = actualScrollContainer.clientHeight;
-        const contentHeight = actualScrollContainer.scrollHeight;
-        const scrollableHeight = contentHeight - containerHeight;
-        const deltaY = event.clientY - dragStart.y;
-        const thumbScrollableHeight = containerHeight - thumbHeight;
-        const scrollDelta = (deltaY / thumbScrollableHeight) * scrollableHeight;
-        const newScrollTop = Math.max(0, Math.min(scrollableHeight, dragStart.scrollTop + scrollDelta));
-        actualScrollContainer.scrollTop = newScrollTop;
-        updateScrollbar();
-    }, [
-        isDragging,
-        dragStart,
-        thumbHeight,
-        updateScrollbar,
-        findScrollableElement,
-    ]);
-    // 썸 드래그 종료
-    const handleMouseUp = react.useCallback(() => {
-        setIsDragging(false);
-        if (isScrollable()) {
-            setHideTimer(finalAutoHideConfig.delay); // 기본 숨김 시간 적용
-        }
-    }, [isScrollable, setHideTimer, finalAutoHideConfig.delay]);
-    // 트랙 클릭으로 스크롤 점프
-    const handleTrackClick = react.useCallback((event) => {
-        if (!scrollbarRef.current) {
-            return;
-        }
-        const scrollbar = scrollbarRef.current;
-        const rect = scrollbar.getBoundingClientRect();
-        const clickY = event.clientY - rect.top;
-        const actualScrollContainer = findScrollableElement();
-        if (!actualScrollContainer) {
-            return;
-        }
-        const containerHeight = actualScrollContainer.clientHeight;
-        const contentHeight = actualScrollContainer.scrollHeight;
-        const scrollRatio = clickY / containerHeight;
-        const newScrollTop = scrollRatio * (contentHeight - containerHeight);
-        actualScrollContainer.scrollTop = Math.max(0, Math.min(contentHeight - containerHeight, newScrollTop));
-        updateScrollbar();
-        setScrollbarVisible(true);
-        setHideTimer(finalAutoHideConfig.delay);
-        // 포커스 유지 (키보드 입력이 계속 작동하도록)
-        maintainFocus();
-    }, [
-        updateScrollbar,
-        setHideTimer,
-        finalAutoHideConfig.delay,
-        findScrollableElement,
-        maintainFocus,
-    ]);
-    // 위쪽 화살표 클릭 핸들러
-    const handleUpArrowClick = react.useCallback((event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!containerRef.current)
-            return;
-        const newScrollTop = Math.max(0, containerRef.current.scrollTop - arrowStep);
-        containerRef.current.scrollTop = newScrollTop;
-        updateScrollbar();
-        setScrollbarVisible(true);
-        setHideTimer(finalAutoHideConfig.delay);
-        // 포커스 유지 (키보드 입력이 계속 작동하도록)
-        maintainFocus();
-    }, [
-        updateScrollbar,
-        setHideTimer,
-        arrowStep,
-        finalAutoHideConfig.delay,
-        maintainFocus,
-    ]);
-    // 아래쪽 화살표 클릭 핸들러
-    const handleDownArrowClick = react.useCallback((event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        if (!containerRef.current || !contentRef.current)
-            return;
-        const container = containerRef.current;
-        const content = contentRef.current;
-        const maxScrollTop = content.scrollHeight - container.clientHeight;
-        const newScrollTop = Math.min(maxScrollTop, container.scrollTop + arrowStep);
-        container.scrollTop = newScrollTop;
-        updateScrollbar();
-        setScrollbarVisible(true);
-        setHideTimer(finalAutoHideConfig.delay);
-        // 포커스 유지 (키보드 입력이 계속 작동하도록)
-        maintainFocus();
-    }, [
-        updateScrollbar,
-        setHideTimer,
-        arrowStep,
-        finalAutoHideConfig.delay,
-        maintainFocus,
-    ]);
-    // 드래그 스크롤 시작
-    const handleDragScrollStart = react.useCallback((event) => {
-        // 드래그 스크롤이 비활성화된 경우
-        if (!finalDragScrollConfig.enabled)
-            return;
-        // 텍스트 입력 요소나 제외 대상이면 드래그 스크롤 하지 않음
-        const target = event.target;
-        if (isTextInputElement(target, finalDragScrollConfig)) {
-            return;
-        }
-        // 오른쪽 클릭이나 휠 클릭은 제외
-        if (event.button !== 0)
-            return;
-        const scrollableElement = findScrollableElement();
-        if (!scrollableElement)
-            return;
-        // 스크롤 가능한 영역이 아니면 제외
-        if (scrollableElement.scrollHeight <=
-            scrollableElement.clientHeight)
-            return;
-        event.preventDefault();
-        setIsDragScrolling(true);
-        setDragScrollStart({
-            x: event.clientX,
-            y: event.clientY,
-            scrollTop: scrollableElement.scrollTop,
-            scrollLeft: scrollableElement.scrollLeft || 0,
-        });
-        // 스크롤바 표시
-        clearHideTimer();
-        setScrollbarVisible(true);
-    }, [
-        finalDragScrollConfig,
-        isTextInputElement,
-        findScrollableElement,
-        clearHideTimer,
-    ]);
-    // 드래그 스크롤 중
-    const handleDragScrollMove = react.useCallback((event) => {
-        if (!isDragScrolling)
-            return;
-        const scrollableElement = findScrollableElement();
-        if (!scrollableElement)
-            return;
-        dragScrollStart.x - event.clientX;
-        const deltaY = dragScrollStart.y - event.clientY;
-        // 세로 스크롤만 처리 (가로 스크롤은 필요시 나중에 추가)
-        const newScrollTop = Math.max(0, Math.min(scrollableElement.scrollHeight -
-            scrollableElement.clientHeight, dragScrollStart.scrollTop + deltaY));
-        scrollableElement.scrollTop = newScrollTop;
-        updateScrollbar();
-    }, [
-        isDragScrolling,
-        dragScrollStart,
-        findScrollableElement,
-        updateScrollbar,
-    ]);
-    // 드래그 스크롤 종료
-    const handleDragScrollEnd = react.useCallback(() => {
-        setIsDragScrolling(false);
-        if (isScrollable()) {
-            setHideTimer(finalAutoHideConfig.delay);
-        }
-    }, [isScrollable, setHideTimer, finalAutoHideConfig.delay]);
-    // 스크롤 이벤트 리스너 (externalScrollContainer 우선 사용)
-    react.useEffect(() => {
-        const handleScroll = (event) => {
-            updateScrollbar();
-            // 스크롤 중에는 스크롤바 표시
-            clearHideTimer();
-            setScrollbarVisible(true);
-            // 휠 스크롤 중이면 빠른 숨김, 아니면 기본 숨김 시간 적용
-            const delay = isWheelScrolling
-                ? finalAutoHideConfig.delayOnWheel
-                : finalAutoHideConfig.delay;
-            setHideTimer(delay);
-            if (onScroll) {
-                onScroll(event);
-            }
-        };
-        const handleWheel = () => {
-            // 휠 스크롤 상태 표시
-            setIsWheelScrolling(true);
-            // 기존 휠 타이머 제거
-            if (wheelTimeoutRef.current) {
-                clearTimeout(wheelTimeoutRef.current);
-            }
-            // 300ms 후 휠 스크롤 상태 해제 (휠 스크롤이 끝났다고 간주)
-            wheelTimeoutRef.current = setTimeout(() => {
-                setIsWheelScrolling(false);
-            }, 300);
-            clearHideTimer();
-            setScrollbarVisible(true);
-        };
-        const elementsToWatch = [];
-        // 실제 스크롤 가능한 요소 찾기
-        const scrollableElement = findScrollableElement();
-        if (scrollableElement) {
-            elementsToWatch.push(scrollableElement);
-        }
-        // fallback: 내부 컨테이너와 children 요소도 감지
-        const container = containerRef.current;
-        if (container && !scrollableElement) {
-            elementsToWatch.push(container);
-            // children 요소들의 스크롤도 감지 (중첩된 OverlayScrollbar 제외)
-            const childScrollableElements = container.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');
-            childScrollableElements.forEach((child) => {
-                const element = child;
-                // 다른 OverlayScrollbar의 container는 제외
-                if (element !== container &&
-                    element.classList.contains("overlay-scrollbar-container")) {
-                    return;
-                }
-                // 부모 중에 다른 OverlayScrollbar container가 있으면 제외
-                let parent = element.parentElement;
-                while (parent && parent !== container) {
-                    if (parent.classList.contains("overlay-scrollbar-container") &&
-                        parent !== container) {
-                        return; // 중첩된 OverlayScrollbar 내부이므로 제외
-                    }
-                    parent = parent.parentElement;
-                }
-                elementsToWatch.push(element);
-            });
-        }
-        // 모든 요소에 이벤트 리스너 등록
-        elementsToWatch.forEach((element) => {
-            element.addEventListener("scroll", handleScroll, {
-                passive: true,
-            });
-            element.addEventListener("wheel", handleWheel, {
-                passive: true,
-            });
-        });
-        return () => {
-            // 모든 이벤트 리스너 제거
-            elementsToWatch.forEach((element) => {
-                element.removeEventListener("scroll", handleScroll);
-                element.removeEventListener("wheel", handleWheel);
-            });
-            if (wheelTimeoutRef.current) {
-                clearTimeout(wheelTimeoutRef.current);
-            }
-        };
-    }, [
-        findScrollableElement,
-        updateScrollbar,
-        onScroll,
-        clearHideTimer,
-        setHideTimer,
-        finalAutoHideConfig,
-        isWheelScrolling,
-    ]);
-    // 키보드 네비게이션 핸들러 (방향키, PageUp/PageDown/Home/End)
-    react.useEffect(() => {
-        const handleKeyDown = (event) => {
-            const scrollableElement = findScrollableElement();
-            if (!scrollableElement)
-                return;
-            const { key } = event;
-            const { scrollTop, scrollHeight, clientHeight } = scrollableElement;
-            const maxScrollTop = scrollHeight - clientHeight;
-            // 한 줄 스크롤 단위 (rowHeight 또는 기본값)
-            const lineScrollStep = 50;
-            let newScrollTop = null;
-            switch (key) {
-                case "ArrowUp":
-                    event.preventDefault();
-                    newScrollTop = Math.max(0, scrollTop - lineScrollStep);
-                    break;
-                case "ArrowDown":
-                    event.preventDefault();
-                    newScrollTop = Math.min(maxScrollTop, scrollTop + lineScrollStep);
-                    break;
-                case "PageUp":
-                    event.preventDefault();
-                    newScrollTop = Math.max(0, scrollTop - clientHeight);
-                    break;
-                case "PageDown":
-                    event.preventDefault();
-                    newScrollTop = Math.min(maxScrollTop, scrollTop + clientHeight);
-                    break;
-                case "Home":
-                    event.preventDefault();
-                    newScrollTop = 0;
-                    break;
-                case "End":
-                    event.preventDefault();
-                    newScrollTop = maxScrollTop;
-                    break;
-                default:
-                    return;
-            }
-            if (newScrollTop !== null) {
-                // 썸 위치를 먼저 업데이트
-                const scrollRatio = newScrollTop / maxScrollTop;
-                const arrowSpace = showArrows
-                    ? finalThumbWidth * 2 + finalTrackConfig.margin * 4
-                    : finalTrackConfig.margin * 2;
-                const availableHeight = clientHeight - arrowSpace;
-                const scrollableThumbHeight = availableHeight - thumbHeight;
-                const newThumbTop = scrollableThumbHeight * scrollRatio;
-                setThumbTop(newThumbTop);
-                // 스크롤 위치를 즉시 변경 (애니메이션 없음)
-                scrollableElement.scrollTop = newScrollTop;
-                // 스크롤바 표시
-                clearHideTimer();
-                setScrollbarVisible(true);
-                setHideTimer(finalAutoHideConfig.delay);
-            }
-        };
-        const container = containerRef.current;
-        if (container) {
-            container.addEventListener("keydown", handleKeyDown);
-            return () => {
-                container.removeEventListener("keydown", handleKeyDown);
-            };
-        }
-    }, [
-        findScrollableElement,
-        showArrows,
-        finalThumbWidth,
-        finalTrackConfig.margin,
-        thumbHeight,
-        clearHideTimer,
-        setHideTimer,
-        finalAutoHideConfig.delay,
-    ]);
-    // 드래그 스크롤 전역 마우스 이벤트 리스너
-    react.useEffect(() => {
-        if (isDragScrolling) {
-            document.addEventListener("mousemove", handleDragScrollMove);
-            document.addEventListener("mouseup", handleDragScrollEnd);
-            return () => {
-                document.removeEventListener("mousemove", handleDragScrollMove);
-                document.removeEventListener("mouseup", handleDragScrollEnd);
-            };
-        }
-    }, [isDragScrolling, handleDragScrollMove, handleDragScrollEnd]);
-    // 전역 마우스 이벤트 리스너
-    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(() => {
-        // 즉시 업데이트
-        updateScrollbar();
-        // 약간의 지연 후에도 업데이트 (DOM이 완전히 렌더링된 후)
-        const timer = setTimeout(() => {
-            updateScrollbar();
-        }, 100);
-        return () => clearTimeout(timer);
-    }, [updateScrollbar]);
-    // 컴포넌트 초기화 완료 표시 (hover 이벤트 활성화용)
-    react.useLayoutEffect(() => {
-        setIsInitialized(true);
-        // 초기화 직후 스크롤바 업데이트 (썸 높이 정확하게 계산)
-        updateScrollbar();
-        // 자동 숨김이 비활성화되어 있으면 스크롤바를 항상 표시
-        if (!finalAutoHideConfig.enabled && isScrollable()) {
-            setScrollbarVisible(true);
-        }
-    }, [isScrollable, updateScrollbar, finalAutoHideConfig.enabled]);
-    // Resize observer로 크기 변경 감지
-    react.useEffect(() => {
-        const resizeObserver = new ResizeObserver(() => {
-            updateScrollbar();
-        });
-        const elementsToObserve = [];
-        // 내부 컨테이너들 관찰
-        if (containerRef.current) {
-            elementsToObserve.push(containerRef.current);
-        }
-        if (contentRef.current) {
-            elementsToObserve.push(contentRef.current);
-        }
-        // 캐시된 스크롤 컨테이너도 관찰
-        if (cachedScrollContainerRef.current &&
-            document.contains(cachedScrollContainerRef.current)) {
-            elementsToObserve.push(cachedScrollContainerRef.current);
-        }
-        // 모든 요소들 관찰 시작
-        elementsToObserve.forEach((element) => {
-            resizeObserver.observe(element);
-        });
-        return () => resizeObserver.disconnect();
-    }, [updateScrollbar]);
-    // MutationObserver로 DOM 변경 감지
-    react.useEffect(() => {
-        if (!containerRef.current) {
-            return;
-        }
-        const observer = new MutationObserver(() => {
-            // 캐시 초기화하여 새로운 스크롤 컨테이너 감지
-            cachedScrollContainerRef.current = null;
-            updateScrollbar();
-        });
-        observer.observe(containerRef.current, {
-            childList: true,
-            subtree: true,
-            attributes: true,
-            attributeFilter: ["style"],
-        });
-        return () => observer.disconnect();
-    }, [updateScrollbar]);
-    // trackWidth가 thumbWidth보다 작으면 thumbWidth와 같게 설정
-    const adjustedTrackWidth = Math.max(finalTrackWidth, finalThumbWidth);
-    // 웹킷 스크롤바 숨기기용 CSS 동적 주입
-    react.useEffect(() => {
-        const styleId = "overlay-scrollbar-webkit-hide";
-        // 이미 스타일이 있으면 제거
-        const existingStyle = document.getElementById(styleId);
-        if (existingStyle) {
-            existingStyle.remove();
-        }
-        const style = document.createElement("style");
-        style.id = styleId;
-        style.textContent = `
+"use strict";var pe=Object.defineProperty;var ze=Object.getOwnPropertyDescriptor;var Be=Object.getOwnPropertyNames;var Ye=Object.prototype.hasOwnProperty;var Ge=(m,f)=>{for(var S in f)pe(m,S,{get:f[S],enumerable:!0})},Je=(m,f,S,M)=>{if(f&&typeof f=="object"||typeof f=="function")for(let g of Be(f))!Ye.call(m,g)&&g!==S&&pe(m,g,{get:()=>f[g],enumerable:!(M=ze(f,g))||M.enumerable});return m};var Xe=m=>Je(pe({},"__esModule",{value:!0}),m);var rt={};Ge(rt,{OverlayScrollbar:()=>fe,default:()=>fe});module.exports=Xe(rt);var e=require("react");var Ke=["editor","textarea","input","select","textfield","form-control","contenteditable","MuiInputBase-input","MuiSelect-select","MuiOutlinedInput-input","MuiFilledInput-input","MuiInput-input","MuiFormControl-root","MuiTextField-root","MuiSelect-root","MuiOutlinedInput-root","MuiFilledInput-root","MuiInput-root","MuiAutocomplete-input","MuiDatePicker-input","MuiSlider-thumb","MuiSlider-rail","MuiSlider-track","MuiSlider-mark","MuiSlider-markLabel","MuiSlider-root","MuiSlider-colorPrimary","MuiSlider-sizeMedium","MuiIconButton-root","MuiButton-root","MuiButtonBase-root","MuiTouchRipple-root","MuiCheckbox-root","MuiRadio-root","MuiSwitch-root","PrivateSwitchBase-root","ant-input","ant-input-affix-wrapper","ant-input-group-addon","ant-input-number","ant-input-number-handler","ant-select","ant-select-selector","ant-select-selection-search","ant-select-dropdown","ant-cascader","ant-cascader-input","ant-picker","ant-picker-input","ant-time-picker","ant-calendar-picker","ant-slider","ant-slider-track","ant-slider-handle","ant-switch","ant-checkbox","ant-checkbox-wrapper","ant-radio","ant-radio-wrapper","ant-rate","ant-upload","ant-upload-drag","ant-form-item","ant-form-item-control","ant-btn","ant-dropdown","ant-dropdown-trigger","ant-menu","ant-menu-item","ant-tooltip","ant-popover","ant-modal","ant-drawer","ant-tree-select","ant-auto-complete","ant-mentions","ant-transfer","ui-input","ui-textarea","ui-select","ui-select-trigger","ui-select-content","ui-select-item","ui-button","ui-checkbox","ui-radio-group","ui-switch","ui-slider","ui-range-slider","ui-calendar","ui-date-picker","ui-combobox","ui-command","ui-command-input","ui-popover","ui-dialog","ui-sheet","ui-dropdown-menu","ui-context-menu","ui-menubar","ui-navigation-menu","ui-form","ui-form-control","ui-form-item","ui-form-field","ui-label","radix-ui","radix-select","radix-dropdown","radix-dialog","radix-popover","radix-accordion","radix-tabs","radix-slider","radix-switch","radix-checkbox","radix-radio","ql-editor","ql-container","ql-toolbar","ql-picker","ql-picker-label","ql-picker-options","ql-formats","ql-snow","ql-bubble","quill","quilleditor","monaco-editor","monaco-editor-background","view-lines","decorationsOverviewRuler","monaco-scrollable-element","CodeMirror","CodeMirror-code","CodeMirror-lines","CodeMirror-scroll","CodeMirror-sizer","cm-editor","cm-focused","cm-content","tox-editor-container","tox-editor-header","tox-edit-area","tox-tinymce","mce-content-body","ck-editor","ck-content","ck-toolbar","ck-editor__editable","ck-widget","slate-editor","slate-content","DraftEditor-root","DraftEditor-editorContainer","public-DraftEditor-content","ehfuse-editor","ehfuse-editor-wrapper","ehfuse-editor-content","ehfuse-toolbar","ehfuse-toolbar-group","ehfuse-cursor","text-editor","rich-text-editor","wysiwyg","ace_editor","ace_content"],me=(m,f)=>{let S=m.tagName.toLowerCase(),M=["text","password","email","number","search","tel","url","checkbox","radio"];if(S==="input"){let g=m.type;return M.includes(g)}if(["textarea","select","button"].includes(S)||["svg","path","circle","rect","line","polygon","polyline"].includes(S)||m.getAttribute("contenteditable")==="true")return!0;if(f?.excludeSelectors){for(let g of f.excludeSelectors)if(m.matches(g))return!0}return Ze(m,f)},Ze=(m,f)=>{let S=[...Ke,...f?.excludeClasses||[]],M=m,g=0,P=5;for(;M&&g<=P;){if(S.some(E=>M.classList.contains(E)))return!0;if(M.classList.contains("MuiDialogContent-root"))break;M=M.parentElement,g++}return!1};var D=require("react/jsx-runtime"),je={},Ve={},Qe={},et={},tt={},ot=(0,e.forwardRef)(({className:m="",style:f={},containerStyle:S={},contentStyle:M={},children:g,onScroll:P,thumb:E=je,track:R=Ve,arrows:I=Qe,dragScroll:_=et,autoHide:q=tt,showScrollbar:X=!0,detectInnerScroll:Ee=!1},Ce)=>{let He=(0,e.useRef)({});(0,e.useEffect)(()=>{He.current={children:g,onScroll:P,showScrollbar:X,thumb:E,track:R,arrows:I,dragScroll:_,autoHide:q}});let te=(0,e.useRef)(null),n=(0,e.useRef)(null),O=(0,e.useRef)(null),K=(0,e.useRef)(null),De=(0,e.useRef)(null),k=(0,e.useRef)(null),[oe,x]=(0,e.useState)(!1),[N,he]=(0,e.useState)(!1),[ge,be]=(0,e.useState)(!1),[re,ke]=(0,e.useState)({y:0,scrollTop:0}),[U,Le]=(0,e.useState)(0),[Re,ve]=(0,e.useState)(0),[ne,ye]=(0,e.useState)(!1),[W,xe]=(0,e.useState)(!1),[Z,Ie]=(0,e.useState)({x:0,y:0,scrollTop:0,scrollLeft:0}),[nt,lt]=(0,e.useState)(null),[j,V]=(0,e.useState)(null),[it,Ae]=(0,e.useState)(!1),z=(0,e.useRef)(null),[Te,we]=(0,e.useState)(!1),B=(0,e.useRef)(null),Y=(0,e.useRef)(null),$=(0,e.useRef)(null),T=(0,e.useMemo)(()=>{let t=E.color??"#606060";return{width:E.width??8,minHeight:E.minHeight??50,radius:E.radius??(E.width??8)/2,color:t,opacity:E.opacity??.6,hoverColor:E.hoverColor??t,hoverOpacity:E.hoverOpacity??1}},[E]),a=(0,e.useMemo)(()=>({width:R.width??16,color:R.color??"rgba(128, 128, 128, 0.1)",visible:R.visible??!0,alignment:R.alignment??"center",radius:R.radius??T.radius??4,margin:R.margin??4}),[R,T.radius]),H=(0,e.useMemo)(()=>{let t=I.color??"#808080";return{visible:I.visible??!1,step:I.step??50,color:t,opacity:I.opacity??.6,hoverColor:I.hoverColor??t,hoverOpacity:I.hoverOpacity??1}},[I]),le=(0,e.useMemo)(()=>({enabled:_.enabled??!0,excludeClasses:_.excludeClasses??[],excludeSelectors:_.excludeSelectors??[]}),[_]),c=(0,e.useMemo)(()=>({enabled:q.enabled??!0,delay:q.delay??1500,delayOnWheel:q.delayOnWheel??700}),[q]),h=T.width,Oe=a.width,ie=T.minHeight,L=H.visible,Q=H.step,A=(0,e.useCallback)(()=>{if(!n.current)return;let t=document.activeElement;t&&n.current.contains(t)&&t!==n.current||n.current.focus()},[]);(0,e.useImperativeHandle)(Ce,()=>({getScrollContainer:()=>n.current,scrollTo:t=>{n.current&&n.current.scrollTo(t)},get scrollTop(){return n.current?.scrollTop||0},get scrollHeight(){return n.current?.scrollHeight||0},get clientHeight(){return n.current?.clientHeight||0}}),[]);let d=(0,e.useCallback)(()=>{if(k.current){let o=k.current;if(document.contains(o)&&o.scrollHeight>o.clientHeight+2)return o;k.current=null}if(!n.current)return null;if(O.current&&O.current.scrollHeight>n.current.clientHeight+2)return k.current=n.current,n.current;if(!Ee)return null;let t=n.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let o of t){let r=o;if(r!==n.current&&r.classList.contains("overlay-scrollbar-container"))continue;let l=r.parentElement,i=!1;for(;l&&l!==n.current;){if(l.classList.contains("overlay-scrollbar-container")&&l!==n.current){i=!0;break}l=l.parentElement}if(!i&&r.scrollHeight>r.clientHeight+2)return k.current=r,r}return null},[]),F=(0,e.useCallback)(()=>d()!==null,[d]),b=(0,e.useCallback)(()=>{B.current&&(clearTimeout(B.current),B.current=null)},[]),Ne=(0,e.useCallback)(()=>{Y.current&&(clearTimeout(Y.current),Y.current=null)},[]),$e=(0,e.useCallback)(()=>{$.current&&(clearTimeout($.current),$.current=null)},[]),v=(0,e.useCallback)(t=>{c.enabled&&(b(),B.current=setTimeout(()=>{x(!1),B.current=null},t))},[b,c.enabled]),s=(0,e.useCallback)(()=>{let t=d();if(!t){x(!1),ye(!1),b();return}if(ye(!0),!K.current)return;c.enabled||(x(!0),b());let o=t.clientHeight,r=t.scrollHeight,l=t.scrollTop,i=0;if(te.current){let ee=window.getComputedStyle(te.current),Se=parseFloat(ee.paddingTop)||0,Me=parseFloat(ee.paddingBottom)||0;i=Se+Me}let u=L?h*2+a.margin*4:a.margin*2,w=o-u+i,y=o/r,p=Math.max(w*y,ie),J=r-o,C=w-p,de=J>0?l/J*C:0;Le(p),ve(de)},[d,b,L,h,ie,c.enabled]),Pe=(0,e.useCallback)(t=>{t.preventDefault(),t.stopPropagation();let o=d();o&&(he(!0),ke({y:t.clientY,scrollTop:o.scrollTop}),b(),x(!0),A())},[d,b,A]),ce=(0,e.useCallback)(t=>{if(!N)return;let o=d();if(!o)return;let r=o.clientHeight,i=o.scrollHeight-r,u=t.clientY-re.y,w=r-U,y=u/w*i,p=Math.max(0,Math.min(i,re.scrollTop+y));o.scrollTop=p,s()},[N,re,U,s,d]),ae=(0,e.useCallback)(()=>{he(!1),F()&&v(c.delay)},[F,v,c.delay]),Fe=(0,e.useCallback)(t=>{if(!K.current)return;let r=K.current.getBoundingClientRect(),l=t.clientY-r.top,i=d();if(!i)return;let u=i.clientHeight,w=i.scrollHeight,p=l/u*(w-u);i.scrollTop=Math.max(0,Math.min(w-u,p)),s(),x(!0),v(c.delay),A()},[s,v,c.delay,d,A]),_e=(0,e.useCallback)(t=>{if(t.preventDefault(),t.stopPropagation(),!n.current)return;let o=Math.max(0,n.current.scrollTop-Q);n.current.scrollTop=o,s(),x(!0),v(c.delay),A()},[s,v,Q,c.delay,A]),qe=(0,e.useCallback)(t=>{if(t.preventDefault(),t.stopPropagation(),!n.current||!O.current)return;let o=n.current,l=O.current.scrollHeight-o.clientHeight,i=Math.min(l,o.scrollTop+Q);o.scrollTop=i,s(),x(!0),v(c.delay),A()},[s,v,Q,c.delay,A]),Ue=(0,e.useCallback)(t=>{if(!le.enabled)return;let o=t.target;if(me(o,le)||t.button!==0)return;let r=d();r&&(r.scrollHeight<=r.clientHeight||(t.preventDefault(),xe(!0),Ie({x:t.clientX,y:t.clientY,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft||0}),b()))},[le,me,d,b]),se=(0,e.useCallback)(t=>{if(!W)return;let o=d();if(!o)return;let r=Z.x-t.clientX,l=Z.y-t.clientY;if(Math.abs(l)<3&&Math.abs(r)<3)return;x(!0);let i=Math.max(0,Math.min(o.scrollHeight-o.clientHeight,Z.scrollTop+l));o.scrollTop=i,s()},[W,Z,d,s]),ue=(0,e.useCallback)(()=>{xe(!1),F()&&v(c.delay)},[F,v,c.delay]);(0,e.useEffect)(()=>{let t=u=>{s(),b(),x(!0);let w=Te?c.delayOnWheel:c.delay;v(w),P&&P(u)},o=()=>{we(!0),z.current&&clearTimeout(z.current),z.current=setTimeout(()=>{we(!1)},300),b(),$e(),$.current=setTimeout(()=>{x(!0),$.current=null},50)},r=[],l=d();l&&r.push(l);let i=n.current;return i&&!l&&(r.push(i),i.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(w=>{let y=w;if(y!==i&&y.classList.contains("overlay-scrollbar-container"))return;let p=y.parentElement;for(;p&&p!==i;){if(p.classList.contains("overlay-scrollbar-container")&&p!==i)return;p=p.parentElement}r.push(y)})),r.forEach(u=>{u.addEventListener("scroll",t,{passive:!0}),u.addEventListener("wheel",o,{passive:!0})}),()=>{r.forEach(u=>{u.removeEventListener("scroll",t),u.removeEventListener("wheel",o)}),z.current&&clearTimeout(z.current),$.current&&clearTimeout($.current)}},[d,s,P,b,v,c,Te]),(0,e.useEffect)(()=>{let t=r=>{let l=d();if(!l)return;let{key:i}=r,{scrollTop:u,scrollHeight:w,clientHeight:y}=l,p=w-y,J=50,C=null;switch(i){case"ArrowUp":r.preventDefault(),C=Math.max(0,u-J);break;case"ArrowDown":r.preventDefault(),C=Math.min(p,u+J);break;case"PageUp":r.preventDefault(),C=Math.max(0,u-y);break;case"PageDown":r.preventDefault(),C=Math.min(p,u+y);break;case"Home":r.preventDefault(),C=0;break;case"End":r.preventDefault(),C=p;break;default:return}if(C!==null){let de=C/p,ee=L?h*2+a.margin*4:a.margin*2,We=(y-ee-U)*de;ve(We),l.scrollTop=C,b(),x(!0),v(c.delay)}},o=n.current;if(o)return o.addEventListener("keydown",t),()=>{o.removeEventListener("keydown",t)}},[d,L,h,a.margin,U,b,v,c.delay]),(0,e.useEffect)(()=>{if(W)return document.addEventListener("mousemove",se),document.addEventListener("mouseup",ue),()=>{document.removeEventListener("mousemove",se),document.removeEventListener("mouseup",ue)}},[W,se,ue]),(0,e.useEffect)(()=>{if(N)return document.addEventListener("mousemove",ce),document.addEventListener("mouseup",ae),()=>{document.removeEventListener("mousemove",ce),document.removeEventListener("mouseup",ae)}},[N,ce,ae]),(0,e.useEffect)(()=>{s();let t=setTimeout(()=>{s()},100);return()=>clearTimeout(t)},[s]),(0,e.useLayoutEffect)(()=>{Ae(!0),s(),!c.enabled&&F()&&x(!0)},[F,s,c.enabled]),(0,e.useEffect)(()=>{let t=new ResizeObserver(()=>{s()}),o=[];return n.current&&o.push(n.current),O.current&&o.push(O.current),k.current&&document.contains(k.current)&&o.push(k.current),o.forEach(r=>{t.observe(r)}),()=>t.disconnect()},[s]),(0,e.useEffect)(()=>{if(!n.current)return;let t=new MutationObserver(()=>{k.current=null,s()});return t.observe(n.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>t.disconnect()},[s]);let G=Math.max(Oe,h);return(0,e.useEffect)(()=>{let t="overlay-scrollbar-webkit-hide",o=document.getElementById(t);o&&o.remove();let r=document.createElement("style");return r.id=t,r.textContent=`
                 .overlay-scrollbar-container::-webkit-scrollbar {
                     display: none !important;
                     width: 0 !important;
@@ -1060,144 +18,5 @@ showScrollbar = true, detectInnerScroll = false, }, ref) => {
                     outline: 2px solid rgba(0, 123, 255, 0.5);
                     outline-offset: -2px;
                 }
-            `;
-        document.head.appendChild(style);
-        return () => {
-            const styleToRemove = document.getElementById(styleId);
-            if (styleToRemove) {
-                styleToRemove.remove();
-            }
-        };
-    }, []);
-    return (jsxRuntime.jsxs("div", { ref: wrapperRef, className: `overlay-scrollbar-wrapper ${className}`, style: Object.assign({ display: "flex", flexDirection: "column", position: "relative", minHeight: 0, height: "100%", flex: "1 1 0%" }, style), children: [jsxRuntime.jsx("div", { ref: containerRef, className: "overlay-scrollbar-container", tabIndex: -1, onMouseDown: handleDragScrollStart, style: Object.assign({ display: "flex", width: "100%", flex: "1 1 auto", minHeight: 0, overflow: "auto", 
-                    // 브라우저 기본 스크롤바만 숨기기
-                    scrollbarWidth: "none", msOverflowStyle: "none", 
-                    // 키보드 포커스 스타일 (접근성)
-                    outline: "none", userSelect: isDragScrolling ? "none" : "auto" }, containerStyle), children: jsxRuntime.jsx("div", { ref: contentRef, className: "overlay-scrollbar-content", style: Object.assign({ flex: "1 1 0%", minHeight: 0, display: "flex", flexDirection: "column" }, contentStyle), children: children }) }), showScrollbar && hasScrollableContent && (jsxRuntime.jsxs("div", { ref: scrollbarRef, className: "overlay-scrollbar-track", onMouseEnter: () => {
-                    // 숨김 타이머는 즉시 취소
-                    clearHideTimer();
-                    // 호버 진입 타이머 설정 (100ms 후 표시)
-                    hoverEnterTimeoutRef.current = setTimeout(() => {
-                        setScrollbarVisible(true);
-                        hoverEnterTimeoutRef.current = null;
-                    }, 100);
-                }, onMouseLeave: () => {
-                    // 호버 진입 타이머 취소 (지나가기만 한 경우)
-                    clearHoverEnterTimer();
-                    if (!isDragging) {
-                        setHideTimer(finalAutoHideConfig.delay);
-                    }
-                }, style: {
-                    position: "absolute",
-                    top: 0,
-                    right: 0,
-                    width: `${adjustedTrackWidth}px`,
-                    height: "100%",
-                    opacity: scrollbarVisible ? 1 : 0,
-                    transition: "opacity 0.2s ease-in-out",
-                    cursor: "pointer",
-                    zIndex: 1000,
-                    pointerEvents: "auto",
-                }, children: [finalTrackConfig.visible && (jsxRuntime.jsx("div", { className: "overlay-scrollbar-track-background", onClick: (e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            handleTrackClick(e);
-                        }, style: {
-                            position: "absolute",
-                            top: showArrows
-                                ? `${finalThumbConfig.width +
-                                    finalTrackConfig.margin * 2}px`
-                                : `${finalTrackConfig.margin}px`,
-                            right: finalTrackConfig.alignment === "right"
-                                ? "0px"
-                                : `${(adjustedTrackWidth -
-                                    finalThumbConfig.width) /
-                                    2}px`, // 트랙 정렬
-                            width: `${finalThumbConfig.width}px`,
-                            height: showArrows
-                                ? `calc(100% - ${finalThumbConfig.width * 2 +
-                                    finalTrackConfig.margin * 4}px)`
-                                : `calc(100% - ${finalTrackConfig.margin * 2}px)`,
-                            backgroundColor: finalTrackConfig.color,
-                            borderRadius: `${finalTrackConfig.radius}px`,
-                            cursor: "pointer",
-                        } })), jsxRuntime.jsx("div", { ref: thumbRef, className: "overlay-scrollbar-thumb", onMouseDown: handleThumbMouseDown, onMouseEnter: () => setIsThumbHovered(true), onMouseLeave: () => setIsThumbHovered(false), style: {
-                            position: "absolute",
-                            top: `${(showArrows
-                                ? finalThumbWidth +
-                                    finalTrackConfig.margin * 2
-                                : finalTrackConfig.margin) + thumbTop}px`,
-                            right: finalTrackConfig.alignment === "right"
-                                ? "0px"
-                                : `${(adjustedTrackWidth -
-                                    finalThumbWidth) /
-                                    2}px`, // 트랙 정렬
-                            width: `${finalThumbWidth}px`,
-                            height: `${Math.max(thumbHeight, thumbMinHeight)}px`,
-                            backgroundColor: isThumbHovered || isDragging
-                                ? finalThumbConfig.hoverColor
-                                : finalThumbConfig.color,
-                            opacity: isThumbHovered || isDragging
-                                ? finalThumbConfig.hoverOpacity
-                                : finalThumbConfig.opacity,
-                            borderRadius: `${finalThumbConfig.radius}px`,
-                            cursor: "pointer",
-                            transition: "background-color 0.2s ease-in-out, opacity 0.2s ease-in-out",
-                        } })] })), showScrollbar && hasScrollableContent && showArrows && (jsxRuntime.jsx("div", { className: "overlay-scrollbar-up-arrow", onClick: handleUpArrowClick, onMouseEnter: () => setHoveredArrow("up"), onMouseLeave: () => setHoveredArrow(null), style: {
-                    position: "absolute",
-                    top: `${finalTrackConfig.margin}px`,
-                    right: finalTrackConfig.alignment === "right"
-                        ? "0px"
-                        : `${(adjustedTrackWidth -
-                            finalThumbWidth) /
-                            2}px`, // 트랙 정렬
-                    width: `${finalThumbWidth}px`,
-                    height: `${finalThumbWidth}px`,
-                    cursor: "pointer",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    fontSize: `${Math.max(finalThumbWidth * 0.75, 8)}px`,
-                    color: hoveredArrow === "up"
-                        ? finalArrowsConfig.hoverColor
-                        : finalArrowsConfig.color,
-                    userSelect: "none",
-                    zIndex: 1001,
-                    opacity: scrollbarVisible
-                        ? hoveredArrow === "up"
-                            ? finalArrowsConfig.hoverOpacity
-                            : finalArrowsConfig.opacity
-                        : 0,
-                    transition: "opacity 0.2s ease-in-out, color 0.15s ease-in-out",
-                }, children: "\u25B2" })), showScrollbar && hasScrollableContent && showArrows && (jsxRuntime.jsx("div", { className: "overlay-scrollbar-down-arrow", onClick: handleDownArrowClick, onMouseEnter: () => setHoveredArrow("down"), onMouseLeave: () => setHoveredArrow(null), style: {
-                    position: "absolute",
-                    bottom: `${finalTrackConfig.margin}px`,
-                    right: finalTrackConfig.alignment === "right"
-                        ? "0px"
-                        : `${(adjustedTrackWidth -
-                            finalThumbWidth) /
-                            2}px`, // 트랙 정렬
-                    width: `${finalThumbWidth}px`,
-                    height: `${finalThumbWidth}px`,
-                    cursor: "pointer",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    fontSize: `${Math.max(finalThumbWidth * 0.75, 8)}px`,
-                    color: hoveredArrow === "down"
-                        ? finalArrowsConfig.hoverColor
-                        : finalArrowsConfig.color,
-                    userSelect: "none",
-                    zIndex: 1001,
-                    opacity: scrollbarVisible
-                        ? hoveredArrow === "down"
-                            ? finalArrowsConfig.hoverOpacity
-                            : finalArrowsConfig.opacity
-                        : 0,
-                    transition: "opacity 0.2s ease-in-out, color 0.15s ease-in-out",
-                }, children: "\u25BC" }))] }));
-});
-
-exports.OverlayScrollbar = OverlayScrollbar;
-exports.default = OverlayScrollbar;
+            `,document.head.appendChild(r),()=>{let l=document.getElementById(t);l&&l.remove()}},[]),(0,D.jsxs)("div",{ref:te,className:`overlay-scrollbar-wrapper ${m}`,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",...f},children:[(0,D.jsx)("div",{ref:n,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:Ue,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:W?"none":"auto",...S},children:(0,D.jsx)("div",{ref:O,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",...M},children:g})}),X&&ne&&(0,D.jsxs)("div",{ref:K,className:"overlay-scrollbar-track",onMouseEnter:()=>{b(),Y.current=setTimeout(()=>{x(!0),Y.current=null},100)},onMouseLeave:()=>{Ne(),N||v(c.delay)},style:{position:"absolute",top:0,right:0,width:`${G}px`,height:"100%",opacity:oe?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[a.visible&&(0,D.jsx)("div",{className:"overlay-scrollbar-track-background",onClick:t=>{t.preventDefault(),t.stopPropagation(),Fe(t)},style:{position:"absolute",top:L?`${T.width+a.margin*2}px`:`${a.margin}px`,right:a.alignment==="right"?"0px":`${(G-T.width)/2}px`,width:`${T.width}px`,height:L?`calc(100% - ${T.width*2+a.margin*4}px)`:`calc(100% - ${a.margin*2}px)`,backgroundColor:a.color,borderRadius:`${a.radius}px`,cursor:"pointer"}}),(0,D.jsx)("div",{ref:De,className:"overlay-scrollbar-thumb",onMouseDown:Pe,onMouseEnter:()=>be(!0),onMouseLeave:()=>be(!1),style:{position:"absolute",top:`${(L?h+a.margin*2:a.margin)+Re}px`,right:a.alignment==="right"?"0px":`${(G-h)/2}px`,width:`${h}px`,height:`${Math.max(U,ie)}px`,backgroundColor:ge||N?T.hoverColor:T.color,opacity:ge||N?T.hoverOpacity:T.opacity,borderRadius:`${T.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),X&&ne&&L&&(0,D.jsx)("div",{className:"overlay-scrollbar-up-arrow",onClick:_e,onMouseEnter:()=>V("up"),onMouseLeave:()=>V(null),style:{position:"absolute",top:`${a.margin}px`,right:a.alignment==="right"?"0px":`${(G-h)/2}px`,width:`${h}px`,height:`${h}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(h*.75,8)}px`,color:j==="up"?H.hoverColor:H.color,userSelect:"none",zIndex:1001,opacity:oe?j==="up"?H.hoverOpacity:H.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),X&&ne&&L&&(0,D.jsx)("div",{className:"overlay-scrollbar-down-arrow",onClick:qe,onMouseEnter:()=>V("down"),onMouseLeave:()=>V(null),style:{position:"absolute",bottom:`${a.margin}px`,right:a.alignment==="right"?"0px":`${(G-h)/2}px`,width:`${h}px`,height:`${h}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(h*.75,8)}px`,color:j==="down"?H.hoverColor:H.color,userSelect:"none",zIndex:1001,opacity:oe?j==="down"?H.hoverOpacity:H.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"})]})}),fe=ot;
 //# sourceMappingURL=index.js.map