Merge branch 'main' into rr7

Author: AlemTuzlak

.gitignore

@@ -135,4 +135,4 @@ dist
 
 # IDE
 .idea
-.tsup
+.tsup

README.md

@@ -21,6 +21,12 @@ Detailed documentation can be found here:
 https://remix-development-tools.fly.dev/
 
 
+# Deprecation warning!
+
+Huge news! The remix-development-tools will be turning into react-router-devtools once the stable release of react-router 7 is out! As you already might've heard remix is being merged into react-router, so naturally these devtools are going to be supporting react-router users rather than remix users!
+
+We are looking forward to expanding the scope of our users to a much broader audience and helping even more projects. When it comes to remix-development-tools all the updates will be coming out regularly until the official release of react-router v7 where this package will be rebranded with the same feature set.
+
 ## Getting Started
 
 1. Install the package via npm:
@@ -61,6 +67,6 @@ Thanks to all the contributors on this project and the support to the community.
 
 ---
 
-Devoted to my loving wife.
+Devoted to my loving wife and my little late bird Kiira who helped me initially build out these tools by keeping me company and being my rubber duck, she will forever be my best friend.
 
-In loving memory of my late Grandfather, who taught me to always be curious, never stop learning, and to always be kind to others. I miss you, Grandpa.
+In loving memory of my late Grandfather, who taught me to always be curious, never stop learning, and to always be kind to others, and my late Grandmother who always encouraged me to learn new things, and stand up for the things I believe in.

docs/app/components/ClientHint.tsx

@@ -1,7 +1,7 @@
 import { useRevalidator } from '@remix-run/react'
 import { useEffect } from 'react'
 
-export const clientHints = {
+  const clientHints = {
   theme: {
     cookieName: 'CH-prefers-color-scheme',
     getValueCode:
@@ -127,7 +127,7 @@ document.cookie = encodeURIComponent(hint.name) + '=' + encodeURIComponent(hint.
 }
 }
 
-// On Cookie change, reload the page, unless the browser doesn't support Cookies. 
+// On Cookie change, reload the page, unless the browser doesn't support Cookies.
 if (hasCookieChanged && navigator.cookieEnabled) {
   window.location.reload();
 }

docs/app/components/FeaturesSection.tsx

@@ -11,7 +11,7 @@ const content = [
         </span>
         in real time. See your deferred data load in and see your cached loader
         information . No more
-        <span className="mx-1 font-bold text-red-500">console.log().</span>Get
+        <span className="mx-1 font-bold text-red-500">console.log</span>Get
         the information you need when you need it.
       </div>
     ),

docs/app/components/ui/Button.tsx

@@ -68,7 +68,7 @@ export function Button({
   )
 }
 
-export const MovingBorder = ({
+  const MovingBorder = ({
   children,
   duration = 2000,
   rx,

docs/app/components/ui/Lamp.tsx

@@ -2,24 +2,7 @@ import React from 'react'
 import { motion } from 'framer-motion'
 import { cn } from '~/utils/cn'
 
-export function LampDemo() {
-  return (
-    <LampContainer>
-      <motion.h1
-        initial={{ opacity: 0.5, y: 100 }}
-        whileInView={{ opacity: 1, y: 0 }}
-        transition={{
-          delay: 0.3,
-          duration: 0.8,
-          ease: 'easeInOut',
-        }}
-        className="mt-8 bg-gradient-to-br from-slate-300 to-slate-500 bg-clip-text py-4 text-center text-4xl font-medium tracking-tight text-transparent md:text-7xl"
-      >
-        Build lamps <br /> the right way
-      </motion.h1>
-    </LampContainer>
-  )
-}
+
 
 export const LampContainer = ({
   children,

docs/app/components/ui/Spotlight.tsx

@@ -12,7 +12,7 @@ const transition = {
   restSpeed: 0.001,
 }
 
-export const MenuItem = ({
+  const MenuItem = ({
   setActive,
   active,
   item,
@@ -59,7 +59,7 @@ export const MenuItem = ({
   )
 }
 
-export const Menu = ({
+  const Menu = ({
   setActive,
   children,
 }: {
@@ -76,7 +76,7 @@ export const Menu = ({
   )
 }
 
-export const HoveredLink = ({ children, ...rest }: any) => {
+const HoveredLink = ({ children, ...rest }: any) => {
   return (
     <Link
       {...rest}