Merge pull request 'Scope CommandPalette uppercase to the group heading' (#4) from fix/cmdk-heading-uppercase into main

2026-08-20 17:18:53 -05:00
parent 42ddfd0527 cf06ec07ca
commit aaafe073a9
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}