From 5b8fe65f597e01f522a0563678fca01c09617ec8 Mon Sep 17 00:00:00 2001
From: Andy Hwang <andy.hwang@mycase.com>
Date: Wed, 2 Apr 2025 10:49:34 -0700
Subject: [PATCH 1/2] feat(www command): update top padding on cmdk-groups

Currently, pt-0 is applied to subsequent command group siblings in
CommandDialog. This makes sense when one command group immediately
proceeds another, maintaining even spacing between each group.
However, we also end up removing the top padding on command groups
that immediately proceed a separator, which makes the spacing
between a group and separator visually inconsistent with that
between the first group and the command input.

To address this, we can update the following class to use the next-
sibling combinator (+) instead of the subsequent sibling
combinator (~) to target only command groups that immediately
proceed another:

  [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0

becomes:

  [&_[cmdk-group]:not([hidden])_+[cmdk-group]]:pt-0
---
 apps/www/registry/new-york/ui/command.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/registry/new-york/ui/command.tsx b/apps/www/registry/new-york/ui/command.tsx
index b08184b8359..97d0ae76045 100644
--- a/apps/www/registry/new-york/ui/command.tsx
+++ b/apps/www/registry/new-york/ui/command.tsx
@@ -27,7 +27,7 @@ const CommandDialog = ({ children, ...props }: DialogProps) => {
   return (
     <Dialog {...props}>
       <DialogContent className="overflow-hidden p-0">
-        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+        <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_+[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
           {children}
         </Command>
       </DialogContent>

From a9f89169abb8420ea6867270945fd35d534b53e1 Mon Sep 17 00:00:00 2001
From: Andy Hwang <andy.hwang@mycase.com>
Date: Wed, 2 Apr 2025 09:33:32 -0700
Subject: [PATCH 2/2] feat(v4 command): update top padding on cmdk-groups

Currently, pt-0 is applied to subsequent command group siblings in
CommandDialog. This makes sense when one command group immediately
proceeds another, maintaining even spacing between each group.
However, we also end up removing the top padding on command groups
that immediately proceed a separator, which makes the spacing
between a group and separator visually inconsistent with that
between the first group and the command input.

To address this, we can update the following class to use the next-
sibling combinator (+) instead of the subsequent sibling
combinator (~) to target only command groups that immediately
proceed another:

  [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0

becomes:

  [&_[cmdk-group]:not([hidden])_+[cmdk-group]]:pt-0
---
 apps/v4/registry/new-york-v4/ui/command.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/v4/registry/new-york-v4/ui/command.tsx b/apps/v4/registry/new-york-v4/ui/command.tsx
index 7a9670fa6ac..640dc0cba2b 100644
--- a/apps/v4/registry/new-york-v4/ui/command.tsx
+++ b/apps/v4/registry/new-york-v4/ui/command.tsx
@@ -45,7 +45,7 @@ function CommandDialog({
         <DialogDescription>{description}</DialogDescription>
       </DialogHeader>
       <DialogContent className="overflow-hidden p-0">
-        <Command className="[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+        <Command className="[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_+[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
           {children}
         </Command>
       </DialogContent>