Apply Formatting

app/components/analysis/analysis-results.tsx

@@ -1,10 +1,10 @@
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
-import { useAnalysisStore } from "@/stores/analysis.store";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip";
-import { InfoIcon, ArrowUpDown, PlusIcon, MinusIcon } from "lucide-react";
 import type { ItemData } from "@/lib/Item";
 import { cn } from "@/lib/utils";
+import { useAnalysisStore } from "@/stores/analysis.store";
+import { ArrowUpDown, InfoIcon, MinusIcon, PlusIcon } from "lucide-react";
 import { useState } from "react";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip";
 
 // Wilson score interval for 95% confidence
 function wilsonScore(wins: number, total: number): number {

app/components/analysis/hero-selector.tsx

@@ -1,6 +1,6 @@
-import { useEffect, useState } from "react";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { useAnalysisStore } from "@/stores/analysis.store";
+import { useEffect, useState } from "react";
 import { toTitleCase } from "~/lib/utils";
 
 interface Hero {

app/components/analysis/item-analysis.tsx

@@ -1,13 +1,13 @@
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { cn } from "@/lib/utils";
 import { useAnalysisStore } from "@/stores/analysis.store";
+import { Item } from "../../lib/Item";
+import { AnalysisResults } from "./analysis-results";
 import { HeroSelector } from "./hero-selector";
 import { ItemSelector } from "./item-selector";
-import { AnalysisResults } from "./analysis-results";
-import { Item } from "../../lib/Item";
-import { cn } from "@/lib/utils";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 
 export function ItemAnalysis() {
   const {

app/components/analysis/item-selector.tsx

@@ -1,7 +1,7 @@
 import { Button } from "@/components/ui/button";
-import { type ItemCategory, useAnalysisStore } from "@/stores/analysis.store";
 import { Item } from "@/lib/Item";
 import { cn } from "@/lib/utils";
+import { type ItemCategory, useAnalysisStore } from "@/stores/analysis.store";
 
 // Define the weapon names by tier for organization
 const weaponsByTier = {

app/components/layout/nav-header.tsx

@@ -1,6 +1,6 @@
-import { useState } from "react";
-import { Link } from "@remix-run/react";
 import { Button } from "@/components/ui/button";
+import { Link } from "@remix-run/react";
+import { useState } from "react";
 
 export function NavHeader() {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
@@ -30,7 +30,12 @@ export function NavHeader() {
           </div>
           {/* Mobile Menu Toggle */}
           <div className="md:hidden">
-            <button onClick={() => setMobileMenuOpen(!mobileMenuOpen)} aria-label="Toggle mobile menu" className="p-2">
+            <button
+              onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
+              aria-label="Toggle mobile menu"
+              className="p-2"
+              type="button"
+            >
               <svg
                 className="w-6 h-6"
                 fill="none"
@@ -39,6 +44,7 @@ export function NavHeader() {
                 viewBox="0 0 24 24"
                 xmlns="http://www.w3.org/2000/svg"
               >
+                <title>Menu</title>
                 <path strokeLinecap="round" strokeLinejoin="round" d="M4 6h16M4 12h16M4 18h16" />
               </svg>
             </button>

app/components/ui/button.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
+import { type VariantProps, cva } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

app/components/ui/command.tsx

@@ -1,12 +1,12 @@
 "use client";
 
-import * as React from "react";
-import { type DialogProps } from "@radix-ui/react-dialog";
+import type { DialogProps } from "@radix-ui/react-dialog";
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
+import * as React from "react";
 
-import { cn } from "@/lib/utils";
 import { Dialog, DialogContent } from "@/components/ui/dialog";
+import { cn } from "@/lib/utils";
 
 const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,

app/components/ui/dialog.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

app/components/ui/dropdown-menu.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

app/components/ui/popover.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

app/components/ui/select.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

app/components/ui/separator.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

app/components/ui/tabs.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

app/components/ui/tooltip.tsx

@@ -1,5 +1,5 @@
-import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

app/entry.client.tsx

@@ -5,7 +5,7 @@
  */
 
 import { RemixBrowser } from "@remix-run/react";
-import { startTransition, StrictMode } from "react";
+import { StrictMode, startTransition } from "react";
 import { hydrateRoot } from "react-dom/client";
 
 startTransition(() => {

app/lib/utils.ts

@@ -1,4 +1,4 @@
-import { clsx, type ClassValue } from "clsx";
+import { type ClassValue, clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {

app/root.tsx

@@ -1,5 +1,5 @@
-import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "@remix-run/react";
 import type { LinksFunction } from "@remix-run/node";
+import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "@remix-run/react";
 
 import "./tailwind.css";
 

app/routes/build-analysis.tsx

@@ -1,7 +1,7 @@
-import { HeroSelector } from "~/components/analysis/hero-selector";
-import { BuildAnalysisForm } from "~/components/analysis/build-analysis-form";
-import { AnalysisResults } from "~/components/analysis/analysis-results";
 import { useState } from "react";
+import { AnalysisResults } from "~/components/analysis/analysis-results";
+import { BuildAnalysisForm } from "~/components/analysis/build-analysis-form";
+import { HeroSelector } from "~/components/analysis/hero-selector";
 import { Card, CardContent, CardHeader, CardTitle } from "~/components/ui/card";
 
 export default function BuildAnalysis() {

app/routes/hero-comb-stats.tsx

@@ -1,5 +1,5 @@
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { useEffect, useState } from "react";
-import { Table, TableHeader, TableBody, TableHead, TableRow, TableCell } from "@/components/ui/table";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/components/ui/select";
 
 interface HeroStats {

app/routes/hero-stats.tsx

@@ -1,5 +1,5 @@
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { useEffect, useState } from "react";
-import { Table, TableHeader, TableBody, TableHead, TableRow, TableCell } from "@/components/ui/table";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/components/ui/select";
 
 interface HeroStats {

app/stores/analysis.store.ts

@@ -1,8 +1,8 @@
-import { persist, StorageValue, type PersistStorage } from "zustand/middleware";
+import { decode, encode } from "@msgpack/msgpack";
+import { type PersistStorage, StorageValue, persist } from "zustand/middleware";
 import { create } from "zustand/react";
-import { Item, type ItemData } from "../lib/Item";
 import type { StateCreator } from "zustand/vanilla";
-import { encode, decode } from "@msgpack/msgpack";
+import { Item, type ItemData } from "../lib/Item";
 
 export type ItemCategory = "Weapon" | "Vitality" | "Spirit";