Scope CommandPalette uppercase to the group heading

Fixes #2. uppercase on Command.Group was inherited by items, so labels rendered as ALL CAPS.
2026-08-20 16:59:20 -05:00
1 changed files with 10 additions and 1 deletions
@@ -59,7 +59,16 @@ export function CommandPalette({
      <Command.List className="max-h-80 overflow-auto p-2">
        <Command.Empty className="py-6 text-center text-sm text-muted">No results.</Command.Empty>
        {groups.map(([group, items]) => (
-          <Command.Group key={group} heading={group} className="px-1 py-1 text-xs font-semibold uppercase tracking-wide text-muted [&_[cmdk-group-items]]:mt-1">
+          <Command.Group
+              key={group}
+              heading={group}
+              className={cn(
+                "px-1 py-1 [&_[cmdk-group-items]]:mt-1",
+                "[&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold",
+                "[&_[cmdk-group-heading]]:uppercase [&_[cmdk-group-heading]]:tracking-wide",
+                "[&_[cmdk-group-heading]]:text-muted"
+              )}
+            >
            {items.map((a) => (
              <Command.Item
                key={a.id}