From 6b53ab062b1f089c6132526bdca60a9ab17581b5 Mon Sep 17 00:00:00 2001
From: Yash Sehgal <yashsehgal.work@gmail.com>
Date: Sat, 20 Jan 2024 10:27:46 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Add=20proper=20alignment=20in=20?=
 =?UTF-8?q?tab-menu=20stretch=20variant?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                         | 2 +-
 src/components/tab-menu/tab-menu.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index c67a853..79c4994 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "craftbook",
   "private": false,
-  "version": "1.5.1",
+  "version": "1.5.2",
   "author": "Yash Sehgal <yashsehgal.work@gmail.com>",
   "type": "module",
   "files": [
diff --git a/src/components/tab-menu/tab-menu.tsx b/src/components/tab-menu/tab-menu.tsx
index 32ea746..dd03447 100644
--- a/src/components/tab-menu/tab-menu.tsx
+++ b/src/components/tab-menu/tab-menu.tsx
@@ -32,10 +32,10 @@ const TabMenu = forwardRef<HTMLDivElement, TabMenuProps>(
         )}>
         <Grid
           ref={ref}
-          className={cn('w-fit', className)}
+          className={cn('w-fit', stretch && "w-full", className)}
           cols={options.length}
           alignItems="center"
-          justifyContent="center"
+          justifyContent={"center"}
           {...props}>
           {options.map((option, index) => {
             return (
@@ -62,10 +62,10 @@ const TabMenuOption = forwardRef<HTMLButtonElement, TabMenuOptionProps>(
       <button
         ref={ref}
         className={cn(
-          'tab-menu-option px-3 py-1.5 transition-all w-fit',
+          'tab-menu-option px-3 py-1.5 transition-all',
           !isSelected && 'hover:border-b-2 hover:border-black/10',
           isSelected &&
-            'border-b-2 border-b-black drop-shadow-lg before:outline-none',
+          'border-b-2 border-b-black drop-shadow-lg before:outline-none',
           className,
         )}
         aria-label={label}