'use strict';

var jsxRuntime = require('react/jsx-runtime');
var React = require('react');
var utils = require('../utils-BhM0B89p.js');

function _interopNamespace(e) {
  if (e && e.__esModule) return e;
  var n = Object.create(null);
  if (e) {
    Object.keys(e).forEach(function (k) {
      if (k !== 'default') {
        var d = Object.getOwnPropertyDescriptor(e, k);
        Object.defineProperty(n, k, d.get ? d : {
          enumerable: true,
          get: function () { return e[k]; }
        });
      }
    });
  }
  n.default = e;
  return Object.freeze(n);
}

var React__namespace = /*#__PURE__*/_interopNamespace(React);

const Kbd$1 = React__namespace.forwardRef(
  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
    "kbd",
    {
      ref,
      "data-slot": "kbd",
      className: utils.cn(
        "pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3",
        className
      ),
      ...props
    }
  )
);
Kbd$1.displayName = "Kbd";
const KbdGroup$1 = React__namespace.forwardRef(
  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
    "kbd",
    {
      ref,
      "data-slot": "kbd-group",
      className: utils.cn("inline-flex items-center gap-1", className),
      ...props
    }
  )
);
KbdGroup$1.displayName = "KbdGroup";

const Kbd = React.forwardRef(
  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Kbd$1, { ref, ...props })
);
Kbd.displayName = "Kbd";
const KbdGroup = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(KbdGroup$1, { ref, ...props }));
KbdGroup.displayName = "KbdGroup";

exports.Kbd = Kbd;
exports.KbdGroup = KbdGroup;
//# sourceMappingURL=Kbd.js.map
