{"version":3,"sources":["../../../components/ui/kbd.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { cn } from '../../utils/ui';\n\nfunction Kbd({ className, ...props }: React.ComponentProps<'kbd'>) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"bg-muted text-muted-foreground in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 h-5 w-fit min-w-5 gap-1 rounded-sm px-1 font-sans text-xs font-medium [&_svg:not([class*='size-'])]:size-3 pointer-events-none inline-flex items-center justify-center select-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<'div'>) {\n  return <kbd data-slot=\"kbd-group\" className={cn('gap-1 inline-flex items-center', className)} {...props} />;\n}\n\nexport { Kbd, KbdGroup };\n"],"mappings":";;;;;;;;;;AACA,YAAY,WAAW;AAGvB,SAAS,IAAI,IAAsD;AAAtD,eAAE,YAJf,IAIa,IAAgB,kBAAhB,IAAgB,CAAd;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,SAAS,IAAsD;AAAtD,eAAE,YAjBpB,IAiBkB,IAAgB,kBAAhB,IAAgB,CAAd;AAClB,SAAO,oCAAC,wBAAI,aAAU,aAAY,WAAW,GAAG,kCAAkC,SAAS,KAAO,MAAO;AAC3G;","names":[]}