react-hook-toolkit 1.0.16 → 1.0.18

package/README.md

@@ -10,28 +10,25 @@ Install the package:
 ```bash
 npm install react-hook-toolkit
 # or
-yarn add react-hook-toolkit
-# or
 pnpm add react-hook-toolkit
 ```
 
+### **Authors**
+
+![NPM](https://img.shields.io/badge/Author-React_Developers-red)   ![npm](https://img.shields.io/npm/v/react-hook-toolkit?color=1C939D)   ![npm](https://img.shields.io/npm/dt/react-hook-toolkit)   ![NPM](https://img.shields.io/npm/l/react-hook-toolkit)   ![NPM Unpacked Size](https://img.shields.io/npm/unpacked-size/react-hook-toolkit)
+
 ### **Browser Support**  
 
 | ![Firefox](https://raw.githubusercontent.com/alrra/browser-logos/main/src/firefox/firefox_48x48.png) | ![Chrome](https://raw.githubusercontent.com/alrra/browser-logos/main/src/chrome/chrome_48x48.png)  | ![Safari](https://raw.githubusercontent.com/alrra/browser-logos/main/src/safari/safari_48x48.png) | ![Opera](https://raw.githubusercontent.com/alrra/browser-logos/main/src/opera/opera_48x48.png) | ![Edge](https://raw.githubusercontent.com/alrra/browser-logos/main/src/edge/edge_48x48.png)
 | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- |
 | Latest ✔                                                                                          | Latest ✔                                                                                             | Latest ✔                                                                                          | Latest ✔                                                                                       | Latest ✔                                                                                    | 
 
-### **Authors**
-
-![NPM](https://img.shields.io/badge/Author-NPM_Teams-red)   ![npm](https://img.shields.io/npm/v/react-hook-toolkit?color=1C939D)   ![npm](https://img.shields.io/npm/dt/react-hook-toolkit)   ![NPM](https://img.shields.io/npm/l/react-hook-toolkit)   ![NPM Unpacked Size](https://img.shields.io/npm/unpacked-size/react-hook-toolkit)
-
 
-## Features  
+###  **Features**
 Here's the properly structured documentation with clear purpose explanations:
 
 ------------------------------------------ **Custom Hooks**  ------------------------------------------------
 
-### 🌐 **API / Async**
 
 📌 **useAxios**   
 A custom hook for making API requests using Axios. It manages request states (`loading`, `error`, `data`) and provides a function (`makeRequest`) to initiate a request.
@@ -132,8 +129,6 @@ useTimeout(() => {
 
 ---
 
-### 📝 **Form / Validation**
-
   📌 **useForm**  
 Manages form state, handles input changes, and performs validation using provided validators.
 
@@ -230,8 +225,6 @@ reset(); // Clears storage
 
 ---
 
-### 🎯 **Event / Interaction**
-
   📌 **useEventListener**  
 Listens for a specified event on an element or window, and triggers the handler function when the event is fired. It ensures proper cleanup when the component is unmounted.
 
@@ -316,9 +309,6 @@ const { items, dragStart, dragOver, drop } = useDragReorder(initialItems);
 
 ---
 
-### 📦 **State / Logic**
-
-
   📌 **useToggle**  
 A simple boolean toggle hook that returns a state and a function to toggle its value.
 
@@ -419,8 +409,6 @@ remove(0); // Remove first item
 
 ---
 
-### 🧭 **Browser / Storage**
-
   📌 **useLocalStorage**  
  A hook to persist state in `localStorage`. It initializes state from `localStorage` and updates it whenever the value changes.
 
@@ -475,6 +463,19 @@ goBack();
 goForward();
 ```
 
+---
+📌 **useRecentSearch**  
+ Return and manage recent searched history.
+
+```ts
+  const { recentSearches, addSearch, clearSearch, hasSearch } = useRecentSearch<SearchItem>({
+    key: 'myRecentItems',
+    limit: 5,
+    uniqueKey: 'id',
+    excludeEmpty: true,
+  });
+
+```
 ---
 📌 **useHistoryState**  
  Manages state history with undo/redo capabilities.
@@ -516,8 +517,6 @@ const { data, setData } = useIndexedDB('dbName');
 ```
 ---
 
-### 🧱 **DOM / UI**
-
 📌 **useMediaQuery**  
 Checks if a media query condition matches the current viewport, useful for responsive design.
 
@@ -593,8 +592,6 @@ const { isLoading, image } = useImageLoader('imageURL');
 
 ---
 
-### 📱 **Device / Sensors**
-
   📌 **useBattery**  
  Monitors the battery status of the device, including level, charging status, and remaining charging or discharging time.
 
@@ -626,8 +623,6 @@ const isOnline = useOnlineStatus();
 
 ---
 
-### 🎵 **Media / Audio / Visual**
-
   📌 **useSound**  
 Controls the playback of an audio file, including play, pause, and stop functionalities, while also managing the audio volume and handling any errors.
 
@@ -671,8 +666,6 @@ const { count, error } = useCountDown(10); // counts down from 10
 
 ---
 
-### 🔄 **Networking / Real-time**
-
 📌 **useWebSocket**  
  Manages WebSocket connections with auto-reconnect.
 
@@ -786,6 +779,18 @@ A functional React component that displays dynamic alerts using the enqueueSnack
 ```jsx
 <AlertMessage type="success" msg="Data saved successfully!" />
 ```
+---
+  ✅ **FieldSkeleton**  
+Simulates form field placeholders with optional label skeletons, useful for loading states in forms or input sections.
+
+```jsx
+<FieldSkeleton 
+  length={3} 
+  spacing={2} 
+  isLabel={true} 
+  responsive={{ xs: 12, sm: 6, md: 4 }} 
+/>
+```
 ---
 
  ✅ **FileSkeleton**  
@@ -842,4 +847,4 @@ Displays a skeleton placeholder for a pie chart inside a card layout. Includes a
 
   **License** 
 
-[MIT](https://www.npmjs.com/products/teams) © (2022-2024)
+[MIT](https://docs.npmjs.com/policies/npm-license) © (2022-2024)

package/dist/hooks/chunk613852.js

@@ -126,7 +126,7 @@ export var FilePreview = function (_a) {
                                 overflow: 'hidden',
                                 textOverflow: 'ellipsis',
                                 maxWidth: width - 120,
-                            }, children: filename })), _jsx(Typography, { variant: "caption", color: "text.secondary", children: size })] }), _jsx(IconButton, { disabled: onDownload === undefined, "aria-label": "download", onClick: function () { return onDownload(primaryKey); }, sx: { color: '#dfdfdf', '&:hover': { color: 'primary.main' } }, children: isDownloading ? (_jsx(CircularProgress, { color: "success", size: 20 })) : (_jsx(Download, { fontSize: "small", color: "primary" })) })] }) }));
+                            }, children: filename })), _jsx(Typography, { variant: "caption", color: "text.secondary", children: size })] }), _jsx(IconButton, { disabled: onDownload === undefined, "aria-label": "download", onClick: function () { return onDownload(primaryKey); }, sx: { color: '#dfdfdf', '&:hover': { color: 'primary.main' } }, children: isDownloading ? (_jsx(CircularProgress, { color: "success", size: 20 })) : (_jsx(Download, { fontSize: "small", color: onDownload ? 'primary' : 'inherit' })) })] }) }));
 };
 var VisuallyHiddenInput = forwardRef(function (props, ref) { return (_jsx("input", __assign({ ref: ref, type: "file", style: {
         position: 'absolute',

package/dist/hooks/chunk726433.d.ts

@@ -37,4 +37,16 @@ export declare function useLongPress(callback: (event: Event) => void, options?:
     onTouchStart: any;
     onTouchEnd: any;
 };
+type UseRecentSearchOptions = {
+    key?: string;
+    limit?: number;
+    uniqueKey?: string;
+    excludeEmpty?: boolean;
+};
+export declare const useRecentSearch: (options?: UseRecentSearchOptions) => {
+    recentSearches: any;
+    addSearch: (item: any) => void;
+    clearSearch: () => void;
+    hasSearch: (value: string) => any;
+};
 export {};

package/dist/hooks/chunk726433.js

@@ -265,3 +265,45 @@ export function useLongPress(callback, options) {
         onTouchEnd: cancel,
     }); }, [start, cancel]);
 }
+export var useRecentSearch = function (options) {
+    if (options === void 0) { options = {}; }
+    var _a = options.key, key = _a === void 0 ? 'recentSearches' : _a, _b = options.limit, limit = _b === void 0 ? 3 : _b, _c = options.uniqueKey, uniqueKey = _c === void 0 ? 'index' : _c, _d = options.excludeEmpty, excludeEmpty = _d === void 0 ? true : _d;
+    var _e = useState([]), recentSearches = _e[0], setRecentSearches = _e[1];
+    useEffect(function () {
+        var saved = localStorage.getItem(key);
+        if (saved) {
+            try {
+                var parsed = JSON.parse(saved);
+                if (Array.isArray(parsed)) {
+                    setRecentSearches(parsed.slice(0, limit));
+                }
+            }
+            catch (e) {
+                console.error('Failed to parse recent searches', e);
+                localStorage.removeItem(key);
+            }
+        }
+    }, [key, limit]);
+    var addSearch = useCallback(function (item) {
+        if (excludeEmpty && !item[uniqueKey])
+            return;
+        try {
+            setRecentSearches(function (prev) {
+                var updated = __spreadArray([item], prev.filter(function (p) { return p[uniqueKey] !== item[uniqueKey]; }), true).slice(0, limit);
+                localStorage.setItem(key, JSON.stringify(updated));
+                return updated;
+            });
+        }
+        catch (error) {
+            console.error('Failed to update recent searches:', error);
+        }
+    }, [excludeEmpty, uniqueKey, key, limit]);
+    var hasSearch = function (value) {
+        return recentSearches.some(function (item) { var _a; return ((_a = item[uniqueKey]) === null || _a === void 0 ? void 0 : _a.toString().trim()) === value.trim(); });
+    };
+    var clearSearch = function () {
+        localStorage.removeItem(key);
+        setRecentSearches([]);
+    };
+    return { recentSearches: recentSearches, addSearch: addSearch, clearSearch: clearSearch, hasSearch: hasSearch };
+};

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import 'nprogress/nprogress.css';
 import { ReactHooksWrapper, getHook, setHook } from "./hookExecuter/chunk143";
 import { DynamicLoader, AlertMessage, FilePreview, LabeledValue, DetailsCard, UploadFile, DownloadFile } from './hooks/chunk613852';
 import { FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton } from './skeletons/chunk613555';
-import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress } from './hooks/chunk726433';
+import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch } from './hooks/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 './hooks/chunk940514';
 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, createOptimizedContext, DynamicLoader, AlertMessage, FilePreview, FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton, LabeledValue, DetailsCard, UploadFile, DownloadFile };
+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 };

package/dist/index.js

@@ -2,7 +2,7 @@ import 'nprogress/nprogress.css';
 import { ReactHooksWrapper, getHook, setHook } from "./hookExecuter/chunk143";
 import { DynamicLoader, AlertMessage, FilePreview, LabeledValue, DetailsCard, UploadFile, DownloadFile } from './hooks/chunk613852';
 import { FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton } from './skeletons/chunk613555';
-import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress } from './hooks/chunk726433';
+import { useHistoryState, useIdle, useIsFirstRender, useList, useLockBodyScroll, useLongPress, useRecentSearch } from './hooks/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 './hooks/chunk940514';
 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, createOptimizedContext, DynamicLoader, AlertMessage, FilePreview, FileSkeleton, TableSkeleton, PieChartSkeleton, CardSkeleton, LineChartSkeleton, FieldSkeleton, LabeledValue, DetailsCard, UploadFile, DownloadFile };
+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 };

package/dist/skeletons/chunk613555.d.ts

@@ -10,10 +10,14 @@ export declare const TableSkeleton: ({ rows, columns }: {
 export declare const LineChartSkeleton: () => import("react/jsx-runtime").JSX.Element;
 export declare const CardSkeleton: () => import("react/jsx-runtime").JSX.Element;
 export declare const PieChartSkeleton: React.FC;
-export declare const FieldSkeleton: ({ length, width, spacing, isLabel, itemsPerRow, }: {
+export declare const FieldSkeleton: ({ length, width, spacing, isLabel, responsive, }: {
     length?: number | undefined;
     width?: string | undefined;
     spacing?: number | undefined;
     isLabel?: boolean | undefined;
-    itemsPerRow?: number | undefined;
+    responsive?: {
+        xs: number;
+        sm: number;
+        md: number;
+    } | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/skeletons/chunk613555.js

@@ -1,3 +1,15 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Card, CardContent, CardHeader, Grid, IconButton, Skeleton, Table, TableBody, TableCell, TableHead, TableRow, Toolbar, Tooltip, } from "@mui/material";
 import { Download } from "@mui/icons-material";
@@ -88,7 +100,7 @@ export var PieChartSkeleton = function () {
                             }, children: _jsx(Skeleton, { variant: "circular", width: 200, height: 200, sx: { marginBottom: '16px' } }) })] }) })] }));
 };
 export var FieldSkeleton = function (_a) {
-    var _b = _a.length, length = _b === void 0 ? 1 : _b, _c = _a.width, width = _c === void 0 ? '100%' : _c, _d = _a.spacing, spacing = _d === void 0 ? 2 : _d, _e = _a.isLabel, isLabel = _e === void 0 ? false : _e, _f = _a.itemsPerRow, itemsPerRow = _f === void 0 ? 2 : _f;
-    var columnSize = Math.floor(12 / itemsPerRow);
-    return (_jsx(Grid, { container: true, spacing: spacing, children: Array.from({ length: length }).map(function (_, index) { return (_jsx(Grid, { item: true, xs: 12, sm: columnSize, children: _jsxs(Box, { sx: { width: '100%', margin: 2 }, children: [isLabel && _jsx(Skeleton, { variant: "text", width: "40%", height: 20, sx: { marginBottom: 1 } }), _jsx(Skeleton, { variant: "rectangular", width: width, height: 40, sx: { borderRadius: 1 } })] }) }, index.toString())); }) }));
+    var _b = _a.length, length = _b === void 0 ? 1 : _b, _c = _a.width, width = _c === void 0 ? '100%' : _c, _d = _a.spacing, spacing = _d === void 0 ? 2 : _d, _e = _a.isLabel, isLabel = _e === void 0 ? false : _e, _f = _a.responsive, responsive = _f === void 0 ? { xs: 12, sm: 6, md: 4 } : _f;
+    return (_jsx(Grid, { container: true, spacing: spacing, children: Array.from({ length: length }).map(function (_, index) { return (_createElement(Grid, __assign({ item: true }, responsive, { key: index.toString() }),
+            _jsxs(Box, { sx: { width: '100%', margin: 2 }, children: [isLabel && _jsx(Skeleton, { variant: "text", width: "40%", height: 20, sx: { marginBottom: 1 } }), _jsx(Skeleton, { variant: "rectangular", width: width, height: 40, sx: { borderRadius: 1 } })] }))); }) }));
 };

package/dist/utils.d.ts

@@ -1,2 +1,3 @@
 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;

package/dist/utils.js

@@ -23,3 +23,14 @@ export function throttle(func, limit) {
         }
     };
 }
+export var debounceUtils = function (func, delay) {
+    var timeoutId;
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        clearTimeout(timeoutId);
+        timeoutId = setTimeout(function () { return func.apply(void 0, args); }, delay);
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-hook-toolkit",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "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",