From 9def0dbe360c3b3a7306200660670581d412aabb Mon Sep 17 00:00:00 2001
From: Raed Bahri <raedbahri90@gmail.com>
Date: Tue, 5 Mar 2024 09:21:19 +0100
Subject: [PATCH] fix: change text-left to text-start to support rtl written
 text

---
 .../registry/new-york/example/TypographyDemo.vue | 16 ++++++++--------
 .../new-york/example/TypographyTable.vue         | 16 ++++++++--------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/apps/www/src/lib/registry/new-york/example/TypographyDemo.vue b/apps/www/src/lib/registry/new-york/example/TypographyDemo.vue
index e302937b..afbb34b9 100644
--- a/apps/www/src/lib/registry/new-york/example/TypographyDemo.vue
+++ b/apps/www/src/lib/registry/new-york/example/TypographyDemo.vue
@@ -71,12 +71,12 @@
         <thead>
           <tr class="m-0 border-t p-0 even:bg-muted">
             <th
-              class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
+              class="border px-4 py-2 text-start font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
             >
               King's Treasury
             </th>
             <th
-              class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
+              class="border px-4 py-2 text-start font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
             >
               People's happiness
             </th>
@@ -85,36 +85,36 @@
         <tbody>
           <tr class="m-0 border-t p-0 even:bg-muted">
             <td
-              class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+              class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
             >
               Empty
             </td>
             <td
-              class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+              class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
             >
               Overflowing
             </td>
           </tr>
           <tr class="m-0 border-t p-0 even:bg-muted">
             <td
-              class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+              class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
             >
               Modest
             </td>
             <td
-              class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+              class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
             >
               Satisfied
             </td>
           </tr>
           <tr class="m-0 border-t p-0 even:bg-muted">
             <td
-              class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+              class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
             >
               Full
             </td>
             <td
-              class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+              class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
             >
               Ecstatic
             </td>
diff --git a/apps/www/src/lib/registry/new-york/example/TypographyTable.vue b/apps/www/src/lib/registry/new-york/example/TypographyTable.vue
index 87609006..7da37b24 100644
--- a/apps/www/src/lib/registry/new-york/example/TypographyTable.vue
+++ b/apps/www/src/lib/registry/new-york/example/TypographyTable.vue
@@ -4,12 +4,12 @@
       <thead>
         <tr class="m-0 border-t p-0 even:bg-muted">
           <th
-            class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
+            class="border px-4 py-2 text-start font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
           >
             King's Treasury
           </th>
           <th
-            class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
+            class="border px-4 py-2 text-start font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
           >
             People's happiness
           </th>
@@ -18,36 +18,36 @@
       <tbody>
         <tr class="m-0 border-t p-0 even:bg-muted">
           <td
-            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+            class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
           >
             Empty
           </td>
           <td
-            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+            class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
           >
             Overflowing
           </td>
         </tr>
         <tr class="m-0 border-t p-0 even:bg-muted">
           <td
-            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+            class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
           >
             Modest
           </td>
           <td
-            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+            class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
           >
             Satisfied
           </td>
         </tr>
         <tr class="m-0 border-t p-0 even:bg-muted">
           <td
-            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+            class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
           >
             Full
           </td>
           <td
-            class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"
+            class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
           >
             Ecstatic
           </td>