refactor(v4.0.0-alpha): beginning of a new era

libs/ui/src/components/button.tsx

@@ -0,0 +1,28 @@
+import { Slot } from "@radix-ui/react-slot";
+import { cn } from "@reactive-resume/utils";
+import type { VariantProps } from "class-variance-authority";
+import { forwardRef } from "react";
+
+import { buttonVariants } from "../variants/button";
+
+export interface ButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+    VariantProps<typeof buttonVariants> {
+  asChild?: boolean;
+}
+
+export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Component = asChild ? Slot : "button";
+
+    return (
+      <Component
+        ref={ref}
+        className={cn(buttonVariants({ variant, size, className }))}
+        {...props}
+      />
+    );
+  },
+);
+
+Button.displayName = "Button";