lfg

Author: irsyadadl

bun.lockb

@@ -232,7 +232,10 @@ const Sidebar = ({
 }
 
 const itemStyles = tv({
-  base: "group/menu-item grid cursor-pointer [&>[data-slot=icon]]:size-4 col-span-full [&>[data-slot=icon]]:shrink-0 items-center [&>[data-slot=icon]]:text-muted-fg relative rounded-lg lg:text-sm leading-6",
+  base: [
+    "group/menu-item grid cursor-pointer [&>[data-slot=icon]]:size-4 col-span-full [&>[data-slot=icon]]:shrink-0 items-center [&>[data-slot=icon]]:text-muted-fg relative rounded-lg lg:text-sm leading-6",
+    "forced-colors:text-[MenuLink] text-fg"
+  ],
   variants: {
     collapsed: {
       true: [

components/ui/sidebar.tsx

@@ -21,11 +21,11 @@
     "@shikijs/transformers": "^1.22.2",
     "chroma-js": "^2.6.0",
     "clsx": "^2.1.1",
-    "cmdk": "^1.0.1",
+    "cmdk": "^1.0.3",
     "color-namer": "^1.4.0",
     "embla-carousel-autoplay": "^8.3.1",
     "embla-carousel-react": "^8.3.1",
-    "framer-motion": "^11.11.10",
+    "framer-motion": "^11.11.11",
     "input-otp": "^1.2.5",
     "justd-icons": "^1.7.1",
     "mitt": "^3.0.1",
@@ -60,7 +60,7 @@
     "@types/chroma-js": "^2.4.4",
     "@types/color-namer": "^1.3.3",
     "@types/culori": "^2.1.1",
-    "@types/node": "^20.17.3",
+    "@types/node": "^20.17.5",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/title": "^3.4.3",