@himanshu-sorathiya/react-kit 1.0.6 → 1.0.8

package/dist/index.d.ts

@@ -1,10 +1,31 @@
 // Generated by dts-bundle-generator v9.5.1
 
+import { RefObject } from 'react';
+
 export interface ModalLayoutProps {
 	children: React.ReactNode;
 	className?: string;
 }
 export declare function ModalLayout({ children, className }: ModalLayoutProps): import("react").ReactPortal;
+export interface DebounceOptions {
+	maxWait?: number;
+	leading?: boolean;
+	trailing?: boolean;
+}
+export interface UseDebounceReturn<Args extends any[]> {
+	debouncedFunc: (...args: Args) => void;
+	cancel: () => void;
+	flush: () => void;
+	isPending: boolean;
+}
+export declare function useDebounce<Args extends any[]>(func: (...args: Args) => void, delay: number, options?: DebounceOptions): UseDebounceReturn<Args>;
+export interface DebouncedValueOptions {
+	maxWait?: number;
+	leading?: boolean;
+	trailing?: boolean;
+}
+export type UseDebouncedValueReturn<T> = T;
+export declare function useDebouncedValue<T>(value: T, delay: number, options?: DebouncedValueOptions): UseDebouncedValueReturn<T>;
 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";
@@ -41,6 +62,35 @@ export interface UseFilterReturn<T> {
 	isFilterActive: (id: string) => boolean;
 }
 export declare function useFilter<T>(data: T[], initialFilters?: FilterState): UseFilterReturn<T>;
+declare const validKeyEventTypes: readonly [
+	"keydown",
+	"keyup",
+	"keypress"
+];
+export type KeyEventType = (typeof validKeyEventTypes)[number];
+export interface KeyLifecycleOptions {
+	enabled?: boolean;
+	target?: RefObject<HTMLElement | null> | Window;
+}
+export interface KeyEventModifiers {
+	preventDefault?: boolean;
+	stopPropagation?: boolean;
+	eventType?: KeyEventType;
+}
+export interface KeyChordModifiers {
+	ctrlKey?: boolean;
+	shiftKey?: boolean;
+	altKey?: boolean;
+	metaKey?: boolean;
+}
+export interface KeyFilterOptions {
+	requireReset?: boolean;
+	ignoreInputs?: boolean;
+}
+export interface KeyOptions extends KeyLifecycleOptions, KeyEventModifiers, KeyChordModifiers, KeyFilterOptions {
+}
+export type UseKeyReturn = void;
+export declare function useKey(key: string, func: (...args: any[]) => void, { enabled, preventDefault, stopPropagation, eventType, requireReset, ignoreInputs, ctrlKey, shiftKey, altKey, metaKey, target, }?: KeyOptions): UseKeyReturn;
 export interface UseModalReturn<TData> {
 	id: string | null;
 	data: TData | undefined;

package/dist/index.js

@@ -1,46 +1,28 @@
-import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-import { createPortal as a } from "react-dom";
-import { createStore as o, useSelector as s } from "@tanstack/react-store";
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { createPortal as s } from "react-dom";
 import { jsx as c } from "react/jsx-runtime";
-//#region src/store/modalStore.ts
-var l = o({
-	id: null,
-	data: void 0
-}, ({ setState: e }) => ({
-	open: (t, n) => e((e) => ({
-		...e,
-		id: t,
-		data: n
-	})),
-	close: () => e((e) => ({
-		...e,
-		id: null,
-		data: void 0
-	}))
-}));
+//#region src/context/ModalContext.tsx
+var l = e(void 0);
 //#endregion
 //#region src/hooks/useModal.ts
 function u() {
-	return {
-		id: s(l, (e) => e.id),
-		data: s(l, (e) => e.data),
-		openModal: l.actions.open,
-		closeModal: l.actions.close
-	};
+	let e = n(l);
+	if (!e) throw Error("useModal must be used within a ModalProvider");
+	return e;
 }
 //#endregion
 //#region src/components/Modal.tsx
-function d({ children: e, className: n }) {
-	let { id: i, closeModal: o } = u(), s = r(null);
-	return t(() => {
-		let e = s.current;
-		e && (i && !e.open ? e.showModal() : !i && e.open && e.close());
-	}, [i]), a(/* @__PURE__ */ c("dialog", {
-		ref: s,
+function d({ children: e, className: t }) {
+	let { id: n, closeModal: i } = u(), o = a(null);
+	return r(() => {
+		let e = o.current;
+		e && (n && !e.open ? e.showModal() : !n && e.open && e.close());
+	}, [n]), s(/* @__PURE__ */ c("dialog", {
+		ref: o,
 		onCancel: (e) => {
-			e.preventDefault(), o();
+			e.preventDefault(), i();
 		},
-		className: `universal-modal ${n}`,
+		className: `universal-modal ${t}`,
 		children: /* @__PURE__ */ c("div", {
 			className: "modal-container",
 			children: e
@@ -48,8 +30,48 @@ function d({ children: e, className: n }) {
 	}), document.body);
 }
 //#endregion
+//#region src/hooks/useDebounce.ts
+function f(e, n, i = {}) {
+	let [s, c] = o(!1), l = i.maxWait, u = !!i.leading, d = !u && i.trailing === !1 ? !0 : i.trailing ?? !u, f = a(e), p = a(null), m = a(-1), h = a(-1), g = a(null);
+	r(() => {
+		f.current = e;
+	}, [e]);
+	let _ = t(() => {
+		p.current &&= (clearTimeout(p.current), null), m.current = -1, h.current = -1, g.current = null, c(!1);
+	}, []), v = t(() => {
+		p.current && g.current && (clearTimeout(p.current), p.current = null, f.current(...g.current), m.current = Date.now(), h.current = -1, g.current = null, c(!1));
+	}, []);
+	return r(() => () => {
+		_();
+	}, [_]), {
+		debouncedFunc: t((...e) => {
+			c(!0), h.current = Date.now(), g.current = e, m.current === -1 && (m.current = Date.now(), u === !0 && f.current(...e)), l !== void 0 && Date.now() - m.current >= l ? (p.current && clearTimeout(p.current), f.current(...e), m.current = -1, c(!1)) : (p.current && clearTimeout(p.current), p.current = setTimeout(() => {
+				h.current !== m.current && d !== !1 && f.current(...e), m.current = -1, c(!1);
+			}, n));
+		}, [
+			n,
+			l,
+			d,
+			u
+		]),
+		cancel: _,
+		flush: v,
+		isPending: s
+	};
+}
+//#endregion
+//#region src/hooks/useDebouncedValue.ts
+function p(e, t, n = {}) {
+	let [i, a] = o(e), { debouncedFunc: s } = f((e) => {
+		a(e);
+	}, t, n);
+	return r(() => {
+		s(e);
+	}, [e, s]), i;
+}
+//#endregion
 //#region src/utils/filterUtils.ts
-var f = {
+var m = {
 	text: {
 		contains: (e, t, n) => n?.caseSensitive ? String(e).includes(String(t)) : String(e).toLowerCase().includes(String(t).toLowerCase()),
 		equals: (e, t, n) => n?.caseSensitive ? String(e) === String(t) : String(e).toLowerCase() === String(t).toLowerCase(),
@@ -100,128 +122,176 @@ var f = {
 };
 //#endregion
 //#region src/utils/utils.ts
-function p(e, t, n) {
+function h(e, t, n) {
 	if (typeof e != "object" || !e) return e;
 	let r = (t || n) ?? "";
 	return r.includes(".") ? r.split(".").reduce((e, t) => e?.[t], e) : e?.[r];
 }
 //#endregion
 //#region src/hooks/useFilter.ts
-function m(t, r = []) {
-	let [a, o] = i(r), s = n(() => t.filter((e) => a.every((t) => {
-		let { id: n, field: r, type: i, operator: a, value: o, compare: s } = t, c = p(e, r, n);
+function g(e, n = []) {
+	let [r, a] = o(n), s = i(() => e.filter((e) => r.every((t) => {
+		let { id: n, field: r, type: i, operator: a, value: o, compare: s } = t, c = h(e, r, n);
 		if (i === "custom" || a === "custom") return s ? s(c, o, e) : !0;
-		let l = f[i];
+		let l = m[i];
 		if (!l) return !0;
 		let u = l[a];
 		return u ? u(c, o, t) : !0;
-	})), [t, a]), c = e((e) => {
-		o((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? e : t) : [...t, e]);
-	}, []), l = e((e) => {
-		o((t) => Array.isArray(e) ? t.filter((t) => !e.includes(t.id)) : t.filter((t) => t.id !== e));
-	}, []), u = e(() => {
-		o([]);
-	}, []), d = e(() => {
-		o(r);
-	}, [r]), m = e((e) => {
-		o(e);
-	}, []), h = e((e) => a.find((t) => t.id === e)?.value, [a]), g = e((e, t) => {
-		o((n) => n.map((n) => n.id === e ? {
+	})), [e, r]), c = t((e) => {
+		a((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? e : t) : [...t, e]);
+	}, []), l = t((e) => {
+		a((t) => Array.isArray(e) ? t.filter((t) => !e.includes(t.id)) : t.filter((t) => t.id !== e));
+	}, []), u = t(() => {
+		a([]);
+	}, []), d = t(() => {
+		a(n);
+	}, [n]), f = t((e) => {
+		a(e);
+	}, []), p = t((e) => r.find((t) => t.id === e)?.value, [r]), g = t((e, t) => {
+		a((n) => n.map((n) => n.id === e ? {
 			...n,
 			value: t
 		} : n));
-	}, []), _ = e((e) => a.some((t) => t.id === e), [a]);
+	}, []), _ = t((e) => r.some((t) => t.id === e), [r]);
 	return {
 		filteredItems: s,
-		filters: a,
+		filters: r,
 		addFilter: c,
 		removeFilter: l,
 		clearFilters: u,
 		resetFilters: d,
-		toggleFilter: e((e) => {
-			o((t) => t.some((t) => t.id === e.id) ? t.filter((t) => t.id !== e.id) : [...t, e]);
+		toggleFilter: t((e) => {
+			a((t) => t.some((t) => t.id === e.id) ? t.filter((t) => t.id !== e.id) : [...t, e]);
 		}, []),
-		updateFilterConfig: e((e, t) => {
-			o((n) => n.map((n) => n.id === e ? {
+		updateFilterConfig: t((e, t) => {
+			a((n) => n.map((n) => n.id === e ? {
 				...n,
 				...t
 			} : n));
 		}, []),
-		setFilters: m,
-		getFilterValue: h,
+		setFilters: f,
+		getFilterValue: p,
 		updateFilterValue: g,
 		isFilterActive: _
 	};
 }
 //#endregion
+//#region src/constants/keyConstants.ts
+var _ = [
+	"keydown",
+	"keyup",
+	"keypress"
+];
+//#endregion
+//#region src/hooks/useKey.ts
+function v(e, t, { enabled: n = !0, preventDefault: i = !0, stopPropagation: o = !0, eventType: s = "keydown", requireReset: c = !1, ignoreInputs: l = !0, ctrlKey: u = !1, shiftKey: d = !1, altKey: f = !1, metaKey: p = !1, target: m = window } = {}) {
+	let h = a(t), g = a(n), v = a(!1), y = m && "current" in m && m.current || window;
+	r(() => {
+		h.current = t;
+	}, [t]), r(() => {
+		g.current = n;
+	}, [n]), r(() => {
+		if (!y) return;
+		let t = _.includes(s) ? s : "keydown";
+		function n(t) {
+			if (!(t instanceof KeyboardEvent)) return;
+			let n = t.key.toLowerCase();
+			(n === e.toLowerCase() || u && n === "control" || d && n === "shift" || f && n === "alt" || p && n === "meta") && (v.current = !1);
+		}
+		function r(t) {
+			if (!(t instanceof KeyboardEvent) || !g.current) return;
+			let n = t.target;
+			if (!(l && n instanceof HTMLElement && (n instanceof HTMLInputElement || n instanceof HTMLTextAreaElement || n instanceof HTMLSelectElement || n.isContentEditable)) && t.ctrlKey === u && t.shiftKey === d && t.altKey === f && t.metaKey === p && e.toLowerCase() === t.key.toLowerCase()) {
+				if (c && v.current) return;
+				v.current = !0, h.current(t), i && t.preventDefault(), o && t.stopPropagation();
+			}
+		}
+		return y.addEventListener(t, r), y.addEventListener("keyup", n), () => {
+			y.removeEventListener(t, r), y.removeEventListener("keyup", n);
+		};
+	}, [
+		e,
+		i,
+		o,
+		s,
+		c,
+		l,
+		u,
+		d,
+		f,
+		p,
+		y
+	]);
+}
+//#endregion
 //#region src/hooks/usePagination.ts
-function h(t, r, a = 0) {
-	let [o, s] = i(r), [c, l] = i(a), u = Math.max(1, Math.ceil(t.length / Math.max(1, o))), d = Math.min(Math.max(0, c), u - 1);
+function y(e, n, r = 0) {
+	let [a, s] = o(n), [c, l] = o(r), u = Math.max(1, Math.ceil(e.length / Math.max(1, a))), d = Math.min(Math.max(0, c), u - 1);
 	return c !== d && l(d), {
-		currentItems: n(() => typeof o != "number" || o < 1 ? [] : t.slice(c * o, (c + 1) * o), [
+		currentItems: i(() => typeof a != "number" || a < 1 ? [] : e.slice(c * a, (c + 1) * a), [
 			c,
-			o,
-			t
+			a,
+			e
 		]),
-		pageSize: o,
+		pageSize: a,
 		pageIndex: c,
 		totalPages: u,
 		canPrevious: c > 0,
 		canNext: c < u - 1,
-		nextPage: e(() => {
+		nextPage: t(() => {
 			l((e) => e < u - 1 ? e + 1 : e);
 		}, [u]),
-		previousPage: e(() => {
+		previousPage: t(() => {
 			l((e) => e > 0 ? e - 1 : e);
 		}, []),
-		firstPage: e(() => {
+		firstPage: t(() => {
 			l(0);
 		}, []),
-		lastPage: e(() => {
+		lastPage: t(() => {
 			l(u - 1);
 		}, [u]),
-		setPageIndex: e((e) => {
+		setPageIndex: t((e) => {
 			typeof e == "number" && e >= 0 && e <= u - 1 && l(e);
 		}, [u]),
-		setPageSize: e((e) => {
-			if (typeof e == "number" && e > 0) {
-				s(e);
-				let n = Math.max(1, Math.ceil(t.length / Math.max(1, e)));
+		setPageSize: t((t) => {
+			if (typeof t == "number" && t > 0) {
+				s(t);
+				let n = Math.max(1, Math.ceil(e.length / Math.max(1, t)));
 				l((e) => Math.min(Math.max(0, e), n - 1));
 			}
-		}, [t.length]),
-		resetPageIndex: e(() => {
-			l(Math.min(Math.max(0, a), u - 1));
-		}, [a, u]),
-		resetPageSize: e(() => {
-			s(Math.max(1, r));
-			let e = Math.max(1, Math.ceil(t.length / Math.max(1, r)));
-			l((t) => Math.min(Math.max(0, t), e - 1));
-		}, [r, t.length])
+		}, [e.length]),
+		resetPageIndex: t(() => {
+			l(Math.min(Math.max(0, r), u - 1));
+		}, [r, u]),
+		resetPageSize: t(() => {
+			s(Math.max(1, n));
+			let t = Math.max(1, Math.ceil(e.length / Math.max(1, n)));
+			l((e) => Math.min(Math.max(0, e), t - 1));
+		}, [n, e.length])
 	};
 }
 //#endregion
 //#region src/utils/sortUtils.ts
-function g(e, t, n = {}) {
-	let { sortUndefined: r, desc: i = !1 } = n, a = C(e, t, r, i);
+function b(e, t, n = {}) {
+	let { sortUndefined: r, desc: i = !1 } = n, a = D(e, t, r, i);
 	if (a !== null) return a;
 	let o = !!e;
 	return o === !!t ? 0 : o ? 1 : -1;
 }
-function _(e, t, n = {}) {
-	let { sortUndefined: r, desc: i = !1 } = n, a = C(e, t, r, i);
+function x(e, t, n = {}) {
+	let { sortUndefined: r, desc: i = !1 } = n, a = D(e, t, r, i);
 	if (a !== null) return a;
 	let o = e === "" || e === null ? NaN : Number(e), s = t === "" || t === null ? NaN : Number(t), c = Number.isNaN(o), l = Number.isNaN(s);
-	return c || l ? C(c ? void 0 : o, l ? void 0 : s, r, i) ?? 0 : o - s;
+	return c || l ? D(c ? void 0 : o, l ? void 0 : s, r, i) ?? 0 : o - s;
 }
-function v(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = C(e, t, i, r);
+function S(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = D(e, t, i, r);
 	if (o !== null) return o;
 	let s = String(e), c = String(t);
 	return s.localeCompare(c, void 0, { sensitivity: a ? "variant" : "base" });
 }
-function y(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = C(e, t, i, r);
+function C(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i, caseSensitive: a = !1 } = n, o = D(e, t, i, r);
 	if (o !== null) return o;
 	let s = String(e), c = String(t);
 	return s.localeCompare(c, void 0, {
@@ -229,21 +299,21 @@ function y(e, t, n = {}) {
 		sensitivity: a ? "variant" : "base"
 	});
 }
-function b(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i } = n, a = C(e, t, i, r);
+function w(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i } = n, a = D(e, t, i, r);
 	if (a !== null) return a;
 	let o = new Date(e).getTime(), s = new Date(t).getTime();
 	return (Number.isNaN(o) ? 0 : o) - (Number.isNaN(s) ? 0 : s);
 }
-function x(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i } = n, a = C(e, t, i, r);
+function T(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i } = n, a = D(e, t, i, r);
 	return a === null ? e < t ? -1 : +(e > t) : a;
 }
-function S(e, t, n = {}) {
-	let { desc: r = !1, sortUndefined: i, compare: a } = n, o = C(e, t, i, r);
+function E(e, t, n = {}) {
+	let { desc: r = !1, sortUndefined: i, compare: a } = n, o = D(e, t, i, r);
 	return o === null ? typeof a == "function" ? a(e, t) : e < t ? -1 : +(e > t) : o;
 }
-function C(e, t, n = !1, r) {
+function D(e, t, n = !1, r) {
 	let i = e ?? void 0, a = t ?? void 0;
 	if (i !== void 0 && a !== void 0) return null;
 	if (i === void 0 && a === void 0 || n === !1) return 0;
@@ -261,55 +331,55 @@ function C(e, t, n = !1, r) {
 }
 //#endregion
 //#region src/hooks/useSort.ts
-function w(t, r = []) {
-	let [a, o] = i(r);
+function O(e, n = []) {
+	let [r, a] = o(n);
 	return {
-		sortedItems: n(() => t.toSorted((e, t) => {
-			for (let n of a) {
-				let { type: r, field: i, id: a, desc: o = !1, invertSorting: s = !1 } = n, c = p(e, i, a), l = p(t, i, a), u;
+		sortedItems: i(() => e.toSorted((e, t) => {
+			for (let n of r) {
+				let { type: r, field: i, id: a, desc: o = !1, invertSorting: s = !1 } = n, c = h(e, i, a), l = h(t, i, a), u;
 				switch (r) {
 					case "numeric":
-						u = _(c, l, n);
+						u = x(c, l, n);
 						break;
 					case "alphabetical":
-						u = v(c, l, n);
+						u = S(c, l, n);
 						break;
 					case "alphanumeric":
-						u = y(c, l, n);
+						u = C(c, l, n);
 						break;
 					case "boolean":
-						u = g(c, l, n);
+						u = b(c, l, n);
 						break;
 					case "date":
-						u = b(c, l, n);
+						u = w(c, l, n);
 						break;
 					case "basic":
-						u = x(c, l, n);
+						u = T(c, l, n);
 						break;
 					case "custom":
-						u = S(c, l, n);
+						u = E(c, l, n);
 						break;
-					default: u = x(c, l, n);
+					default: u = T(c, l, n);
 				}
 				if (u !== 0) return u * (o === s ? 1 : -1);
 			}
 			return 0;
-		}), [a, t]),
-		sorts: a,
-		addSort: e((e) => o((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? e : t) : [...t, e]), []),
-		removeSort: e((e) => {
-			o((t) => Array.isArray(e) ? t.filter((t) => !e.includes(t.id)) : t.filter((t) => t.id !== e));
+		}), [r, e]),
+		sorts: r,
+		addSort: t((e) => a((t) => t.some((t) => t.id === e.id) ? t.map((t) => t.id === e.id ? e : t) : [...t, e]), []),
+		removeSort: t((e) => {
+			a((t) => Array.isArray(e) ? t.filter((t) => !e.includes(t.id)) : t.filter((t) => t.id !== e));
 		}, []),
-		clearSorts: e(() => o([]), []),
-		resetSorts: e(() => o(r), [r]),
-		setSorts: e((e) => o(e), []),
-		getSortDirection: e((e) => {
-			let t = a.find((t) => t.id === e);
+		clearSorts: t(() => a([]), []),
+		resetSorts: t(() => a(n), [n]),
+		setSorts: t((e) => a(e), []),
+		getSortDirection: t((e) => {
+			let t = r.find((t) => t.id === e);
 			return t ? t.desc ? "desc" : "asc" : void 0;
-		}, [a]),
-		toggleSort: e((e, t, n) => {
+		}, [r]),
+		toggleSort: t((e, t, n) => {
 			let { multi: r = !1, ...i } = n || {};
-			o((n) => {
+			a((n) => {
 				let a = n.find((t) => t.id === e);
 				if (!a) {
 					let a = {
@@ -339,15 +409,15 @@ function w(t, r = []) {
 				return r ? n.filter((t) => t.id !== e) : [];
 			});
 		}, []),
-		getNextSortingOrder: e((e) => {
-			let t = a.find((t) => t.id === e);
+		getNextSortingOrder: t((e) => {
+			let t = r.find((t) => t.id === e);
 			return t ? t.desc ? t.disableSortRemoval ? "asc" : "none" : "desc" : "asc";
-		}, [a]),
-		getSortIndex: e((e) => {
-			let t = a.findIndex((t) => t.id === e);
+		}, [r]),
+		getSortIndex: t((e) => {
+			let t = r.findIndex((t) => t.id === e);
 			return t === -1 ? void 0 : t + 1;
-		}, [a])
+		}, [r])
 	};
 }
 //#endregion
-export { d as ModalLayout, m as useFilter, u as useModal, h as usePagination, w as useSort };
+export { d as ModalLayout, f as useDebounce, p as useDebouncedValue, g as useFilter, v as useKey, u as useModal, y as usePagination, O as useSort };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@himanshu-sorathiya/react-kit",
-	"version": "1.0.6",
+	"version": "1.0.8",
 	"description": "An opinionated collection of react hooks, and reusable UI components.",
 	"type": "module",
 	"module": "./dist/index.js",
@@ -22,9 +22,6 @@
 		"preview": "vite preview",
 		"format": "prettier . --write"
 	},
-	"dependencies": {
-		"@tanstack/react-store": "^0.11.0"
-	},
 	"peerDependencies": {
 		"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
 		"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
@@ -55,7 +52,9 @@
 		"react-kit",
 		"hooks",
 		"components",
-		"state-management"
+		"state-management",
+		"utility",
+		"utilities"
 	],
 	"homepage": "https://github.com/Himanshu-Sorathiya-Simform/react-kit#readme",
 	"bugs": {