From c456d1668da98e529ad47e630312accd7ea4df2c Mon Sep 17 00:00:00 2001
From: FranKaddour <francokaddour@gmail.com>
Date: Mon, 29 Jun 2026 22:12:35 -0300
Subject: [PATCH] fix(empty): correct EmptyDescription type from
 ComponentProps<"p"> to ComponentProps<"div">

EmptyDescription renders a <div> element but was typed as
React.ComponentProps<"p">. All other Empty sub-components correctly
match their type annotation to their rendered element. Fixed across
all 21 theme variants.
---
 apps/v4/registry/bases/base/ui/empty.tsx   | 2 +-
 apps/v4/registry/bases/radix/ui/empty.tsx  | 2 +-
 apps/v4/registry/new-york-v4/ui/empty.tsx  | 2 +-
 apps/v4/styles/base-luma/ui/empty.tsx      | 2 +-
 apps/v4/styles/base-lyra/ui/empty.tsx      | 2 +-
 apps/v4/styles/base-maia/ui/empty.tsx      | 2 +-
 apps/v4/styles/base-mira/ui/empty.tsx      | 2 +-
 apps/v4/styles/base-nova/ui-rtl/empty.tsx  | 2 +-
 apps/v4/styles/base-nova/ui/empty.tsx      | 2 +-
 apps/v4/styles/base-rhea/ui/empty.tsx      | 2 +-
 apps/v4/styles/base-sera/ui/empty.tsx      | 2 +-
 apps/v4/styles/base-vega/ui/empty.tsx      | 2 +-
 apps/v4/styles/radix-luma/ui/empty.tsx     | 2 +-
 apps/v4/styles/radix-lyra/ui/empty.tsx     | 2 +-
 apps/v4/styles/radix-maia/ui/empty.tsx     | 2 +-
 apps/v4/styles/radix-mira/ui/empty.tsx     | 2 +-
 apps/v4/styles/radix-nova/ui-rtl/empty.tsx | 2 +-
 apps/v4/styles/radix-nova/ui/empty.tsx     | 2 +-
 apps/v4/styles/radix-rhea/ui/empty.tsx     | 2 +-
 apps/v4/styles/radix-sera/ui/empty.tsx     | 2 +-
 apps/v4/styles/radix-vega/ui/empty.tsx     | 2 +-
 21 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/apps/v4/registry/bases/base/ui/empty.tsx b/apps/v4/registry/bases/base/ui/empty.tsx
index 38ff021d6b1..f9d43d344b4 100644
--- a/apps/v4/registry/bases/base/ui/empty.tsx
+++ b/apps/v4/registry/bases/base/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/registry/bases/radix/ui/empty.tsx b/apps/v4/registry/bases/radix/ui/empty.tsx
index b3b70f83712..7bac73cfe50 100644
--- a/apps/v4/registry/bases/radix/ui/empty.tsx
+++ b/apps/v4/registry/bases/radix/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/registry/new-york-v4/ui/empty.tsx b/apps/v4/registry/new-york-v4/ui/empty.tsx
index ce4b0095f6d..dfe7ca02602 100644
--- a/apps/v4/registry/new-york-v4/ui/empty.tsx
+++ b/apps/v4/registry/new-york-v4/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/base-luma/ui/empty.tsx b/apps/v4/styles/base-luma/ui/empty.tsx
index 80c759378fd..9dccc8d8e70 100644
--- a/apps/v4/styles/base-luma/ui/empty.tsx
+++ b/apps/v4/styles/base-luma/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/base-lyra/ui/empty.tsx b/apps/v4/styles/base-lyra/ui/empty.tsx
index 04132bd6d65..bc1bec0712b 100644
--- a/apps/v4/styles/base-lyra/ui/empty.tsx
+++ b/apps/v4/styles/base-lyra/ui/empty.tsx
@@ -65,7 +65,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/base-maia/ui/empty.tsx b/apps/v4/styles/base-maia/ui/empty.tsx
index ffd7a18ff76..2dcb6e82a7e 100644
--- a/apps/v4/styles/base-maia/ui/empty.tsx
+++ b/apps/v4/styles/base-maia/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/base-mira/ui/empty.tsx b/apps/v4/styles/base-mira/ui/empty.tsx
index c0a686f7075..ed9c90855ad 100644
--- a/apps/v4/styles/base-mira/ui/empty.tsx
+++ b/apps/v4/styles/base-mira/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/base-nova/ui-rtl/empty.tsx b/apps/v4/styles/base-nova/ui-rtl/empty.tsx
index 813d6ca0539..53a2523accd 100644
--- a/apps/v4/styles/base-nova/ui-rtl/empty.tsx
+++ b/apps/v4/styles/base-nova/ui-rtl/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/base-nova/ui/empty.tsx b/apps/v4/styles/base-nova/ui/empty.tsx
index 813d6ca0539..53a2523accd 100644
--- a/apps/v4/styles/base-nova/ui/empty.tsx
+++ b/apps/v4/styles/base-nova/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/base-rhea/ui/empty.tsx b/apps/v4/styles/base-rhea/ui/empty.tsx
index 2a25bba0177..61b348729b5 100644
--- a/apps/v4/styles/base-rhea/ui/empty.tsx
+++ b/apps/v4/styles/base-rhea/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/base-sera/ui/empty.tsx b/apps/v4/styles/base-sera/ui/empty.tsx
index 989b2b6c55d..3a1f623b371 100644
--- a/apps/v4/styles/base-sera/ui/empty.tsx
+++ b/apps/v4/styles/base-sera/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/base-vega/ui/empty.tsx b/apps/v4/styles/base-vega/ui/empty.tsx
index ffd7a18ff76..2dcb6e82a7e 100644
--- a/apps/v4/styles/base-vega/ui/empty.tsx
+++ b/apps/v4/styles/base-vega/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/radix-luma/ui/empty.tsx b/apps/v4/styles/radix-luma/ui/empty.tsx
index 80c759378fd..9dccc8d8e70 100644
--- a/apps/v4/styles/radix-luma/ui/empty.tsx
+++ b/apps/v4/styles/radix-luma/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/radix-lyra/ui/empty.tsx b/apps/v4/styles/radix-lyra/ui/empty.tsx
index 04132bd6d65..bc1bec0712b 100644
--- a/apps/v4/styles/radix-lyra/ui/empty.tsx
+++ b/apps/v4/styles/radix-lyra/ui/empty.tsx
@@ -65,7 +65,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/radix-maia/ui/empty.tsx b/apps/v4/styles/radix-maia/ui/empty.tsx
index ffd7a18ff76..2dcb6e82a7e 100644
--- a/apps/v4/styles/radix-maia/ui/empty.tsx
+++ b/apps/v4/styles/radix-maia/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/radix-mira/ui/empty.tsx b/apps/v4/styles/radix-mira/ui/empty.tsx
index c0a686f7075..ed9c90855ad 100644
--- a/apps/v4/styles/radix-mira/ui/empty.tsx
+++ b/apps/v4/styles/radix-mira/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/radix-nova/ui-rtl/empty.tsx b/apps/v4/styles/radix-nova/ui-rtl/empty.tsx
index 813d6ca0539..53a2523accd 100644
--- a/apps/v4/styles/radix-nova/ui-rtl/empty.tsx
+++ b/apps/v4/styles/radix-nova/ui-rtl/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/radix-nova/ui/empty.tsx b/apps/v4/styles/radix-nova/ui/empty.tsx
index 813d6ca0539..53a2523accd 100644
--- a/apps/v4/styles/radix-nova/ui/empty.tsx
+++ b/apps/v4/styles/radix-nova/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/radix-rhea/ui/empty.tsx b/apps/v4/styles/radix-rhea/ui/empty.tsx
index 2a25bba0177..61b348729b5 100644
--- a/apps/v4/styles/radix-rhea/ui/empty.tsx
+++ b/apps/v4/styles/radix-rhea/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/radix-sera/ui/empty.tsx b/apps/v4/styles/radix-sera/ui/empty.tsx
index 989b2b6c55d..3a1f623b371 100644
--- a/apps/v4/styles/radix-sera/ui/empty.tsx
+++ b/apps/v4/styles/radix-sera/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"
diff --git a/apps/v4/styles/radix-vega/ui/empty.tsx b/apps/v4/styles/radix-vega/ui/empty.tsx
index ffd7a18ff76..2dcb6e82a7e 100644
--- a/apps/v4/styles/radix-vega/ui/empty.tsx
+++ b/apps/v4/styles/radix-vega/ui/empty.tsx
@@ -68,7 +68,7 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   )
 }
 
-function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
+function EmptyDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
       data-slot="empty-description"