From fbc732159ab49f8657686e740d59477df15ced77 Mon Sep 17 00:00:00 2001
From: Adnaan Ali <adnaan.2735@gmail.com>
Date: Thu, 26 Mar 2026 08:01:08 +0000
Subject: [PATCH 1/2] fix: remove duplicate Toggle export from toggle-group to
 avoid conflicts

---
 packages/ui/src/components/toggle-group.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/components/toggle-group.tsx b/packages/ui/src/components/toggle-group.tsx
index 59b635a97..6908ee6a9 100644
--- a/packages/ui/src/components/toggle-group.tsx
+++ b/packages/ui/src/components/toggle-group.tsx
@@ -54,7 +54,7 @@ export function ToggleGroup({
   );
 }
 
-export function Toggle({
+function Toggle({
   className,
   children,
   variant,

From 2d0ccb2713a9241a3c656f4e321449958eec268b Mon Sep 17 00:00:00 2001
From: Adnaan Ali <adnaan.2735@gmail.com>
Date: Thu, 26 Mar 2026 10:03:21 +0000
Subject: [PATCH 2/2] fix: use className prop in CommandPanel, DrawerViewport,
 and SheetViewport

---
 packages/ui/src/components/command.tsx | 2 +-
 packages/ui/src/components/drawer.tsx  | 1 +
 packages/ui/src/components/sheet.tsx   | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/command.tsx b/packages/ui/src/components/command.tsx
index 2ec15f0de..fa947b612 100644
--- a/packages/ui/src/components/command.tsx
+++ b/packages/ui/src/components/command.tsx
@@ -162,7 +162,7 @@ export function CommandPanel({
 }: React.ComponentProps<"div">): React.ReactElement {
   return (
     <div
-      className="relative -mx-px not-has-[+[data-slot=command-footer]]:-mb-px min-h-0 rounded-t-xl not-has-[+[data-slot=command-footer]]:rounded-b-2xl border border-b-0 bg-popover bg-clip-padding shadow-xs/5 [clip-path:inset(0_1px)] not-has-[+[data-slot=command-footer]]:[clip-path:inset(0_1px_1px_1px_round_0_0_calc(var(--radius-2xl)-1px)_calc(var(--radius-2xl)-1px))] before:pointer-events-none before:absolute before:inset-0 before:rounded-t-[calc(var(--radius-xl)-1px)] **:data-[slot=scroll-area-scrollbar]:mt-2"
+      className={cn("relative -mx-px not-has-[+[data-slot=command-footer]]:-mb-px min-h-0 rounded-t-xl not-has-[+[data-slot=command-footer]]:rounded-b-2xl border border-b-0 bg-popover bg-clip-padding shadow-xs/5 [clip-path:inset(0_1px)] not-has-[+[data-slot=command-footer]]:[clip-path:inset(0_1px_1px_1px_round_0_0_calc(var(--radius-2xl)-1px)_calc(var(--radius-2xl)-1px))] before:pointer-events-none before:absolute before:inset-0 before:rounded-t-[calc(var(--radius-xl)-1px)] **:data-[slot=scroll-area-scrollbar]:mt-2", className)}
       {...props}
     />
   );
diff --git a/packages/ui/src/components/drawer.tsx b/packages/ui/src/components/drawer.tsx
index b63bed975..0dbda1f3d 100644
--- a/packages/ui/src/components/drawer.tsx
+++ b/packages/ui/src/components/drawer.tsx
@@ -128,6 +128,7 @@ export function DrawerViewport({
         variant === "inset" && "px-(--inset) sm:[--inset:--spacing(4)]",
         variant === "inset" && position !== "bottom" && "pt-(--inset)",
         variant === "inset" && position !== "top" && "pb-(--inset)",
+        className
       )}
       data-slot="drawer-viewport"
       {...props}
diff --git a/packages/ui/src/components/sheet.tsx b/packages/ui/src/components/sheet.tsx
index e3ab01057..833b1b534 100644
--- a/packages/ui/src/components/sheet.tsx
+++ b/packages/ui/src/components/sheet.tsx
@@ -59,6 +59,7 @@ export function SheetViewport({
         side === "left" && "flex justify-start",
         side === "right" && "flex justify-end",
         variant === "inset" && "sm:p-4",
+        className
       )}
       data-slot="sheet-viewport"
       {...props}