react-hook-toolkit 1.0.23 → 1.1.0

package/dist/index.d.ts

@@ -2,7 +2,8 @@ import 'nprogress/nprogress.css';
 import { ReactHooksWrapper, getHook, setHook } from "./chunk1415/chunk143";
 import { DynamicLoader, AlertMessage, FilePreview, LabeledValue, DetailsCard, UploadFile, DownloadFile, ContextMenuWrapper } from './chunk1516/chunk613852';
 import { FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton } from './chunk1617/chunk613555';
-import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch } from './chunk1516/chunk726433';
-import { useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, createOptimizedContext } from './chunk1516/chunk940514';
+import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch, useSpeech, usePermission, usePageLeave, useMotion, useHoverDirty, useBeforeUnload, useClickAway, useResponsive, useUnmountedRef } from './chunk1516/chunk726433';
+import { useGenericReducer, useArray, useAsync, useAxios, useClipboard, useCookie, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useRequest, useRequestRetry, useForm, useImageLoader, useIndexedDB, useInterval, useKeyPress, useLocalStorage, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedState, usePrevious, useReducedMotion, useResizeObserver, useScrollDirection, useScrollLock, useScrollPosition, useScript, useStepper, useThrottle, useTimeout, useToggle, useVisibilityChange, useWindowSize } from './chunk1516/chunk940514';
+import { createOptimizedContext, useBattery, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDragReorder, useEventListener, useEventListeners, useFieldArray, useFormSubmit, useFormWizard, useGeoLocation, useHistory, useInfiniteScroll, useIsMounted, usePersistedForm, usePreferredLanguage, useSessionStorage, useSmartForm, useSound, useSpeak, useTimer, useTouch, useUndo, useUpdateEffect, useWebSocket } from './chunk1516/chunk0021';
 export default ReactHooksWrapper;
-export { getHook, setHook, useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch, createOptimizedContext, DynamicLoader, AlertMessage, FilePreview, FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton, LabeledValue, DetailsCard, UploadFile, DownloadFile, ContextMenuWrapper };
+export { getHook, setHook, useGenericReducer, useArray, useAsync, useAxios, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, AlertMessage, CardSkeleton, ContextMenuWrapper, DetailsCard, DownloadFile, DynamicLoader, FieldSkeleton, FilePreview, FileSkeleton, LineChartSkeleton, LabeledValue, PieChartSkeleton, TableSkeleton, UploadFile, createOptimizedContext, };

package/dist/index.js

@@ -2,7 +2,8 @@ import 'nprogress/nprogress.css';
 import { ReactHooksWrapper, getHook, setHook } from "./chunk1415/chunk143";
 import { DynamicLoader, AlertMessage, FilePreview, LabeledValue, DetailsCard, UploadFile, DownloadFile, ContextMenuWrapper } from './chunk1516/chunk613852';
 import { FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton } from './chunk1617/chunk613555';
-import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch } from './chunk1516/chunk726433';
-import { useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, createOptimizedContext } from './chunk1516/chunk940514';
+import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch, useSpeech, usePermission, usePageLeave, useMotion, useHoverDirty, useBeforeUnload, useClickAway, useResponsive, useUnmountedRef } from './chunk1516/chunk726433';
+import { useGenericReducer, useArray, useAsync, useAxios, useClipboard, useCookie, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useRequest, useRequestRetry, useForm, useImageLoader, useIndexedDB, useInterval, useKeyPress, useLocalStorage, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedState, usePrevious, useReducedMotion, useResizeObserver, useScrollDirection, useScrollLock, useScrollPosition, useScript, useStepper, useThrottle, useTimeout, useToggle, useVisibilityChange, useWindowSize, } from './chunk1516/chunk940514';
+import { createOptimizedContext, useBattery, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDragReorder, useEventListener, useEventListeners, useFieldArray, useFormSubmit, useFormWizard, useGeoLocation, useHistory, useInfiniteScroll, useIsMounted, usePersistedForm, usePreferredLanguage, useSessionStorage, useSmartForm, useSound, useSpeak, useTimer, useTouch, useUndo, useUpdateEffect, useWebSocket } from './chunk1516/chunk0021';
 export default ReactHooksWrapper;
-export { getHook, setHook, useAxios, useAdvReducer, useFetch, useLocalStorage, useToggle, useDebounce, useThrottle, usePrevious, useMediaQuery, useClipboard, useInterval, useWindowSize, useKeyPress, useOnlineStatus, useScrollPosition, useTimeout, useDarkMode, useForm, useArray, useStepper, useUpdateEffect, useTouch, useSound, useSessionStorage, usePreferredLanguage, useHistory, useEventListener, useBattery, useDebouncedCallback, useScrollLock, useResizeObserver, useMousePosition, useScrollDirection, useImageLoader, usePersistedState, useReducedMotion, useCookie, useFetchRetry, useDelay, useVisibilityChange, useDebouncedValue, useAsync, useScript, useIndexedDB, useGeoLocation, useTimer, useIsMounted, useCss, useSpeak, useCountUp, useCountDown, usePersistedForm, useCrossFieldValidation, useFieldArray, useFormSubmit, useSmartForm, useUndo, useFormWizard, useWebSocket, useDragReorder, useInfiniteScroll, useEventListeners, useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch, createOptimizedContext, DynamicLoader, AlertMessage, FilePreview, FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton, LabeledValue, DetailsCard, UploadFile, DownloadFile, ContextMenuWrapper };
+export { getHook, setHook, useGenericReducer, useArray, useAsync, useAxios, useBattery, useBeforeUnload, useClipboard, useCookie, useClickAway, useCountDown, useCountUp, useCrossFieldValidation, useCss, useDarkMode, useDebounce, useDebouncedCallback, useDebouncedValue, useDelay, useDragReorder, useEventListener, useEventListeners, useRequest, useRequestRetry, useFieldArray, useForm, useFormSubmit, useFormWizard, useGeoLocation, useHoverDirty, useHistory, useHistoryState, useIdle, useImageLoader, useIndexedDB, useInfiniteScroll, useInterval, useIsFirstRender, useIsMounted, useKeyPress, useList, useLocalStorage, useLockBodyScroll, useLongPress, useMotion, useMediaQuery, useMousePosition, useOnlineStatus, usePersistedForm, usePersistedState, usePreferredLanguage, usePrevious, usePermission, usePageLeave, useReducedMotion, useRecentSearch, useResponsive, useResizeObserver, useScript, useScrollDirection, useScrollLock, useScrollPosition, useSessionStorage, useSmartForm, useSound, useSpeech, useSpeak, useStepper, useThrottle, useTimeout, useTimer, useToggle, useTouch, useUnmountedRef, useUndo, useUpdateEffect, useVisibilityChange, useWebSocket, useWindowSize, AlertMessage, CardSkeleton, ContextMenuWrapper, DetailsCard, DownloadFile, DynamicLoader, FieldSkeleton, FilePreview, FileSkeleton, LineChartSkeleton, LabeledValue, PieChartSkeleton, TableSkeleton, UploadFile, createOptimizedContext, };

package/dist/type.d.ts

@@ -0,0 +1,235 @@
+import { AxiosRequestConfig } from 'axios';
+import { ReactNode } from 'react';
+export interface DrawerContextValue {
+    drawerOpen: boolean;
+    openDrawer: () => void;
+    closeDrawer: () => void;
+    openDrawerInButton: () => void;
+    closeDrawerInButton: () => void;
+    currentMainMenu?: string;
+    setCurrentMainMenu?: (value: string) => void;
+}
+export interface DrawerProviderProps {
+    children: ReactNode;
+}
+export interface FileComponentProps {
+    primaryKey: string | number;
+    filename: string;
+    size: string | number;
+    onDownload?: any;
+    width?: number;
+    borderColor?: string;
+    fileColor?: 'inherit' | 'primary' | 'secondary' | 'error' | 'disabled' | 'action';
+    isDownloading: boolean;
+}
+export interface AlertPropsType {
+    type: string;
+    msg: string;
+    duration?: number;
+}
+export interface DetailsCardProps {
+    isLoading?: boolean;
+    title: string;
+    details: any[];
+    spacing?: number;
+    boxShadow?: string;
+    background?: string;
+    loaderType?: 'skeleton' | 'circular';
+    displayType?: 'flex' | 'block';
+}
+export interface UploadButtonProps {
+    isUpload?: boolean;
+    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+    state?: {
+        isUploaded?: boolean;
+        isUploadError?: boolean;
+        isLoadingUpload?: boolean;
+    };
+    onFileSelect: (file: File) => void;
+}
+export interface DownloadButtonState {
+    isDownloaded?: boolean;
+    isDownloadError?: boolean;
+    isLoadingDownload?: boolean;
+}
+export interface DownloadFileProps {
+    isDownload?: boolean;
+    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+    state?: DownloadButtonState;
+    onDownload: () => void;
+}
+type MenuPosition = 'auto' | 'fixed';
+type ThemeMode = 'light' | 'dark';
+export interface ContextMenuProps {
+    options: any;
+    children: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    menuClassName?: string;
+    position?: MenuPosition;
+    onShow?: () => void;
+    onHide?: () => void;
+    currentInstance?: any;
+    theme?: ThemeMode;
+}
+export interface UndoableHistoryState<T> {
+    past: T[];
+    present: T;
+    future: T[];
+}
+export type HistoryAction<T> = {
+    type: 'UNDO';
+} | {
+    type: 'REDO';
+} | {
+    type: 'CLEAR';
+} | {
+    type: 'SET';
+    newPresent: T;
+} | {
+    type: 'RESET';
+    newPresent: T;
+};
+export type UseRecentSearchOptions = {
+    key?: string;
+    limit?: number;
+    uniqueKey?: string;
+    excludeEmpty?: boolean;
+};
+export interface UseAxiosResponse<T> {
+    data: T | null;
+    loading: boolean;
+    error: string | null;
+    makeRequest: (url: string, method?: string, requestData?: any) => void;
+    cancelRequest: () => void;
+}
+export interface UseAxiosConfig extends AxiosRequestConfig {
+    baseURL?: string;
+    headers?: {
+        [key: string]: string;
+    };
+}
+export interface FetchState<T> {
+    data: T | null;
+    loading: boolean;
+    error: string | null;
+}
+export interface WindowSize {
+    width: number;
+    height: number;
+}
+export interface ScrollPosition {
+    x: number;
+    y: number;
+}
+export interface MousePosition {
+    x: number;
+    y: number;
+}
+export type IdleStatus = 'idle' | 'pending' | 'success' | 'error';
+export type AsyncFunction<T> = () => Promise<T>;
+export interface UseAsyncReturn<T> {
+    execute: () => void;
+    status: IdleStatus;
+    value: T | null;
+    error: Error | null;
+}
+export interface BatteryManager {
+    level: number;
+    charging: boolean;
+    chargingTime: number;
+    dischargingTime: number;
+    addEventListener(type: string, listener: EventListener | EventListenerObject | null, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListener | EventListenerObject | null, options?: boolean | EventListenerOptions): void;
+}
+export interface BatteryState {
+    supported: boolean;
+    loading: boolean;
+    level: number | null;
+    charging: boolean | null;
+    chargingTime: number | null;
+    dischargingTime: number | null;
+}
+export interface NavigatorWithBattery extends Navigator {
+    getBattery: () => Promise<BatteryManager>;
+}
+export interface HistoryState {
+    [key: string]: any;
+}
+export interface UseHistory {
+    history: History;
+    state: HistoryState | null;
+    push: (path: string, state?: HistoryState) => void;
+    replace: (path: string, state?: HistoryState) => void;
+    goBack: () => void;
+    goForward: () => void;
+}
+export interface UseSessionStorage<T> {
+    (key: string, initialValue: T): [T, (value: T) => void];
+}
+export interface UseSound {
+    play: () => void;
+    pause: () => void;
+    stop: () => void;
+    setVolume: (volume: number) => void;
+    isPlaying: boolean;
+    error: Error | null;
+}
+export interface TouchPosition {
+    x: number | null;
+    y: number | null;
+}
+export interface UseTouch {
+    (elementRef: React.RefObject<HTMLElement>): {
+        touchStart: TouchPosition;
+        touchMove: TouchPosition;
+        touchEnd: TouchPosition;
+    };
+}
+export interface MotionSensorState {
+    acceleration: {
+        x: number | null;
+        y: number | null;
+        z: number | null;
+    };
+    accelerationIncludingGravity: {
+        x: number | null;
+        y: number | null;
+        z: number | null;
+    };
+    rotationRate: {
+        alpha: number | null;
+        beta: number | null;
+        gamma: number | null;
+    };
+    interval: number | null;
+}
+export type SpeechOptions = {
+    lang: string;
+    voice?: SpeechSynthesisVoice;
+    rate: number;
+    pitch: number;
+    volume: number;
+};
+export type IState = PermissionState | '';
+export type IPermissionDescriptor = PermissionDescriptor | (PermissionDescriptor & {
+    deviceId?: string;
+}) | (PermissionDescriptor & {
+    sysex?: boolean;
+}) | (PermissionDescriptor & {
+    userVisibleOnly?: boolean;
+});
+export type ISpeechOptions = Partial<SpeechOptions>;
+export type VoiceInfo = Pick<SpeechSynthesisVoice, 'lang' | 'name'>;
+export type ISpeechState = SpeechOptions & {
+    isPlaying: boolean;
+    status: string;
+    voiceInfo: VoiceInfo;
+};
+export declare enum VoiceStatus {
+    init = 0,
+    play = 1,
+    pause = 2,
+    end = 3
+}
+export {};

package/dist/type.js

@@ -0,0 +1,7 @@
+export var VoiceStatus;
+(function (VoiceStatus) {
+    VoiceStatus[VoiceStatus["init"] = 0] = "init";
+    VoiceStatus[VoiceStatus["play"] = 1] = "play";
+    VoiceStatus[VoiceStatus["pause"] = 2] = "pause";
+    VoiceStatus[VoiceStatus["end"] = 3] = "end";
+})(VoiceStatus || (VoiceStatus = {}));

package/dist/utils.d.ts

@@ -1,3 +1,21 @@
 export declare const promise: (time: number) => Promise<unknown>;
 export declare function throttle<T extends (...args: any[]) => void>(func: T, limit: number): T;
 export declare const debounceUtils: <T extends (...args: any[]) => void>(func: T, delay: number) => (...args: Parameters<T>) => void;
+export declare const isBrowser: boolean;
+export declare const isDev: boolean;
+export declare const isObject: (value: unknown) => value is Record<any, any>;
+export declare const isFunction: (value: unknown) => value is (...args: any) => any;
+export declare const isString: (value: unknown) => value is string;
+export declare const isBoolean: (value: unknown) => value is boolean;
+export declare const isNumber: (value: unknown) => value is number;
+export declare const isUndef: (value: unknown) => value is undefined;
+export declare const isAppleDevice: boolean;
+export declare const isNavigator: boolean;
+export declare const getScrollTop: (el: Document | Element) => number;
+export declare const getScrollHeight: (el: Document | Element) => number;
+export declare const getClientHeight: (el: Document | Element) => number;
+export declare function sleep(time: number): Promise<void>;
+export declare function request(req: any): Promise<unknown>;
+export declare const noop: () => void;
+export declare function on<T extends Window | Document | HTMLElement | EventTarget>(obj: T | null, ...args: Parameters<T['addEventListener']> | [string, Function | null, ...any]): void;
+export declare function off<T extends Window | Document | HTMLElement | EventTarget>(obj: T | null, ...args: Parameters<T['removeEventListener']> | [string, Function | null, ...any]): void;

package/dist/utils.js

@@ -34,3 +34,71 @@ export var debounceUtils = function (func, delay) {
         timeoutId = setTimeout(function () { return func.apply(void 0, args); }, delay);
     };
 };
+export var isBrowser = !!(typeof window !== 'undefined' &&
+    window.document &&
+    window.document.createElement);
+export var isDev = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
+export var isObject = function (value) {
+    return value !== null && typeof value === 'object';
+};
+export var isFunction = function (value) {
+    return typeof value === 'function';
+};
+export var isString = function (value) { return typeof value === 'string'; };
+export var isBoolean = function (value) { return typeof value === 'boolean'; };
+export var isNumber = function (value) { return typeof value === 'number'; };
+export var isUndef = function (value) { return typeof value === 'undefined'; };
+export var isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(typeof navigator !== 'undefined' ? navigator === null || navigator === void 0 ? void 0 : navigator.platform : '');
+export var isNavigator = typeof navigator !== 'undefined';
+export var getScrollTop = function (el) {
+    if (el === document || el === document.documentElement || el === document.body) {
+        return Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop);
+    }
+    return el.scrollTop;
+};
+export var getScrollHeight = function (el) {
+    return (el.scrollHeight ||
+        Math.max(document.documentElement.scrollHeight, document.body.scrollHeight));
+};
+export var getClientHeight = function (el) {
+    return (el.clientHeight ||
+        Math.max(document.documentElement.clientHeight, document.body.clientHeight));
+};
+export function sleep(time) {
+    return new Promise(function (resolve) {
+        setTimeout(function () {
+            resolve();
+        }, time);
+    });
+}
+export function request(req) {
+    return new Promise(function (resolve, reject) {
+        return setTimeout(function () {
+            if (req === 0) {
+                reject(new Error('fail'));
+            }
+            else {
+                resolve('success');
+            }
+        }, 1000);
+    });
+}
+export var noop = function () { };
+export function on(obj) {
+    var args = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        args[_i - 1] = arguments[_i];
+    }
+    if (obj && obj.addEventListener) {
+        obj.addEventListener.apply(obj, args);
+    }
+}
+export function off(obj) {
+    var args = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        args[_i - 1] = arguments[_i];
+    }
+    if (obj && obj.removeEventListener) {
+        obj.removeEventListener.apply(obj, args);
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-hook-toolkit",
-  "version": "1.0.23",
+  "version": "1.1.0",
   "description": "Ultimate package for React developers, offering a powerful collection of hooks and components to enhance their development experience.",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -12,10 +12,23 @@
     "build": "tsc"
   },
   "keywords": [
+    "custom hooks",
+    "react utilities",
     "react hooks",
-    "react-toolkit",
-    "custome-hooks",
-    "hook"
+    "react lifecycle",
+    "browser events",
+    "dom interactions",
+    "reusable logic",
+    "state management",
+    "responsive design",
+    "accessibility features",
+    "event handling",
+    "window events",
+    "component cleanup",
+    "UI optimization",
+    "effect management",
+    "cross-browser support",
+    "react development"
   ],
   "license": "MIT",
   "devDependencies": {