add

pos-frontend/package.json

@@ -15,10 +15,29 @@
     "@chakra-ui/react": "^2.8.2",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
+    "@mantine/carousel": "^7.9.0",
+    "@mantine/charts": "^7.9.0",
+    "@mantine/code-highlight": "^7.9.0",
+    "@mantine/core": "^7.9.0",
+    "@mantine/dates": "^7.9.0",
+    "@mantine/dropzone": "^7.9.0",
+    "@mantine/form": "^7.9.0",
+    "@mantine/hooks": "^7.9.0",
+    "@mantine/modals": "^7.9.0",
+    "@mantine/notifications": "^7.9.0",
+    "@mantine/nprogress": "^7.9.0",
+    "@mantine/spotlight": "^7.9.0",
+    "@mantine/tiptap": "^7.9.0",
     "@nextui-org/button": "^2.0.31",
     "@nextui-org/react": "^2.3.6",
+    "@tabler/icons-react": "^3.3.0",
+    "@tiptap/extension-link": "^2.3.1",
+    "@tiptap/react": "^2.3.1",
+    "@tiptap/starter-kit": "^2.3.1",
     "@types/react-bootstrap": "^0.32.36",
     "bootstrap": "^5.3.3",
+    "dayjs": "^1.11.11",
+    "embla-carousel-react": "^8.0.2",
     "framer-motion": "^11.0.25",
     "level-rocksdb": "^5.0.0",
     "next": "^14.1.4",
@@ -26,6 +45,7 @@
     "react": "^18",
     "react-bootstrap": "^2.10.2",
     "react-dom": "^18",
+    "recharts": "^2.12.6",
     "rocksdb": "^5.2.1"
   },
   "devDependencies": {
@@ -45,6 +65,9 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "mocha": "^10.4.0",
+    "postcss": "^8.4.38",
+    "postcss-preset-mantine": "^1.15.0",
+    "postcss-simple-vars": "^7.0.1",
     "sinon": "^17.0.1",
     "tailwindcss": "^3.4.3",
     "ts-node": "^10.9.2",

pos-frontend/postcss.config.cjs

@@ -0,0 +1,14 @@
+module.exports = {
+  plugins: {
+    'postcss-preset-mantine': {},
+    'postcss-simple-vars': {
+      variables: {
+        'mantine-breakpoint-xs': '36em',
+        'mantine-breakpoint-sm': '48em',
+        'mantine-breakpoint-md': '62em',
+        'mantine-breakpoint-lg': '75em',
+        'mantine-breakpoint-xl': '88em',
+      },
+    },
+  },
+}