test: update snapshots for Navbar, NavbarDesktop, BottomBar, SetupGuide

its-me-abhishek · its-me-abhishek · commit c041dea89f43 · 2025-11-27T18:15:36.000+05:30
diff --git a/frontend/src/components/HomeComponents/BottomBar/__tests__/__snapshots__/BottomBar.test.tsx.snap b/frontend/src/components/HomeComponents/BottomBar/__tests__/__snapshots__/BottomBar.test.tsx.snap
@@ -19,7 +19,7 @@ exports[`BottomBar Component using Snapshot renders correctly with only one sele
         >
           <a
             aria-label="Home"
-            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
             href="#"
             rel="noreferrer noopener"
           >
@@ -40,7 +40,7 @@ exports[`BottomBar Component using Snapshot renders correctly with only one sele
           </a>
           <a
             aria-label="Tasks"
-            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
             href="#tasks"
             rel="noreferrer noopener"
           >
@@ -112,7 +112,7 @@ exports[`BottomBar Component using Snapshot renders correctly with several selec
         >
           <a
             aria-label="Home"
-            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
             href="#"
             rel="noreferrer noopener"
           >
@@ -133,7 +133,7 @@ exports[`BottomBar Component using Snapshot renders correctly with several selec
           </a>
           <a
             aria-label="Tasks"
-            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
             href="#tasks"
             rel="noreferrer noopener"
           >
@@ -205,7 +205,7 @@ exports[`BottomBar Component using Snapshot renders correctly without selected p
         >
           <a
             aria-label="Home"
-            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
             href="#"
             rel="noreferrer noopener"
           >
@@ -226,7 +226,7 @@ exports[`BottomBar Component using Snapshot renders correctly without selected p
           </a>
           <a
             aria-label="Tasks"
-            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+            class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
             href="#tasks"
             rel="noreferrer noopener"
           >
diff --git a/frontend/src/components/HomeComponents/Navbar/__tests__/__snapshots__/NavbarDesktop.test.tsx.snap b/frontend/src/components/HomeComponents/Navbar/__tests__/__snapshots__/NavbarDesktop.test.tsx.snap
@@ -9,28 +9,28 @@ exports[`NavbarDesktop component using snapshot renders correctly 1`] = `
       class="hidden md:flex gap-2 justify-center flex-1"
     >
       <a
-        class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+        class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
         href="#"
         rel="noreferrer noopener"
       >
         Home
       </a>
       <a
-        class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+        class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
         href="#tasks"
         rel="noreferrer noopener"
       >
         Tasks
       </a>
       <a
-        class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+        class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
         href="#setup-guide"
         rel="noreferrer noopener"
       >
         Setup Guide
       </a>
       <a
-        class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+        class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
         href="#faq"
         rel="noreferrer noopener"
       >
diff --git a/frontend/src/components/HomeComponents/SetupGuide/__tests__/__snapshots__/SetupGuide.test.tsx.snap b/frontend/src/components/HomeComponents/SetupGuide/__tests__/__snapshots__/SetupGuide.test.tsx.snap
@@ -135,7 +135,7 @@ exports[`SetupGuide component using snapshot renders correctly 1`] = `
                 class="text-xl sm:text-2xl font-bold"
               >
                 <button
-                  class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary underline-offset-4 hover:underline h-10 px-4 py-2"
+                  class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary underline-offset-4 hover:underline h-10 px-3 py-2"
                 >
                    
                   <span
diff --git a/frontend/src/components/LandingComponents/Navbar/__tests__/__snapshots__/Navbar.test.tsx.snap b/frontend/src/components/LandingComponents/Navbar/__tests__/__snapshots__/Navbar.test.tsx.snap
@@ -49,35 +49,35 @@ exports[`Navbar component using snapshot renders correctly 1`] = `
             class="hidden md:flex gap-2 justify-center flex-1 mr-20"
           >
             <a
-              class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+              class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
               href="#"
               rel="noreferrer noopener"
             >
               Home
             </a>
             <a
-              class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+              class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
               href="#about"
               rel="noreferrer noopener"
             >
               About
             </a>
             <a
-              class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+              class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
               href="#howItWorks"
               rel="noreferrer noopener"
             >
               How it works
             </a>
             <a
-              class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+              class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
               href="#contact"
               rel="noreferrer noopener"
             >
               Contact Us
             </a>
             <a
-              class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+              class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
               href="#faq"
               rel="noreferrer noopener"
             >
@@ -170,7 +170,7 @@ exports[`Navbar component using snapshot renders correctly 1`] = `
               class="hidden md:flex"
             >
               <button
-                class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+                class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
               >
                 Docs
               </button>
diff --git a/frontend/src/components/LandingComponents/Navbar/__tests__/__snapshots__/NavbarDesktop.test.tsx.snap b/frontend/src/components/LandingComponents/Navbar/__tests__/__snapshots__/NavbarDesktop.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`NavbarDesktop component using snapshot renders correctly 1`] = `
     class="hidden md:flex gap-2 justify-center flex-1 mr-20"
   >
     <a
-      class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+      class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
       href="#"
       rel="noreferrer noopener"
     >
@@ -99,7 +99,7 @@ exports[`NavbarDesktop component using snapshot renders correctly 1`] = `
       class="hidden md:flex"
     >
       <button
-        class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"
+        class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"
       >
         Docs
       </button>
diff --git a/frontend/src/components/ui/badge.tsx b/frontend/src/components/ui/badge.tsx
@@ -24,7 +24,8 @@ const badgeVariants = cva(
 );
 
 export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof badgeVariants> {}
 
 function Badge({ className, variant, ...props }: BadgeProps) {
diff --git a/frontend/src/components/ui/button.tsx b/frontend/src/components/ui/button.tsx
@@ -34,7 +34,8 @@ const buttonVariants = cva(
 );
 
 export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+  extends
+    React.ButtonHTMLAttributes<HTMLButtonElement>,
     VariantProps<typeof buttonVariants> {
   asChild?: boolean;
 }
diff --git a/frontend/src/components/ui/input.tsx b/frontend/src/components/ui/input.tsx
@@ -2,8 +2,7 @@ import * as React from 'react';
 
 import { cn } from '@/components/utils/utils';
 
-export interface InputProps
-  extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   icon?: React.ReactNode;
 }
 
diff --git a/frontend/src/components/ui/sheet.tsx b/frontend/src/components/ui/sheet.tsx
@@ -48,7 +48,8 @@ const sheetVariants = cva(
 );
 
 interface SheetContentProps
-  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
+  extends
+    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
     VariantProps<typeof sheetVariants> {}
 
 const SheetContent = React.forwardRef<

Original file line number	Diff line number	Diff line change
@@ -19,7 +19,7 @@ exports[`BottomBar Component using Snapshot renders correctly with only one sele
`19`	`19`	`>`
`20`	`20`	`<a`
`21`	`21`	`aria-label="Home"`
`22`		`- class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"`
	`22`	`+ class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"`
`23`	`23`	`href="#"`
`24`	`24`	`rel="noreferrer noopener"`
`25`	`25`	`>`
@@ -40,7 +40,7 @@ exports[`BottomBar Component using Snapshot renders correctly with only one sele
`40`	`40`	`</a>`
`41`	`41`	`<a`
`42`	`42`	`aria-label="Tasks"`
`43`		`- class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"`
	`43`	`+ class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"`
`44`	`44`	`href="#tasks"`
`45`	`45`	`rel="noreferrer noopener"`
`46`	`46`	`>`
@@ -112,7 +112,7 @@ exports[`BottomBar Component using Snapshot renders correctly with several selec
`112`	`112`	`>`
`113`	`113`	`<a`
`114`	`114`	`aria-label="Home"`
`115`		`- class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"`
	`115`	`+ class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"`
`116`	`116`	`href="#"`
`117`	`117`	`rel="noreferrer noopener"`
`118`	`118`	`>`
@@ -133,7 +133,7 @@ exports[`BottomBar Component using Snapshot renders correctly with several selec
`133`	`133`	`</a>`
`134`	`134`	`<a`
`135`	`135`	`aria-label="Tasks"`
`136`		`- class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"`
	`136`	`+ class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"`
`137`	`137`	`href="#tasks"`
`138`	`138`	`rel="noreferrer noopener"`
`139`	`139`	`>`
@@ -205,7 +205,7 @@ exports[`BottomBar Component using Snapshot renders correctly without selected p
`205`	`205`	`>`
`206`	`206`	`<a`
`207`	`207`	`aria-label="Home"`
`208`		`- class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"`
	`208`	`+ class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"`
`209`	`209`	`href="#"`
`210`	`210`	`rel="noreferrer noopener"`
`211`	`211`	`>`
@@ -226,7 +226,7 @@ exports[`BottomBar Component using Snapshot renders correctly without selected p
`226`	`226`	`</a>`
`227`	`227`	`<a`
`228`	`228`	`aria-label="Tasks"`
`229`		`- class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"`
	`229`	`+ class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"`
`230`	`230`	`href="#tasks"`
`231`	`231`	`rel="noreferrer noopener"`
`232`	`232`	`>`
Original file line number	Diff line number	Diff line change
@@ -135,7 +135,7 @@ exports[`SetupGuide component using snapshot renders correctly 1`] = `
`135`	`135`	`class="text-xl sm:text-2xl font-bold"`
`136`	`136`	`>`
`137`	`137`	`<button`
`138`		`- class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary underline-offset-4 hover:underline h-10 px-4 py-2"`
	`138`	`+ class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-primary underline-offset-4 hover:underline h-10 px-3 py-2"`
`139`	`139`	`>`
`140`	`140`
`141`	`141`	`<span`
Original file line number	Diff line number	Diff line change
@@ -6,7 +6,7 @@ exports[`NavbarDesktop component using snapshot renders correctly 1`] = `
`6`	`6`	`class="hidden md:flex gap-2 justify-center flex-1 mr-20"`
`7`	`7`	`>`
`8`	`8`	`<a`
`9`		`- class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"`
	`9`	`+ class="text-[17px] inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"`
`10`	`10`	`href="#"`
`11`	`11`	`rel="noreferrer noopener"`
`12`	`12`	`>`
@@ -99,7 +99,7 @@ exports[`NavbarDesktop component using snapshot renders correctly 1`] = `
`99`	`99`	`class="hidden md:flex"`
`100`	`100`	`>`
`101`	`101`	`<button`
`102`		`- class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2"`
	`102`	`+ class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-3 py-2"`
`103`	`103`	`>`
`104`	`104`	`Docs`
`105`	`105`	`</button>`
Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,8 @@ const buttonVariants = cva(`
`34`	`34`	`);`
`35`	`35`
`36`	`36`	`export interface ButtonProps`
`37`		`- extends React.ButtonHTMLAttributes<HTMLButtonElement>,`
	`37`	`+ extends`
	`38`	`+ React.ButtonHTMLAttributes<HTMLButtonElement>,`
`38`	`39`	`VariantProps<typeof buttonVariants> {`
`39`	`40`	`asChild?: boolean;`
`40`	`41`	`}`
Original file line number	Diff line number	Diff line change
`@@ -2,8 +2,7 @@ import * as React from 'react';`
`2`	`2`
`3`	`3`	`import { cn } from '@/components/utils/utils';`
`4`	`4`
`5`		`-export interface InputProps`
`6`		`- extends React.InputHTMLAttributes<HTMLInputElement> {`
	`5`	`+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {`
`7`	`6`	`icon?: React.ReactNode;`
`8`	`7`	`}`
`9`	`8`