@himanshu-sorathiya/react-kit 1.0.22 → 1.0.23

package/dist/events.js

@@ -1,2 +1,3 @@
-import { n as e, r as t, t as n } from "./events2.js";
-export { e as useClickOutside, t as useEventListener, n as useKey };
+import { t as e } from "./useEventListener.js";
+import { n as t, t as n } from "./events2.js";
+export { t as useClickOutside, e as useEventListener, n as useKey };

package/dist/events2.js

@@ -1,65 +1,36 @@
-import { useEffect as e, useLayoutEffect as t, useRef as n } from "react";
-//#region src/events/useEventListener/useEventListener.ts
-var r = typeof window < "u" ? t : e;
-function i(t, i, a = {}) {
-	let { target: o, capture: s = !1, passive: c = !1, once: l = !1 } = a, u = o === void 0 ? typeof window > "u" ? null : window : o, d = n(i);
-	r(() => {
-		d.current = i;
-	}, [i]), e(() => {
-		let e = u && "current" in u ? u.current : u;
-		if (!e?.addEventListener) return;
-		let n = Array.isArray(t) ? t : [t], r = (e) => d.current(e);
-		return n.forEach((t) => {
-			e.addEventListener(t, r, {
-				capture: s,
-				passive: c,
-				once: l
-			});
-		}), () => {
-			n.forEach((t) => {
-				e.removeEventListener(t, r, { capture: s });
-			});
-		};
-	}, [
-		Array.isArray(t) ? t.join(",") : t,
-		u,
-		s,
-		c,
-		l
-	]);
-}
-//#endregion
+import { t as e } from "./useEventListener.js";
+import { useEffect as t, useLayoutEffect as n, useRef as r } from "react";
 //#region src/events/useClickOutside/useClickOutside.ts
-var a = typeof window < "u" ? t : e;
-function o(e, t, r = {}) {
-	let { enabled: o = !0, eventType: s = ["mousedown", "touchstart"] } = r, c = n(t);
-	a(() => {
-		c.current = t;
-	}, [t]), i(s, (t) => {
-		o && (Array.isArray(e) ? e : [e]).every((e) => {
-			let n = e && "current" in e ? e.current : e;
-			return n && !n.contains(t.target);
-		}) && c.current(t);
+var i = typeof window < "u" ? n : t;
+function a(t, n, a = {}) {
+	let { enabled: o = !0, eventType: s = ["mousedown", "touchstart"] } = a, c = r(n);
+	i(() => {
+		c.current = n;
+	}, [n]), e(s, (e) => {
+		o && (Array.isArray(t) ? t : [t]).every((t) => {
+			let n = t && "current" in t ? t.current : t;
+			return n && !n.contains(e.target);
+		}) && c.current(e);
 	}, { target: typeof document > "u" ? null : document });
 }
 //#endregion
 //#region src/events/useKey/constants.ts
-var s = [
+var o = [
 	"keydown",
 	"keyup",
 	"keypress"
-], c = typeof window < "u" ? t : e;
-function l(t, r, { enabled: i = !0, preventDefault: a = !0, stopPropagation: o = !0, eventType: l = "keydown", preventRepeat: u = !1, ignoreWhenFocusedInInputs: d = !0, ctrlKey: f = !1, shiftKey: p = !1, altKey: m = !1, metaKey: h = !1, target: g } = {}) {
-	let _ = g === void 0 ? typeof window > "u" ? null : window : g, v = n(r), y = n(i), b = n(!1);
-	c(() => {
-		v.current = r;
-	}, [r]), e(() => {
+], s = typeof window < "u" ? n : t;
+function c(e, n, { enabled: i = !0, preventDefault: a = !0, stopPropagation: c = !0, eventType: l = "keydown", preventRepeat: u = !1, ignoreWhenFocusedInInputs: d = !0, ctrlKey: f = !1, shiftKey: p = !1, altKey: m = !1, metaKey: h = !1, target: g } = {}) {
+	let _ = g === void 0 ? typeof window > "u" ? null : window : g, v = r(n), y = r(i), b = r(!1);
+	s(() => {
+		v.current = n;
+	}, [n]), t(() => {
 		y.current = i;
-	}, [i]), e(() => {
-		let e = _ && "current" in _ ? _.current : _;
-		if (!e) return;
-		let n = String(t || "").toLowerCase(), r = s.includes(l) ? l : "keydown", i = u && r !== "keyup";
-		function c() {
+	}, [i]), t(() => {
+		let t = _ && "current" in _ ? _.current : _;
+		if (!t) return;
+		let n = String(e || "").toLowerCase(), r = o.includes(l) ? l : "keydown", i = u && r !== "keyup";
+		function s() {
 			b.current = !1;
 		}
 		function g(e) {
@@ -72,16 +43,16 @@ function l(t, r, { enabled: i = !0, preventDefault: a = !0, stopPropagation: o =
 			let t = e.target;
 			if (!(d && t instanceof HTMLElement && (t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement || t instanceof HTMLSelectElement || t.isContentEditable)) && e.ctrlKey === f && e.shiftKey === p && e.altKey === m && e.metaKey === h && n === e.key.toLowerCase()) {
 				if (i && b.current) return;
-				b.current = !0, v.current(e), a && e.preventDefault(), o && e.stopPropagation();
+				b.current = !0, v.current(e), a && e.preventDefault(), c && e.stopPropagation();
 			}
 		}
-		return e.addEventListener(r, x), i && (e.addEventListener("keyup", g), window.addEventListener("blur", c)), () => {
-			e.removeEventListener(r, x), i && (e.removeEventListener("keyup", g), window.removeEventListener("blur", c));
+		return t.addEventListener(r, x), i && (t.addEventListener("keyup", g), window.addEventListener("blur", s)), () => {
+			t.removeEventListener(r, x), i && (t.removeEventListener("keyup", g), window.removeEventListener("blur", s));
 		};
 	}, [
-		t,
+		e,
 		a,
-		o,
+		c,
 		l,
 		u,
 		d,
@@ -93,4 +64,4 @@ function l(t, r, { enabled: i = !0, preventDefault: a = !0, stopPropagation: o =
 	]);
 }
 //#endregion
-export { o as n, i as r, l as t };
+export { a as n, c as t };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 // Generated by dts-bundle-generator v9.5.1
 
 import React$1 from 'react';
-import { CSSProperties, RefObject } from 'react';
+import { CSSProperties, Key, RefObject } from 'react';
 
 export type DateInput = Date | number | string;
 export type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
@@ -316,6 +316,96 @@ export type UseThrottledStateReturn<T> = [
 export declare function useThrottledState<T>(initialValue: T | (() => T), delay: number, options?: ThrottleOptions): UseThrottledStateReturn<T>;
 export type UseThrottledValueReturn<T> = T;
 export declare function useThrottledValue<T>(value: T, delay: number, options?: ThrottleOptions): UseThrottledValueReturn<T>;
+export type ScrollAlign = "start" | "center" | "end" | "auto";
+export type Axis = "vertical" | "horizontal";
+export interface ScrollToOffsetOptions {
+	smooth?: boolean;
+}
+export interface ScrollToCellOptions {
+	rowAlign?: ScrollAlign;
+	colAlign?: ScrollAlign;
+	smooth?: boolean;
+}
+export interface ScrollToRowOptions {
+	align?: ScrollAlign;
+	smooth?: boolean;
+}
+export interface ScrollToColumnOptions {
+	align?: ScrollAlign;
+	smooth?: boolean;
+}
+export interface VirtualCell {
+	key: React$1.Key;
+	rowIndex: number;
+	colIndex: number;
+	height: number;
+	width: number;
+	top: number;
+	left: number;
+}
+export interface UseVirtualGridOptions {
+	rowCount: number;
+	colCount: number;
+	estimateRowHeight: number | ((rowIndex: number) => number);
+	estimateColumnWidth: number | ((colIndex: number) => number);
+	getScrollElement: () => HTMLElement | Window | Document | null;
+	overscanRows?: number;
+	overscanCols?: number;
+	scrollingDelay?: number;
+	initialViewportHeight?: number;
+	initialViewportWidth?: number;
+	initialScrollTop?: number;
+	initialScrollLeft?: number;
+	initialScrollRow?: number;
+	initialScrollCol?: number;
+	itemKey?: (rowIndex: number, colIndex: number) => React$1.Key;
+}
+export interface UseVirtualGridReturn {
+	virtualCells: VirtualCell[];
+	totalHeight: number;
+	totalWidth: number;
+	isScrolling: boolean;
+	scrollToCell: (rowIndex: number, colIndex: number, options?: ScrollToCellOptions) => void;
+	scrollToOffset: (offsets: {
+		top: number;
+		left: number;
+	}, options?: ScrollToOffsetOptions) => void;
+	scrollToRow: (rowIndex: number, options?: ScrollToRowOptions) => void;
+	scrollToColumn: (colIndex: number, options?: ScrollToColumnOptions) => void;
+}
+export declare function useVirtualGrid(options: UseVirtualGridOptions): UseVirtualGridReturn;
+export interface ScrollToIndexOptions {
+	align?: ScrollAlign;
+	smooth?: boolean;
+}
+export interface VirtualItem {
+	key: React$1.Key;
+	index: number;
+	size: number;
+	start: number;
+}
+export interface UseVirtualListOptions<T = unknown> {
+	count: number;
+	estimateSize: number | ((index: number) => number);
+	getScrollElement: () => HTMLElement | Window | Document | null;
+	overscan?: number;
+	horizontal?: boolean;
+	reverse?: boolean;
+	scrollingDelay?: number;
+	initialViewportSize?: number;
+	initialOffset?: number;
+	initialScrollIndex?: number;
+	data?: T[];
+	itemKey?: string | string[] | ((index: number, item?: T) => React$1.Key);
+}
+export interface UseVirtualListReturn {
+	virtualItems: VirtualItem[];
+	totalSize: number;
+	isScrolling: boolean;
+	scrollToIndex: (index: number, options?: ScrollToIndexOptions) => void;
+	scrollToOffset: (offset: number, options?: ScrollToOffsetOptions) => void;
+}
+export declare function useVirtualList<T = unknown>(options: UseVirtualListOptions<T>): UseVirtualListReturn;
 export type FilterType = "text" | "number" | "boolean" | "date" | "select" | "multiselect" | "custom";
 export type TextOperator = "contains" | "equals" | "startsWith" | "endsWith" | "notContains";
 export type NumberOperator = "equals" | "greaterThan" | "lessThan" | "greaterThanOrEqual" | "lessThanOrEqual" | "between";

package/dist/index.js

@@ -1,6 +1,7 @@
 import { addBusinessDays as e, addDays as t, addHours as n, addMilliseconds as r, addMinutes as i, addMonths as a, addSeconds as o, addWeeks as s, addYears as c, clampDate as l, closestTo as u, createDate as d, differenceInBusinessDays as f, differenceInDays as p, differenceInHours as m, differenceInMilliseconds as h, differenceInMinutes as g, differenceInMonths as _, differenceInSeconds as v, differenceInWeeks as y, differenceInYears as b, durationToMilliseconds as x, eachDayOfInterval as S, eachMonthOfInterval as C, eachYearOfInterval as w, endOfDay as T, endOfHour as E, endOfMinute as D, endOfMonth as O, endOfQuarter as k, endOfWeek as A, endOfYear as j, format as M, formatDate as N, formatDuration as P, formatISO as F, formatISO9075 as I, formatRFC2822 as L, formatRFC3339 as R, formatRelativeTime as z, fromUnixTime as B, getDate as V, getDayOfWeek as H, getDayOfYear as U, getDaysInMonth as W, getHours as G, getISOWeek as K, getMilliseconds as q, getMinutes as J, getMonth as Y, getQuarter as X, getSeconds as Z, getTimestamp as Q, getYear as $, intervalToDuration as ee, isAM as te, isAfter as ne, isBefore as re, isDate as ie, isEqual as ae, isFirstDayOfMonth as oe, isFuture as se, isInLeapYear as ce, isLastDayOfMonth as le, isLeapYear as ue, isOverlapping as de, isPM as fe, isPast as pe, isSameDay as me, isSameHour as he, isSameMinute as ge, isSameMonth as _e, isSameQuarter as ve, isSameSecond as ye, isSameTime as be, isSameWeek as xe, isSameYear as Se, isThisMonth as Ce, isThisWeek as we, isThisYear as Te, isToday as Ee, isTomorrow as De, isValid as Oe, isWeekday as ke, isWeekend as Ae, isWithinRange as je, isYesterday as Me, max as Ne, min as Pe, parseISO as Fe, roundToNearestMinutes as Ie, setDate as Le, setHours as Re, setISOWeek as ze, setMilliseconds as Be, setMinutes as Ve, setMonth as He, setSeconds as Ue, setYear as We, startOfDay as Ge, startOfHour as Ke, startOfMinute as qe, startOfMonth as Je, startOfQuarter as Ye, startOfWeek as Xe, startOfYear as Ze, subDays as Qe, subHours as $e, subMilliseconds as et, subMinutes as tt, subMonths as nt, subSeconds as rt, subWeeks as it, subYears as at, toDate as ot, toISOString as st, toUnixTime as ct } from "./datetime.js";
-import { n as lt, r as ut, t as dt } from "./events2.js";
-import { a as ft, c as pt, i as mt, l as ht, n as gt, o as _t, r as vt, s as yt, t as bt, u as xt } from "./performance2.js";
-import { a as St, c as Ct, i as wt, n as Tt, o as Et, r as Dt, s as Ot, t as kt } from "./state2.js";
-import { a as At, c as jt, i as Mt, n as Nt, o as Pt, r as Ft, s as It, t as Lt } from "./ui2.js";
-export { jt as FuzzyHighlighter, Mt as ModalLayout, e as addBusinessDays, t as addDays, n as addHours, r as addMilliseconds, i as addMinutes, a as addMonths, o as addSeconds, s as addWeeks, c as addYears, l as clampDate, u as closestTo, d as createDate, f as differenceInBusinessDays, p as differenceInDays, m as differenceInHours, h as differenceInMilliseconds, g as differenceInMinutes, _ as differenceInMonths, v as differenceInSeconds, y as differenceInWeeks, b as differenceInYears, x as durationToMilliseconds, S as eachDayOfInterval, C as eachMonthOfInterval, w as eachYearOfInterval, T as endOfDay, E as endOfHour, D as endOfMinute, O as endOfMonth, k as endOfQuarter, A as endOfWeek, j as endOfYear, M as format, N as formatDate, P as formatDuration, F as formatISO, I as formatISO9075, L as formatRFC2822, R as formatRFC3339, z as formatRelativeTime, B as fromUnixTime, V as getDate, H as getDayOfWeek, U as getDayOfYear, W as getDaysInMonth, G as getHours, K as getISOWeek, q as getMilliseconds, J as getMinutes, Y as getMonth, X as getQuarter, Z as getSeconds, Q as getTimestamp, $ as getYear, ee as intervalToDuration, te as isAM, ne as isAfter, re as isBefore, ie as isDate, ae as isEqual, oe as isFirstDayOfMonth, se as isFuture, ce as isInLeapYear, le as isLastDayOfMonth, ue as isLeapYear, de as isOverlapping, fe as isPM, pe as isPast, me as isSameDay, he as isSameHour, ge as isSameMinute, _e as isSameMonth, ve as isSameQuarter, ye as isSameSecond, be as isSameTime, xe as isSameWeek, Se as isSameYear, Ce as isThisMonth, we as isThisWeek, Te as isThisYear, Ee as isToday, De as isTomorrow, Oe as isValid, ke as isWeekday, Ae as isWeekend, je as isWithinRange, Me as isYesterday, Ne as max, Pe as min, Fe as parseISO, Ie as roundToNearestMinutes, Le as setDate, Re as setHours, ze as setISOWeek, Be as setMilliseconds, Ve as setMinutes, He as setMonth, Ue as setSeconds, We as setYear, Ge as startOfDay, Ke as startOfHour, qe as startOfMinute, Je as startOfMonth, Ye as startOfQuarter, Xe as startOfWeek, Ze as startOfYear, Qe as subDays, $e as subHours, et as subMilliseconds, tt as subMinutes, nt as subMonths, rt as subSeconds, it as subWeeks, at as subYears, ot as toDate, st as toISOString, ct as toUnixTime, lt as useClickOutside, xt as useDebounce, ht as useDebouncedCallback, pt as useDebouncedState, yt as useDebouncedValue, ut as useEventListener, Ft as useExpansion, Ct as useFilter, Ot as useFuzzySearch, Et as useGrouping, dt as useKey, At as useModal, Pt as useModalActions, It as useModalState, St as useMultipleSelection, wt as useOrder, Dt as usePagination, Nt as usePin, _t as useRateLimit, ft as useRateLimitedCallback, Tt as useSingleSelection, kt as useSort, mt as useThrottle, vt as useThrottledCallback, gt as useThrottledState, bt as useThrottledValue, Lt as useVisibility };
+import { t as lt } from "./useEventListener.js";
+import { n as ut, t as dt } from "./events2.js";
+import { a as ft, c as pt, d as mt, f as ht, i as gt, l as _t, n as vt, o as yt, r as bt, s as xt, t as St, u as Ct } from "./performance2.js";
+import { a as wt, c as Tt, i as Et, n as Dt, o as Ot, r as kt, s as At, t as jt } from "./state2.js";
+import { a as Mt, c as Nt, i as Pt, n as Ft, o as It, r as Lt, s as Rt, t as zt } from "./ui2.js";
+export { Nt as FuzzyHighlighter, Pt as ModalLayout, e as addBusinessDays, t as addDays, n as addHours, r as addMilliseconds, i as addMinutes, a as addMonths, o as addSeconds, s as addWeeks, c as addYears, l as clampDate, u as closestTo, d as createDate, f as differenceInBusinessDays, p as differenceInDays, m as differenceInHours, h as differenceInMilliseconds, g as differenceInMinutes, _ as differenceInMonths, v as differenceInSeconds, y as differenceInWeeks, b as differenceInYears, x as durationToMilliseconds, S as eachDayOfInterval, C as eachMonthOfInterval, w as eachYearOfInterval, T as endOfDay, E as endOfHour, D as endOfMinute, O as endOfMonth, k as endOfQuarter, A as endOfWeek, j as endOfYear, M as format, N as formatDate, P as formatDuration, F as formatISO, I as formatISO9075, L as formatRFC2822, R as formatRFC3339, z as formatRelativeTime, B as fromUnixTime, V as getDate, H as getDayOfWeek, U as getDayOfYear, W as getDaysInMonth, G as getHours, K as getISOWeek, q as getMilliseconds, J as getMinutes, Y as getMonth, X as getQuarter, Z as getSeconds, Q as getTimestamp, $ as getYear, ee as intervalToDuration, te as isAM, ne as isAfter, re as isBefore, ie as isDate, ae as isEqual, oe as isFirstDayOfMonth, se as isFuture, ce as isInLeapYear, le as isLastDayOfMonth, ue as isLeapYear, de as isOverlapping, fe as isPM, pe as isPast, me as isSameDay, he as isSameHour, ge as isSameMinute, _e as isSameMonth, ve as isSameQuarter, ye as isSameSecond, be as isSameTime, xe as isSameWeek, Se as isSameYear, Ce as isThisMonth, we as isThisWeek, Te as isThisYear, Ee as isToday, De as isTomorrow, Oe as isValid, ke as isWeekday, Ae as isWeekend, je as isWithinRange, Me as isYesterday, Ne as max, Pe as min, Fe as parseISO, Ie as roundToNearestMinutes, Le as setDate, Re as setHours, ze as setISOWeek, Be as setMilliseconds, Ve as setMinutes, He as setMonth, Ue as setSeconds, We as setYear, Ge as startOfDay, Ke as startOfHour, qe as startOfMinute, Je as startOfMonth, Ye as startOfQuarter, Xe as startOfWeek, Ze as startOfYear, Qe as subDays, $e as subHours, et as subMilliseconds, tt as subMinutes, nt as subMonths, rt as subSeconds, it as subWeeks, at as subYears, ot as toDate, st as toISOString, ct as toUnixTime, ut as useClickOutside, ht as useDebounce, mt as useDebouncedCallback, Ct as useDebouncedState, _t as useDebouncedValue, lt as useEventListener, Lt as useExpansion, Tt as useFilter, At as useFuzzySearch, Ot as useGrouping, dt as useKey, Mt as useModal, It as useModalActions, Rt as useModalState, wt as useMultipleSelection, Et as useOrder, kt as usePagination, Ft as usePin, pt as useRateLimit, xt as useRateLimitedCallback, Dt as useSingleSelection, jt as useSort, yt as useThrottle, ft as useThrottledCallback, gt as useThrottledState, bt as useThrottledValue, vt as useVirtualGrid, St as useVirtualList, zt as useVisibility };

package/dist/performance.d.ts

@@ -1,5 +1,7 @@
 // Generated by dts-bundle-generator v9.5.1
 
+import { Key } from 'react';
+
 export interface DebounceOptions {
 	maxWait?: number;
 	leading?: boolean;
@@ -79,5 +81,95 @@ export type UseThrottledStateReturn<T> = [
 export declare function useThrottledState<T>(initialValue: T | (() => T), delay: number, options?: ThrottleOptions): UseThrottledStateReturn<T>;
 export type UseThrottledValueReturn<T> = T;
 export declare function useThrottledValue<T>(value: T, delay: number, options?: ThrottleOptions): UseThrottledValueReturn<T>;
+export type ScrollAlign = "start" | "center" | "end" | "auto";
+export type Axis = "vertical" | "horizontal";
+export interface ScrollToOffsetOptions {
+	smooth?: boolean;
+}
+export interface ScrollToCellOptions {
+	rowAlign?: ScrollAlign;
+	colAlign?: ScrollAlign;
+	smooth?: boolean;
+}
+export interface ScrollToRowOptions {
+	align?: ScrollAlign;
+	smooth?: boolean;
+}
+export interface ScrollToColumnOptions {
+	align?: ScrollAlign;
+	smooth?: boolean;
+}
+export interface VirtualCell {
+	key: Key;
+	rowIndex: number;
+	colIndex: number;
+	height: number;
+	width: number;
+	top: number;
+	left: number;
+}
+export interface UseVirtualGridOptions {
+	rowCount: number;
+	colCount: number;
+	estimateRowHeight: number | ((rowIndex: number) => number);
+	estimateColumnWidth: number | ((colIndex: number) => number);
+	getScrollElement: () => HTMLElement | Window | Document | null;
+	overscanRows?: number;
+	overscanCols?: number;
+	scrollingDelay?: number;
+	initialViewportHeight?: number;
+	initialViewportWidth?: number;
+	initialScrollTop?: number;
+	initialScrollLeft?: number;
+	initialScrollRow?: number;
+	initialScrollCol?: number;
+	itemKey?: (rowIndex: number, colIndex: number) => Key;
+}
+export interface UseVirtualGridReturn {
+	virtualCells: VirtualCell[];
+	totalHeight: number;
+	totalWidth: number;
+	isScrolling: boolean;
+	scrollToCell: (rowIndex: number, colIndex: number, options?: ScrollToCellOptions) => void;
+	scrollToOffset: (offsets: {
+		top: number;
+		left: number;
+	}, options?: ScrollToOffsetOptions) => void;
+	scrollToRow: (rowIndex: number, options?: ScrollToRowOptions) => void;
+	scrollToColumn: (colIndex: number, options?: ScrollToColumnOptions) => void;
+}
+export declare function useVirtualGrid(options: UseVirtualGridOptions): UseVirtualGridReturn;
+export interface ScrollToIndexOptions {
+	align?: ScrollAlign;
+	smooth?: boolean;
+}
+export interface VirtualItem {
+	key: Key;
+	index: number;
+	size: number;
+	start: number;
+}
+export interface UseVirtualListOptions<T = unknown> {
+	count: number;
+	estimateSize: number | ((index: number) => number);
+	getScrollElement: () => HTMLElement | Window | Document | null;
+	overscan?: number;
+	horizontal?: boolean;
+	reverse?: boolean;
+	scrollingDelay?: number;
+	initialViewportSize?: number;
+	initialOffset?: number;
+	initialScrollIndex?: number;
+	data?: T[];
+	itemKey?: string | string[] | ((index: number, item?: T) => Key);
+}
+export interface UseVirtualListReturn {
+	virtualItems: VirtualItem[];
+	totalSize: number;
+	isScrolling: boolean;
+	scrollToIndex: (index: number, options?: ScrollToIndexOptions) => void;
+	scrollToOffset: (offset: number, options?: ScrollToOffsetOptions) => void;
+}
+export declare function useVirtualList<T = unknown>(options: UseVirtualListOptions<T>): UseVirtualListReturn;
 
 export {};

package/dist/performance.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./performance2.js";
-export { l as useDebounce, r as useDebouncedCallback, t as useDebouncedState, s as useDebouncedValue, a as useRateLimit, e as useRateLimitedCallback, n as useThrottle, o as useThrottledCallback, i as useThrottledState, c as useThrottledValue };
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./performance2.js";
+export { r as useDebounce, n as useDebouncedCallback, d as useDebouncedState, a as useDebouncedValue, t as useRateLimit, l as useRateLimitedCallback, s as useThrottle, e as useThrottledCallback, i as useThrottledState, c as useThrottledValue, o as useVirtualGrid, u as useVirtualList };

package/dist/performance2.js

@@ -1,41 +1,43 @@
-import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { t as e } from "./useEventListener.js";
+import { t } from "./utils.js";
+import { useCallback as n, useEffect as r, useLayoutEffect as i, useMemo as a, useRef as o, useState as s } from "react";
 //#region src/performance/useDebounce/useDebounce.ts
-function i(i, a = {}) {
-	let o = Math.max(0, Number(i) || 0), [s, c] = r(!1), l = a?.maxWait, u = !!a?.leading, d = !u && a?.trailing === !1 ? !0 : a?.trailing ?? !u, f = n(null), p = n(null), m = n(null), h = n(-1), g = n(-1), _ = e(() => {
+function c(e, t = {}) {
+	let i = Math.max(0, Number(e) || 0), [a, c] = s(!1), l = t?.maxWait, u = !!t?.leading, d = !u && t?.trailing === !1 ? !0 : t?.trailing ?? !u, f = o(null), p = o(null), m = o(null), h = o(-1), g = o(-1), _ = n(() => {
 		m.current &&= (clearTimeout(m.current), null), h.current = -1, g.current = -1, p.current = null, f.current = null, c(!1);
-	}, []), v = e(() => {
+	}, []), v = n(() => {
 		m.current && f.current && p.current && (clearTimeout(m.current), m.current = null, f.current(...p.current), h.current = Date.now(), g.current = -1, p.current = null, f.current = null, c(!1));
 	}, []);
-	return t(() => () => {
+	return r(() => () => {
 		_();
 	}, [_]), {
-		run: e((e, ...t) => {
+		run: n((e, ...t) => {
 			c(!0), g.current = Date.now(), p.current = t, f.current = e, h.current === -1 && (h.current = Date.now(), u === !0 && f.current(...t)), l !== void 0 && Date.now() - h.current >= l ? (m.current && clearTimeout(m.current), f.current && f.current(...t), h.current = -1, c(!1)) : (m.current && clearTimeout(m.current), m.current = setTimeout(() => {
 				g.current !== h.current && d !== !1 && f.current && p.current && f.current(...p.current), h.current = -1, c(!1);
-			}, o));
+			}, i));
 		}, [
-			o,
+			i,
 			l,
 			d,
 			u
 		]),
 		cancel: _,
 		flush: v,
-		isPending: s
+		isPending: a
 	};
 }
 //#endregion
 //#region src/performance/useDebounce/useDebouncedCallback.ts
-function a(r, a, o = {}) {
-	let s = n(r);
-	t(() => {
-		s.current = r;
-	}, [r]);
-	let { run: c, cancel: l, flush: u, isPending: d } = i(a, o);
+function l(e, t, i = {}) {
+	let a = o(e);
+	r(() => {
+		a.current = e;
+	}, [e]);
+	let { run: s, cancel: l, flush: u, isPending: d } = c(t, i);
 	return {
-		debouncedFunc: e((...e) => {
-			c(s.current, ...e);
-		}, [c]),
+		debouncedFunc: n((...e) => {
+			s(a.current, ...e);
+		}, [s]),
 		cancel: l,
 		flush: u,
 		isPending: d
@@ -43,57 +45,57 @@ function a(r, a, o = {}) {
 }
 //#endregion
 //#region src/performance/useDebounce/useDebouncedState.ts
-function o(e, t, n = {}) {
-	let [i, o] = r(e), { debouncedFunc: s, cancel: c, flush: l, isPending: u } = a((e) => {
-		o(e);
+function u(e, t, n = {}) {
+	let [r, i] = s(e), { debouncedFunc: a, cancel: o, flush: c, isPending: u } = l((e) => {
+		i(e);
 	}, t, n);
 	return [
-		i,
-		s,
+		r,
+		a,
 		{
 			isPending: u,
-			cancel: c,
-			flush: l,
-			forceSetValue: o
+			cancel: o,
+			flush: c,
+			forceSetValue: i
 		}
 	];
 }
 //#endregion
 //#region src/performance/useDebounce/useDebouncedValue.ts
-function s(e, n, i = {}) {
-	let [o, s] = r(e), { debouncedFunc: c } = a((e) => {
-		s(e);
-	}, n, i);
-	return t(() => {
-		c(e);
-	}, [e, c]), o;
+function d(e, t, n = {}) {
+	let [i, a] = s(e), { debouncedFunc: o } = l((e) => {
+		a(e);
+	}, t, n);
+	return r(() => {
+		o(e);
+	}, [e, o]), i;
 }
 //#endregion
 //#region src/performance/useRateLimit/useRateLimit.ts
-function c(i, a, o) {
-	let s = Math.max(1, Number(i) || 1), c = Math.max(0, Number(a) || 0), [l, u] = r(s), d = o?.refillStrategy ?? "burst", f = n(o?.onRateLimitReached);
-	t(() => {
-		f.current = o?.onRateLimitReached;
-	}, [o?.onRateLimitReached]);
-	let p = n(s), [m] = r(() => Date.now()), h = n(m), g = n(null);
-	return t(() => () => {
+function f(e, t, i) {
+	let a = Math.max(1, Number(e) || 1), c = Math.max(0, Number(t) || 0), [l, u] = s(a), d = i?.refillStrategy ?? "burst", f = o(i?.onRateLimitReached);
+	r(() => {
+		f.current = i?.onRateLimitReached;
+	}, [i?.onRateLimitReached]);
+	let p = o(a), [m] = s(() => Date.now()), h = o(m), g = o(null);
+	return r(() => () => {
 		g.current && clearTimeout(g.current);
 	}, []), {
-		run: e((e, ...t) => {
+		run: n((e, ...t) => {
 			let n = Date.now(), r = n - h.current;
-			if (d === "burst") r >= c && (p.current = s, h.current = n);
+			if (d === "burst") r >= c && (p.current = a, h.current = n);
 			else {
-				let e = c / s, t = Math.floor(r / e);
-				t > 0 && (p.current = Math.min(s, p.current + t), h.current += t * e);
+				let e = c / a, t = Math.floor(r / e);
+				t > 0 && (p.current = Math.min(a, p.current + t), h.current += t * e);
 			}
-			if (p.current > 0 ? (--p.current, u(p.current), e(...t)) : f.current && f.current(), g.current && clearTimeout(g.current), p.current < s) {
-				let e = c / s, t = d === "burst" ? c - (Date.now() - h.current) : e - (Date.now() - h.current);
+			if (p.current > 0 ? (--p.current, u(p.current), e(...t)) : f.current && f.current(), g.current && clearTimeout(g.current), p.current < a) {
+				let e = c / a, t = d === "burst" ? c - (Date.now() - h.current) : e - (Date.now() - h.current);
 				g.current = setTimeout(() => {
-					u((e) => Math.min(s, e + 1)), h.current = Date.now(), p.current = Math.min(s, p.current + 1);
+					u((e) => Math.min(a, e + 1)), h.current = Date.now(), p.current = Math.min(a, p.current + 1);
 				}, Math.max(0, t));
 			}
 		}, [
-			s,
+			a,
 			c,
 			d
 		]),
@@ -103,96 +105,573 @@ function c(i, a, o) {
 }
 //#endregion
 //#region src/performance/useRateLimit/useRateLimitedCallback.ts
-function l(r, i, a, o) {
-	let s = n(r);
-	t(() => {
-		s.current = r;
-	}, [r]);
-	let { run: l, remaining: u, isRateLimited: d } = c(i, a, o);
+function p(e, t, i, a) {
+	let s = o(e);
+	r(() => {
+		s.current = e;
+	}, [e]);
+	let { run: c, remaining: l, isRateLimited: u } = f(t, i, a);
 	return {
-		rateLimitedFunc: e((...e) => {
-			l(s.current, ...e);
-		}, [l]),
-		remaining: u,
-		isRateLimited: d
+		rateLimitedFunc: n((...e) => {
+			c(s.current, ...e);
+		}, [c]),
+		remaining: l,
+		isRateLimited: u
 	};
 }
 //#endregion
 //#region src/performance/useThrottle/useThrottle.ts
-function u(i, a = {}) {
-	let o = Math.max(0, Number(i) || 0), [s, c] = r(!1), l = a?.leading ?? !0, u = a?.trailing ?? !0;
+function m(e, t = {}) {
+	let i = Math.max(0, Number(e) || 0), [a, c] = s(!1), l = t?.leading ?? !0, u = t?.trailing ?? !0;
 	l === !1 && u === !1 && (l = !0, u = !0);
-	let d = n(null), f = n(null), p = n(null), m = n(-1), h = e(() => {
+	let d = o(null), f = o(null), p = o(null), m = o(-1), h = n(() => {
 		p.current &&= (clearTimeout(p.current), null), m.current = -1, f.current = null, d.current = null, c(!1);
-	}, []), g = e(() => {
+	}, []), g = n(() => {
 		f.current && d.current && (p.current &&= (clearTimeout(p.current), null), d.current(...f.current), m.current = l ? Date.now() : -1, f.current = null, d.current = null, c(!1));
 	}, [l]);
-	return t(() => () => {
+	return r(() => () => {
 		h();
 	}, [h]), {
-		run: e((e, ...t) => {
+		run: n((e, ...t) => {
 			c(!0);
 			let n = Date.now();
-			if (f.current = t, d.current = e, m.current === -1 ? l : n - m.current >= o) p.current &&= (clearTimeout(p.current), null), d.current(...t), m.current = n, f.current = null, c(!1);
+			if (f.current = t, d.current = e, m.current === -1 ? l : n - m.current >= i) p.current &&= (clearTimeout(p.current), null), d.current(...t), m.current = n, f.current = null, c(!1);
 			else if (!p.current) {
-				let e = m.current === -1 ? 0 : n - m.current, t = o - e;
+				let e = m.current === -1 ? 0 : n - m.current, t = i - e;
 				p.current = setTimeout(() => {
 					u && f.current && d.current ? (d.current(...f.current), m.current = l ? Date.now() : -1) : m.current = -1, f.current = null, d.current = null, p.current = null, c(!1);
 				}, t);
 			}
 		}, [
-			o,
+			i,
 			l,
 			u
 		]),
 		cancel: h,
 		flush: g,
-		isPending: s
+		isPending: a
 	};
 }
 //#endregion
 //#region src/performance/useThrottle/useThrottledCallback.ts
-function d(r, i, a = {}) {
-	let o = n(r);
-	t(() => {
-		o.current = r;
-	}, [r]);
-	let { run: s, cancel: c, flush: l, isPending: d } = u(i, a);
+function h(e, t, i = {}) {
+	let a = o(e);
+	r(() => {
+		a.current = e;
+	}, [e]);
+	let { run: s, cancel: c, flush: l, isPending: u } = m(t, i);
 	return {
-		throttledFunc: e((...e) => {
-			s(o.current, ...e);
+		throttledFunc: n((...e) => {
+			s(a.current, ...e);
 		}, [s]),
 		cancel: c,
 		flush: l,
-		isPending: d
+		isPending: u
 	};
 }
 //#endregion
 //#region src/performance/useThrottle/useThrottledState.ts
-function f(e, t, n = {}) {
-	let [i, a] = r(e), { throttledFunc: o, isPending: s, cancel: c, flush: l } = d((e) => {
-		a(e);
+function g(e, t, n = {}) {
+	let [r, i] = s(e), { throttledFunc: a, isPending: o, cancel: c, flush: l } = h((e) => {
+		i(e);
 	}, t, n);
 	return [
-		i,
-		o,
+		r,
+		a,
 		{
-			isPending: s,
+			isPending: o,
 			cancel: c,
 			flush: l,
-			forceSetValue: a
+			forceSetValue: i
 		}
 	];
 }
 //#endregion
 //#region src/performance/useThrottle/useThrottledValue.ts
-function p(e, n, i = {}) {
-	let [a, o] = r(e), { throttledFunc: s } = d((e) => {
+function _(e, t, n = {}) {
+	let [i, a] = s(e), { throttledFunc: o } = h((e) => {
+		a(e);
+	}, t, n);
+	return r(() => {
 		o(e);
-	}, n, i);
-	return t(() => {
-		s(e);
-	}, [e, s]), a;
+	}, [e, o]), i;
+}
+//#endregion
+//#region src/performance/virtualShared/offsetCache.ts
+var v = class {
+	_offsets = /* @__PURE__ */ new Float64Array();
+	_count = 0;
+	initializeOffsets(e, t) {
+		this._count = e, this._offsets = new Float64Array(e + 1);
+		let n = 0;
+		for (let r = 0; r < e; r++) {
+			this._offsets[r] = n;
+			let e = t(r);
+			n += Number.isFinite(e) && e >= 0 ? e : 0;
+		}
+		this._offsets[e] = n;
+	}
+	getItemStartOffset(e) {
+		return e <= 0 ? 0 : e >= this._count ? this._offsets[this._count] ?? 0 : this._offsets[e] ?? 0;
+	}
+	getItemSize(e) {
+		return e < 0 || e >= this._count ? 0 : (this._offsets[e + 1] ?? 0) - (this._offsets[e] ?? 0);
+	}
+	getTotalSize() {
+		return this._offsets[this._count] ?? 0;
+	}
+	updateItemSize(e, t) {
+		if (e < 0 || e >= this._count) return;
+		let n = (Number.isFinite(t) && t >= 0 ? t : 0) - this.getItemSize(e);
+		if (n !== 0) for (let t = e + 1; t <= this._count; t++) this._offsets[t] = (this._offsets[t] ?? 0) + n;
+	}
+	findStartIndex(e) {
+		if (this._count === 0) return 0;
+		let t = 0, n = this._count - 1;
+		for (; t < n;) {
+			let r = t + n >>> 1;
+			(this._offsets[r + 1] ?? 0) <= e ? t = r + 1 : n = r;
+		}
+		return t;
+	}
+	findEndIndex(e) {
+		if (this._count === 0) return -1;
+		let t = 0, n = this._count - 1;
+		for (; t < n;) {
+			let r = (t + n >>> 1) + 1;
+			(this._offsets[r] ?? 0) < e ? t = r : n = r - 1;
+		}
+		return t;
+	}
+	getPhysicalStartReverse(e, t) {
+		return t - (this._offsets[e + 1] ?? 0);
+	}
+	findStartIndexReverse(e, t) {
+		if (this._count === 0) return 0;
+		let n = t - e, r = 0, i = this._count - 1;
+		for (; r < i;) {
+			let e = (r + i >>> 1) + 1;
+			(this._offsets[e] ?? 0) < n ? r = e : i = e - 1;
+		}
+		return (this._offsets[r] ?? 0) >= n ? 0 : r;
+	}
+	findEndIndexReverse(e, t) {
+		if (this._count === 0) return -1;
+		let n = t - e, r = 0, i = this._count - 1;
+		for (; r < i;) {
+			let e = r + i >>> 1;
+			(this._offsets[e + 1] ?? 0) > n ? i = e : r = e + 1;
+		}
+		return (this._offsets[r + 1] ?? 0) <= n ? -1 : r;
+	}
+};
+//#endregion
+//#region src/performance/virtualShared/utils.ts
+function y(e, t) {
+	let n = typeof t == "function" ? t(e) : t, r = Number(n);
+	return Number.isFinite(r) && r >= 0 ? r : 0;
+}
+function b(e, t, n) {
+	if (e <= 0) return 0;
+	if (typeof t == "number") return e * Math.max(0, t);
+	if (n) return n.getItemStartOffset(e);
+	let r = 0;
+	for (let n = 0; n < e; n++) r += y(n, t);
+	return r;
+}
+function x(e, t, n) {
+	if (e <= 0) return 0;
+	if (typeof t == "number") return e * Math.max(0, t);
+	if (n) return n.getTotalSize();
+	let r = 0;
+	for (let n = 0; n < e; n++) r += y(n, t);
+	return r;
+}
+function S(e, t) {
+	if (!e) return 0;
+	let n = t === "vertical";
+	return e instanceof Window ? n ? document.documentElement.clientHeight : document.documentElement.clientWidth : e instanceof Document ? n ? e.documentElement.clientHeight : e.documentElement.clientWidth : n ? e.clientHeight : e.clientWidth;
+}
+function C(e, t) {
+	if (!e) return 0;
+	let n = t === "vertical";
+	return e instanceof Window ? n ? e.scrollY : e.scrollX : e instanceof Document ? n ? e.documentElement.scrollTop : e.documentElement.scrollLeft : n ? e.scrollTop : e.scrollLeft;
+}
+function w(e) {
+	return e ? e instanceof Window ? document.documentElement : e instanceof Document ? e.scrollingElement ?? e.documentElement : e : null;
+}
+//#endregion
+//#region src/performance/useVirtualGrid/utils.ts
+function T(e, t, n, r, i, a) {
+	if (n <= 0 || t <= 0) return {
+		startIndex: 0,
+		endIndex: -1
+	};
+	let o, s;
+	if (typeof r == "number") {
+		let i = Math.max(0, r);
+		i === 0 ? (o = 0, s = n - 1) : (o = Math.max(0, Math.floor(e / i)), s = Math.min(n - 1, Math.ceil((e + t) / i) - 1));
+	} else if (a) {
+		let n = e + t;
+		o = a.findStartIndex(e), s = a.findEndIndex(n);
+	} else {
+		o = 0, s = -1;
+		let i = 0, a = !1;
+		for (let c = 0; c < n; c++) {
+			let n = y(c, r), l = i + n;
+			if (!a && l > e && (o = c, a = !0), a) if (i < e + t) s = c;
+			else break;
+			i += n;
+		}
+		a || (o = 0, s = -1);
+	}
+	return o = Math.max(0, o - i), s = Math.min(n - 1, s + i), {
+		startIndex: o,
+		endIndex: s
+	};
+}
+function E(e, t, n, r, i, a, o) {
+	let s = o ? o.getItemSize(e) : y(e, a), c = b(e, a, o), l = c + s, u = Math.max(0, r - n), d;
+	switch (t) {
+		case "start":
+			d = c;
+			break;
+		case "end":
+			d = Math.max(0, l - n);
+			break;
+		case "center":
+			d = Math.max(0, c + s / 2 - n / 2);
+			break;
+		default:
+			if (c >= i && l <= i + n) return i;
+			d = c < i ? c : Math.max(0, l - n);
+			break;
+	}
+	return Math.max(0, Math.min(d, u));
+}
+//#endregion
+//#region src/performance/useVirtualGrid/useVirtualGrid.ts
+function D(t) {
+	let { rowCount: c, colCount: u, estimateRowHeight: d, estimateColumnWidth: f, getScrollElement: p, overscanRows: m = 3, overscanCols: h = 3, scrollingDelay: g = 150, initialViewportHeight: _ = 0, initialViewportWidth: D = 0, initialScrollTop: O, initialScrollLeft: k, initialScrollRow: A, initialScrollCol: j, itemKey: M } = t, N = Math.max(0, Math.trunc(Number(c)) || 0), P = Math.max(0, Math.trunc(Number(u)) || 0), F = Math.max(0, Math.trunc(Number(m)) || 0), I = Math.max(0, Math.trunc(Number(h)) || 0), L = o(t);
+	i(() => {
+		L.current = t;
+	});
+	let R = a(() => {
+		if (typeof d != "function") return;
+		let e = new v();
+		return e.initializeOffsets(N, d), e;
+	}, [N, d]), z = a(() => {
+		if (typeof f != "function") return;
+		let e = new v();
+		return e.initializeOffsets(P, f), e;
+	}, [P, f]), B = o(R), V = o(z);
+	i(() => {
+		B.current = R;
+	}, [R]), i(() => {
+		V.current = z;
+	}, [z]);
+	let [H, U] = s(() => {
+		if (typeof O == "number") return Math.max(0, O);
+		if (typeof A == "number" && N > 0) {
+			let e = Math.max(0, Math.min(Math.trunc(Number(A)) || 0, N - 1));
+			return R ? R.getItemStartOffset(e) : b(e, d);
+		}
+		return 0;
+	}), [W, G] = s(() => {
+		if (typeof k == "number") return Math.max(0, k);
+		if (typeof j == "number" && P > 0) {
+			let e = Math.max(0, Math.min(Math.trunc(Number(j)) || 0, P - 1));
+			return z ? z.getItemStartOffset(e) : b(e, f);
+		}
+		return 0;
+	}), [K, q] = s(!1), [, J] = s({}), Y = o(!1), { debouncedFunc: X } = l(() => q(!1), g), Z = p();
+	r(() => {
+		if (!Z) return;
+		if (!Y.current) {
+			Y.current = !0;
+			let e = typeof O == "number" || typeof A == "number", t = typeof k == "number" || typeof j == "number";
+			if (e || t) {
+				let n = w(Z);
+				n && n.scrollTo({
+					...e && { top: H },
+					...t && { left: W },
+					behavior: "auto"
+				});
+				return;
+			}
+		}
+		let e = C(Z, "vertical"), t = C(Z, "horizontal");
+		U((t) => t === e ? t : e), G((e) => e === t ? e : t);
+	}, [
+		Z,
+		O,
+		k,
+		A,
+		j,
+		H,
+		W
+	]);
+	function ee() {
+		let { getScrollElement: e, scrollingDelay: t } = L.current, n = e();
+		if (!n) return;
+		let r = C(n, "vertical"), i = C(n, "horizontal");
+		U(r), G(i), (t ?? 150) > 0 && (q(!0), X());
+	}
+	e("scroll", ee, {
+		target: Z,
+		passive: !0
+	}), r(() => {
+		if (!Z) return;
+		let e = () => J({});
+		if (Z instanceof Window) return Z.addEventListener("resize", e), () => Z.removeEventListener("resize", e);
+		let t = new ResizeObserver(e), n = Z instanceof Document ? Z.documentElement : Z;
+		return t.observe(n), () => t.disconnect();
+	}, [Z]);
+	let te = S(Z, "vertical") || _, ne = S(Z, "horizontal") || D, re = x(N, d, R), ie = x(P, f, z), { startIndex: Q, endIndex: ae } = T(H, te, N, d, F, R), { startIndex: $, endIndex: oe } = T(W, ne, P, f, I, z), se = [];
+	if (Q <= ae && $ <= oe) {
+		let e = R ? R.getItemStartOffset(Q) : b(Q, d);
+		for (let t = Q; t <= ae; t++) {
+			let n = R ? R.getItemSize(t) : y(t, d), r = z ? z.getItemStartOffset($) : b($, f);
+			for (let i = $; i <= oe; i++) {
+				let a = z ? z.getItemSize(i) : y(i, f), o = M ? M(t, i) : `${t}:${i}`;
+				se.push({
+					key: o,
+					rowIndex: t,
+					colIndex: i,
+					height: n,
+					width: a,
+					top: e,
+					left: r
+				}), r += a;
+			}
+			e += n;
+		}
+	}
+	return {
+		virtualCells: se,
+		totalHeight: re,
+		totalWidth: ie,
+		isScrolling: K,
+		scrollToOffset: n((e, t) => {
+			let { getScrollElement: n, initialViewportHeight: r, initialViewportWidth: i } = L.current, a = n();
+			if (!a) return;
+			let { rowCount: o, colCount: s, estimateRowHeight: c, estimateColumnWidth: l } = L.current, u = Math.max(0, Math.trunc(Number(o)) || 0), d = Math.max(0, Math.trunc(Number(s)) || 0), f = x(u, c, B.current), p = x(d, l, V.current), m = S(a, "vertical") || r || 0, h = S(a, "horizontal") || i || 0, g = Math.max(0, Math.min(e.top, Math.max(0, f - m))), _ = Math.max(0, Math.min(e.left, Math.max(0, p - h))), v = w(a);
+			v && v.scrollTo({
+				top: g,
+				left: _,
+				behavior: t?.smooth === !0 ? "smooth" : "auto"
+			});
+		}, []),
+		scrollToRow: n((e, t) => {
+			let { getScrollElement: n, rowCount: r, estimateRowHeight: i, initialViewportHeight: a } = L.current, o = n();
+			if (!o) return;
+			let s = Math.max(0, Math.trunc(Number(r)) || 0);
+			if (s === 0) return;
+			let c = Math.max(0, Math.min(Math.trunc(Number(e)) || 0, s - 1)), l = S(o, "vertical") || a || 0, u = x(s, i, B.current), d = C(o, "vertical"), f = E(c, t?.align ?? "auto", l, u, d, i, B.current), p = w(o);
+			p && p.scrollTo({
+				top: f,
+				behavior: t?.smooth === !0 ? "smooth" : "auto"
+			});
+		}, []),
+		scrollToColumn: n((e, t) => {
+			let { getScrollElement: n, colCount: r, estimateColumnWidth: i, initialViewportWidth: a } = L.current, o = n();
+			if (!o) return;
+			let s = Math.max(0, Math.trunc(Number(r)) || 0);
+			if (s === 0) return;
+			let c = Math.max(0, Math.min(Math.trunc(Number(e)) || 0, s - 1)), l = S(o, "horizontal") || a || 0, u = x(s, i, V.current), d = C(o, "horizontal"), f = E(c, t?.align ?? "auto", l, u, d, i, V.current), p = w(o);
+			p && p.scrollTo({
+				left: f,
+				behavior: t?.smooth === !0 ? "smooth" : "auto"
+			});
+		}, []),
+		scrollToCell: n((e, t, n) => {
+			let { getScrollElement: r, rowCount: i, colCount: a, estimateRowHeight: o, estimateColumnWidth: s, initialViewportHeight: c, initialViewportWidth: l } = L.current, u = r();
+			if (!u) return;
+			let d = Math.max(0, Math.trunc(Number(i)) || 0), f = Math.max(0, Math.trunc(Number(a)) || 0);
+			if (d === 0 || f === 0) return;
+			let p = Math.max(0, Math.min(Math.trunc(Number(e)) || 0, d - 1)), m = Math.max(0, Math.min(Math.trunc(Number(t)) || 0, f - 1)), h = S(u, "vertical") || c || 0, g = S(u, "horizontal") || l || 0, _ = x(d, o, B.current), v = x(f, s, V.current), y = C(u, "vertical"), b = C(u, "horizontal"), T = E(p, n?.rowAlign ?? "auto", h, _, y, o, B.current), D = E(m, n?.colAlign ?? "auto", g, v, b, s, V.current), O = w(u);
+			O && O.scrollTo({
+				top: T,
+				left: D,
+				behavior: n?.smooth === !0 ? "smooth" : "auto"
+			});
+		}, [])
+	};
+}
+//#endregion
+//#region src/performance/useVirtualList/utils.ts
+function O(e, t) {
+	return S(e, t ? "horizontal" : "vertical");
+}
+function k(e, t) {
+	return C(e, t ? "horizontal" : "vertical");
+}
+function A(e, t, n, r, i, a, o, s) {
+	if (r <= 0 || t <= 0) return {
+		startIndex: 0,
+		endIndex: -1
+	};
+	let c, l;
+	if (typeof i == "number") {
+		let a = Math.max(0, i);
+		a === 0 ? (c = 0, l = r - 1) : o ? (c = Math.max(0, Math.floor((n - e - t) / a)), l = Math.min(r - 1, Math.ceil((n - e) / a) - 1)) : (c = Math.max(0, Math.floor(e / a)), l = Math.min(r - 1, Math.ceil((e + t) / a) - 1));
+	} else if (s) if (o) {
+		let r = e + t;
+		c = s.findStartIndexReverse(e, n), l = s.findEndIndexReverse(r, n);
+	} else {
+		let n = e + t;
+		c = s.findStartIndex(e), l = s.findEndIndex(n);
+	}
+	else if (o) {
+		c = r, l = -1;
+		let a = 0;
+		for (let o = 0; o < r; o++) {
+			let r = y(o, i), s = n - a - r;
+			if (n - a <= e) break;
+			s < e + t && (o < c && (c = o), l = o), a += r;
+		}
+		c === r && (c = 0, l = -1);
+	} else {
+		c = 0, l = -1;
+		let n = 0, a = !1;
+		for (let o = 0; o < r; o++) {
+			let r = y(o, i), s = n + r;
+			if (!a && s > e && (c = o, a = !0), a) if (n < e + t) l = o;
+			else break;
+			n += r;
+		}
+		a || (c = 0, l = -1);
+	}
+	return c = Math.max(0, c - a), l = Math.min(r - 1, l + a), {
+		startIndex: c,
+		endIndex: l
+	};
+}
+function j(e, t, n, r, i, a, o, s) {
+	let c = s ? s.getItemSize(e) : y(e, a), l = b(e, a, s), u = o ? r - l - c : l, d = u + c, f = Math.max(0, r - n), p;
+	switch (t) {
+		case "start":
+			p = o ? Math.max(0, d - n) : u;
+			break;
+		case "end":
+			p = o ? u : Math.max(0, d - n);
+			break;
+		case "center":
+			p = Math.max(0, u + c / 2 - n / 2);
+			break;
+		default:
+			if (u >= i && d <= i + n) return i;
+			p = u < i ? o ? Math.max(0, d - n) : u : o ? u : Math.max(0, d - n);
+			break;
+	}
+	return Math.max(0, Math.min(p, f));
+}
+//#endregion
+//#region src/performance/useVirtualList/useVirtualList.ts
+function M(c) {
+	let { count: u, estimateSize: d, getScrollElement: f, overscan: p = 3, horizontal: m = !1, reverse: h = !1, scrollingDelay: g = 150, initialViewportSize: _ = 0, data: S, itemKey: C, initialOffset: T, initialScrollIndex: E } = c, D = Math.max(0, Math.trunc(Number(u)) || 0), M = Math.max(0, Math.trunc(Number(p)) || 0), N = o(c);
+	i(() => {
+		N.current = c;
+	});
+	let P = a(() => {
+		if (typeof d != "function") return;
+		let e = new v();
+		return e.initializeOffsets(D, d), e;
+	}, [D, d]), F = o(P);
+	i(() => {
+		F.current = P;
+	}, [P]);
+	let [I, L] = s(() => {
+		if (typeof T == "number") return Math.max(0, T);
+		if (typeof E == "number" && D > 0) {
+			let e = Math.max(0, Math.min(Math.trunc(Number(E)) || 0, D - 1)), t = P ? P.getItemStartOffset(e) : b(e, d);
+			if (h) {
+				let n = P ? P.getItemSize(e) : y(e, d), r = x(D, d, P);
+				return Math.max(0, r - t - n);
+			}
+			return t;
+		}
+		return 0;
+	}), [R, z] = s(!1), [, B] = s({}), V = o(!1), { debouncedFunc: H } = l(() => z(!1), g), U = f();
+	r(() => {
+		if (!U) return;
+		if (!V.current && (V.current = !0, typeof T == "number" || typeof E == "number")) {
+			let e = w(U);
+			e && e.scrollTo({
+				[m ? "left" : "top"]: I,
+				behavior: "auto"
+			});
+			return;
+		}
+		let e = k(U, m);
+		L((t) => t === e ? t : e);
+	}, [
+		U,
+		m,
+		T,
+		E,
+		I
+	]);
+	function W() {
+		let { getScrollElement: e, horizontal: t } = N.current, n = e();
+		if (!n) return;
+		let r = k(n, t ?? !1);
+		L(r), (N.current.scrollingDelay ?? 150) > 0 && (z(!0), H());
+	}
+	e("scroll", W, {
+		target: U,
+		passive: !0
+	}), r(() => {
+		if (!U) return;
+		let e = () => B({});
+		if (U instanceof Window) return U.addEventListener("resize", e), () => U.removeEventListener("resize", e);
+		let t = new ResizeObserver(e), n = U instanceof Document ? U.documentElement : U;
+		return t.observe(n), () => t.disconnect();
+	}, [U]);
+	let G = O(U, m) || _, K = x(D, d, P), { startIndex: q, endIndex: J } = A(I, G, K, D, d, M, h, P), Y = [];
+	if (q <= J) {
+		let e = P ? P.getItemStartOffset(q) : b(q, d);
+		for (let n = q; n <= J; n++) {
+			let r = P ? P.getItemSize(n) : y(n, d), i = h ? K - e - r : e, a = n;
+			if (C) {
+				if (typeof C == "function") a = C(n, S?.[n]);
+				else if (S && S[n] !== void 0 && S[n] !== null) {
+					let e = t(S[n], C);
+					(typeof e == "string" || typeof e == "number") && (a = e);
+				}
+			}
+			Y.push({
+				key: a,
+				index: n,
+				size: r,
+				start: i
+			}), e += r;
+		}
+	}
+	let X = n((e, t) => {
+		let { getScrollElement: n, horizontal: r, count: i, estimateSize: a } = N.current, o = n();
+		if (!o) return;
+		let s = r ?? !1, c = O(o, s) || N.current.initialViewportSize || 0, l = F.current, u = x(Math.max(0, Math.trunc(Number(i)) || 0), a, l), d = Math.max(0, Math.min(e, Math.max(0, u - c))), f = w(o);
+		if (!f) return;
+		let p = { behavior: t?.smooth === !0 ? "smooth" : "auto" };
+		s ? p.left = d : p.top = d, f.scrollTo(p);
+	}, []);
+	return {
+		virtualItems: Y,
+		totalSize: K,
+		isScrolling: R,
+		scrollToIndex: n((e, t) => {
+			let { getScrollElement: n, count: r, estimateSize: i, horizontal: a, reverse: o } = N.current, s = n();
+			if (!s) return;
+			let c = Math.max(0, Math.trunc(Number(r)) || 0);
+			if (c === 0) return;
+			let l = Math.max(0, Math.min(Math.trunc(Number(e)) || 0, c - 1)), u = t?.align ?? "auto", d = a ?? !1, f = o ?? !1, p = F.current, m = j(l, u, O(s, d) || N.current.initialViewportSize || 0, x(c, i, p), k(s, d), i, f, p), h = w(s);
+			if (!h) return;
+			let g = { behavior: t?.smooth === !0 ? "smooth" : "auto" };
+			d ? g.left = m : g.top = m, h.scrollTo(g);
+		}, []),
+		scrollToOffset: X
+	};
 }
 //#endregion
-export { l as a, o as c, u as i, a as l, f as n, c as o, d as r, s, p as t, i as u };
+export { h as a, f as c, l as d, c as f, g as i, d as l, D as n, m as o, _ as r, p as s, M as t, u };

package/dist/useEventListener.js

@@ -0,0 +1,32 @@
+import { useEffect as e, useLayoutEffect as t, useRef as n } from "react";
+//#region src/events/useEventListener/useEventListener.ts
+var r = typeof window < "u" ? t : e;
+function i(t, i, a = {}) {
+	let { target: o, capture: s = !1, passive: c = !1, once: l = !1 } = a, u = o === void 0 ? typeof window > "u" ? null : window : o, d = n(i);
+	r(() => {
+		d.current = i;
+	}, [i]), e(() => {
+		let e = u && "current" in u ? u.current : u;
+		if (!e?.addEventListener) return;
+		let n = Array.isArray(t) ? t : [t], r = (e) => d.current(e);
+		return n.forEach((t) => {
+			e.addEventListener(t, r, {
+				capture: s,
+				passive: c,
+				once: l
+			});
+		}), () => {
+			n.forEach((t) => {
+				e.removeEventListener(t, r, { capture: s });
+			});
+		};
+	}, [
+		Array.isArray(t) ? t.join(",") : t,
+		u,
+		s,
+		c,
+		l
+	]);
+}
+//#endregion
+export { i as t };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@himanshu-sorathiya/react-kit",
-	"version": "1.0.22",
+	"version": "1.0.23",
 	"description": "An opinionated collection of react hooks, and reusable UI components.",
 	"type": "module",
 	"module": "./dist/index.js",