@himanshu-sorathiya/react-kit 1.0.21 → 1.0.23

package/dist/events.d.ts

@@ -2,6 +2,36 @@
 
 import { RefObject } from 'react';
 
+export type ClickOutsideEvent = MouseEvent | TouchEvent | PointerEvent | Event;
+export type ClickOutsideTarget = HTMLElement | null;
+export type ClickOutsideTargetRef = RefObject<ClickOutsideTarget> | ClickOutsideTarget;
+export interface UseClickOutsideOptions {
+	enabled?: boolean;
+	eventType?: string | string[];
+}
+export type UseClickOutsideReturn = void;
+export declare function useClickOutside(target: ClickOutsideTargetRef | ClickOutsideTargetRef[], handler: (event: ClickOutsideEvent) => void, options?: UseClickOutsideOptions): UseClickOutsideReturn;
+export type TargetType = EventTarget;
+export type TargetRef<T extends TargetType> = RefObject<T | null> | T | null;
+export interface UseEventListenerOptions<T extends TargetType> extends AddEventListenerOptions {
+	target?: TargetRef<T>;
+}
+export type UseEventListenerReturn = void;
+export declare function useEventListener<K extends keyof WindowEventMap>(eventName: K | K[], handler: (event: WindowEventMap[K]) => void, options?: UseEventListenerOptions<Window> & {
+	target?: Window | null | undefined;
+}): UseEventListenerReturn;
+export declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K | K[], handler: (event: DocumentEventMap[K]) => void, options: UseEventListenerOptions<Document> & {
+	target: Document | RefObject<Document | null> | null;
+}): UseEventListenerReturn;
+export declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLElement>(eventName: K | K[], handler: (event: HTMLElementEventMap[K]) => void, options: UseEventListenerOptions<T> & {
+	target: T | RefObject<T | null> | null;
+}): UseEventListenerReturn;
+export declare function useEventListener<K extends keyof SVGElementEventMap, T extends SVGElement = SVGElement>(eventName: K | K[], handler: (event: SVGElementEventMap[K]) => void, options: UseEventListenerOptions<T> & {
+	target: T | RefObject<T | null> | null;
+}): UseEventListenerReturn;
+export declare function useEventListener<K extends string, T extends TargetType = TargetType>(eventName: K | K[], handler: (event: Event) => void, options: UseEventListenerOptions<T> & {
+	target: T | RefObject<T | null> | null;
+}): UseEventListenerReturn;
 declare const validKeyEventTypes: readonly [
 	"keydown",
 	"keyup",

package/dist/events.js

@@ -1,2 +1,3 @@
-import { t as e } from "./events2.js";
-export { e 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,44 +1,57 @@
-import { useEffect as e, useLayoutEffect as t, useRef as n } from "react";
+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 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 r = [
+var o = [
 	"keydown",
 	"keyup",
 	"keypress"
-];
-//#endregion
-//#region src/events/useKey/useKey.ts
-function i(i, a, { enabled: o = !0, preventDefault: s = !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 = window } = {}) {
-	let _ = n(a), v = n(o), y = n(!1);
-	t(() => {
-		_.current = a;
-	}, [a]), e(() => {
-		v.current = o;
-	}, [o]), e(() => {
-		let e = g && "current" in g ? g.current : g;
-		if (!e) return;
-		let t = String(i || "").toLowerCase(), n = r.includes(l) ? l : "keydown", a = u && n !== "keyup";
-		function o() {
-			y.current = !1;
+], 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]), 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 b(e) {
+		function g(e) {
 			if (!(e instanceof KeyboardEvent)) return;
-			let n = e.key.toLowerCase();
-			(n === t || f && n === "control" || p && n === "shift" || m && n === "alt" || h && n === "meta") && (y.current = !1);
+			let t = e.key.toLowerCase();
+			(t === n || f && t === "control" || p && t === "shift" || m && t === "alt" || h && t === "meta") && (b.current = !1);
 		}
 		function x(e) {
-			if (!(e instanceof KeyboardEvent) || !v.current) return;
-			let n = e.target;
-			if (!(d && n instanceof HTMLElement && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n.isContentEditable)) && e.ctrlKey === f && e.shiftKey === p && e.altKey === m && e.metaKey === h && t === e.key.toLowerCase()) {
-				if (a && y.current) return;
-				y.current = !0, _.current(e), s && e.preventDefault(), c && e.stopPropagation();
+			if (!(e instanceof KeyboardEvent) || !y.current) return;
+			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(), c && e.stopPropagation();
 			}
 		}
-		return e.addEventListener(n, x), a && (e.addEventListener("keyup", b), window.addEventListener("blur", o)), () => {
-			e.removeEventListener(n, x), a && (e.removeEventListener("keyup", b), window.removeEventListener("blur", o));
+		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));
 		};
 	}, [
-		i,
-		s,
+		e,
+		a,
 		c,
 		l,
 		u,
@@ -47,8 +60,8 @@ function i(i, a, { enabled: o = !0, preventDefault: s = !0, stopPropagation: c =
 		p,
 		m,
 		h,
-		g
+		_
 	]);
 }
 //#endregion
-export { i 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;
@@ -181,6 +181,36 @@ export declare function isAM(date: DateInput): boolean;
 export declare function isPM(date: DateInput): boolean;
 export declare function isLeapYear(yearOrDate: number | Date): boolean;
 export declare function isInLeapYear(date: DateInput): boolean;
+export type ClickOutsideEvent = MouseEvent | TouchEvent | PointerEvent | Event;
+export type ClickOutsideTarget = HTMLElement | null;
+export type ClickOutsideTargetRef = React$1.RefObject<ClickOutsideTarget> | ClickOutsideTarget;
+export interface UseClickOutsideOptions {
+	enabled?: boolean;
+	eventType?: string | string[];
+}
+export type UseClickOutsideReturn = void;
+export declare function useClickOutside(target: ClickOutsideTargetRef | ClickOutsideTargetRef[], handler: (event: ClickOutsideEvent) => void, options?: UseClickOutsideOptions): UseClickOutsideReturn;
+export type TargetType = EventTarget;
+export type TargetRef<T extends TargetType> = React$1.RefObject<T | null> | T | null;
+export interface UseEventListenerOptions<T extends TargetType> extends AddEventListenerOptions {
+	target?: TargetRef<T>;
+}
+export type UseEventListenerReturn = void;
+export declare function useEventListener<K extends keyof WindowEventMap>(eventName: K | K[], handler: (event: WindowEventMap[K]) => void, options?: UseEventListenerOptions<Window> & {
+	target?: Window | null | undefined;
+}): UseEventListenerReturn;
+export declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K | K[], handler: (event: DocumentEventMap[K]) => void, options: UseEventListenerOptions<Document> & {
+	target: Document | React$1.RefObject<Document | null> | null;
+}): UseEventListenerReturn;
+export declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLElement>(eventName: K | K[], handler: (event: HTMLElementEventMap[K]) => void, options: UseEventListenerOptions<T> & {
+	target: T | React$1.RefObject<T | null> | null;
+}): UseEventListenerReturn;
+export declare function useEventListener<K extends keyof SVGElementEventMap, T extends SVGElement = SVGElement>(eventName: K | K[], handler: (event: SVGElementEventMap[K]) => void, options: UseEventListenerOptions<T> & {
+	target: T | React$1.RefObject<T | null> | null;
+}): UseEventListenerReturn;
+export declare function useEventListener<K extends string, T extends TargetType = TargetType>(eventName: K | K[], handler: (event: Event) => void, options: UseEventListenerOptions<T> & {
+	target: T | React$1.RefObject<T | null> | null;
+}): UseEventListenerReturn;
 declare const validKeyEventTypes: readonly [
 	"keydown",
 	"keyup",
@@ -286,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 { t as lt } from "./events2.js";
-import { a as ut, c as dt, i as ft, l as pt, n as mt, o as ht, r as gt, s as _t, t as vt, u as yt } from "./performance2.js";
-import { a as bt, c as xt, i as St, n as Ct, o as wt, r as Tt, s as Et, t as Dt } from "./state2.js";
-import { a as Ot, c as kt, i as At, n as jt, o as Mt, r as Nt, s as Pt, t as Ft } from "./ui2.js";
-export { kt as FuzzyHighlighter, At 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, yt as useDebounce, pt as useDebouncedCallback, dt as useDebouncedState, _t as useDebouncedValue, Nt as useExpansion, xt as useFilter, Et as useFuzzySearch, wt as useGrouping, lt as useKey, Ot as useModal, Mt as useModalActions, Pt as useModalState, bt as useMultipleSelection, St as useOrder, Tt as usePagination, jt as usePin, ht as useRateLimit, ut as useRateLimitedCallback, Ct as useSingleSelection, Dt as useSort, ft as useThrottle, gt as useThrottledCallback, mt as useThrottledState, vt as useThrottledValue, Ft 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.21",
+	"version": "1.0.23",
 	"description": "An opinionated collection of react hooks, and reusable UI components.",
 	"type": "module",
 	"module": "./dist/index.js",