"use client";

// src/lib/utils.ts
import { clsx } from "clsx";
import { twMerge } from "tailwind-merge";
function cn(...inputs) {
  return twMerge(clsx(inputs));
}

// src/components/ui/kbd.tsx
import { jsx } from "react/jsx-runtime";
function Kbd({
  className,
  variant = "tile",
  "aria-hidden": ariaHidden,
  ...props
}) {
  const hidden = ariaHidden ?? (variant === "bare" ? true : void 0);
  return /* @__PURE__ */ jsx(
    "kbd",
    {
      "data-slot": "kbd",
      "data-variant": variant,
      "aria-hidden": hidden,
      className: cn(
        "pointer-events-none inline-flex h-5 min-w-5 select-none items-center justify-center gap-1 px-1 font-sans text-xs font-medium",
        variant === "tile" && "bg-muted text-muted-foreground rounded-sm border",
        variant === "bare" && "text-current/70 px-0",
        className
      ),
      ...props
    }
  );
}
function KbdGroup({ className, ...props }) {
  return /* @__PURE__ */ jsx(
    "div",
    {
      "data-slot": "kbd-group",
      className: cn("inline-flex items-center gap-1", className),
      ...props
    }
  );
}
export {
  Kbd,
  KbdGroup
};
//# sourceMappingURL=kbd.js.map