{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "glass-kbd",
  "title": "Glass Kbd",
  "description": "A keycap with a lit top edge, for shortcuts in menus, hints and docs.",
  "dependencies": [
    "clsx"
  ],
  "registryDependencies": [
    "@glassyui/glass-provider"
  ],
  "files": [
    {
      "path": "registry/glassyui/glass-kbd.tsx",
      "content": "import clsx from 'clsx';\nimport { forwardRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\n/** A keycap. Put one key, or a symbol such as ⌘, in each. */\nexport const GlassKbd = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(\n  ({ className, ...props }, forwardedRef) => (\n    <kbd {...props} ref={forwardedRef} className={clsx('lg-kbd', className)} />\n  ),\n);\n\nGlassKbd.displayName = 'GlassKbd';\n\n/** Sets a shortcut's keys side by side. */\nexport const GlassKbdGroup = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(\n  ({ className, ...props }, forwardedRef) => (\n    <span {...props} ref={forwardedRef} className={clsx('lg-kbd-group', className)} />\n  ),\n);\n\nGlassKbdGroup.displayName = 'GlassKbdGroup';\n",
      "type": "registry:ui",
      "target": "components/glassyui/glass-kbd.tsx"
    }
  ],
  "meta": {
    "sourceModules": [
      "kbd"
    ]
  },
  "type": "registry:ui"
}