setup shadcn-ui

README.md

@@ -32,7 +32,7 @@
 The component library built with this template can be used in any project that supports TailwindCSS. After publishing your component library to NPM, you can install it in your project by running:
 
 ```
-npm install <my-component-library>
+npm install @maany_shr/rage-ui-kit
 ```
 
 You should then configure the `tailwind.config.js` file in your project to include the styles from the component library.

components.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "lib/tailwind/theme.css",
+    "baseColor": "slate",
+    "cssVariables": false,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "lib/utils/utils",
+    "ui": "@/components/ui"
+  }
+}

lib/tailwind/theme.css

@@ -1,3 +1,4 @@
 @tailwind base;
-@tailwind components;
-@tailwind utilities;
+  @tailwind components;
+  @tailwind utilities;
+

lib/utils/utils.ts

@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}