From 2f21581007c09444ebacce662e09877dc1d2a2ec Mon Sep 17 00:00:00 2001
From: Kyle McCullen <kmccullen@protonmail.com>
Date: Thu, 6 Feb 2025 17:52:43 -0500
Subject: [PATCH 1/2] fix: allow word wrap prop for CardTitle

---
 components/Alert.tsx   | 4 +++-
 components/ui/card.tsx | 6 +++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/Alert.tsx b/components/Alert.tsx
index 669a9ee..b6cc713 100644
--- a/components/Alert.tsx
+++ b/components/Alert.tsx
@@ -39,7 +39,9 @@ function Alert({ title, description, type, icon: Icon, className }: Props) {
       <CardContent className="flex flex-row items-center gap-4">
         <Icon className={textColor} width={24} height={24} />
         <View className="flex flex-1 flex-col">
-          <CardTitle className={textColor}>{title}</CardTitle>
+          <CardTitle className={textColor} wrapText>
+            {title}
+          </CardTitle>
           <CardDescription className={textColor}>{description}</CardDescription>
         </View>
       </CardContent>
diff --git a/components/ui/card.tsx b/components/ui/card.tsx
index 87cb6a4..112c90b 100644
--- a/components/ui/card.tsx
+++ b/components/ui/card.tsx
@@ -33,13 +33,13 @@ CardHeader.displayName = "CardHeader";
 
 const CardTitle = React.forwardRef<
   TextRef,
-  React.ComponentPropsWithoutRef<typeof Text>
->(({ className, ...props }, ref) => (
+  React.ComponentPropsWithoutRef<typeof Text> & { wrapText?: boolean }
+>(({ className, wrapText = false, ...props }, ref) => (
   <Text
     role="heading"
     aria-level={3}
     ref={ref}
-    numberOfLines={1}
+    numberOfLines={wrapText ? undefined : 1}
     ellipsizeMode="tail"
     className={cn(
       "text-xl text-card-foreground font-semibold2 leading-none tracking-tight",

From 52d94a8db57e2f3735bbb458e26545bc9c2c2700 Mon Sep 17 00:00:00 2001
From: im-adithya <imadithyavardhan@gmail.com>
Date: Fri, 7 Feb 2025 10:11:55 +0530
Subject: [PATCH 2/2] fix: remove number of lines prop in CardTitle

---
 components/Alert.tsx   | 4 +---
 components/ui/card.tsx | 5 ++---
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/Alert.tsx b/components/Alert.tsx
index b6cc713..669a9ee 100644
--- a/components/Alert.tsx
+++ b/components/Alert.tsx
@@ -39,9 +39,7 @@ function Alert({ title, description, type, icon: Icon, className }: Props) {
       <CardContent className="flex flex-row items-center gap-4">
         <Icon className={textColor} width={24} height={24} />
         <View className="flex flex-1 flex-col">
-          <CardTitle className={textColor} wrapText>
-            {title}
-          </CardTitle>
+          <CardTitle className={textColor}>{title}</CardTitle>
           <CardDescription className={textColor}>{description}</CardDescription>
         </View>
       </CardContent>
diff --git a/components/ui/card.tsx b/components/ui/card.tsx
index 112c90b..0de1507 100644
--- a/components/ui/card.tsx
+++ b/components/ui/card.tsx
@@ -33,13 +33,12 @@ CardHeader.displayName = "CardHeader";
 
 const CardTitle = React.forwardRef<
   TextRef,
-  React.ComponentPropsWithoutRef<typeof Text> & { wrapText?: boolean }
->(({ className, wrapText = false, ...props }, ref) => (
+  React.ComponentPropsWithoutRef<typeof Text>
+>(({ className, ...props }, ref) => (
   <Text
     role="heading"
     aria-level={3}
     ref={ref}
-    numberOfLines={wrapText ? undefined : 1}
     ellipsizeMode="tail"
     className={cn(
       "text-xl text-card-foreground font-semibold2 leading-none tracking-tight",