feat: Skip add directive for classes

Author: thevuong

apps/docs/src/app/page.tsx

@@ -1,5 +1,6 @@
 import {
   Button,
+  buttonVariants,
   Card,
   CardContent,
   CardDescription,
@@ -9,6 +10,7 @@ import {
   Switch,
 } from '@codefixlabs/ui';
 import { BellIcon, CheckIcon } from 'lucide-react';
+import Link from 'next/link';
 
 const notifications = [
   {
@@ -83,6 +85,15 @@ export default function Page(): React.JSX.Element {
         </Card>
       </div>
 
+      <div className="space-x-2">
+        <Link className={buttonVariants()} href="/">
+          Link styled as a button
+        </Link>
+        <Link className={buttonVariants({ variant: 'outline' })} href="/">
+          Link styled as a button
+        </Link>
+      </div>
+
       <article className="prose lg:prose-xl">
         <h1>Garlic bread with cheese: What the science tells us</h1>
         <p>

packages/ui/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @codefixlabs/ui
 
+## 0.1.45
+
+### Patch Changes
+
+- Skip add directive for classes
+
 ## 0.1.44
 
 ### Patch Changes

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codefixlabs/ui",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

packages/ui/src/classes/alert-dialog.ts

@@ -1,3 +1,4 @@
+import type { VariantProps } from 'class-variance-authority';
 import { cva } from 'class-variance-authority';
 import type { ClassValue } from 'clsx';
 
@@ -185,3 +186,5 @@ export const buttonVariants = cva(
     },
   },
 );
+
+export type ButtonVariants = VariantProps<typeof buttonVariants>;