From 95bd0ef83f4094fce9f5ecae40e26f6e9f379ff5 Mon Sep 17 00:00:00 2001
From: Ryukemeister <sahalrajiv-extc@atharvacoe.ac.in>
Date: Mon, 9 Oct 2023 21:45:33 +0530
Subject: [PATCH] setting up shadcn

---
 packages/atoms/globals.css    | 73 +++++++++++++++++++++++++++++++++++
 packages/atoms/package.json   | 11 +++++-
 packages/atoms/tsconfig.json  |  3 +-
 packages/atoms/vite.config.ts |  7 +++-
 4 files changed, 91 insertions(+), 3 deletions(-)

diff --git a/packages/atoms/globals.css b/packages/atoms/globals.css
index 12686157f6..05d36de058 100644
--- a/packages/atoms/globals.css
+++ b/packages/atoms/globals.css
@@ -8,3 +8,76 @@
 @tailwind utilities;
 
 @import "../ui/styles/shared-globals.css";
+ 
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+ 
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+ 
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+ 
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+ 
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+ 
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+ 
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+ 
+    --radius: 0.5rem;
+  }
+ 
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+ 
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+ 
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+ 
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+ 
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+ 
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+ 
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+ 
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+ 
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+ 
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
\ No newline at end of file
diff --git a/packages/atoms/package.json b/packages/atoms/package.json
index 11de78770e..c7aed64c4e 100644
--- a/packages/atoms/package.json
+++ b/packages/atoms/package.json
@@ -11,6 +11,7 @@
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^15.0.1",
+    "@types/node": "^20.8.3",
     "@types/react": "18.0.26",
     "@types/react-dom": "^18.0.9",
     "@vitejs/plugin-react": "^2.2.0",
@@ -18,5 +19,13 @@
     "typescript": "^4.9.4",
     "vite": "^4.1.2"
   },
-  "main": "./index"
+  "main": "./index",
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.0.2",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.0.0",
+    "lucide-react": "^0.284.0",
+    "tailwind-merge": "^1.14.0",
+    "tailwindcss-animate": "^1.0.7"
+  }
 }
diff --git a/packages/atoms/tsconfig.json b/packages/atoms/tsconfig.json
index b8fb2a6430..1a202bf8bb 100644
--- a/packages/atoms/tsconfig.json
+++ b/packages/atoms/tsconfig.json
@@ -3,7 +3,8 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "~/*": ["/*"]
+      "~/*": ["/*"],
+      "@/*": ["./src/*"]
     },
     "resolveJsonModule": true
   },
diff --git a/packages/atoms/vite.config.ts b/packages/atoms/vite.config.ts
index 0950e3ce06..27af5144db 100644
--- a/packages/atoms/vite.config.ts
+++ b/packages/atoms/vite.config.ts
@@ -1,8 +1,12 @@
-import { resolve } from "path";
+import react from "@vitejs/plugin-react";
+import { resolve, path } from "path";
 import { defineConfig } from "vite";
 
+// setting up shadcn for vite: https://ui.shadcn.com/docs/installation/vite
+
 export default defineConfig({
   build: {
+    plugins: [react()],
     lib: {
       entry: [resolve(__dirname, "booker/export.ts")],
       name: "CalAtoms",
@@ -23,6 +27,7 @@ export default defineConfig({
       fs: resolve("../../node_modules/rollup-plugin-node-builtins"),
       path: resolve("../../node_modules/rollup-plugin-node-builtins"),
       os: resolve("../../node_modules/rollup-plugin-node-builtins"),
+      "@": path.resolve(__dirname, "./src"),
     },
   },
 });