From 02ec3875beac7aaf4130678992aa7444376b88ac Mon Sep 17 00:00:00 2001
From: amirhhashemi <87268103+amirhhashemi@users.noreply.github>
Date: Tue, 5 Dec 2023 17:08:51 +0330
Subject: [PATCH] fix(components): improve RTL support for table component

---
 .changeset/proud-peas-flash.md              |  5 +++++
 packages/core/theme/src/components/table.ts | 17 +++++++++--------
 2 files changed, 14 insertions(+), 8 deletions(-)
 create mode 100644 .changeset/proud-peas-flash.md

diff --git a/.changeset/proud-peas-flash.md b/.changeset/proud-peas-flash.md
new file mode 100644
index 0000000000..26d945b397
--- /dev/null
+++ b/.changeset/proud-peas-flash.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+Improved RTL support for the table component
diff --git a/packages/core/theme/src/components/table.ts b/packages/core/theme/src/components/table.ts
index 73eabe0d52..6d96b34b06 100644
--- a/packages/core/theme/src/components/table.ts
+++ b/packages/core/theme/src/components/table.ts
@@ -62,14 +62,15 @@ const table = tv({
       "px-3",
       "h-10",
       "text-left",
+      "rtl:text-right",
       "align-middle",
       "bg-default-100",
       "whitespace-nowrap",
       "text-foreground-500",
       "text-tiny",
       "font-semibold",
-      "first:rounded-l-lg",
-      "last:rounded-r-lg",
+      "first:rounded-s-lg",
+      "last:rounded-e-lg",
       "outline-none",
       "data-[sortable=true]:transition-colors",
       "data-[sortable=true]:cursor-pointer",
@@ -100,7 +101,7 @@ const table = tv({
     ],
     tfoot: "",
     sortIcon: [
-      "ml-2",
+      "ms-2",
       "mb-px",
       "opacity-0",
       "text-inherit",
@@ -207,17 +208,17 @@ const table = tv({
       true: {
         td: [
           // first
-          "group-data-[first=true]:first:before:rounded-tl-lg",
-          "group-data-[first=true]:last:before:rounded-tr-lg",
+          "group-data-[first=true]:first:before:rounded-ts-lg",
+          "group-data-[first=true]:last:before:rounded-te-lg",
           // middle
           "group-data-[middle=true]:before:rounded-none",
           // last
-          "group-data-[last=true]:first:before:rounded-bl-lg",
-          "group-data-[last=true]:last:before:rounded-br-lg",
+          "group-data-[last=true]:first:before:rounded-bs-lg",
+          "group-data-[last=true]:last:before:rounded-be-lg",
         ],
       },
       false: {
-        td: ["first:before:rounded-l-lg", "last:before:rounded-r-lg"],
+        td: ["first:before:rounded-s-lg", "last:before:rounded-e-lg"],
       },
     },
     fullWidth: {