{"version":3,"sources":["../src/kbd.tsx"],"sourcesContent":["import type { HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentStyle,\n} from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\n\nexport interface KbdProps extends HTMLUIProps<\"kbd\">, ThemeProps<\"Kbd\"> {}\n\n/**\n * `Kbd` is a component that represents keyboard input.\n *\n * @see Docs https://yamada-ui.com/components/data-display/kbd\n */\nexport const Kbd = forwardRef<KbdProps, \"kbd\">((props, ref) => {\n  const [css, mergedProps] = useComponentStyle(\"Kbd\", props)\n  const { className, ...rest } = omitThemeProps(mergedProps)\n\n  return (\n    <ui.kbd\n      ref={ref}\n      className={cx(\"ui-kbd\", className)}\n      __css={css}\n      {...rest}\n    />\n  )\n})\n\nKbd.displayName = \"Kbd\"\nKbd.__ui__ = \"Kbd\"\n"],"mappings":";;;AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AAcf;AALG,IAAM,MAAM,WAA4B,CAAC,OAAO,QAAQ;AAC7D,QAAM,CAAC,KAAK,WAAW,IAAI,kBAAkB,OAAO,KAAK;AACzD,QAAM,EAAE,WAAW,GAAG,KAAK,IAAI,eAAe,WAAW;AAEzD,SACE;AAAA,IAAC,GAAG;AAAA,IAAH;AAAA,MACC;AAAA,MACA,WAAW,GAAG,UAAU,SAAS;AAAA,MACjC,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,IAAI,cAAc;AAClB,IAAI,SAAS;","names":[]}