@jbpark/use-hooks 2.0.2 → 2.1.0

package/dist/hooks/useLocalStorage/index.d.mts

@@ -0,0 +1,5 @@
+//#region src/hooks/useLocalStorage/index.d.ts
+declare const useLocalStorage: <T>(key: string, initialValue: T) => readonly [T, (value: T | ((val: T) => T)) => void];
+//#endregion
+export { useLocalStorage };
+//# sourceMappingURL=index.d.mts.map

package/dist/hooks/useLocalStorage/index.mjs

@@ -0,0 +1,40 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+
+//#region src/hooks/useLocalStorage/index.ts
+const useLocalStorage = (key, initialValue) => {
+	const initialRef = useRef(initialValue);
+	const [storedValue, setStoredValue] = useState(() => {
+		if (typeof window === "undefined") return initialValue;
+		try {
+			const item = window.localStorage.getItem(key);
+			return item ? JSON.parse(item) : initialValue;
+		} catch {
+			return initialValue;
+		}
+	});
+	useEffect(() => {
+		if (typeof window === "undefined") return;
+		try {
+			const item = window.localStorage.getItem(key);
+			if (item) setStoredValue(JSON.parse(item));
+			else window.localStorage.setItem(key, JSON.stringify(initialRef.current));
+		} catch (e) {
+			console.error(`Error reading localStorage key "${key}":`, e);
+		}
+	}, [key]);
+	return [storedValue, useCallback((value) => {
+		try {
+			setStoredValue((prev) => {
+				const valueToStore = value instanceof Function ? value(prev) : value;
+				localStorage.setItem(key, JSON.stringify(valueToStore));
+				return valueToStore;
+			});
+		} catch (e) {
+			console.error(`Error setting localStorage key "${key}":`, e);
+		}
+	}, [key])];
+};
+
+//#endregion
+export { useLocalStorage as default };
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/useLocalStorage/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/hooks/useLocalStorage/index.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nconst useLocalStorage = <T>(key: string, initialValue: T) => {\n  const initialRef = useRef(initialValue);\n  const [storedValue, setStoredValue] = useState<T>(() => {\n    if (typeof window === 'undefined') {\n      return initialValue;\n    }\n    try {\n      const item = window.localStorage.getItem(key);\n      return item ? (JSON.parse(item) as T) : initialValue;\n    } catch {\n      return initialValue;\n    }\n  });\n\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    try {\n      const item = window.localStorage.getItem(key);\n      if (item) {\n        setStoredValue(JSON.parse(item) as T);\n      } else {\n        window.localStorage.setItem(key, JSON.stringify(initialRef.current));\n      }\n    } catch (e) {\n      console.error(`Error reading localStorage key \"${key}\":`, e);\n    }\n  }, [key]);\n\n  const setValue = useCallback(\n    (value: T | ((val: T) => T)) => {\n      try {\n        setStoredValue(prev => {\n          const valueToStore = value instanceof Function ? value(prev) : value;\n          localStorage.setItem(key, JSON.stringify(valueToStore));\n          return valueToStore;\n        });\n      } catch (e) {\n        console.error(`Error setting localStorage key \"${key}\":`, e);\n      }\n    },\n    [key],\n  );\n\n  return [storedValue, setValue] as const;\n};\n\nexport default useLocalStorage;\n"],"mappings":";;;AAEA,MAAM,mBAAsB,KAAa,iBAAoB;CAC3D,MAAM,aAAa,OAAO,aAAa;CACvC,MAAM,CAAC,aAAa,kBAAkB,eAAkB;AACtD,MAAI,OAAO,WAAW,YACpB,QAAO;AAET,MAAI;GACF,MAAM,OAAO,OAAO,aAAa,QAAQ,IAAI;AAC7C,UAAO,OAAQ,KAAK,MAAM,KAAK,GAAS;UAClC;AACN,UAAO;;GAET;AAEF,iBAAgB;AACd,MAAI,OAAO,WAAW,YACpB;AAGF,MAAI;GACF,MAAM,OAAO,OAAO,aAAa,QAAQ,IAAI;AAC7C,OAAI,KACF,gBAAe,KAAK,MAAM,KAAK,CAAM;OAErC,QAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,WAAW,QAAQ,CAAC;WAE/D,GAAG;AACV,WAAQ,MAAM,mCAAmC,IAAI,KAAK,EAAE;;IAE7D,CAAC,IAAI,CAAC;AAiBT,QAAO,CAAC,aAfS,aACd,UAA+B;AAC9B,MAAI;AACF,mBAAe,SAAQ;IACrB,MAAM,eAAe,iBAAiB,WAAW,MAAM,KAAK,GAAG;AAC/D,iBAAa,QAAQ,KAAK,KAAK,UAAU,aAAa,CAAC;AACvD,WAAO;KACP;WACK,GAAG;AACV,WAAQ,MAAM,mCAAmC,IAAI,KAAK,EAAE;;IAGhE,CAAC,IAAI,CACN,CAE6B"}

package/dist/hooks/useRecursiveTimeout/index.d.mts

@@ -0,0 +1,5 @@
+//#region src/hooks/useRecursiveTimeout/index.d.ts
+declare const useRecursiveTimeout: <T>(callback: () => Promise<T> | (() => void), delay: number | null) => void;
+//#endregion
+export { useRecursiveTimeout };
+//# sourceMappingURL=index.d.mts.map

package/dist/hooks/useRecursiveTimeout/index.mjs

@@ -0,0 +1,27 @@
+import { useEffect, useRef } from "react";
+
+//#region src/hooks/useRecursiveTimeout/index.ts
+const useRecursiveTimeout = (callback, delay) => {
+	const savedCallback = useRef(callback);
+	useEffect(() => {
+		savedCallback.current = callback;
+	}, [callback]);
+	useEffect(() => {
+		let id;
+		function tick() {
+			const ret = savedCallback.current();
+			if (ret instanceof Promise) ret.then(() => {
+				if (delay) id = setTimeout(tick, delay);
+			});
+			else if (delay) id = setTimeout(tick, delay);
+		}
+		if (delay) {
+			id = setTimeout(tick, delay);
+			return () => id && clearTimeout(id);
+		}
+	}, [delay]);
+};
+
+//#endregion
+export { useRecursiveTimeout as default };
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/useRecursiveTimeout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/hooks/useRecursiveTimeout/index.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst useRecursiveTimeout = <T>(\n  callback: () => Promise<T> | (() => void),\n  delay: number | null,\n) => {\n  const savedCallback = useRef(callback);\n\n  useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    let id: NodeJS.Timeout;\n\n    function tick() {\n      const ret = savedCallback.current();\n\n      if (ret instanceof Promise) {\n        ret.then(() => {\n          if (delay) {\n            id = setTimeout(tick, delay);\n          }\n        });\n      } else {\n        if (delay) {\n          id = setTimeout(tick, delay);\n        }\n      }\n    }\n\n    if (delay) {\n      id = setTimeout(tick, delay);\n      return () => id && clearTimeout(id);\n    }\n  }, [delay]);\n};\n\nexport default useRecursiveTimeout;\n"],"mappings":";;;AAEA,MAAM,uBACJ,UACA,UACG;CACH,MAAM,gBAAgB,OAAO,SAAS;AAEtC,iBAAgB;AACd,gBAAc,UAAU;IACvB,CAAC,SAAS,CAAC;AAEd,iBAAgB;EACd,IAAI;EAEJ,SAAS,OAAO;GACd,MAAM,MAAM,cAAc,SAAS;AAEnC,OAAI,eAAe,QACjB,KAAI,WAAW;AACb,QAAI,MACF,MAAK,WAAW,MAAM,MAAM;KAE9B;YAEE,MACF,MAAK,WAAW,MAAM,MAAM;;AAKlC,MAAI,OAAO;AACT,QAAK,WAAW,MAAM,MAAM;AAC5B,gBAAa,MAAM,aAAa,GAAG;;IAEpC,CAAC,MAAM,CAAC"}

package/dist/hooks/useResponsiveSize/index.d.mts

@@ -0,0 +1,26 @@
+//#region src/hooks/useResponsiveSize/index.d.ts
+type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+interface BreakpointInfo {
+  current: Breakpoint;
+  xs: boolean;
+  sm: boolean;
+  md: boolean;
+  lg: boolean;
+  xl: boolean;
+  '2xl': boolean;
+}
+interface Options {
+  delay?: number;
+  container?: HTMLElement | null;
+}
+declare const useResponsiveSize: <T extends HTMLElement>(options?: Options) => {
+  size: {
+    width: number;
+    height: number;
+  };
+  breakpoint: BreakpointInfo;
+  ref: (node: T | null) => void;
+};
+//#endregion
+export { useResponsiveSize };
+//# sourceMappingURL=index.d.mts.map

package/dist/hooks/useResponsiveSize/index.mjs

@@ -0,0 +1,108 @@
+import useDebounce from "../useDebounce/index.mjs";
+import { useCallback, useEffect, useRef, useState } from "react";
+
+//#region src/hooks/useResponsiveSize/index.ts
+const BREAKPOINTS = {
+	xs: 0,
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280,
+	"2xl": 1536
+};
+const getBreakpointInfo = (width) => {
+	let current = "xs";
+	if (width >= BREAKPOINTS["2xl"]) current = "2xl";
+	else if (width >= BREAKPOINTS.xl) current = "xl";
+	else if (width >= BREAKPOINTS.lg) current = "lg";
+	else if (width >= BREAKPOINTS.md) current = "md";
+	else if (width >= BREAKPOINTS.sm) current = "sm";
+	else current = "xs";
+	return {
+		current,
+		xs: width < BREAKPOINTS.sm,
+		sm: width >= BREAKPOINTS.sm && width < BREAKPOINTS.md,
+		md: width >= BREAKPOINTS.md && width < BREAKPOINTS.lg,
+		lg: width >= BREAKPOINTS.lg && width < BREAKPOINTS.xl,
+		xl: width >= BREAKPOINTS.xl && width < BREAKPOINTS["2xl"],
+		"2xl": width >= BREAKPOINTS["2xl"]
+	};
+};
+const useResponsiveSize = (options) => {
+	const { delay = 100, container } = options || {};
+	const [size, setSize] = useState({
+		width: 0,
+		height: 0
+	});
+	const [breakpoint, setBreakpoint] = useState({
+		current: "xs",
+		xs: true,
+		sm: false,
+		md: false,
+		lg: false,
+		xl: false,
+		"2xl": false
+	});
+	const [debouncedSize, setDebouncedSize] = useState({
+		width: 0,
+		height: 0
+	});
+	const [element, setElement] = useState(null);
+	const observerRef = useRef(null);
+	const ref = useCallback((node) => {
+		setElement(node);
+	}, []);
+	useDebounce(() => {
+		setDebouncedSize(size);
+	}, { delay }, [size]);
+	useEffect(() => {
+		const updateSize = () => {
+			const target = container ?? element ?? document.body;
+			if (!target) return;
+			const { offsetWidth, offsetHeight } = target;
+			setSize((prev) => {
+				if (prev.width !== offsetWidth || prev.height !== offsetHeight) return {
+					width: offsetWidth,
+					height: offsetHeight
+				};
+				return prev;
+			});
+			setBreakpoint((prev) => {
+				const next = getBreakpointInfo(offsetWidth);
+				if (prev.current !== next.current) return next;
+				return prev;
+			});
+		};
+		const connect = () => {
+			const target = container ?? element ?? document.body;
+			if (!target) return;
+			updateSize();
+			if (observerRef.current) observerRef.current.disconnect();
+			observerRef.current = new ResizeObserver(() => {
+				requestAnimationFrame(() => {
+					updateSize();
+				});
+			});
+			observerRef.current.observe(target);
+		};
+		const disconnect = () => {
+			if (observerRef.current) {
+				observerRef.current.disconnect();
+				observerRef.current = null;
+			}
+		};
+		connect();
+		return () => {
+			disconnect();
+		};
+	}, [container, element]);
+	return {
+		size: debouncedSize,
+		breakpoint,
+		ref
+	};
+};
+
+//#endregion
+export { useResponsiveSize as default };
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/useResponsiveSize/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/hooks/useResponsiveSize/index.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport useDebounce from '../useDebounce';\n\ntype Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\ninterface BreakpointInfo {\n  current: Breakpoint;\n  xs: boolean;\n  sm: boolean;\n  md: boolean;\n  lg: boolean;\n  xl: boolean;\n  '2xl': boolean;\n}\n\ninterface Options {\n  delay?: number;\n  container?: HTMLElement | null;\n}\n\nconst BREAKPOINTS = {\n  xs: 0, // < 640px\n  sm: 640, // >= 640px\n  md: 768, // >= 768px\n  lg: 1024, // >= 1024px\n  xl: 1280, // >= 1280px\n  '2xl': 1536, // >= 1536px\n} as const;\n\nconst getBreakpointInfo = (width: number): BreakpointInfo => {\n  let current: Breakpoint = 'xs';\n\n  if (width >= BREAKPOINTS['2xl']) {\n    current = '2xl';\n  } else if (width >= BREAKPOINTS.xl) {\n    current = 'xl';\n  } else if (width >= BREAKPOINTS.lg) {\n    current = 'lg';\n  } else if (width >= BREAKPOINTS.md) {\n    current = 'md';\n  } else if (width >= BREAKPOINTS.sm) {\n    current = 'sm';\n  } else {\n    current = 'xs';\n  }\n\n  return {\n    current,\n    xs: width < BREAKPOINTS.sm,\n    sm: width >= BREAKPOINTS.sm && width < BREAKPOINTS.md,\n    md: width >= BREAKPOINTS.md && width < BREAKPOINTS.lg,\n    lg: width >= BREAKPOINTS.lg && width < BREAKPOINTS.xl,\n    xl: width >= BREAKPOINTS.xl && width < BREAKPOINTS['2xl'],\n    '2xl': width >= BREAKPOINTS['2xl'],\n  };\n};\n\nconst useResponsiveSize = <T extends HTMLElement>(options?: Options) => {\n  const { delay = 100, container } = options || {};\n  const [size, setSize] = useState({ width: 0, height: 0 });\n  const [breakpoint, setBreakpoint] = useState<BreakpointInfo>({\n    current: 'xs',\n    xs: true,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n    '2xl': false,\n  });\n\n  const [debouncedSize, setDebouncedSize] = useState({ width: 0, height: 0 });\n\n  const [element, setElement] = useState<T | null>(null);\n  const observerRef = useRef<ResizeObserver | null>(null);\n\n  const ref = useCallback((node: T | null) => {\n    setElement(node);\n  }, []);\n\n  useDebounce(\n    () => {\n      setDebouncedSize(size);\n    },\n    { delay },\n    [size],\n  );\n\n  useEffect(() => {\n    const updateSize = () => {\n      const target = container ?? element ?? document.body;\n\n      if (!target) {\n        return;\n      }\n\n      const { offsetWidth, offsetHeight } = target;\n\n      setSize(prev => {\n        if (prev.width !== offsetWidth || prev.height !== offsetHeight) {\n          return { width: offsetWidth, height: offsetHeight };\n        }\n        return prev;\n      });\n\n      setBreakpoint(prev => {\n        const next = getBreakpointInfo(offsetWidth);\n        if (prev.current !== next.current) {\n          return next;\n        }\n        return prev;\n      });\n    };\n\n    const connect = () => {\n      const target = container ?? element ?? document.body;\n\n      if (!target) {\n        return;\n      }\n\n      updateSize();\n\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n      }\n\n      observerRef.current = new ResizeObserver(() => {\n        requestAnimationFrame(() => {\n          updateSize();\n        });\n      });\n\n      observerRef.current.observe(target);\n    };\n\n    const disconnect = () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n        observerRef.current = null;\n      }\n    };\n\n    connect();\n\n    return () => {\n      disconnect();\n    };\n  }, [container, element]);\n\n  return {\n    size: debouncedSize,\n    breakpoint,\n    ref,\n  };\n};\n\nexport default useResponsiveSize;\n"],"mappings":";;;;AAqBA,MAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACR;AAED,MAAM,qBAAqB,UAAkC;CAC3D,IAAI,UAAsB;AAE1B,KAAI,SAAS,YAAY,OACvB,WAAU;UACD,SAAS,YAAY,GAC9B,WAAU;UACD,SAAS,YAAY,GAC9B,WAAU;UACD,SAAS,YAAY,GAC9B,WAAU;UACD,SAAS,YAAY,GAC9B,WAAU;KAEV,WAAU;AAGZ,QAAO;EACL;EACA,IAAI,QAAQ,YAAY;EACxB,IAAI,SAAS,YAAY,MAAM,QAAQ,YAAY;EACnD,IAAI,SAAS,YAAY,MAAM,QAAQ,YAAY;EACnD,IAAI,SAAS,YAAY,MAAM,QAAQ,YAAY;EACnD,IAAI,SAAS,YAAY,MAAM,QAAQ,YAAY;EACnD,OAAO,SAAS,YAAY;EAC7B;;AAGH,MAAM,qBAA4C,YAAsB;CACtE,MAAM,EAAE,QAAQ,KAAK,cAAc,WAAW,EAAE;CAChD,MAAM,CAAC,MAAM,WAAW,SAAS;EAAE,OAAO;EAAG,QAAQ;EAAG,CAAC;CACzD,MAAM,CAAC,YAAY,iBAAiB,SAAyB;EAC3D,SAAS;EACT,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,eAAe,oBAAoB,SAAS;EAAE,OAAO;EAAG,QAAQ;EAAG,CAAC;CAE3E,MAAM,CAAC,SAAS,cAAc,SAAmB,KAAK;CACtD,MAAM,cAAc,OAA8B,KAAK;CAEvD,MAAM,MAAM,aAAa,SAAmB;AAC1C,aAAW,KAAK;IACf,EAAE,CAAC;AAEN,mBACQ;AACJ,mBAAiB,KAAK;IAExB,EAAE,OAAO,EACT,CAAC,KAAK,CACP;AAED,iBAAgB;EACd,MAAM,mBAAmB;GACvB,MAAM,SAAS,aAAa,WAAW,SAAS;AAEhD,OAAI,CAAC,OACH;GAGF,MAAM,EAAE,aAAa,iBAAiB;AAEtC,YAAQ,SAAQ;AACd,QAAI,KAAK,UAAU,eAAe,KAAK,WAAW,aAChD,QAAO;KAAE,OAAO;KAAa,QAAQ;KAAc;AAErD,WAAO;KACP;AAEF,kBAAc,SAAQ;IACpB,MAAM,OAAO,kBAAkB,YAAY;AAC3C,QAAI,KAAK,YAAY,KAAK,QACxB,QAAO;AAET,WAAO;KACP;;EAGJ,MAAM,gBAAgB;GACpB,MAAM,SAAS,aAAa,WAAW,SAAS;AAEhD,OAAI,CAAC,OACH;AAGF,eAAY;AAEZ,OAAI,YAAY,QACd,aAAY,QAAQ,YAAY;AAGlC,eAAY,UAAU,IAAI,qBAAqB;AAC7C,gCAA4B;AAC1B,iBAAY;MACZ;KACF;AAEF,eAAY,QAAQ,QAAQ,OAAO;;EAGrC,MAAM,mBAAmB;AACvB,OAAI,YAAY,SAAS;AACvB,gBAAY,QAAQ,YAAY;AAChC,gBAAY,UAAU;;;AAI1B,WAAS;AAET,eAAa;AACX,eAAY;;IAEb,CAAC,WAAW,QAAQ,CAAC;AAExB,QAAO;EACL,MAAM;EACN;EACA;EACD"}

package/dist/hooks/useScrollToElements/index.d.mts

@@ -0,0 +1,14 @@
+import * as react from "react";
+
+//#region src/hooks/useScrollToElements/index.d.ts
+interface Options extends ScrollIntoViewOptions {
+  offset?: number;
+}
+declare const useScrollToElements: (options?: Options) => {
+  elementRefs: react.RefObject<HTMLElement[]>;
+  setElementRef: (element: HTMLElement, index: number) => void;
+  scrollToElement: (index: number) => void;
+};
+//#endregion
+export { useScrollToElements };
+//# sourceMappingURL=index.d.mts.map

package/dist/hooks/useScrollToElements/index.mjs

@@ -0,0 +1,34 @@
+import { useCallback, useRef } from "react";
+
+//#region src/hooks/useScrollToElements/index.ts
+const useScrollToElements = (options) => {
+	const elementRefs = useRef([]);
+	const scrollToElement = useCallback((index) => {
+		if (elementRefs.current[index]) {
+			elementRefs.current[index].scrollIntoView({
+				behavior: "smooth",
+				block: "start",
+				inline: "start",
+				...options
+			});
+			if (options?.offset) {
+				const top = elementRefs.current[index].getBoundingClientRect().top + window.scrollY - options.offset;
+				window.scrollTo({
+					top,
+					behavior: options.behavior || "smooth"
+				});
+			}
+		}
+	}, [options]);
+	return {
+		elementRefs,
+		setElementRef: useCallback((element, index) => {
+			elementRefs.current[index] = element;
+		}, []),
+		scrollToElement
+	};
+};
+
+//#endregion
+export { useScrollToElements as default };
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/useScrollToElements/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/hooks/useScrollToElements/index.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\ninterface Options extends ScrollIntoViewOptions {\n  offset?: number;\n}\nconst useScrollToElements = (options?: Options) => {\n  const elementRefs = useRef<HTMLElement[]>([]);\n\n  const scrollToElement = useCallback(\n    (index: number) => {\n      if (elementRefs.current[index]) {\n        elementRefs.current[index].scrollIntoView({\n          behavior: 'smooth',\n          block: 'start',\n          inline: 'start',\n          ...options,\n        });\n\n        if (options?.offset) {\n          const top =\n            elementRefs.current[index].getBoundingClientRect().top +\n            window.scrollY -\n            options.offset;\n\n          window.scrollTo({\n            top,\n            behavior: options.behavior || 'smooth',\n          });\n        }\n      }\n    },\n    [options],\n  );\n\n  const setElementRef = useCallback((element: HTMLElement, index: number) => {\n    elementRefs.current[index] = element;\n  }, []);\n\n  return { elementRefs, setElementRef, scrollToElement };\n};\n\nexport default useScrollToElements;\n"],"mappings":";;;AAKA,MAAM,uBAAuB,YAAsB;CACjD,MAAM,cAAc,OAAsB,EAAE,CAAC;CAE7C,MAAM,kBAAkB,aACrB,UAAkB;AACjB,MAAI,YAAY,QAAQ,QAAQ;AAC9B,eAAY,QAAQ,OAAO,eAAe;IACxC,UAAU;IACV,OAAO;IACP,QAAQ;IACR,GAAG;IACJ,CAAC;AAEF,OAAI,SAAS,QAAQ;IACnB,MAAM,MACJ,YAAY,QAAQ,OAAO,uBAAuB,CAAC,MACnD,OAAO,UACP,QAAQ;AAEV,WAAO,SAAS;KACd;KACA,UAAU,QAAQ,YAAY;KAC/B,CAAC;;;IAIR,CAAC,QAAQ,CACV;AAMD,QAAO;EAAE;EAAa,eAJA,aAAa,SAAsB,UAAkB;AACzE,eAAY,QAAQ,SAAS;KAC5B,EAAE,CAAC;EAE+B;EAAiB"}

package/dist/hooks/useThrottle/index.d.mts

@@ -0,0 +1,5 @@
+//#region src/hooks/useThrottle/index.d.ts
+declare const useThrottle: <T>(value: T, delay?: number) => T;
+//#endregion
+export { useThrottle };
+//# sourceMappingURL=index.d.mts.map

package/dist/hooks/useThrottle/index.mjs

@@ -0,0 +1,42 @@
+import { useEffect, useRef, useState } from "react";
+
+//#region src/hooks/useThrottle/index.ts
+const useThrottle = (value, delay = 100) => {
+	const [throttledValue, setThrottledValue] = useState(value);
+	const lastExecutedRef = useRef(0);
+	const timeoutRef = useRef(null);
+	const latestValueRef = useRef(value);
+	useEffect(() => {
+		latestValueRef.current = value;
+	}, [value]);
+	useEffect(() => {
+		const now = Date.now();
+		const elapsed = now - lastExecutedRef.current;
+		if (elapsed >= delay) {
+			if (timeoutRef.current) {
+				clearTimeout(timeoutRef.current);
+				timeoutRef.current = null;
+			}
+			lastExecutedRef.current = now;
+			setThrottledValue(latestValueRef.current);
+			return;
+		}
+		const remaining = delay - elapsed;
+		if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		timeoutRef.current = setTimeout(() => {
+			lastExecutedRef.current = Date.now();
+			setThrottledValue(latestValueRef.current);
+		}, remaining);
+		return () => {
+			if (timeoutRef.current) {
+				clearTimeout(timeoutRef.current);
+				timeoutRef.current = null;
+			}
+		};
+	}, [value, delay]);
+	return throttledValue;
+};
+
+//#endregion
+export { useThrottle as default };
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/useThrottle/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/hooks/useThrottle/index.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nconst useThrottle = <T>(value: T, delay = 100): T => {\n  const [throttledValue, setThrottledValue] = useState(value);\n  const lastExecutedRef = useRef(0);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const latestValueRef = useRef(value);\n\n  useEffect(() => {\n    latestValueRef.current = value;\n  }, [value]);\n\n  useEffect(() => {\n    const now = Date.now();\n    const elapsed = now - lastExecutedRef.current;\n\n    if (elapsed >= delay) {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = null;\n      }\n\n      lastExecutedRef.current = now;\n      setThrottledValue(latestValueRef.current);\n      return;\n    }\n\n    const remaining = delay - elapsed;\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      lastExecutedRef.current = Date.now();\n      setThrottledValue(latestValueRef.current);\n    }, remaining);\n\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = null;\n      }\n    };\n  }, [value, delay]);\n\n  return throttledValue;\n};\n\nexport default useThrottle;\n"],"mappings":";;;AAEA,MAAM,eAAkB,OAAU,QAAQ,QAAW;CACnD,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAC3D,MAAM,kBAAkB,OAAO,EAAE;CACjC,MAAM,aAAa,OAA6C,KAAK;CACrE,MAAM,iBAAiB,OAAO,MAAM;AAEpC,iBAAgB;AACd,iBAAe,UAAU;IACxB,CAAC,MAAM,CAAC;AAEX,iBAAgB;EACd,MAAM,MAAM,KAAK,KAAK;EACtB,MAAM,UAAU,MAAM,gBAAgB;AAEtC,MAAI,WAAW,OAAO;AACpB,OAAI,WAAW,SAAS;AACtB,iBAAa,WAAW,QAAQ;AAChC,eAAW,UAAU;;AAGvB,mBAAgB,UAAU;AAC1B,qBAAkB,eAAe,QAAQ;AACzC;;EAGF,MAAM,YAAY,QAAQ;AAE1B,MAAI,WAAW,QACb,cAAa,WAAW,QAAQ;AAGlC,aAAW,UAAU,iBAAiB;AACpC,mBAAgB,UAAU,KAAK,KAAK;AACpC,qBAAkB,eAAe,QAAQ;KACxC,UAAU;AAEb,eAAa;AACX,OAAI,WAAW,SAAS;AACtB,iBAAa,WAAW,QAAQ;AAChC,eAAW,UAAU;;;IAGxB,CAAC,OAAO,MAAM,CAAC;AAElB,QAAO"}

package/dist/hooks/useViewport/index.d.mts

@@ -0,0 +1,18 @@
+//#region src/hooks/useViewport/index.d.ts
+type ViewportInfo = VisualViewport | {
+  width: number;
+  height: number;
+  offsetLeft: number;
+  offsetTop: number;
+  pageLeft: number;
+  pageTop: number;
+  scale: number;
+};
+interface Options {
+  isInApp?: boolean;
+  debounce?: number;
+}
+declare const useViewport: (options?: Options) => ViewportInfo;
+//#endregion
+export { useViewport };
+//# sourceMappingURL=index.d.mts.map

package/dist/hooks/useViewport/index.mjs

@@ -0,0 +1,87 @@
+import { useCallback, useEffect, useState } from "react";
+
+//#region src/hooks/useViewport/index.ts
+const useViewport = (options = {}) => {
+	const { isInApp = false, debounce = 100 } = options;
+	const [viewport, setViewport] = useState({
+		width: 0,
+		height: 0,
+		offsetLeft: 0,
+		offsetTop: 0,
+		pageLeft: 0,
+		pageTop: 0,
+		scale: 1
+	});
+	const getAppViewHeight = useCallback(() => {
+		const windowHeight = window.innerHeight;
+		const visualHeight = window.visualViewport?.height || windowHeight;
+		const documentHeight = document.documentElement.clientHeight;
+		const bodyHeight = document.body.clientHeight;
+		if (window.visualViewport && Math.abs(visualHeight - windowHeight) > 100) return visualHeight;
+		return Math.max(windowHeight, documentHeight, bodyHeight);
+	}, []);
+	const readViewport = useCallback(() => {
+		if (window.visualViewport && !isInApp) return window.visualViewport;
+		return {
+			width: window.visualViewport?.width || window.innerWidth,
+			height: isInApp ? getAppViewHeight() : window.visualViewport?.height || window.innerHeight,
+			offsetLeft: window.visualViewport?.offsetLeft || 0,
+			offsetTop: window.visualViewport?.offsetTop || 0,
+			pageLeft: window.scrollX ?? window.pageXOffset ?? 0,
+			pageTop: window.scrollY ?? window.pageYOffset ?? 0,
+			scale: window.visualViewport?.scale || 1
+		};
+	}, [isInApp, getAppViewHeight]);
+	useEffect(() => {
+		let timeoutId;
+		const debouncedUpdate = () => {
+			clearTimeout(timeoutId);
+			timeoutId = setTimeout(() => {
+				setViewport(readViewport());
+			}, debounce);
+		};
+		const immediateUpdate = () => setViewport(readViewport());
+		immediateUpdate();
+		const events = ["resize", "orientationchange"];
+		if (isInApp) events.push("focus", "blur", "touchstart", "touchend");
+		events.forEach((event) => {
+			if (event === "resize" || event === "orientationchange") window.addEventListener(event, debouncedUpdate);
+			else window.addEventListener(event, immediateUpdate, { passive: true });
+		});
+		if (window.visualViewport) {
+			window.visualViewport.addEventListener("resize", immediateUpdate);
+			window.visualViewport.addEventListener("scroll", immediateUpdate);
+		}
+		let intervalId;
+		if (isInApp) {
+			let lastHeight = readViewport().height;
+			intervalId = setInterval(() => {
+				const currentHeight = readViewport().height;
+				if (Math.abs(currentHeight - lastHeight) > 50) {
+					lastHeight = currentHeight;
+					immediateUpdate();
+				}
+			}, 500);
+		}
+		return () => {
+			clearTimeout(timeoutId);
+			if (intervalId) clearInterval(intervalId);
+			events.forEach((event) => {
+				window.removeEventListener(event, event === "resize" || event === "orientationchange" ? debouncedUpdate : immediateUpdate);
+			});
+			if (window.visualViewport) {
+				window.visualViewport.removeEventListener("resize", immediateUpdate);
+				window.visualViewport.removeEventListener("scroll", immediateUpdate);
+			}
+		};
+	}, [
+		readViewport,
+		isInApp,
+		debounce
+	]);
+	return viewport;
+};
+
+//#endregion
+export { useViewport as default };
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/useViewport/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/hooks/useViewport/index.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\ntype ViewportInfo =\n  | VisualViewport\n  | {\n      width: number;\n      height: number;\n      offsetLeft: number;\n      offsetTop: number;\n      pageLeft: number;\n      pageTop: number;\n      scale: number;\n    };\n\ninterface Options {\n  isInApp?: boolean;\n  debounce?: number;\n}\n\nconst useViewport = (options: Options = {}) => {\n  const { isInApp = false, debounce = 100 } = options;\n\n  const [viewport, setViewport] = useState<ViewportInfo>({\n    width: 0,\n    height: 0,\n    offsetLeft: 0,\n    offsetTop: 0,\n    pageLeft: 0,\n    pageTop: 0,\n    scale: 1,\n  });\n\n  const getAppViewHeight = useCallback(() => {\n    const windowHeight = window.innerHeight;\n    const visualHeight = window.visualViewport?.height || windowHeight;\n    const documentHeight = document.documentElement.clientHeight;\n    const bodyHeight = document.body.clientHeight;\n\n    if (window.visualViewport && Math.abs(visualHeight - windowHeight) > 100) {\n      return visualHeight;\n    }\n\n    return Math.max(windowHeight, documentHeight, bodyHeight);\n  }, []);\n\n  const readViewport = useCallback((): ViewportInfo => {\n    if (window.visualViewport && !isInApp) {\n      return window.visualViewport;\n    }\n\n    const width = window.visualViewport?.width || window.innerWidth;\n    const height = isInApp\n      ? getAppViewHeight()\n      : window.visualViewport?.height || window.innerHeight;\n\n    return {\n      width,\n      height,\n      offsetLeft: window.visualViewport?.offsetLeft || 0,\n      offsetTop: window.visualViewport?.offsetTop || 0,\n      pageLeft: window.scrollX ?? window.pageXOffset ?? 0,\n      pageTop: window.scrollY ?? window.pageYOffset ?? 0,\n      scale: window.visualViewport?.scale || 1,\n    };\n  }, [isInApp, getAppViewHeight]);\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout;\n\n    const debouncedUpdate = () => {\n      clearTimeout(timeoutId);\n      timeoutId = setTimeout(() => {\n        setViewport(readViewport());\n      }, debounce);\n    };\n\n    const immediateUpdate = () => setViewport(readViewport());\n\n    immediateUpdate();\n\n    const events = ['resize', 'orientationchange'];\n\n    if (isInApp) {\n      events.push('focus', 'blur', 'touchstart', 'touchend');\n    }\n\n    events.forEach(event => {\n      if (event === 'resize' || event === 'orientationchange') {\n        window.addEventListener(event, debouncedUpdate);\n      } else {\n        window.addEventListener(event, immediateUpdate, { passive: true });\n      }\n    });\n\n    if (window.visualViewport) {\n      window.visualViewport.addEventListener('resize', immediateUpdate);\n      window.visualViewport.addEventListener('scroll', immediateUpdate);\n    }\n\n    let intervalId: NodeJS.Timeout;\n    if (isInApp) {\n      let lastHeight = readViewport().height;\n      intervalId = setInterval(() => {\n        const currentHeight = readViewport().height;\n        if (Math.abs(currentHeight - lastHeight) > 50) {\n          lastHeight = currentHeight;\n          immediateUpdate();\n        }\n      }, 500);\n    }\n\n    return () => {\n      clearTimeout(timeoutId);\n      if (intervalId) clearInterval(intervalId);\n\n      events.forEach(event => {\n        window.removeEventListener(\n          event,\n          event === 'resize' || event === 'orientationchange'\n            ? debouncedUpdate\n            : immediateUpdate,\n        );\n      });\n\n      if (window.visualViewport) {\n        window.visualViewport.removeEventListener('resize', immediateUpdate);\n        window.visualViewport.removeEventListener('scroll', immediateUpdate);\n      }\n    };\n  }, [readViewport, isInApp, debounce]);\n\n  return viewport;\n};\n\nexport default useViewport;\n"],"mappings":";;;AAmBA,MAAM,eAAe,UAAmB,EAAE,KAAK;CAC7C,MAAM,EAAE,UAAU,OAAO,WAAW,QAAQ;CAE5C,MAAM,CAAC,UAAU,eAAe,SAAuB;EACrD,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,WAAW;EACX,UAAU;EACV,SAAS;EACT,OAAO;EACR,CAAC;CAEF,MAAM,mBAAmB,kBAAkB;EACzC,MAAM,eAAe,OAAO;EAC5B,MAAM,eAAe,OAAO,gBAAgB,UAAU;EACtD,MAAM,iBAAiB,SAAS,gBAAgB;EAChD,MAAM,aAAa,SAAS,KAAK;AAEjC,MAAI,OAAO,kBAAkB,KAAK,IAAI,eAAe,aAAa,GAAG,IACnE,QAAO;AAGT,SAAO,KAAK,IAAI,cAAc,gBAAgB,WAAW;IACxD,EAAE,CAAC;CAEN,MAAM,eAAe,kBAAgC;AACnD,MAAI,OAAO,kBAAkB,CAAC,QAC5B,QAAO,OAAO;AAQhB,SAAO;GACL,OANY,OAAO,gBAAgB,SAAS,OAAO;GAOnD,QANa,UACX,kBAAkB,GAClB,OAAO,gBAAgB,UAAU,OAAO;GAK1C,YAAY,OAAO,gBAAgB,cAAc;GACjD,WAAW,OAAO,gBAAgB,aAAa;GAC/C,UAAU,OAAO,WAAW,OAAO,eAAe;GAClD,SAAS,OAAO,WAAW,OAAO,eAAe;GACjD,OAAO,OAAO,gBAAgB,SAAS;GACxC;IACA,CAAC,SAAS,iBAAiB,CAAC;AAE/B,iBAAgB;EACd,IAAI;EAEJ,MAAM,wBAAwB;AAC5B,gBAAa,UAAU;AACvB,eAAY,iBAAiB;AAC3B,gBAAY,cAAc,CAAC;MAC1B,SAAS;;EAGd,MAAM,wBAAwB,YAAY,cAAc,CAAC;AAEzD,mBAAiB;EAEjB,MAAM,SAAS,CAAC,UAAU,oBAAoB;AAE9C,MAAI,QACF,QAAO,KAAK,SAAS,QAAQ,cAAc,WAAW;AAGxD,SAAO,SAAQ,UAAS;AACtB,OAAI,UAAU,YAAY,UAAU,oBAClC,QAAO,iBAAiB,OAAO,gBAAgB;OAE/C,QAAO,iBAAiB,OAAO,iBAAiB,EAAE,SAAS,MAAM,CAAC;IAEpE;AAEF,MAAI,OAAO,gBAAgB;AACzB,UAAO,eAAe,iBAAiB,UAAU,gBAAgB;AACjE,UAAO,eAAe,iBAAiB,UAAU,gBAAgB;;EAGnE,IAAI;AACJ,MAAI,SAAS;GACX,IAAI,aAAa,cAAc,CAAC;AAChC,gBAAa,kBAAkB;IAC7B,MAAM,gBAAgB,cAAc,CAAC;AACrC,QAAI,KAAK,IAAI,gBAAgB,WAAW,GAAG,IAAI;AAC7C,kBAAa;AACb,sBAAiB;;MAElB,IAAI;;AAGT,eAAa;AACX,gBAAa,UAAU;AACvB,OAAI,WAAY,eAAc,WAAW;AAEzC,UAAO,SAAQ,UAAS;AACtB,WAAO,oBACL,OACA,UAAU,YAAY,UAAU,sBAC5B,kBACA,gBACL;KACD;AAEF,OAAI,OAAO,gBAAgB;AACzB,WAAO,eAAe,oBAAoB,UAAU,gBAAgB;AACpE,WAAO,eAAe,oBAAoB,UAAU,gBAAgB;;;IAGvE;EAAC;EAAc;EAAS;EAAS,CAAC;AAErC,QAAO"}

package/dist/hooks/useWindowScroll/index.d.mts

@@ -0,0 +1,12 @@
+//#region src/hooks/useWindowScroll/index.d.ts
+declare const useWindowScroll: () => {
+  x: number;
+  y: number;
+  percent: {
+    x: number;
+    y: number;
+  };
+};
+//#endregion
+export { useWindowScroll };
+//# sourceMappingURL=index.d.mts.map

package/dist/hooks/useWindowScroll/index.mjs

@@ -0,0 +1,60 @@
+import { useEffect, useState } from "react";
+
+//#region src/hooks/useWindowScroll/index.ts
+const useWindowScroll = () => {
+	const [state, setState] = useState({
+		x: 0,
+		y: 0,
+		percent: {
+			x: 0,
+			y: 0
+		}
+	});
+	useEffect(() => {
+		const calculate = () => {
+			const x = window.scrollX || 0;
+			const y = window.scrollY || 0;
+			const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);
+			const visualViewport = window.visualViewport;
+			const viewportWidth = isIOS && visualViewport ? visualViewport.width : window.innerWidth;
+			const viewportHeight = isIOS && visualViewport ? visualViewport.height : window.innerHeight;
+			const maxScrollX = Math.max(0, document.documentElement.scrollWidth - viewportWidth);
+			const maxScrollY = Math.max(0, document.documentElement.scrollHeight - viewportHeight);
+			const percentX = maxScrollX === 0 ? 0 : Math.min(100, x / maxScrollX * 100);
+			const percentY = maxScrollY === 0 ? 0 : Math.min(100, y / maxScrollY * 100);
+			setState({
+				x,
+				y,
+				percent: {
+					x: Math.floor(Math.max(0, percentX)),
+					y: Math.floor(Math.max(0, percentY))
+				}
+			});
+		};
+		calculate();
+		const onScroll = () => {
+			calculate();
+		};
+		const onResize = () => {
+			setTimeout(calculate, 100);
+		};
+		const onVisualViewportChange = () => {
+			setTimeout(calculate, 50);
+		};
+		window.addEventListener("scroll", onScroll, { passive: true });
+		window.addEventListener("resize", onResize);
+		window.addEventListener("orientationchange", onResize);
+		if (window.visualViewport) window.visualViewport.addEventListener("resize", onVisualViewportChange);
+		return () => {
+			window.removeEventListener("scroll", onScroll);
+			window.removeEventListener("resize", onResize);
+			window.removeEventListener("orientationchange", onResize);
+			if (window.visualViewport) window.visualViewport.removeEventListener("resize", onVisualViewportChange);
+		};
+	}, []);
+	return state;
+};
+
+//#endregion
+export { useWindowScroll as default };
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/useWindowScroll/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/hooks/useWindowScroll/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst useWindowScroll = () => {\n  const [state, setState] = useState({\n    x: 0,\n    y: 0,\n    percent: {\n      x: 0,\n      y: 0,\n    },\n  });\n\n  useEffect(() => {\n    const calculate = () => {\n      const x = window.scrollX || 0;\n      const y = window.scrollY || 0;\n\n      const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent);\n      const visualViewport = window.visualViewport;\n\n      const viewportWidth =\n        isIOS && visualViewport ? visualViewport.width : window.innerWidth;\n\n      const viewportHeight =\n        isIOS && visualViewport ? visualViewport.height : window.innerHeight;\n\n      const maxScrollX = Math.max(\n        0,\n        document.documentElement.scrollWidth - viewportWidth,\n      );\n      const maxScrollY = Math.max(\n        0,\n        document.documentElement.scrollHeight - viewportHeight,\n      );\n\n      const percentX =\n        maxScrollX === 0 ? 0 : Math.min(100, (x / maxScrollX) * 100);\n      const percentY =\n        maxScrollY === 0 ? 0 : Math.min(100, (y / maxScrollY) * 100);\n\n      setState({\n        x,\n        y,\n        percent: {\n          x: Math.floor(Math.max(0, percentX)),\n          y: Math.floor(Math.max(0, percentY)),\n        },\n      });\n    };\n\n    calculate();\n\n    const onScroll = () => {\n      calculate();\n    };\n\n    const onResize = () => {\n      setTimeout(calculate, 100);\n    };\n\n    const onVisualViewportChange = () => {\n      setTimeout(calculate, 50);\n    };\n\n    window.addEventListener('scroll', onScroll, { passive: true });\n    window.addEventListener('resize', onResize);\n    window.addEventListener('orientationchange', onResize);\n\n    if (window.visualViewport) {\n      window.visualViewport.addEventListener('resize', onVisualViewportChange);\n    }\n\n    return () => {\n      window.removeEventListener('scroll', onScroll);\n      window.removeEventListener('resize', onResize);\n      window.removeEventListener('orientationchange', onResize);\n\n      if (window.visualViewport) {\n        window.visualViewport.removeEventListener(\n          'resize',\n          onVisualViewportChange,\n        );\n      }\n    };\n  }, []);\n\n  return state;\n};\n\nexport default useWindowScroll;\n"],"mappings":";;;AAEA,MAAM,wBAAwB;CAC5B,MAAM,CAAC,OAAO,YAAY,SAAS;EACjC,GAAG;EACH,GAAG;EACH,SAAS;GACP,GAAG;GACH,GAAG;GACJ;EACF,CAAC;AAEF,iBAAgB;EACd,MAAM,kBAAkB;GACtB,MAAM,IAAI,OAAO,WAAW;GAC5B,MAAM,IAAI,OAAO,WAAW;GAE5B,MAAM,QAAQ,mBAAmB,KAAK,UAAU,UAAU;GAC1D,MAAM,iBAAiB,OAAO;GAE9B,MAAM,gBACJ,SAAS,iBAAiB,eAAe,QAAQ,OAAO;GAE1D,MAAM,iBACJ,SAAS,iBAAiB,eAAe,SAAS,OAAO;GAE3D,MAAM,aAAa,KAAK,IACtB,GACA,SAAS,gBAAgB,cAAc,cACxC;GACD,MAAM,aAAa,KAAK,IACtB,GACA,SAAS,gBAAgB,eAAe,eACzC;GAED,MAAM,WACJ,eAAe,IAAI,IAAI,KAAK,IAAI,KAAM,IAAI,aAAc,IAAI;GAC9D,MAAM,WACJ,eAAe,IAAI,IAAI,KAAK,IAAI,KAAM,IAAI,aAAc,IAAI;AAE9D,YAAS;IACP;IACA;IACA,SAAS;KACP,GAAG,KAAK,MAAM,KAAK,IAAI,GAAG,SAAS,CAAC;KACpC,GAAG,KAAK,MAAM,KAAK,IAAI,GAAG,SAAS,CAAC;KACrC;IACF,CAAC;;AAGJ,aAAW;EAEX,MAAM,iBAAiB;AACrB,cAAW;;EAGb,MAAM,iBAAiB;AACrB,cAAW,WAAW,IAAI;;EAG5B,MAAM,+BAA+B;AACnC,cAAW,WAAW,GAAG;;AAG3B,SAAO,iBAAiB,UAAU,UAAU,EAAE,SAAS,MAAM,CAAC;AAC9D,SAAO,iBAAiB,UAAU,SAAS;AAC3C,SAAO,iBAAiB,qBAAqB,SAAS;AAEtD,MAAI,OAAO,eACT,QAAO,eAAe,iBAAiB,UAAU,uBAAuB;AAG1E,eAAa;AACX,UAAO,oBAAoB,UAAU,SAAS;AAC9C,UAAO,oBAAoB,UAAU,SAAS;AAC9C,UAAO,oBAAoB,qBAAqB,SAAS;AAEzD,OAAI,OAAO,eACT,QAAO,eAAe,oBACpB,UACA,uBACD;;IAGJ,EAAE,CAAC;AAEN,QAAO"}

package/dist/index.d.mts

@@ -0,0 +1,14 @@
+import { useDebounce } from "./hooks/useDebounce/index.mjs";
+import { useBodyScrollLock } from "./hooks/useBodyScrollLock/index.mjs";
+import { useElementPosition } from "./hooks/useElementPosition/index.mjs";
+import { useElementScroll } from "./hooks/useElementScroll/index.mjs";
+import { useResponsiveSize } from "./hooks/useResponsiveSize/index.mjs";
+import { useImage } from "./hooks/useImage/index.mjs";
+import { useLocalStorage } from "./hooks/useLocalStorage/index.mjs";
+import { useRecursiveTimeout } from "./hooks/useRecursiveTimeout/index.mjs";
+import { useScrollToElements } from "./hooks/useScrollToElements/index.mjs";
+import { useThrottle } from "./hooks/useThrottle/index.mjs";
+import { useWindowScroll } from "./hooks/useWindowScroll/index.mjs";
+import { useViewport } from "./hooks/useViewport/index.mjs";
+import "./hooks/index.mjs";
+export { useBodyScrollLock, useDebounce, useElementPosition, useElementScroll, useImage, useLocalStorage, useRecursiveTimeout, useResponsiveSize, useScrollToElements, useThrottle, useViewport, useWindowScroll };

package/dist/index.mjs

@@ -0,0 +1,15 @@
+import useDebounce from "./hooks/useDebounce/index.mjs";
+import useBodyScrollLock from "./hooks/useBodyScrollLock/index.mjs";
+import useElementPosition from "./hooks/useElementPosition/index.mjs";
+import useElementScroll from "./hooks/useElementScroll/index.mjs";
+import useResponsiveSize from "./hooks/useResponsiveSize/index.mjs";
+import useImage from "./hooks/useImage/index.mjs";
+import useLocalStorage from "./hooks/useLocalStorage/index.mjs";
+import useRecursiveTimeout from "./hooks/useRecursiveTimeout/index.mjs";
+import useScrollToElements from "./hooks/useScrollToElements/index.mjs";
+import useThrottle from "./hooks/useThrottle/index.mjs";
+import useWindowScroll from "./hooks/useWindowScroll/index.mjs";
+import useViewport from "./hooks/useViewport/index.mjs";
+import "./hooks/index.mjs";
+
+export { useBodyScrollLock, useDebounce, useElementPosition, useElementScroll, useImage, useLocalStorage, useRecursiveTimeout, useResponsiveSize, useScrollToElements, useThrottle, useViewport, useWindowScroll };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbpark/use-hooks",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "description": "A collection of reusable React 19 hooks for common UI and interaction patterns",
   "keywords": [
     "react",
@@ -22,15 +22,13 @@
   },
   "private": false,
   "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "exports": {
     ".": {
       "source": "./src/index.ts",
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
     }
   },
   "files": [
@@ -60,6 +58,7 @@
     "prettier-plugin-tailwindcss": "^0.6.14",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
+    "tsdown": "^0.20.3",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.39.1",
     "vite": "^7.1.2",
@@ -74,7 +73,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "tsc -b && tsdown",
     "lint": "eslint .",
     "preview": "vite preview",
     "changeset": "changeset"