U

Author: Onlylonger

.prettierrc

@@ -1,4 +1,6 @@
 {
   "singleQuote": true,
-  "semi": false
+  "semi": false,
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "tailwindFunctions": ["clsx", "cva"]
 }

package.json

@@ -65,7 +65,6 @@
   },
   "dependencies": {
     "@shilong/utils": "^0.0.9",
-    "class-variance-authority": "^0.7.1",
     "sonner": "^2.0.7"
   },
   "pnpm": {

src/components/button/index.css

@@ -1,7 +1,7 @@
 @reference "../../global.css";
 
 .slButtonBase {
-  @apply inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive;
+  @apply cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive;
 }
 
 .slButtonVariantDefault {

src/components/button/index.tsx

@@ -1,7 +1,8 @@
-import { cva, type VariantProps } from 'class-variance-authority'
+import { cva, type VariantProps } from '@shilong/utils'
 import './index.css'
 
-const getBtnClx = cva('slButtonBase', {
+const getBtnClx = cva( {
+  base: 'slButtonBase',
   variants: {
     variant: {
       default: 'slButtonVariantDefault',