@sohanemon/utils 4.0.20 → 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

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

package/dist/hooks/index.js

@@ -221,3 +221,12 @@ export function useIsClient() {
     }, []);
     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.20",
+  "version": "4.0.22",
   "author": "Sohan Emon <sohanemon@outlook.com>",
   "description": "",
   "type": "module",
@@ -46,6 +46,7 @@
     "typescript": "^5.5.4"
   },
   "dependencies": {
+    "@fluid-tailwind/tailwind-merge": "^0.0.2",
     "@iconify/react": "^4.1.1",
     "clsx": "^2.1.1",
     "react": "^18.3.1",