refactor(daisyui): added daisyui package

package.json

@@ -70,6 +70,7 @@
     "autoprefixer": "^10.4.19",
     "commitizen": "^4.3.0",
     "cssnano": "^6.1.2",
+    "daisyui": "^4.12.10",
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^18.0.0",

src/app/techrecord/(pages)/cannon-raycast-vehicle/page.tsx

@@ -12,7 +12,7 @@ import { useControls } from 'leva';
 import { type Ref, Suspense } from 'react';
 import type { Group, Mesh } from 'three';
 
-import Vehicle from '@/components/cannon/Beetle';
+import { Vehicle } from '@/components/cannon/Beetle';
 import { DefaultLayout, ThreeCanvas } from '@/layouts';
 
 const Plane = (props: PlaneProps) => {

src/components/cannon/Beetle/index.ts

@@ -1,6 +1,3 @@
-import { Chassis } from './Chassis';
-import Vehicle from './Vehicle';
-import { Wheel } from './Wheel';
-
-export { Chassis, Wheel };
-export default Vehicle;
+export * from './Chassis';
+export { default as Vehicle } from './Vehicle';
+export * from './Wheel';

src/components/header/header.tsx

@@ -36,7 +36,13 @@ export default function Header() {
                   className={`${path === menu.path ? styles.listItemOn : styles.listItemOff} ${styles.listItem}`}
                   key={menu.id}
                 >
-                  <Link href={menu.path}>{menu.name}</Link>
+                  <button
+                    type="button"
+                    aria-label="navigation button"
+                    className={`btn-link no-underline hover:no-underline ${path === menu.path ? 'font-semibold text-gray-900 dark:text-gray-100' : 'text-gray-700 dark:text-gray-400'}`}
+                  >
+                    <Link href={menu.path}>{menu.name}</Link>
+                  </button>
                 </li>
               );
             })}

tailwind.config.js

@@ -51,5 +51,16 @@ module.exports = {
       },
     },
   },
-  plugins: [],
+  plugins: [require('daisyui')],
+  // daisyUI config (optional - here are the default values)
+  daisyui: {
+    themes: false, // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"]
+    darkTheme: "dark", // name of one of the included themes for dark mode
+    base: true, // applies background color and foreground color for root element by default
+    styled: true, // include daisyUI colors and design decisions for all components
+    utils: true, // adds responsive and modifier utility classes
+    prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
+    logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
+    themeRoot: ":root", // The element that receives theme color CSS variables
+  },
 };

yarn.lock

@@ -9331,6 +9331,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"css-selector-tokenizer@npm:^0.8":
+  version: 0.8.0
+  resolution: "css-selector-tokenizer@npm:0.8.0"
+  dependencies:
+    cssesc: "npm:^3.0.0"
+    fastparse: "npm:^1.1.2"
+  checksum: 10c0/86f68cc666d41f9d153351677694002a9d00e2609e6abc66fcfd7f580be3d6ecc0929e46a06c621ab28da5febbb54567db9709b819414edae4a36d9ff9133e16
+  languageName: node
+  linkType: hard
+
 "css-tree@npm:^2.3.1":
   version: 2.3.1
   resolution: "css-tree@npm:2.3.1"
@@ -9474,6 +9484,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"culori@npm:^3":
+  version: 3.3.0
+  resolution: "culori@npm:3.3.0"
+  checksum: 10c0/acd330a8f940dc22f36650ba722c9302a4745fee3c8fb40a27ac27228767e2cba4221c2dc414fce652b82cb264d28f65d8b76d505df402ecf94dbb9e440319e1
+  languageName: node
+  linkType: hard
+
 "cz-conventional-changelog@npm:3.3.0":
   version: 3.3.0
   resolution: "cz-conventional-changelog@npm:3.3.0"
@@ -9492,6 +9509,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"daisyui@npm:^4.12.10":
+  version: 4.12.10
+  resolution: "daisyui@npm:4.12.10"
+  dependencies:
+    css-selector-tokenizer: "npm:^0.8"
+    culori: "npm:^3"
+    picocolors: "npm:^1"
+    postcss-js: "npm:^4"
+  checksum: 10c0/f677d9717d6241d6c829141645ff15a5d6aaa9e279a90e1acb248613c9cc25d7d0b9fcac55ec572537f6bc472e1ab5f0bed7797a1815b6fde9a644be62f357d0
+  languageName: node
+  linkType: hard
+
 "damerau-levenshtein@npm:^1.0.8":
   version: 1.0.8
   resolution: "damerau-levenshtein@npm:1.0.8"
@@ -11552,6 +11581,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fastparse@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "fastparse@npm:1.1.2"
+  checksum: 10c0/c08d6e7ef10c0928426c1963dd4593e2baaf44d223ab1e5ba5d7b30470144b3a4ecb3605958b73754cea3f857ecef00b67c885f07ca2c312b38b67d9d88b84b5
+  languageName: node
+  linkType: hard
+
 "fastq@npm:^1.6.0":
   version: 1.17.0
   resolution: "fastq@npm:1.17.0"
@@ -17424,6 +17460,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"picocolors@npm:^1":
+  version: 1.0.1
+  resolution: "picocolors@npm:1.0.1"
+  checksum: 10c0/c63cdad2bf812ef0d66c8db29583802355d4ca67b9285d846f390cc15c2f6ccb94e8cb7eb6a6e97fc5990a6d3ad4ae42d86c84d3146e667c739a4234ed50d400
+  languageName: node
+  linkType: hard
+
 "picocolors@npm:^1.0.0":
   version: 1.0.0
   resolution: "picocolors@npm:1.0.0"
@@ -17633,7 +17676,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-js@npm:^4.0.1":
+"postcss-js@npm:^4, postcss-js@npm:^4.0.1":
   version: 4.0.1
   resolution: "postcss-js@npm:4.0.1"
   dependencies:
@@ -19792,6 +19835,7 @@ __metadata:
     axios: "npm:^1.7.2"
     commitizen: "npm:^4.3.0"
     cssnano: "npm:^6.1.2"
+    daisyui: "npm:^4.12.10"
     eslint: "npm:^8.57.0"
     eslint-config-airbnb: "npm:^19.0.4"
     eslint-config-airbnb-typescript: "npm:^18.0.0"