{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "kbd",
  "title": "kbd",
  "description": "A keyboard key on the muted fill, such as Enter or the keys of ⌘K in a KbdGroup. size default or lg.",
  "dependencies": [
    "class-variance-authority@^0.7"
  ],
  "registryDependencies": [
    "@dwellir/dwellir-theme",
    "@dwellir/utils"
  ],
  "files": [
    {
      "path": "components/ui/kbd.tsx",
      "content": "import { cva, type VariantProps } from 'class-variance-authority';\nimport type { ComponentProps } from 'react';\nimport { cn } from '@/lib/utils';\n\n/*\n * A key the reader presses, such as Enter or the K of ⌘K. It sits on the muted\n * fill with a hairline edge, in the full ink: muted text on the muted fill misses\n * 4.5:1 in dark. In a tooltip it takes the tooltip's own ink, so it reads on both\n * tooltip variants. Its corner reads --radius-control capped at rounded-sm: a\n * key cap stays a cap, never a pill.\n */\nconst kbdVariants = cva('ui-kbd', {\n  variants: {\n    size: {\n      default: 'h-5 min-w-5 px-1 text-xs',\n      /* Beside larger text, such as the hint row of a size=\"lg\" InputGroup. */\n      lg: 'h-6 min-w-6 px-1.5 text-sm',\n    },\n  },\n  defaultVariants: { size: 'default' },\n});\n\nfunction Kbd({\n  className,\n  size,\n  ...props\n}: ComponentProps<'kbd'> & VariantProps<typeof kbdVariants>) {\n  return <kbd data-slot=\"kbd\" className={cn(kbdVariants({ size }), className)} {...props} />;\n}\n\n/* Keys pressed together, such as ⌘ and K. */\nfunction KbdGroup({ className, ...props }: ComponentProps<'kbd'>) {\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      className={cn('inline-flex items-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Kbd, KbdGroup, kbdVariants };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}