Chore/deps

apps/docs/package.json

@@ -26,28 +26,28 @@
     "@radix-ui/react-toast": "^1.2.15",
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@uiw/react-color": "^2.9.3",
+    "@uiw/react-color": "^2.9.5",
     "@vercel/analytics": "^1.6.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "eslint-config-next": "16.1.6",
-    "lucide-react": "^0.563.0",
+    "lucide-react": "^0.564.0",
     "next": "16.1.6",
     "next-themes": "^0.4.6",
     "prism-react-renderer": "^2.4.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "react-hook-form": "^7.71.1",
     "react-icons": "^5.5.0",
-    "tailwind-merge": "^3.4.0",
+    "tailwind-merge": "^3.4.1",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.18",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
-    "@types/node": "^25.1.0",
-    "@types/react": "^19.2.10",
+    "@types/node": "^25.2.3",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.6",
     "tailwindcss": "^4.1.18",

apps/docs/src/app/page.tsx

@@ -17,38 +17,38 @@ export default function Page() {
       title: 'Highly Customizable',
       description:
         'Style finder patterns, modules, and colors exactly how you want with advanced configuration.',
-      icon: <Sparkles className='h-5 w-5 text-primary' />,
+      icon: <Sparkles className='h-4 w-4 text-primary' />,
     },
     {
       title: 'Performance Optimized',
       description:
         'Generates QR codes efficiently without sacrificing quality or bundle size.',
-      icon: <Zap className='h-5 w-5 text-primary' />,
+      icon: <Zap className='h-4 w-4 text-primary' />,
     },
     {
       title: 'SVG-Based Rendering',
       description: 'Crisp and scalable output for web and print, powered by SVG.',
-      icon: <Layers className='h-5 w-5 text-primary' />,
+      icon: <Layers className='h-4 w-4 text-primary' />,
     },
     {
       title: 'Developer-Friendly',
       description:
         'Built with TypeScript, easy to use, and focused on a great developer experience.',
-      icon: <Code className='h-5 w-5 text-primary' />,
+      icon: <Code className='h-4 w-4 text-primary' />,
     },
   ]
 
   return (
     <>
       <Hero />
-      <div className='mb-12 grid grid-cols-1 gap-4 md:grid-cols-2'>
+      <div className='mb-4 grid grid-cols-1 gap-4 lg:grid-cols-2 max-w-full md:max-w-4xl mx-auto'>
         {features.map((feature) => (
-          <Card key={feature.title}>
+          <Card key={feature.title} className='shadow-xs'>
             <CardHeader className='flex-row items-start gap-4 space-y-0'>
-              <div className='mb-2 inline-flex h-9 w-9 items-center justify-center rounded-lg bg-background shadow-sm'>
+              <div className='mb-2 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-background shadow-sm'>
                 {feature.icon}
               </div>
-              <div>
+              <div className='space-y-1'>
                 <CardTitle className='text-lg'>{feature.title}</CardTitle>
                 <CardDescription className='text-sm leading-relaxed'>
                   {feature.description}
@@ -59,10 +59,10 @@ export default function Page() {
         ))}
       </div>
 
-      <Card>
+      <Card className='max-w-full md:max-w-4xl mx-auto shadow-xs'>
         <CardHeader className='flex-row items-start gap-4 space-y-0'>
           <div className='mt-1 shrink-0 rounded-lg bg-background p-2 shadow-sm'>
-            <Sparkles className='h-6 w-6 text-primary' />
+            <Sparkles className='h-4 w-4 text-primary' />
           </div>
           <div>
             <CardTitle className='mb-1 text-xl'>Optimized for AI</CardTitle>

package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "https://github.com/LGLabGreg/react-qr-code.git"
   },
-  "packageManager": "pnpm@10.26.1",
+  "packageManager": "pnpm@10.29.3",
   "type": "module",
   "scripts": {
     "dev": "pnpm concurrently --names packages,apps \"pnpm watch:packages\" \"pnpm watch:docs\"",
@@ -38,23 +38,23 @@
     "@testing-library/react": "^16.3.2",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/jsdom": "^27.0.0",
-    "@types/node": "^25.1.0",
-    "@vitejs/plugin-react": "^5.1.2",
+    "@types/node": "^25.2.3",
+    "@vitejs/plugin-react": "^5.1.4",
     "@vitest/coverage-v8": "4.0.18",
     "concurrently": "^9.2.1",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
-    "globals": "^17.2.0",
+    "eslint-plugin-react-refresh": "^0.5.0",
+    "globals": "^17.3.0",
     "husky": "^9.1.7",
-    "jsdom": "^27.4.0",
+    "jsdom": "^28.1.0",
     "lint-staged": "^16.2.7",
     "prettier": "^3.8.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.54.0",
+    "typescript-eslint": "^8.56.0",
     "vite": "^7.3.1",
     "vitest": "^4.0.18"
   },

packages/react-qr-code/package.json

@@ -49,15 +49,15 @@
     "react": "^18 || ^19"
   },
   "devDependencies": {
-    "@types/node": "^25.1.0",
-    "@types/react": "^19.2.10",
+    "@types/node": "^25.2.3",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.2",
-    "globals": "^17.2.0",
+    "@vitejs/plugin-react": "^5.1.4",
+    "globals": "^17.3.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.54.0",
+    "typescript-eslint": "^8.56.0",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4"
   }