xs
sm
md
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index 4dd6924..8d483e0 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -24,7 +24,7 @@ const buttonVariants = cva(
default: 'h-8 px-4 py-2',
sm: 'h-8 rounded-md px-3',
lg: 'h-11 rounded-md px-8',
- icon: 'h-8 w-8 p-0'
+ icon: 'size-8 p-0'
}
},
defaultVariants: {
diff --git a/components/ui/dialog.tsx b/components/ui/dialog.tsx
index 5ac502d..7649a10 100644
--- a/components/ui/dialog.tsx
+++ b/components/ui/dialog.tsx
@@ -45,7 +45,7 @@ const DialogContent = React.forwardRef<
>
{children}
-
+
Close
diff --git a/components/ui/icons.tsx b/components/ui/icons.tsx
index 41ab4ea..9d5e679 100644
--- a/components/ui/icons.tsx
+++ b/components/ui/icons.tsx
@@ -16,7 +16,7 @@ function IconNextChat({
viewBox="0 0 17 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -95,7 +95,7 @@ function IconOpenAI({ className, ...props }: React.ComponentProps<'svg'>) {
viewBox="0 0 24 24"
role="img"
xmlns="http://www.w3.org/2000/svg"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
OpenAI icon
@@ -110,7 +110,7 @@ function IconVercel({ className, ...props }: React.ComponentProps<'svg'>) {
aria-label="Vercel logomark"
role="img"
viewBox="0 0 74 64"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
) {
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
GitHub
@@ -148,7 +148,7 @@ function IconSeparator({ className, ...props }: React.ComponentProps<'svg'>) {
strokeWidth="1"
viewBox="0 0 24 24"
aria-hidden="true"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -162,7 +162,7 @@ function IconArrowDown({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -176,7 +176,7 @@ function IconArrowRight({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -190,7 +190,7 @@ function IconUser({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -204,7 +204,7 @@ function IconPlus({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -218,7 +218,7 @@ function IconArrowElbow({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -232,7 +232,7 @@ function IconSpinner({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4 animate-spin', className)}
+ className={cn('size-4 animate-spin', className)}
{...props}
>
@@ -246,7 +246,7 @@ function IconMessage({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -260,7 +260,7 @@ function IconTrash({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -274,7 +274,7 @@ function IconRefresh({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -288,7 +288,7 @@ function IconStop({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -302,7 +302,7 @@ function IconSidebar({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -316,7 +316,7 @@ function IconMoon({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -330,7 +330,7 @@ function IconSun({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -344,7 +344,7 @@ function IconCopy({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -358,7 +358,7 @@ function IconCheck({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -372,7 +372,7 @@ function IconDownload({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -386,7 +386,7 @@ function IconClose({ className, ...props }: React.ComponentProps<'svg'>) {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 256 256"
fill="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
@@ -402,7 +402,7 @@ function IconEdit({ className, ...props }: React.ComponentProps<'svg'>) {
viewBox="0 0 24 24"
strokeWidth={1.5}
stroke="currentColor"
- className={cn('h-4 w-4', className)}
+ className={cn('size-4', className)}
{...props}
>
) {