{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "kbd-tailwind",
  "type": "registry:item",
  "title": "Kbd (Tailwind)",
  "description": "A component for displaying keyboard keys and shortcuts.",
  "files": [
    {
      "path": "registry/brook/tailwind/ui/kbd.tsx",
      "content": "import { cva, type VariantProps } from \"class-variance-authority\";\nimport { Command } from \"lucide-react\";\nimport { cn } from \"@/lib/utils\";\n\nconst kbdVariants = cva(\n  [\n    \"inline-flex items-center justify-center whitespace-nowrap font-[550] font-mono leading-none\",\n    \"rounded-[2px] border-none\",\n    \"bg-[var(--card)] text-[var(--foreground)]\",\n    \"[box-shadow:inset_0_0_0_1px_rgba(0,0,0,0.06),0_2px_0_0_var(--muted)]\",\n    \"transition-all duration-150 ease-[ease]\",\n    \"focus-visible:outline-2 focus-visible:outline-[var(--ring)] focus-visible:outline-offset-2\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-5 min-w-5 px-1 text-[0.625rem]\",\n        md: \"h-6 min-w-6 px-1.5 text-xs\",\n        lg: \"h-8 min-w-8 px-2 text-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n);\n\nfunction Kbd({ className, size, children, ...props }: React.ComponentProps<\"kbd\"> & VariantProps<typeof kbdVariants>) {\n  const isCommandKey = typeof children === \"string\" && (children === \"⌘\" || children.toLowerCase() === \"ctrl\");\n\n  const sizeMap = {\n    sm: 11,\n    md: 13,\n    lg: 15,\n  };\n\n  const iconSize = sizeMap[size || \"md\"];\n\n  return (\n    <kbd className={cn(kbdVariants({ size }), isCommandKey && \"text-[1.15em]\", className)} data-slot=\"kbd\" {...props}>\n      {isCommandKey ? <Command size={iconSize} strokeWidth={2.5} /> : children}\n    </kbd>\n  );\n}\n\nexport { Kbd };\n",
      "type": "registry:file",
      "target": "~/components/ui/kbd/kbd.tsx"
    }
  ]
}