@sohanemon/utils 4.0.19 → 4.0.22

package/dist/functions/index.d.ts

@@ -4,3 +4,4 @@ export declare function cn(...inputs: ClassValue[]): string;
 export declare function isNavActive(href: string, path: string): boolean;
 export declare function cleanSrc(src: string): string;
 export declare const scrollTo: (containerSelector: string | React.RefObject<HTMLDivElement>, to: "top" | "bottom") => void;
+export declare const getClientSideCookie: (name: string) => string | undefined;

package/dist/functions/index.js

@@ -1,6 +1,8 @@
 import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
+import { extendTailwindMerge } from 'tailwind-merge';
+import { withFluid } from '@fluid-tailwind/tailwind-merge';
 export function cn(...inputs) {
+    const twMerge = extendTailwindMerge(withFluid);
     return twMerge(clsx(inputs));
 }
 export function isNavActive(href, path) {
@@ -30,3 +32,10 @@ export const scrollTo = (containerSelector, to) => {
         });
     }
 };
+export const getClientSideCookie = (name) => {
+    const cookieValue = document.cookie
+        .split('; ')
+        .find((row) => row.startsWith(`${name}=`))
+        ?.split('=')[1];
+    return cookieValue;
+};

package/dist/hooks/index.d.ts

@@ -27,4 +27,6 @@ export declare const useAsync: <T extends (...args: any) => any>(fn: T, opts?: U
     error: Error;
 };
 export declare const useQuerySelector: <T extends Element>(selector: string) => T | null;
-export default useQuerySelector;
+export declare function useIsClient(): boolean;
+export declare function useLockScroll(): void;
+export {};

package/dist/hooks/index.js

@@ -44,6 +44,7 @@ export function useMediaQuery(tailwindBreakpoint) {
     function handleChange() {
         setMatches(getMatches(parsedQuery));
     }
+    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
     useEffect(() => {
         const matchMedia = window.matchMedia(parsedQuery);
         handleChange();
@@ -59,6 +60,7 @@ export function useEffectOnce(effect) {
 }
 export function useUpdateEffect(effect, deps) {
     const isInitialMount = useRef(true);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
     useEffect(() => {
         if (isInitialMount.current) {
             isInitialMount.current = false;
@@ -66,7 +68,6 @@ export function useUpdateEffect(effect, deps) {
         else {
             return effect();
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 }
 export function useDebounce(state, delay = 500) {
@@ -94,6 +95,7 @@ export function useTimeout(callback, delay = 1000) {
     }, [delay]);
 }
 export function useWindowEvent(type, listener, options) {
+    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
     useEffect(() => {
         window.addEventListener(type, listener, options);
         return () => window.removeEventListener(type, listener, options);
@@ -111,6 +113,7 @@ export const useLocalStorage = (key, defaultValue) => {
     }, [key]);
     // Function to update the stored value in local storage and state
     const updateStoredValue = (valueOrFn) => {
+        // biome-ignore lint/suspicious/noImplicitAnyLet: <explanation>
         let newValue;
         if (typeof valueOrFn === 'function') {
             const updateFunction = valueOrFn;
@@ -211,4 +214,19 @@ export const useQuerySelector = (selector) => {
     }, [selector]);
     return element;
 };
-export default useQuerySelector;
+export function useIsClient() {
+    const [isClient, setIsClient] = useState(false);
+    useEffect(() => {
+        setIsClient(true);
+    }, []);
+    return isClient;
+}
+export function useLockScroll() {
+    useLayoutEffect(() => {
+        const originalStyle = window.getComputedStyle(document.body).overflow;
+        document.body.style.overflow = 'hidden';
+        return () => {
+            document.body.style.overflow = originalStyle;
+        };
+    }, []);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sohanemon/utils",
-  "version": "4.0.19",
+  "version": "4.0.22",
   "author": "Sohan Emon <sohanemon@outlook.com>",
   "description": "",
   "type": "module",
@@ -15,26 +15,39 @@
   },
   "typesVersions": {
     "*": {
-      "core": ["dist/index.d.ts"],
-      "hooks": ["dist/hooks/index.d.ts"],
-      "components": ["dist/components/index.d.ts"]
+      "core": [
+        "dist/index.d.ts"
+      ],
+      "hooks": [
+        "dist/hooks/index.d.ts"
+      ],
+      "components": [
+        "dist/components/index.d.ts"
+      ]
     }
   },
-  "files": ["dist", "README.md"],
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "scripts": {
     "build": "tsc",
     "build:watch": "tsc --watch",
     "export": "tsc && npm publish"
   },
-  "keywords": ["utils", "cn"],
+  "keywords": [
+    "utils",
+    "cn"
+  ],
   "license": "ISC",
   "devDependencies": {
+    "@types/node": "^22.4.0",
+    "@types/react": "^18.3.3",
     "typescript": "^5.5.4"
   },
   "dependencies": {
+    "@fluid-tailwind/tailwind-merge": "^0.0.2",
     "@iconify/react": "^4.1.1",
-    "@types/node": "^22.4.0",
-    "@types/react": "^18.3.3",
     "clsx": "^2.1.1",
     "react": "^18.3.1",
     "tailwind-merge": "^1.14.0"