{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "Kbd",
  "dependencies": [
    "cn",
    "rescript-base-ui"
  ],
  "files": [
    {
      "path": "registry/base/ui/Kbd.res",
      "content": "@@jsxConfig({version: 4, mode: \"automatic\", module_: \"BaseUi.BaseUiJsxDOM\"})\n\n@module(\"cn\")\nexternal cn: (string, option<string>) => string = \"cn\"\n\n@react.componentWithProps(BaseUi.Types.DomProps.t)\nlet make = (props: BaseUi.Types.DomProps.t) => {\n  <kbd\n    {...props}\n    dataSlot={props.dataSlot->Option.getOr(\"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      props.className,\n    )}\n  />\n}\n\nmodule Group = {\n  @react.componentWithProps(BaseUi.Types.DomProps.t)\n  let make = (props: BaseUi.Types.DomProps.t) =>\n    <kbd\n      {...props}\n      dataSlot={props.dataSlot->Option.getOr(\"kbd-group\")}\n      className={cn(\"gap-1 inline-flex items-center\", props.className)}\n    />\n}\n",
      "type": "registry:file",
      "target": "@ui/Kbd.res"
    }
  ],
  "type": "registry:ui"
}