feat/stat-card (#4)

* fix: shadcn requires src folder

* feat: initialized shadcn

* feat: shadcn card

* chore: fix tailwind prefix, colors, imports

* chore: ignore shadcn prettier eslint

* chore: remove color utils

* chore: implemented StatCard component

* chore: created grey-500 color

* feat: shadcn all components

* chore: removed token utils

* fix: removed menubar shadcn component due to build fail

.prettierignore

@@ -2,4 +2,5 @@ node_modules
 dist
 pnpm-lock.yaml
 mockServiceWorker.js
-storybook-static
+storybook-static
+ui-shadcn

components.json

@@ -8,12 +8,12 @@
     "css": "src/index.css",
     "baseColor": "neutral",
     "cssVariables": false,
-    "prefix": ""
+    "prefix": "ui-"
   },
   "aliases": {
     "components": "@/components",
     "utils": "@/lib/utils",
-    "ui": "@/components/ui",
+    "ui": "@/ui-shadcn",
     "lib": "@/lib",
     "hooks": "@/hooks"
   }

eslint.config.js

@@ -9,7 +9,7 @@ export default tseslint.config(
   ...tseslint.configs.recommended, // .strict is a super set of recommended
   // ...tseslint.configs.strict,
   ...tseslint.configs.stylistic,
-  { ignores: ["dist", "node_modules", "storybook-static"] },
+  { ignores: ["dist", "node_modules", "storybook-static", "ui-shadcn"] },
   {
     extends: [
       eslint.configs.recommended,

package.json

@@ -93,5 +93,47 @@
     "workerDirectory": [
       "public"
     ]
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.9.0",
+    "@radix-ui/react-accordion": "^1.2.1",
+    "@radix-ui/react-alert-dialog": "^1.1.2",
+    "@radix-ui/react-aspect-ratio": "^1.1.0",
+    "@radix-ui/react-avatar": "^1.1.1",
+    "@radix-ui/react-checkbox": "^1.1.2",
+    "@radix-ui/react-collapsible": "^1.1.1",
+    "@radix-ui/react-context-menu": "^2.2.2",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-hover-card": "^1.1.2",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-menubar": "^1.1.2",
+    "@radix-ui/react-navigation-menu": "^1.2.1",
+    "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-radio-group": "^1.2.1",
+    "@radix-ui/react-scroll-area": "^1.2.0",
+    "@radix-ui/react-select": "^2.1.2",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slider": "^1.2.1",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.1",
+    "@radix-ui/react-tabs": "^1.1.1",
+    "@radix-ui/react-toast": "^1.2.2",
+    "@radix-ui/react-toggle": "^1.1.0",
+    "@radix-ui/react-toggle-group": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.3",
+    "cmdk": "1.0.0",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.3.0",
+    "input-otp": "^1.2.4",
+    "next-themes": "^0.3.0",
+    "react-day-picker": "8.10.1",
+    "react-hook-form": "^7.53.0",
+    "react-resizable-panels": "^2.1.4",
+    "recharts": "^2.13.0",
+    "sonner": "^1.5.0",
+    "vaul": "^1.1.0",
+    "zod": "^3.23.8"
   }
 }