@ehfuse/overlay-scrollbar 1.6.9 → 1.6.11

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 KIM YOUNG JIN
-
-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.
+MIT License
+
+Copyright (c) 2025 KIM YOUNG JIN
+
+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.

package/README.md

@@ -1,120 +1,120 @@
-# OverlayScrollbar
-
-A highly customizable React component that provides a beautiful overlay scrollbar with extensive styling options, interactive features, and smooth animations.
-
-다양한 스타일링 옵션, 인터랙티브 기능, 부드러운 애니메이션을 제공하는 고도로 커스터마이징 가능한 React 오버레이 스크롤바 컴포넌트입니다.
-
-## 📚 Documentation
-
--   **[Getting Started (English)](https://github.com/ehfuse/overlay-scrollbar/blob/main/docs/getting-started-en.md)** - Complete setup and usage guide
--   **[시작하기 (한국어)](https://github.com/ehfuse/overlay-scrollbar/blob/main/docs/getting-started-ko.md)** - 설치 및 사용법 가이드
-
-## ✨ Key Features
-
--   🎨 **Fully Customizable** - Control colors, sizes, radius, and positioning
--   🖱️ **Drag Scroll** - Mouse drag scrolling with smart UI library exclusion
--   🏹 **Arrow Navigation** - Optional arrow buttons for precise control
--   ⚡ **Smooth Animations** - Fade transitions and hover effects
--   🔍 **Smart Auto-hide** - Intelligent visibility management
--   🧠 **Smart Input Detection** - Excludes interactive elements automatically
--   🤖 **Auto-Detection** - Automatically finds scrollable containers (Virtuoso, react-window, etc.)
--   🔧 **TypeScript** - Complete type definitions
--   🪶 **Zero Dependencies** - Only requires React
--   ♿ **Accessible** - Preserves native scroll behavior
-
-## ✨ 주요 기능
-
--   🎨 **완전한 커스터마이징** - 색상, 크기, 둥근 모서리, 위치 제어
--   🖱️ **드래그 스크롤** - UI 라이브러리 스마트 제외 기능을 가진 마우스 드래그 스크롤
--   🏹 **화살표 내비게이션** - 정밀한 제어를 위한 선택적 화살표 버튼
--   ⚡ **부드러운 애니메이션** - 페이드 전환 및 호버 효과
--   🔍 **스마트 자동 숨김** - 지능적인 표시 관리
--   🧠 **스마트 입력 감지** - 인터랙티브 요소 자동 제외
--   🤖 **자동 감지** - 스크롤 가능한 컨테이너 자동 검색 (Virtuoso, react-window 등)
--   🔧 **TypeScript** - 완전한 타입 정의
--   🪶 **의존성 없음** - React만 필요
--   ♿ **접근성** - 기본 스크롤 동작 보존
-
-## 🚀 Installation
-
-```bash
-npm install @ehfuse/overlay-scrollbar
-# or
-yarn add @ehfuse/overlay-scrollbar
-```
-
-## 📖 Quick Start
-
-```tsx
-import React from "react";
-import { OverlayScrollbar } from "@ehfuse/overlay-scrollbar";
-
-function App() {
-    return (
-        <div style={{ height: "400px" }}>
-            <OverlayScrollbar
-                thumb={{
-                    width: 8,
-                    color: "rgba(100, 100, 100, 0.7)",
-                }}
-                dragScroll={{
-                    enabled: true,
-                    excludeClasses: ["no-drag"],
-                }}
-            >
-                <div style={{ height: "1000px" }}>
-                    <p>Your scrollable content here...</p>
-                    <input type="text" placeholder="Auto-excluded from drag" />
-                </div>
-            </OverlayScrollbar>
-        </div>
-    );
-}
-```
-
-## 🎯 Main API
-
-### Configuration Objects (v1.4.0+)
-
-```tsx
-interface OverlayScrollbarProps {
-    children: ReactNode;
-    className?: string;
-    style?: React.CSSProperties; // Wrapper div styles
-    containerStyle?: React.CSSProperties; // Scroll container div styles
-    contentStyle?: React.CSSProperties; // Inner content div styles
-    onScroll?: (event: Event) => void;
-
-    // Grouped configuration objects
-    thumb?: ThumbConfig; // Scrollbar thumb settings
-    track?: TrackConfig; // Track area settings
-    arrows?: ArrowsConfig; // Arrow buttons settings
-    dragScroll?: DragScrollConfig; // Drag scroll settings
-    autoHide?: AutoHideConfig; // Auto-hide behavior settings
-
-    // General settings
-    showScrollbar?: boolean; // Show scrollbar (default: true)
-}
-
-interface AutoHideConfig {
-    enabled?: boolean; // Enable auto-hide (default: true)
-    delay?: number; // Auto-hide delay (default: 1500ms)
-    delayOnWheel?: number; // Quick hide after wheel (default: 700ms)
-    initialDelay?: number; // Delay before showing scrollbar on mount (default: 200ms)
-}
-```
-
-## 🌍 Browser Support
-
--   Chrome/Edge: Full support
--   Firefox: Full support
--   Safari: Full support
--   Mobile: Touch scrolling supported
-
-## 📄 License
-
-MIT © [KIM YOUNG JIN](mailto:ehfuse@gmail.com)
-
-## 🐛 Issues
-
-If you find any bugs or have feature requests, please create an issue on [GitHub](https://github.com/ehfuse/overlay-scrollbar/issues).
+# OverlayScrollbar
+
+A highly customizable React component that provides a beautiful overlay scrollbar with extensive styling options, interactive features, and smooth animations.
+
+다양한 스타일링 옵션, 인터랙티브 기능, 부드러운 애니메이션을 제공하는 고도로 커스터마이징 가능한 React 오버레이 스크롤바 컴포넌트입니다.
+
+## 📚 Documentation
+
+-   **[Getting Started (English)](https://github.com/ehfuse/overlay-scrollbar/blob/main/docs/getting-started-en.md)** - Complete setup and usage guide
+-   **[시작하기 (한국어)](https://github.com/ehfuse/overlay-scrollbar/blob/main/docs/getting-started-ko.md)** - 설치 및 사용법 가이드
+
+## ✨ Key Features
+
+-   🎨 **Fully Customizable** - Control colors, sizes, radius, and positioning
+-   🖱️ **Drag Scroll** - Mouse drag scrolling with smart UI library exclusion
+-   🏹 **Arrow Navigation** - Optional arrow buttons for precise control
+-   ⚡ **Smooth Animations** - Fade transitions and hover effects
+-   🔍 **Smart Auto-hide** - Intelligent visibility management
+-   🧠 **Smart Input Detection** - Excludes interactive elements automatically
+-   🤖 **Auto-Detection** - Automatically finds scrollable containers (Virtuoso, react-window, etc.)
+-   🔧 **TypeScript** - Complete type definitions
+-   🪶 **Zero Dependencies** - Only requires React
+-   ♿ **Accessible** - Preserves native scroll behavior
+
+## ✨ 주요 기능
+
+-   🎨 **완전한 커스터마이징** - 색상, 크기, 둥근 모서리, 위치 제어
+-   🖱️ **드래그 스크롤** - UI 라이브러리 스마트 제외 기능을 가진 마우스 드래그 스크롤
+-   🏹 **화살표 내비게이션** - 정밀한 제어를 위한 선택적 화살표 버튼
+-   ⚡ **부드러운 애니메이션** - 페이드 전환 및 호버 효과
+-   🔍 **스마트 자동 숨김** - 지능적인 표시 관리
+-   🧠 **스마트 입력 감지** - 인터랙티브 요소 자동 제외
+-   🤖 **자동 감지** - 스크롤 가능한 컨테이너 자동 검색 (Virtuoso, react-window 등)
+-   🔧 **TypeScript** - 완전한 타입 정의
+-   🪶 **의존성 없음** - React만 필요
+-   ♿ **접근성** - 기본 스크롤 동작 보존
+
+## 🚀 Installation
+
+```bash
+npm install @ehfuse/overlay-scrollbar
+# or
+yarn add @ehfuse/overlay-scrollbar
+```
+
+## 📖 Quick Start
+
+```tsx
+import React from "react";
+import { OverlayScrollbar } from "@ehfuse/overlay-scrollbar";
+
+function App() {
+    return (
+        <div style={{ height: "400px" }}>
+            <OverlayScrollbar
+                thumb={{
+                    width: 8,
+                    color: "rgba(100, 100, 100, 0.7)",
+                }}
+                dragScroll={{
+                    enabled: true,
+                    excludeClasses: ["no-drag"],
+                }}
+            >
+                <div style={{ height: "1000px" }}>
+                    <p>Your scrollable content here...</p>
+                    <input type="text" placeholder="Auto-excluded from drag" />
+                </div>
+            </OverlayScrollbar>
+        </div>
+    );
+}
+```
+
+## 🎯 Main API
+
+### Configuration Objects (v1.4.0+)
+
+```tsx
+interface OverlayScrollbarProps {
+    children: ReactNode;
+    className?: string;
+    style?: React.CSSProperties; // Wrapper div styles
+    containerStyle?: React.CSSProperties; // Scroll container div styles
+    contentStyle?: React.CSSProperties; // Inner content div styles
+    onScroll?: (event: Event) => void;
+
+    // Grouped configuration objects
+    thumb?: ThumbConfig; // Scrollbar thumb settings
+    track?: TrackConfig; // Track area settings
+    arrows?: ArrowsConfig; // Arrow buttons settings
+    dragScroll?: DragScrollConfig; // Drag scroll settings
+    autoHide?: AutoHideConfig; // Auto-hide behavior settings
+
+    // General settings
+    showScrollbar?: boolean; // Show scrollbar (default: true)
+}
+
+interface AutoHideConfig {
+    enabled?: boolean; // Enable auto-hide (default: true)
+    delay?: number; // Auto-hide delay (default: 1500ms)
+    delayOnWheel?: number; // Quick hide after wheel (default: 700ms)
+    initialDelay?: number; // Delay before showing scrollbar on mount (default: 200ms)
+}
+```
+
+## 🌍 Browser Support
+
+-   Chrome/Edge: Full support
+-   Firefox: Full support
+-   Safari: Full support
+-   Mobile: Touch scrolling supported
+
+## 📄 License
+
+MIT © [KIM YOUNG JIN](mailto:ehfuse@gmail.com)
+
+## 🐛 Issues
+
+If you find any bugs or have feature requests, please create an issue on [GitHub](https://github.com/ehfuse/overlay-scrollbar/issues).

package/dist/OverlayScrollbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayScrollbar.d.ts","sourceRoot":"","sources":["../src/OverlayScrollbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EAAE,EAMV,SAAS,EAIZ,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAGD,MAAM,WAAW,YAAY;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,gBAAgB;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAGD,MAAM,WAAW,cAAc;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAGlC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAG1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;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;AASD,QAAA,MAAM,gBAAgB,mGAmtDrB,CAAC;AAEF,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"OverlayScrollbar.d.ts","sourceRoot":"","sources":["../src/OverlayScrollbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EAAE,EAMV,SAAS,EAIZ,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAGD,MAAM,WAAW,YAAY;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,gBAAgB;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAGD,MAAM,WAAW,cAAc;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAGlC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAG1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;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;AASD,QAAA,MAAM,gBAAgB,mGA4wDrB,CAAC;AAEF,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/hooks/useKeyboardNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,UAAU,0BAA0B;IAChC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,qBAAqB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAChD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,qBAAqB,GAAI,yHAQnC,0BAA0B,SA+F5B,CAAC"}
+{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,UAAU,0BAA0B;IAChC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,qBAAqB,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IAChD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,mBAAmB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,qBAAqB,GAAI,yHAQnC,0BAA0B,SAyF5B,CAAC"}

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import{useRef as E,useEffect as C,useState as m,useCallback as h,useMemo as oe,forwardRef as xt,useImperativeHandle as wt,useLayoutEffect as Tt}from"react";var vt=["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"],ke=(k,N)=>{let P=k.tagName.toLowerCase(),L=["text","password","email","number","search","tel","url","checkbox","radio"];if(P==="input"){let R=k.type;return L.includes(R)}if(["textarea","select","button"].includes(P)||["svg","path","circle","rect","line","polygon","polyline"].includes(P)||k.getAttribute("contenteditable")==="true")return!0;if(N?.excludeSelectors){for(let R of N.excludeSelectors)if(k.matches(R))return!0}return yt(k,N)},yt=(k,N)=>{let P=[...vt,...N?.excludeClasses||[]],L=k,R=0,O=5;for(;L&&R<=O;){if(P.some(T=>L.classList.contains(T)))return!0;if(L.classList.contains("MuiDialogContent-root"))break;L=L.parentElement,R++}return!1};import{jsx as z,jsxs as Le}from"react/jsx-runtime";var Mt={},St={},Et={},Ct={},Ht={},Dt=xt(({className:k="",style:N={},containerStyle:P={},contentStyle:L={},children:R,onScroll:O,thumb:T=Mt,track:H=St,arrows:$=Et,dragScroll:K=Ct,autoHide:F=Ht,showScrollbar:Z=!0,detectInnerScroll:Ye=!1},Ge)=>{let Je=E({});C(()=>{Je.current={children:R,onScroll:O,showScrollbar:Z,thumb:T,track:H,arrows:$,dragScroll:K,autoHide:F}});let de=E(null),a=E(null),_=E(null),Y=E(null),Ke=E(null),I=E(null),[re,x]=m(!1),[B,Re]=m(!1),[Ie,Ae]=m(!1),[pe,Ze]=m({y:0,scrollTop:0}),[j,je]=m(0),[Ve,Oe]=m(0),[G,$e]=m(!1),[We,ze]=m(!1),[U,Ne]=m(!1),[me,Qe]=m({x:0,scrollLeft:0}),[he,et]=m(0),[fe,tt]=m(0),[ot,be]=m(!1),[V,Pe]=m(!1),[Q,rt]=m({x:0,y:0,scrollTop:0,scrollLeft:0}),[kt,Lt]=m(null),[ne,le]=m(null),[Rt,nt]=m(!1),[lt,it]=m(0),ee=E(null),[Fe,_e]=m(!1),te=E(null),q=E(null),X=E(null),b=oe(()=>{let e=T.color??"#606060";return{width:T.width??8,minHeight:T.minHeight??50,radius:T.radius??(T.width??8)/2,color:e,opacity:T.opacity??.6,hoverColor:T.hoverColor??e,hoverOpacity:T.hoverOpacity??1}},[T]),r=oe(()=>({width:H.width??16,color:H.color??"rgba(128, 128, 128, 0.1)",visible:H.visible??!0,alignment:H.alignment??"default",radius:H.radius??b.radius??4,margin:H.margin??4,overflowX:H.overflowX??!0,overflowY:H.overflowY??!0}),[H,b.radius]),D=oe(()=>{let e=$.color??"#808080";return{visible:$.visible??!1,step:$.step??50,color:e,opacity:$.opacity??.6,hoverColor:$.hoverColor??e,hoverOpacity:$.hoverOpacity??1}},[$]),ge=oe(()=>({enabled:K.enabled??!0,excludeClasses:K.excludeClasses??[],excludeSelectors:K.excludeSelectors??[]}),[K]),l=oe(()=>({enabled:F.enabled??!0,delay:F.delay??1500,delayOnWheel:F.delayOnWheel??700,initialDelay:F.initialDelay??200}),[F]),[J,at]=m(()=>(F.initialDelay??200)>0),f=b.width,ct=r.width,ve=b.minHeight,A=D.visible,ie=D.step,M=h(()=>{if(!a.current)return;let e=document.activeElement;e&&a.current.contains(e)&&e!==a.current||a.current.focus()},[]);wt(Ge,()=>({getScrollContainer:()=>a.current,scrollTo:e=>{a.current&&a.current.scrollTo(e)},get scrollTop(){return a.current?.scrollTop||0},get scrollHeight(){return a.current?.scrollHeight||0},get clientHeight(){return a.current?.clientHeight||0}}),[]);let u=h(()=>{if(I.current){let t=I.current;if(document.contains(t)&&t.scrollHeight>t.clientHeight+2)return t;I.current=null}if(!a.current)return null;if(_.current&&_.current.scrollHeight>a.current.clientHeight+2)return I.current=a.current,a.current;if(!Ye)return null;let e=a.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let t of e){let o=t;if(o!==a.current&&o.classList.contains("overlay-scrollbar-container"))continue;let c=o.parentElement,n=!1;for(;c&&c!==a.current;){if(c.classList.contains("overlay-scrollbar-container")&&c!==a.current){n=!0;break}c=c.parentElement}if(!n&&o.scrollHeight>o.clientHeight+2)return I.current=o,o}return null},[]),W=h(()=>u()!==null,[u]),v=h(()=>{te.current&&(clearTimeout(te.current),te.current=null)},[]),Be=h(()=>{q.current&&(clearTimeout(q.current),q.current=null)},[]),Ue=h(()=>{X.current&&(clearTimeout(X.current),X.current=null)},[]),p=h(e=>{l.enabled&&(v(),te.current=setTimeout(()=>{x(!1),te.current=null},e))},[v,l.enabled]),s=h(()=>{let e=u();if(!e){x(!1),$e(!1),be(!1),v();return}if($e(!0),!Y.current)return;!l.enabled&&!J&&(x(!0),v());let t=e.clientHeight,o=e.scrollHeight,c=e.scrollTop,n=e.clientWidth,i=e.scrollWidth,y=e.scrollLeft,g=0,d=0;if(de.current){let se=window.getComputedStyle(de.current),ue=parseFloat(se.paddingTop)||0;d=parseFloat(se.paddingBottom)||0,g=ue+d,it(d)}let ae=A?f*2+r.margin*4:r.margin*2,S=t-ae+g,Ee=t/o,ce=Math.max(S*Ee,ve),Ce=o-t,qe=S-ce,He=Ce>0?c/Ce*qe:0;je(ce),Oe(He);let De=i-n;if(De>0){be(!0);let se=n/i,ue=Math.max(n*se,50),bt=n-ue,gt=De>0?y/De*bt:0;et(ue),tt(gt)}else be(!1)},[u,v,A,f,ve,l.enabled,J]),st=h(e=>{e.preventDefault(),e.stopPropagation();let t=u();t&&(Re(!0),Ze({y:e.clientY,scrollTop:t.scrollTop}),v(),x(!0),M())},[u,v,M]),ye=h(e=>{if(!B)return;let t=u();if(!t)return;let o=t.clientHeight,n=t.scrollHeight-o,i=e.clientY-pe.y,y=o-j,g=i/y*n,d=Math.max(0,Math.min(n,pe.scrollTop+g));t.scrollTop=d,s()},[B,pe,j,s,u]),xe=h(()=>{Re(!1),W()&&p(l.delay)},[W,p,l.delay]),ut=h(e=>{if(!Y.current)return;let o=Y.current.getBoundingClientRect(),c=e.clientY-o.top,n=u();if(!n)return;let i=n.clientHeight,y=n.scrollHeight,d=c/i*(y-i);n.scrollTop=Math.max(0,Math.min(y-i,d)),s(),x(!0),p(l.delay),M()},[s,p,l.delay,u,M]),dt=h(e=>{if(e.preventDefault(),e.stopPropagation(),!a.current)return;let t=Math.max(0,a.current.scrollTop-ie);a.current.scrollTop=t,s(),x(!0),p(l.delay),M()},[s,p,ie,l.delay,M]),pt=h(e=>{if(e.preventDefault(),e.stopPropagation(),!a.current||!_.current)return;let t=a.current,c=_.current.scrollHeight-t.clientHeight,n=Math.min(c,t.scrollTop+ie);t.scrollTop=n,s(),x(!0),p(l.delay),M()},[s,p,ie,l.delay,M]),mt=h(e=>{e.preventDefault(),e.stopPropagation();let t=u();t&&(Ne(!0),Qe({x:e.clientX,scrollLeft:t.scrollLeft}),v(),x(!0),M())},[u,v,M]),we=h(e=>{if(!U)return;let t=u();if(!t)return;let o=t.clientWidth,n=t.scrollWidth-o,i=e.clientX-me.x,y=o-he,g=i/y*n,d=Math.max(0,Math.min(n,me.scrollLeft+g));t.scrollLeft=d,s()},[U,me,he,s,u]),Te=h(()=>{Ne(!1),W()&&p(l.delay)},[W,p,l.delay]),ht=h(e=>{if(!Y.current)return;let o=Y.current.getBoundingClientRect(),c=e.clientX-o.left,n=u();if(!n)return;let i=n.clientWidth,y=n.scrollWidth,d=c/i*(y-i);n.scrollLeft=Math.max(0,Math.min(y-i,d)),s(),x(!0),p(l.delay),M()},[s,p,l.delay,u,M]),ft=h(e=>{if(!ge.enabled)return;let t=e.target;if(ke(t,ge)||e.button!==0)return;let o=u();o&&(o.scrollHeight<=o.clientHeight&&o.scrollWidth<=o.clientWidth||(e.preventDefault(),Pe(!0),rt({x:e.clientX,y:e.clientY,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft||0}),v()))},[ge,ke,u,v]),Me=h(e=>{if(!V)return;let t=u();if(!t)return;let o=Q.x-e.clientX,c=Q.y-e.clientY;if(Math.abs(c)<3&&Math.abs(o)<3)return;x(!0);let n=Math.max(0,Math.min(t.scrollHeight-t.clientHeight,Q.scrollTop+c)),i=Math.max(0,Math.min(t.scrollWidth-t.clientWidth,Q.scrollLeft+o));t.scrollTop=n,t.scrollLeft=i,s()},[V,Q,u,s]),Se=h(()=>{Pe(!1),W()&&p(l.delay)},[W,p,l.delay]);C(()=>{let e=i=>{if(s(),J){O&&O(i);return}v(),x(!0),Ue();let y=Fe?l.delayOnWheel:l.delay;p(y),O&&O(i)},t=()=>{_e(!0),ee.current&&clearTimeout(ee.current),ee.current=setTimeout(()=>{_e(!1)},300),Ue(),X.current=setTimeout(()=>{x(!0),X.current=null,p(l.delayOnWheel)},50)},o=[],c=u();c&&o.push(c);let n=a.current;return n&&!c&&(o.push(n),n.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(y=>{let g=y;if(g!==n&&g.classList.contains("overlay-scrollbar-container"))return;let d=g.parentElement;for(;d&&d!==n;){if(d.classList.contains("overlay-scrollbar-container")&&d!==n)return;d=d.parentElement}o.push(g)})),o.forEach(i=>{i.addEventListener("scroll",e,{passive:!0}),i.addEventListener("wheel",t,{passive:!0})}),()=>{o.forEach(i=>{i.removeEventListener("scroll",e),i.removeEventListener("wheel",t)}),ee.current&&clearTimeout(ee.current),X.current&&clearTimeout(X.current)}},[u,s,O,v,p,l,Fe,J]),C(()=>{let e=o=>{let c=u();if(!c)return;let{key:n}=o,{scrollTop:i,scrollHeight:y,clientHeight:g}=c,d=y-g,ae=50,S=null;switch(n){case"ArrowUp":o.preventDefault(),S=Math.max(0,i-ae);break;case"ArrowDown":o.preventDefault(),S=Math.min(d,i+ae);break;case"PageUp":o.preventDefault(),S=Math.max(0,i-g);break;case"PageDown":o.preventDefault(),S=Math.min(d,i+g);break;case"Home":o.preventDefault(),S=0;break;case"End":o.preventDefault(),S=d;break;default:return}if(S!==null){let Ee=S/d,ce=A?f*2+r.margin*4:r.margin*2,He=(g-ce-j)*Ee;Oe(He),c.scrollTop=S,v(),x(!0),p(l.delay)}},t=a.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}},[u,A,f,r.margin,j,v,p,l.delay]),C(()=>{if(V)return document.addEventListener("mousemove",Me),document.addEventListener("mouseup",Se),()=>{document.removeEventListener("mousemove",Me),document.removeEventListener("mouseup",Se)}},[V,Me,Se]),C(()=>{if(B)return document.addEventListener("mousemove",ye),document.addEventListener("mouseup",xe),()=>{document.removeEventListener("mousemove",ye),document.removeEventListener("mouseup",xe)}},[B,ye,xe]),C(()=>{if(U)return document.addEventListener("mousemove",we),document.addEventListener("mouseup",Te),()=>{document.removeEventListener("mousemove",we),document.removeEventListener("mouseup",Te)}},[U,we,Te]),C(()=>{s();let e=setTimeout(()=>{s()},100);return()=>clearTimeout(e)},[s]),Tt(()=>{nt(!0),s(),!l.enabled&&!J&&W()&&x(!0)},[W,s,l.enabled,J]),C(()=>{if(l.initialDelay>0){let e=setTimeout(()=>{at(!1)},l.initialDelay);return()=>clearTimeout(e)}},[l.initialDelay]),C(()=>{let e=new ResizeObserver(()=>{s()}),t=[];return a.current&&t.push(a.current),_.current&&t.push(_.current),I.current&&document.contains(I.current)&&t.push(I.current),t.forEach(o=>{e.observe(o)}),()=>e.disconnect()},[s]),C(()=>{if(!a.current)return;let e=new MutationObserver(()=>{I.current=null,s()});return e.observe(a.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[s]);let w=Math.max(ct,f);return C(()=>{let e="overlay-scrollbar-webkit-hide",t=document.getElementById(e);t&&t.remove();let o=document.createElement("style");return o.id=e,o.textContent=`
+import{useRef as E,useEffect as C,useState as p,useCallback as m,useMemo as ie,forwardRef as Mt,useImperativeHandle as St,useLayoutEffect as Et}from"react";var wt=["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"],be=(L,B)=>{let U=L.tagName.toLowerCase(),k=["text","password","email","number","search","tel","url","checkbox","radio"];if(U==="input"){let R=L.type;return k.includes(R)}if(["textarea","select","button"].includes(U)||["svg","path","circle","rect","line","polygon","polyline"].includes(U)||L.getAttribute("contenteditable")==="true")return!0;if(B?.excludeSelectors){for(let R of B.excludeSelectors)if(L.matches(R))return!0}return Tt(L,B)},Tt=(L,B)=>{let U=[...wt,...B?.excludeClasses||[]],k=L,R=0,z=5;for(;k&&R<=z;){if(U.some(T=>k.classList.contains(T)))return!0;if(k.classList.contains("MuiDialogContent-root"))break;k=k.parentElement,R++}return!1};import{jsx as _,jsxs as Ie}from"react/jsx-runtime";var Ct={},Ht={},Dt={},Lt={},kt={},Rt=Mt(({className:L="",style:B={},containerStyle:U={},contentStyle:k={},children:R,onScroll:z,thumb:T=Ct,track:H=Ht,arrows:N=Dt,dragScroll:V=Lt,autoHide:q=kt,showScrollbar:Q=!0,detectInnerScroll:Je=!1},Ke)=>{let Ze=E({});C(()=>{Ze.current={children:R,onScroll:z,showScrollbar:Q,thumb:T,track:H,arrows:N,dragScroll:V,autoHide:q}});let ge=E(null),i=E(null),X=E(null),J=E(null),je=E(null),I=E(null),[ae,y]=p(!1),[A,Ae]=p(!1),[Oe,We]=p(!1),[ve,Ve]=p({y:0,scrollTop:0}),[ee,Qe]=p(0),[et,$e]=p(0),[K,ze]=p(!1),[Ne,Pe]=p(!1),[O,Fe]=p(!1),[ye,tt]=p({x:0,scrollLeft:0}),[xe,ot]=p(0),[we,rt]=p(0),[nt,Te]=p(!1),[P,Me]=p(!1),[W,_e]=p(!1),[te,lt]=p({x:0,y:0,scrollTop:0,scrollLeft:0}),[It,At]=p(null),[ce,se]=p(null),[Ot,it]=p(!1),[at,ct]=p(0),oe=E(null),[Be,Ue]=p(!1),re=E(null),Y=E(null),G=E(null),v=ie(()=>{let e=T.color??"#606060";return{width:T.width??8,minHeight:T.minHeight??50,radius:T.radius??(T.width??8)/2,color:e,opacity:T.opacity??.6,hoverColor:T.hoverColor??e,hoverOpacity:T.hoverOpacity??1}},[T]),r=ie(()=>({width:H.width??16,color:H.color??"rgba(128, 128, 128, 0.1)",visible:H.visible??!0,alignment:H.alignment??"default",radius:H.radius??v.radius??4,margin:H.margin??4,overflowX:H.overflowX??!0,overflowY:H.overflowY??!0}),[H,v.radius]),D=ie(()=>{let e=N.color??"#808080";return{visible:N.visible??!1,step:N.step??50,color:e,opacity:N.opacity??.6,hoverColor:N.hoverColor??e,hoverOpacity:N.hoverOpacity??1}},[N]),Se=ie(()=>({enabled:V.enabled??!0,excludeClasses:V.excludeClasses??[],excludeSelectors:V.excludeSelectors??[]}),[V]),l=ie(()=>({enabled:q.enabled??!0,delay:q.delay??1500,delayOnWheel:q.delayOnWheel??700,initialDelay:q.initialDelay??200}),[q]),[Z,st]=p(()=>(q.initialDelay??200)>0),f=v.width,ut=r.width,Ee=v.minHeight,$=D.visible,ue=D.step,M=m(()=>{if(!i.current)return;let e=document.activeElement;e&&i.current.contains(e)&&e!==i.current||i.current.focus()},[]);St(Ke,()=>({getScrollContainer:()=>i.current,scrollTo:e=>{i.current&&i.current.scrollTo(e)},get scrollTop(){return i.current?.scrollTop||0},get scrollHeight(){return i.current?.scrollHeight||0},get clientHeight(){return i.current?.clientHeight||0}}),[]);let u=m(()=>{if(I.current){let t=I.current;if(document.contains(t)&&t.scrollHeight>t.clientHeight+2)return t;I.current=null}if(!i.current)return null;if(X.current&&X.current.scrollHeight>i.current.clientHeight+2)return I.current=i.current,i.current;if(!Je)return null;let e=i.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let t of e){let o=t;if(o!==i.current&&o.classList.contains("overlay-scrollbar-container"))continue;let a=o.parentElement,n=!1;for(;a&&a!==i.current;){if(a.classList.contains("overlay-scrollbar-container")&&a!==i.current){n=!0;break}a=a.parentElement}if(!n&&o.scrollHeight>o.clientHeight+2)return I.current=o,o}return null},[]),F=m(()=>u()!==null,[u]),g=m(()=>{re.current&&(clearTimeout(re.current),re.current=null)},[]),de=m(()=>{Y.current&&(clearTimeout(Y.current),Y.current=null)},[]),qe=m(()=>{G.current&&(clearTimeout(G.current),G.current=null)},[]),dt=m(()=>{de(),!(A||O||W||P)&&(g(),y(!1))},[g,de,A,O,W,P]),h=m(e=>{l.enabled&&(g(),re.current=setTimeout(()=>{y(!1),re.current=null},e))},[g,l.enabled]),s=m(()=>{let e=u();if(!e){y(!1),ze(!1),Te(!1),g();return}if(ze(!0),!J.current)return;!l.enabled&&!Z&&(y(!0),g());let t=e.clientHeight,o=e.scrollHeight,a=e.scrollTop,n=e.clientWidth,c=e.scrollWidth,b=e.scrollLeft,x=0,d=0;if(ge.current){let he=window.getComputedStyle(ge.current),fe=parseFloat(he.paddingTop)||0;d=parseFloat(he.paddingBottom)||0,x=fe+d,ct(d)}let j=$?f*2+r.margin*4:r.margin*2,ne=t-j+x,S=t/o,pe=Math.max(ne*S,Ee),me=o-t,Xe=ne-pe,Ye=me>0?a/me*Xe:0;Qe(pe),$e(Ye);let le=c-n;if(le>0){Te(!0);let he=n/c,fe=Math.max(n*he,50),yt=n-fe,xt=le>0?b/le*yt:0;ot(fe),rt(xt)}else Te(!1)},[u,g,$,f,Ee,l.enabled,Z]),pt=m(e=>{e.preventDefault(),e.stopPropagation();let t=u();t&&(Ae(!0),Ve({y:e.clientY,scrollTop:t.scrollTop}),g(),y(!0),M())},[u,g,M]),Ce=m(e=>{if(!A)return;let t=u();if(!t)return;let o=t.clientHeight,n=t.scrollHeight-o,c=e.clientY-ve.y,b=o-ee,x=c/b*n,d=Math.max(0,Math.min(n,ve.scrollTop+x));t.scrollTop=d,s()},[A,ve,ee,s,u]),He=m(()=>{Ae(!1),F()&&h(l.delay)},[F,h,l.delay]),mt=m(e=>{if(!J.current)return;let o=J.current.getBoundingClientRect(),a=e.clientY-o.top,n=u();if(!n)return;let c=n.clientHeight,b=n.scrollHeight,d=a/c*(b-c);n.scrollTop=Math.max(0,Math.min(b-c,d)),s(),y(!0),h(l.delay),M()},[s,h,l.delay,u,M]),ht=m(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current)return;let t=Math.max(0,i.current.scrollTop-ue);i.current.scrollTop=t,s(),y(!0),h(l.delay),M()},[s,h,ue,l.delay,M]),ft=m(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current||!X.current)return;let t=i.current,a=X.current.scrollHeight-t.clientHeight,n=Math.min(a,t.scrollTop+ue);t.scrollTop=n,s(),y(!0),h(l.delay),M()},[s,h,ue,l.delay,M]),bt=m(e=>{e.preventDefault(),e.stopPropagation();let t=u();t&&(Fe(!0),tt({x:e.clientX,scrollLeft:t.scrollLeft}),g(),y(!0),M())},[u,g,M]),De=m(e=>{if(!O)return;let t=u();if(!t)return;let o=t.clientWidth,n=t.scrollWidth-o,c=e.clientX-ye.x,b=o-xe,x=c/b*n,d=Math.max(0,Math.min(n,ye.scrollLeft+x));t.scrollLeft=d,s()},[O,ye,xe,s,u]),Le=m(()=>{Fe(!1),F()&&h(l.delay)},[F,h,l.delay]),gt=m(e=>{if(!J.current)return;let o=J.current.getBoundingClientRect(),a=e.clientX-o.left,n=u();if(!n)return;let c=n.clientWidth,b=n.scrollWidth,d=a/c*(b-c);n.scrollLeft=Math.max(0,Math.min(b-c,d)),s(),y(!0),h(l.delay),M()},[s,h,l.delay,u,M]),vt=m(e=>{if(!Se.enabled)return;let t=e.target;if(be(t,Se)||e.button!==0)return;let o=u();o&&(o.scrollHeight<=o.clientHeight&&o.scrollWidth<=o.clientWidth||(e.preventDefault(),Me(!0),lt({x:e.clientX,y:e.clientY,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft||0}),g()))},[Se,be,u,g]),ke=m(e=>{if(!P&&!W)return;let t=u();if(!t)return;let o=te.x-e.clientX,a=te.y-e.clientY;if(Math.abs(a)<5&&Math.abs(o)<5)return;P&&(Me(!1),_e(!0)),y(!0);let n=Math.max(0,Math.min(t.scrollHeight-t.clientHeight,te.scrollTop+a)),c=Math.max(0,Math.min(t.scrollWidth-t.clientWidth,te.scrollLeft+o));t.scrollTop=n,t.scrollLeft=c,s()},[P,W,te,u,s]),Re=m(()=>{let e=W;Me(!1),_e(!1),e&&F()&&h(l.delay)},[W,F,h,l.delay]);C(()=>{let e=c=>{if(s(),Z){z&&z(c);return}g(),y(!0),qe();let b=Be?l.delayOnWheel:l.delay;h(b),z&&z(c)},t=()=>{Ue(!0),oe.current&&clearTimeout(oe.current),oe.current=setTimeout(()=>{Ue(!1)},300),qe(),G.current=setTimeout(()=>{y(!0),G.current=null,h(l.delayOnWheel)},50)},o=[],a=u();a&&o.push(a);let n=i.current;return n&&!a&&(o.push(n),n.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(b=>{let x=b;if(x!==n&&x.classList.contains("overlay-scrollbar-container"))return;let d=x.parentElement;for(;d&&d!==n;){if(d.classList.contains("overlay-scrollbar-container")&&d!==n)return;d=d.parentElement}o.push(x)})),o.forEach(c=>{c.addEventListener("scroll",e,{passive:!0}),c.addEventListener("wheel",t,{passive:!0})}),()=>{o.forEach(c=>{c.removeEventListener("scroll",e),c.removeEventListener("wheel",t)}),oe.current&&clearTimeout(oe.current),G.current&&clearTimeout(G.current)}},[u,s,z,g,h,l,Be,Z]),C(()=>{let e=o=>{let a=o.target;if(o.defaultPrevented||a instanceof Element&&be(a))return;let n=u();if(!n)return;let{key:c}=o,{scrollTop:b,scrollHeight:x,clientHeight:d}=n,j=x-d,ne=50,S=null;switch(c){case"ArrowUp":o.preventDefault(),S=Math.max(0,b-ne);break;case"ArrowDown":o.preventDefault(),S=Math.min(j,b+ne);break;case"PageUp":o.preventDefault(),S=Math.max(0,b-d);break;case"PageDown":o.preventDefault(),S=Math.min(j,b+d);break;case"Home":o.preventDefault(),S=0;break;case"End":o.preventDefault(),S=j;break;default:return}if(S!==null){let pe=S/j,me=$?f*2+r.margin*4:r.margin*2,le=(d-me-ee)*pe;$e(le),n.scrollTop=S,g(),y(!0),h(l.delay)}},t=i.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}},[u,$,f,r.margin,ee,g,h,l.delay]),C(()=>{if(P||W)return document.addEventListener("mousemove",ke),document.addEventListener("mouseup",Re),()=>{document.removeEventListener("mousemove",ke),document.removeEventListener("mouseup",Re)}},[P,W,ke,Re]),C(()=>{if(A)return document.addEventListener("mousemove",Ce),document.addEventListener("mouseup",He),()=>{document.removeEventListener("mousemove",Ce),document.removeEventListener("mouseup",He)}},[A,Ce,He]),C(()=>{if(O)return document.addEventListener("mousemove",De),document.addEventListener("mouseup",Le),()=>{document.removeEventListener("mousemove",De),document.removeEventListener("mouseup",Le)}},[O,De,Le]),C(()=>{s();let e=setTimeout(()=>{s()},100);return()=>clearTimeout(e)},[s]),Et(()=>{it(!0),s(),!l.enabled&&!Z&&F()&&y(!0)},[F,s,l.enabled,Z]),C(()=>{if(l.initialDelay>0){let e=setTimeout(()=>{st(!1)},l.initialDelay);return()=>clearTimeout(e)}},[l.initialDelay]),C(()=>{let e=new ResizeObserver(()=>{s()}),t=[];return i.current&&t.push(i.current),X.current&&t.push(X.current),I.current&&document.contains(I.current)&&t.push(I.current),t.forEach(o=>{e.observe(o)}),()=>e.disconnect()},[s]),C(()=>{if(!i.current)return;let e=new MutationObserver(()=>{I.current=null,s()});return e.observe(i.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[s]);let w=Math.max(ut,f);return C(()=>{let e="overlay-scrollbar-webkit-hide",t=document.getElementById(e);t&&t.remove();let o=document.createElement("style");return o.id=e,o.textContent=`
                 /* \uBAA8\uB4E0 \uC2A4\uD06C\uB864\uBC14 \uC228\uAE30\uAE30 */
                 .overlay-scrollbar-container {
                     scrollbar-width: none !important;
@@ -46,5 +46,5 @@ import{useRef as E,useEffect as C,useState as m,useCallback as h,useMemo as oe,f
                     outline: 2px solid rgba(0, 123, 255, 0.5);
                     outline-offset: -2px;
                 }
-            `,document.head.appendChild(o),()=>{let c=document.getElementById(e);c&&c.remove()}},[]),Le("div",{ref:de,className:`overlay-scrollbar-wrapper ${k}`,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",overflow:"hidden",...N},children:[z("div",{ref:a,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:ft,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:V?"none":"auto",...P},children:z("div",{ref:_,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",...L},children:R})}),Z&&G&&(r.overflowY??!0)&&Le("div",{ref:Y,className:"overlay-scrollbar-track",onMouseEnter:()=>{v(),q.current=setTimeout(()=>{x(!0),q.current=null},100)},onMouseLeave:()=>{Be(),B||p(l.delay)},style:{position:"absolute",top:0,right:0,width:`${w}px`,height:"100%",opacity:re?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[r.visible&&z("div",{className:"overlay-scrollbar-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),ut(e)},style:{position:"absolute",top:A?`${b.width+r.margin*2}px`:`${r.margin}px`,right:r.alignment==="outside"?"0px":`${(w-b.width)/2}px`,width:`${b.width}px`,height:A?`calc(100% - ${b.width*2+r.margin*4}px)`:`calc(100% - ${r.margin*2}px)`,backgroundColor:r.color,borderRadius:`${r.radius}px`,cursor:"pointer"}}),z("div",{ref:Ke,className:"overlay-scrollbar-thumb",onMouseDown:st,onMouseEnter:()=>Ae(!0),onMouseLeave:()=>Ae(!1),style:{position:"absolute",top:`${(A?f+r.margin*2:r.margin)+Ve}px`,right:r.alignment==="outside"?"0px":`${(w-f)/2}px`,width:`${f}px`,height:`${Math.max(j,ve)}px`,backgroundColor:Ie||B?b.hoverColor:b.color,opacity:Ie||B?b.hoverOpacity:b.opacity,borderRadius:`${b.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),Z&&G&&A&&z("div",{className:"overlay-scrollbar-up-arrow",onClick:dt,onMouseEnter:()=>le("up"),onMouseLeave:()=>le(null),style:{position:"absolute",top:`${r.margin}px`,right:r.alignment==="outside"?"0px":`${(w-f)/2}px`,width:`${f}px`,height:`${f}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(f*.75,8)}px`,color:ne==="up"?D.hoverColor:D.color,userSelect:"none",zIndex:1001,opacity:re?ne==="up"?D.hoverOpacity:D.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),Z&&G&&A&&z("div",{className:"overlay-scrollbar-down-arrow",onClick:pt,onMouseEnter:()=>le("down"),onMouseLeave:()=>le(null),style:{position:"absolute",bottom:`${r.margin}px`,right:r.alignment==="outside"?"0px":`${(w-f)/2}px`,width:`${f}px`,height:`${f}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(f*.75,8)}px`,color:ne==="down"?D.hoverColor:D.color,userSelect:"none",zIndex:1001,opacity:re?ne==="down"?D.hoverOpacity:D.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"}),Z&&ot&&(r.overflowX??!0)&&Le("div",{className:"overlay-scrollbar-horizontal-track",onMouseEnter:()=>{v(),q.current=setTimeout(()=>{x(!0),q.current=null},100)},onMouseLeave:()=>{Be(),U||p(l.delay)},style:{position:"absolute",bottom:`${lt}px`,left:0,width:"100%",height:`${w}px`,opacity:re?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[r.visible&&z("div",{className:"overlay-scrollbar-horizontal-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),ht(e)},style:{position:"absolute",bottom:r.alignment==="outside"?"0px":`${(w-f)/2}px`,left:`${r.margin}px`,right:G?r.alignment==="outside"?`${w-r.margin}px`:`${w}px`:`${r.margin}px`,height:`${f}px`,backgroundColor:r.color,borderRadius:`${r.radius}px`,cursor:"pointer"}}),z("div",{className:"overlay-scrollbar-horizontal-thumb",onMouseDown:mt,onMouseEnter:()=>ze(!0),onMouseLeave:()=>ze(!1),style:{position:"absolute",bottom:r.alignment==="outside"?"0px":`${(w-f)/2}px`,left:`${r.margin+fe}px`,right:G?r.alignment==="outside"?`${w-r.margin}px`:`${w}px`:"auto",maxWidth:G?r.alignment==="outside"?`calc(100% - ${r.margin+fe+w-r.margin}px)`:`calc(100% - ${r.margin+fe+w}px)`:"none",width:`${Math.max(he,50)}px`,height:`${f}px`,backgroundColor:We||U?b.hoverColor:b.color,opacity:We||U?b.hoverOpacity:b.opacity,borderRadius:`${b.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]})]})}),Xe=Dt;export{Xe as OverlayScrollbar,Xe as default};
+            `,document.head.appendChild(o),()=>{let a=document.getElementById(e);a&&a.remove()}},[]),Ie("div",{ref:ge,className:`overlay-scrollbar-wrapper ${L}`,onMouseLeave:dt,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",overflow:"hidden",...B},children:[_("div",{ref:i,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:vt,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:P||W?"none":"auto",...U},children:_("div",{ref:X,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",...k},children:R})}),Q&&K&&(r.overflowY??!0)&&Ie("div",{ref:J,className:"overlay-scrollbar-track",onMouseEnter:()=>{g(),Y.current=setTimeout(()=>{y(!0),Y.current=null},100)},onMouseLeave:()=>{de(),A||h(l.delay)},style:{position:"absolute",top:0,right:0,width:`${w}px`,height:"100%",opacity:ae?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[r.visible&&_("div",{className:"overlay-scrollbar-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),mt(e)},style:{position:"absolute",top:$?`${v.width+r.margin*2}px`:`${r.margin}px`,right:r.alignment==="outside"?"0px":`${(w-v.width)/2}px`,width:`${v.width}px`,height:$?`calc(100% - ${v.width*2+r.margin*4}px)`:`calc(100% - ${r.margin*2}px)`,backgroundColor:r.color,borderRadius:`${r.radius}px`,cursor:"pointer"}}),_("div",{ref:je,className:"overlay-scrollbar-thumb",onMouseDown:pt,onMouseEnter:()=>We(!0),onMouseLeave:()=>We(!1),style:{position:"absolute",top:`${($?f+r.margin*2:r.margin)+et}px`,right:r.alignment==="outside"?"0px":`${(w-f)/2}px`,width:`${f}px`,height:`${Math.max(ee,Ee)}px`,backgroundColor:Oe||A?v.hoverColor:v.color,opacity:Oe||A?v.hoverOpacity:v.opacity,borderRadius:`${v.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),Q&&K&&$&&_("div",{className:"overlay-scrollbar-up-arrow",onClick:ht,onMouseEnter:()=>se("up"),onMouseLeave:()=>se(null),style:{position:"absolute",top:`${r.margin}px`,right:r.alignment==="outside"?"0px":`${(w-f)/2}px`,width:`${f}px`,height:`${f}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(f*.75,8)}px`,color:ce==="up"?D.hoverColor:D.color,userSelect:"none",zIndex:1001,opacity:ae?ce==="up"?D.hoverOpacity:D.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),Q&&K&&$&&_("div",{className:"overlay-scrollbar-down-arrow",onClick:ft,onMouseEnter:()=>se("down"),onMouseLeave:()=>se(null),style:{position:"absolute",bottom:`${r.margin}px`,right:r.alignment==="outside"?"0px":`${(w-f)/2}px`,width:`${f}px`,height:`${f}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(f*.75,8)}px`,color:ce==="down"?D.hoverColor:D.color,userSelect:"none",zIndex:1001,opacity:ae?ce==="down"?D.hoverOpacity:D.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"}),Q&&nt&&(r.overflowX??!0)&&Ie("div",{className:"overlay-scrollbar-horizontal-track",onMouseEnter:()=>{g(),Y.current=setTimeout(()=>{y(!0),Y.current=null},100)},onMouseLeave:()=>{de(),O||h(l.delay)},style:{position:"absolute",bottom:`${at}px`,left:0,width:"100%",height:`${w}px`,opacity:ae?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[r.visible&&_("div",{className:"overlay-scrollbar-horizontal-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),gt(e)},style:{position:"absolute",bottom:r.alignment==="outside"?"0px":`${(w-f)/2}px`,left:`${r.margin}px`,right:K?r.alignment==="outside"?`${w-r.margin}px`:`${w}px`:`${r.margin}px`,height:`${f}px`,backgroundColor:r.color,borderRadius:`${r.radius}px`,cursor:"pointer"}}),_("div",{className:"overlay-scrollbar-horizontal-thumb",onMouseDown:bt,onMouseEnter:()=>Pe(!0),onMouseLeave:()=>Pe(!1),style:{position:"absolute",bottom:r.alignment==="outside"?"0px":`${(w-f)/2}px`,left:`${r.margin+we}px`,right:K?r.alignment==="outside"?`${w-r.margin}px`:`${w}px`:"auto",maxWidth:K?r.alignment==="outside"?`calc(100% - ${r.margin+we+w-r.margin}px)`:`calc(100% - ${r.margin+we+w}px)`:"none",width:`${Math.max(xe,50)}px`,height:`${f}px`,backgroundColor:Ne||O?v.hoverColor:v.color,opacity:Ne||O?v.hoverOpacity:v.opacity,borderRadius:`${v.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]})]})}),Ge=Rt;export{Ge as OverlayScrollbar,Ge as default};
 //# sourceMappingURL=index.esm.js.map