From b18a4277f6eb148a1e3693643320ebb6eb7b65c5 Mon Sep 17 00:00:00 2001
From: Krishna <seandean125@gmail.com>
Date: Wed, 18 Jun 2025 02:12:34 -0400
Subject: [PATCH 1/2] solved: Make `Button` default variant `sm` from `default`
 #43

---
 src/app/(app)/~/[repo]/_components/repo-contents.tsx | 2 +-
 src/app/(auth)/login/page.tsx                        | 4 ++--
 src/components/ui/button.tsx                         | 6 +++---
 src/components/ui/select.tsx                         | 6 +++---
 src/components/ui/spinner.tsx                        | 6 +++---
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/(app)/~/[repo]/_components/repo-contents.tsx b/src/app/(app)/~/[repo]/_components/repo-contents.tsx
index 2565249..5c56f2f 100644
--- a/src/app/(app)/~/[repo]/_components/repo-contents.tsx
+++ b/src/app/(app)/~/[repo]/_components/repo-contents.tsx
@@ -96,7 +96,7 @@ export default function RepoContents({ repo, setIsConfigDialogOpen }: Props) {
             </InputIcon>
             <Input placeholder="Search..." disabled />
           </InputRoot>
-          <Button size={'default'}>
+          <Button size={'md'}>
             <Plus />
             Add New
           </Button>
diff --git a/src/app/(auth)/login/page.tsx b/src/app/(auth)/login/page.tsx
index aa0f1b9..9b3bd51 100644
--- a/src/app/(auth)/login/page.tsx
+++ b/src/app/(auth)/login/page.tsx
@@ -53,12 +53,12 @@ export default async function Page() {
                 });
               }}
             >
-              <Button type="submit" size={'default'} className="w-full">
+              <Button type="submit" size={'md'} className="w-full">
                 <GitHubIcon className="size-5" />
                 Sign in with Github
               </Button>
             </form>
-            <Button size={'default'} variant={'secondary'} disabled>
+            <Button size={'md'} variant={'secondary'} disabled>
               <GitlabIcon className="fill-foreground size-5" />
               Sign in with Gitlab
             </Button>
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index da78696..c1d46be 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -19,8 +19,8 @@ const buttonVariants = cva(
         link: 'text-primary underline-offset-4 hover:underline',
       },
       size: {
-        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
-        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+        default: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+        md: 'h-9 px-4 py-2 has-[>svg]:px-3',
         lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
         icon: 'size-9',
         'icon-sm': 'size-8',
@@ -28,7 +28,7 @@ const buttonVariants = cva(
     },
     defaultVariants: {
       variant: 'default',
-      size: 'sm',
+      size: 'default',
     },
   },
 );
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index 45df3af..84423d2 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -20,18 +20,18 @@ function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.V
 
 function SelectTrigger({
   className,
-  size = 'default',
+  size = 'md',
   children,
   ...props
 }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-  size?: 'sm' | 'default';
+  size?: 'default' | 'md';
 }) {
   return (
     <SelectPrimitive.Trigger
       data-slot="select-trigger"
       data-size={size}
       className={cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-8 data-[size=md]:h-9 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className,
       )}
       {...props}
diff --git a/src/components/ui/spinner.tsx b/src/components/ui/spinner.tsx
index aee287c..eaf09ca 100644
--- a/src/components/ui/spinner.tsx
+++ b/src/components/ui/spinner.tsx
@@ -6,13 +6,13 @@ import * as React from 'react';
 const spinnerVariants = cva('relative block opacity-[0.65]', {
   variants: {
     size: {
-      sm: 'size-4',
-      md: 'size6',
+      default: 'size-4',
+      md: 'size-6',
       lg: 'size-8',
     },
   },
   defaultVariants: {
-    size: 'sm',
+    size: 'default',
   },
 });
 

From 5514a6b842fa76d8e08d00bf7c5b4cc786e368f9 Mon Sep 17 00:00:00 2001
From: Krishna <seandean125@gmail.com>
Date: Wed, 18 Jun 2025 02:36:08 -0400
Subject: [PATCH 2/2] Make `Button` default variant `sm` from `default` #43
 GitlabIcon -> GitLabIcon

---
 src/app/(auth)/login/page.tsx   | 4 ++--
 src/components/icons/gitlab.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(auth)/login/page.tsx b/src/app/(auth)/login/page.tsx
index 9b3bd51..1884541 100644
--- a/src/app/(auth)/login/page.tsx
+++ b/src/app/(auth)/login/page.tsx
@@ -1,6 +1,6 @@
 import { signIn } from '@/auth';
 import GitHubIcon from '@/components/icons/github';
-import GitlabIcon from '@/components/icons/gitlab';
+import GitLabIcon from '@/components/icons/gitlab';
 import GitLoomIcon from '@/components/icons/gitloom';
 import GitLoomTextIcon from '@/components/icons/gitloom-text';
 import { Button } from '@/components/ui/button';
@@ -59,7 +59,7 @@ export default async function Page() {
               </Button>
             </form>
             <Button size={'md'} variant={'secondary'} disabled>
-              <GitlabIcon className="fill-foreground size-5" />
+              <GitLabIcon className="fill-foreground size-5" />
               Sign in with Gitlab
             </Button>
           </div>
diff --git a/src/components/icons/gitlab.tsx b/src/components/icons/gitlab.tsx
index 0f48ad7..77c773c 100644
--- a/src/components/icons/gitlab.tsx
+++ b/src/components/icons/gitlab.tsx
@@ -1,4 +1,4 @@
-export default function GitlabIcon(props: React.SVGProps<SVGSVGElement>) {
+export default function GitLabIcon(props: React.SVGProps<SVGSVGElement>) {
   return (
     <svg {...props} role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
       <title>GitLab</title>