love-ui 1.0.0 → 1.0.2

package/README.md

@@ -7,12 +7,12 @@
   <img src="https://img.shields.io/github/license/loveconnor/love-ui" alt="License" />
 </div>
 
-[Explore the full documentation and component gallery →](https://www.love-ui.com)
+[Explore the full documentation and component gallery →](https://www.loveui-docs.vercel.app)
 
 ## Table of Contents
 - [What is LoveUI?](#what-is-loveui)
 - [Highlights](#highlights)
-- [Primitives, Components, Blocks & Patterns](#primitives-components-blocks--patterns)
+- [Base Components, Features, Sections & Snippets](#base-components-features-sections--snippets)
 - [Component Catalog](#component-catalog)
 - [How It Works](#how-it-works)
 - [Getting Started](#getting-started)
@@ -40,11 +40,11 @@ The library blends headless primitives, fully wired feature components, reusable
 - **Tooling included:** A shared `@repo/typescript-config`, a `turbo`-powered monorepo, and docs you can run locally keep contributions and customization smooth.
 - **MIT licensed & community driven:** Transparent codebase, open contribution process, and a rapidly growing set of components.
 
-## Primitives, Components, Blocks & Patterns
-- **Primitives** live in the `loveui` package. They are foundational UI pieces (Button, Input, Switch, Dialog, etc.) that mirror shadcn/ui ergonomics while staying unstyled enough to serve as building blocks for your own components.
-- **Components** are installable, feature-complete building blocks (e.g., Gantt, Kanban, QR Code). Each ships with its logic, accessibility wiring, and Tailwind styling so you can drop it into production immediately.
-- **Blocks** are pre-built UI sections such as pricing pages, onboarding flows, and dashboards. They compose multiple components into opinionated experiences so you can scaffold pages in minutes.
-- **Patterns** live in `@repo/patterns` and provide smaller interaction recipes (input groups, form controls, command menus) built on shadcn/ui primitives. Use them as references or copy/paste snippets when designing your own system.
+## Base Components, Features, Sections & Snippets
+- **Base Components** live in the `loveui` package. They are foundational UI pieces (Button, Input, Switch, Dialog, etc.) that mirror shadcn/ui ergonomics while staying unstyled enough to serve as building blocks for your own components.
+- **Features** are installable, production-ready experiences (e.g., Gantt, Kanban, QR Code). Each ships with its logic, accessibility wiring, and Tailwind styling so you can drop it into production immediately.
+- **Sections** are pre-built page slices such as pricing, onboarding, and dashboards. They compose multiple features into opinionated experiences so you can scaffold pages in minutes.
+- **Snippets** live in `@repo/patterns` and provide smaller interaction recipes (input groups, form controls, command menus) built on shadcn/ui primitives. Use them as references or copy/paste snippets when designing your own system.
 
 ## Component Catalog
 Install any component with `npx loveui add <name>` (multiple names supported). Each entry below installs into `@/components/love-ui/<name>` with demo-ready examples.
@@ -99,7 +99,7 @@ Support packages:
 - `@repo/typescript-config` — shared TS configs for packages and apps.
 
 ## How It Works
-- The `loveui` npm package exposes a CLI (`npx loveui add ...`) that wraps the shadcn/ui generator and fetches blueprints hosted on [love-ui.com](https://www.love-ui.com).
+- The `loveui` npm package exposes a CLI (`npx loveui add ...`) that wraps the shadcn/ui generator and fetches blueprints hosted on [loveui-docs.vercel.app](https://www.loveui-docs.vercel.app).
 - Each blueprint expands into React + TypeScript + Tailwind source files inside your project. You are free to refactor, rename, or theme them like native code.
 - Components share tokens, utilities, and patterns so installs stay consistent. Optional dependencies are declared per component so your bundle only includes what you use.
 - The monorepo powering the library uses Next.js + Turborepo, making it easy to run the docs or contribute new components.
@@ -193,7 +193,7 @@ LoveUI exposes an MCP server so AI coding assistants can browse the component ca
       "args": [
         "-y",
         "mcp-remote",
-        "https://www.love-ui.com/api/mcp/mcp"
+        "https://www.loveui-docs.vercel.app/api/mcp/mcp"
       ]
     }
   }

package/dist/index.cjs

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-"use strict";var t=require("child_process"),o=process.argv.slice(2);(o.length<2||o[0]!=="add")&&(console.log("Usage: npx loveui add [...packages]"),process.exit(1));var r=o.slice(1);for(let e of r){if(!e.trim())continue;console.log(`Adding ${e} component...`);let n=`npx -y shadcn@latest add ${(e==="ai"?new URL("all.json","https://registry.ai-sdk.dev/"):new URL(`r/${e}.json`,"https://www.love-ui.com")).toString()}`,s=(0,t.spawnSync)(n,{stdio:"inherit",shell:!0});s.error?(console.error(`Failed to add ${e}:`,s.error.message),process.exit(1)):s.status!==0&&(console.error(`Command failed with exit code ${s.status}`),process.exit(1))}
+"use strict"; var t = require("child_process"), o = process.argv.slice(2); (o.length < 2 || o[0] !== "add") && (console.log("Usage: npx loveui add [...packages]"), process.exit(1)); var r = o.slice(1); for (let e of r) { if (!e.trim()) continue; console.log(`Adding ${e} component...`); let n = `npx -y shadcn@latest add ${(e === "ai" ? new URL("all.json", "https://registry.ai-sdk.dev/") : new URL(`r/${e}.json`, "https://loveui-docs.vercel.app")).toString()}`, s = (0, t.spawnSync)(n, { stdio: "inherit", shell: !0 }); s.error ? (console.error(`Failed to add ${e}:`, s.error.message), process.exit(1)) : s.status !== 0 && (console.error(`Command failed with exit code ${s.status}`), process.exit(1)) }

package/dist/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-import{spawnSync as n}from"child_process";var o=process.argv.slice(2);(o.length<2||o[0]!=="add")&&(console.log("Usage: npx loveui add [...packages]"),process.exit(1));var r=o.slice(1);for(let e of r){if(!e.trim())continue;console.log(`Adding ${e} component...`);let t=`npx -y shadcn@latest add ${(e==="ai"?new URL("all.json","https://registry.ai-sdk.dev/"):new URL(`r/${e}.json`,"https://www.love-ui.com")).toString()}`,s=n(t,{stdio:"inherit",shell:!0});s.error?(console.error(`Failed to add ${e}:`,s.error.message),process.exit(1)):s.status!==0&&(console.error(`Command failed with exit code ${s.status}`),process.exit(1))}
+import { spawnSync as n } from "child_process"; var o = process.argv.slice(2); (o.length < 2 || o[0] !== "add") && (console.log("Usage: npx loveui add [...packages]"), process.exit(1)); var r = o.slice(1); for (let e of r) { if (!e.trim()) continue; console.log(`Adding ${e} component...`); let t = `npx -y shadcn@latest add ${(e === "ai" ? new URL("all.json", "https://registry.ai-sdk.dev/") : new URL(`r/${e}.json`, "https://loveui-docs.vercel.app")).toString()}`, s = n(t, { stdio: "inherit", shell: !0 }); s.error ? (console.error(`Failed to add ${e}:`, s.error.message), process.exit(1)) : s.status !== 0 && (console.error(`Command failed with exit code ${s.status}`), process.exit(1)) }

package/license.md

@@ -1,4 +1,4 @@
-Copyright (c) 2023 — Present Hayden Bleasel
+Copyright (c) 2023 — Present Connor Love
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "love-ui",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "bin": {
     "loveui": "dist/index.js",
     "love-ui": "dist/index.js"
@@ -37,6 +37,8 @@
     "@auto-it/first-time-contributor": "^11.3.0",
     "@biomejs/biome": "2.2.5",
     "@types/node": "^24.7.2",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.1",
     "turbo": "^2.5.8",
     "typescript": "^5.9.3",
     "ultracite": "^5.6.2"

package/packages/love-ui/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "loveui",
+  "version": "1.0.2",
+  "private": true,
+  "main": "./index.ts",
+  "types": "./index.ts",
+  "exports": {
+    ".": {
+      "import": "./index.ts",
+      "require": "./index.ts"
+    },
+    "./components/*": "./components/*"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.1.8",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.545.0",
+    "motion": "^12.23.24"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.1"
+  }
+}
+

package/packages/patterns/avatar/square/avatar-square-1.tsx

@@ -5,8 +5,8 @@ export const title = "Avatar";
 const Example = () => (
   <Avatar className="rounded-lg">
     <AvatarImage
-      alt="@haydenbleasel"
-      src="https://github.com/haydenbleasel.png"
+      alt="@loveconnor"
+      src="https://github.com/loveconnor.png"
     />
     <AvatarFallback className="rounded-lg">HB</AvatarFallback>
   </Avatar>

package/packages/patterns/avatar/square/avatar-square-4.tsx

@@ -6,8 +6,8 @@ const Example = () => (
   <div className="relative w-fit">
     <Avatar className="rounded-lg">
       <AvatarImage
-        alt="@haydenbleasel"
-        src="https://github.com/haydenbleasel.png"
+        alt="@loveconnor"
+        src="https://github.com/loveconnor.png"
       />
       <AvatarFallback className="rounded-lg">HB</AvatarFallback>
     </Avatar>

package/packages/patterns/avatar/square/avatar-square-5.tsx

@@ -6,8 +6,8 @@ const Example = () => (
   <div className="relative w-fit">
     <Avatar className="rounded-lg">
       <AvatarImage
-        alt="@haydenbleasel"
-        src="https://github.com/haydenbleasel.png"
+        alt="@loveconnor"
+        src="https://github.com/loveconnor.png"
       />
       <AvatarFallback className="rounded-lg">HB</AvatarFallback>
     </Avatar>

package/packages/patterns/avatar/square/avatar-square-6.tsx

@@ -7,8 +7,8 @@ const Example = () => (
   <div className="relative w-fit">
     <Avatar className="rounded-lg">
       <AvatarImage
-        alt="@haydenbleasel"
-        src="https://github.com/haydenbleasel.png"
+        alt="@loveconnor"
+        src="https://github.com/loveconnor.png"
       />
       <AvatarFallback className="rounded-lg">HB</AvatarFallback>
     </Avatar>

package/packages/patterns/avatar/square/avatar-square-7.tsx

@@ -6,8 +6,8 @@ const Example = () => (
   <div className="relative w-fit">
     <Avatar className="rounded-lg">
       <AvatarImage
-        alt="@haydenbleasel"
-        src="https://github.com/haydenbleasel.png"
+        alt="@loveconnor"
+        src="https://github.com/loveconnor.png"
       />
       <AvatarFallback className="rounded-lg">HB</AvatarFallback>
     </Avatar>

package/packages/patterns/avatar/standard/avatar-standard-1.tsx

@@ -5,8 +5,8 @@ export const title = "Avatar";
 const Example = () => (
   <Avatar>
     <AvatarImage
-      alt="@haydenbleasel"
-      src="https://github.com/haydenbleasel.png"
+      alt="@loveconnor"
+      src="https://github.com/loveconnor.png"
     />
     <AvatarFallback>HB</AvatarFallback>
   </Avatar>

package/packages/patterns/avatar/standard/avatar-standard-4.tsx

@@ -6,8 +6,8 @@ const Example = () => (
   <div className="relative w-fit">
     <Avatar>
       <AvatarImage
-        alt="@haydenbleasel"
-        src="https://github.com/haydenbleasel.png"
+        alt="@loveconnor"
+        src="https://github.com/loveconnor.png"
       />
       <AvatarFallback>HB</AvatarFallback>
     </Avatar>

package/packages/patterns/avatar/standard/avatar-standard-5.tsx

@@ -6,8 +6,8 @@ const Example = () => (
   <div className="relative w-fit">
     <Avatar>
       <AvatarImage
-        alt="@haydenbleasel"
-        src="https://github.com/haydenbleasel.png"
+        alt="@loveconnor"
+        src="https://github.com/loveconnor.png"
       />
       <AvatarFallback>HB</AvatarFallback>
     </Avatar>

package/packages/patterns/avatar/standard/avatar-standard-6.tsx

@@ -7,8 +7,8 @@ const Example = () => (
   <div className="relative w-fit">
     <Avatar>
       <AvatarImage
-        alt="@haydenbleasel"
-        src="https://github.com/haydenbleasel.png"
+        alt="@loveconnor"
+        src="https://github.com/loveconnor.png"
       />
       <AvatarFallback>HB</AvatarFallback>
     </Avatar>

package/packages/patterns/avatar/standard/avatar-standard-7.tsx

@@ -6,8 +6,8 @@ const Example = () => (
   <div className="relative w-fit">
     <Avatar>
       <AvatarImage
-        alt="@haydenbleasel"
-        src="https://github.com/haydenbleasel.png"
+        alt="@loveconnor"
+        src="https://github.com/loveconnor.png"
       />
       <AvatarFallback>HB</AvatarFallback>
     </Avatar>

package/packages/patterns/combobox/rich-content/combobox-rich-content-1.tsx

@@ -23,9 +23,9 @@ export const title = "Items with Avatars";
 
 const users = [
   {
-    value: "haydenbleasel",
-    label: "Hayden Bleasel",
-    avatar: "https://github.com/haydenbleasel.png",
+    value: "loveconnor",
+    label: "Connor Love",
+    avatar: "https://github.com/loveconnor.png",
   },
   {
     value: "shadcn",

package/packages/patterns/combobox/rich-content/combobox-rich-content-4.tsx

@@ -23,11 +23,11 @@ export const title = "Items with Metadata";
 
 const members = [
   {
-    value: "haydenbleasel",
-    name: "Hayden Bleasel",
+    value: "loveconnor",
+    name: "Connor Love",
     email: "hayden@vercel.com",
     role: "Design Engineer",
-    avatar: "https://github.com/haydenbleasel.png",
+    avatar: "https://github.com/loveconnor.png",
   },
   {
     value: "shadcn",

package/packages/patterns/dropdown-menu/profile/dropdown-menu-profile-1.tsx

@@ -20,8 +20,8 @@ const Example = () => (
       <Button className="relative h-10 w-10 rounded-full" variant="ghost">
         <Avatar>
           <AvatarImage
-            alt="@haydenbleasel"
-            src="https://github.com/haydenbleasel.png"
+            alt="@loveconnor"
+            src="https://github.com/loveconnor.png"
           />
           <AvatarFallback>HB</AvatarFallback>
         </Avatar>
@@ -30,9 +30,9 @@ const Example = () => (
     <DropdownMenuContent align="end" className="w-56">
       <DropdownMenuLabel className="font-normal">
         <div className="flex flex-col space-y-1">
-          <p className="font-medium text-sm leading-none">Hayden Bleasel</p>
+          <p className="font-medium text-sm leading-none">Connor Love</p>
           <p className="text-muted-foreground text-xs leading-none">
-            hello@haydenbleasel.com
+            hello@loveconnor.com
           </p>
         </div>
       </DropdownMenuLabel>

package/packages/patterns/dropdown-menu/profile/dropdown-menu-profile-2.tsx

@@ -21,8 +21,8 @@ const Example = () => (
       <Button className="relative h-10 w-10 rounded-full" variant="ghost">
         <Avatar>
           <AvatarImage
-            alt="@haydenbleasel"
-            src="https://github.com/haydenbleasel.png"
+            alt="@loveconnor"
+            src="https://github.com/loveconnor.png"
           />
           <AvatarFallback>HB</AvatarFallback>
         </Avatar>
@@ -34,15 +34,15 @@ const Example = () => (
         <div className="flex items-center gap-3">
           <Avatar className="h-12 w-12">
             <AvatarImage
-              alt="@haydenbleasel"
-              src="https://github.com/haydenbleasel.png"
+              alt="@loveconnor"
+              src="https://github.com/loveconnor.png"
             />
             <AvatarFallback>HB</AvatarFallback>
           </Avatar>
           <div className="flex flex-col space-y-1">
-            <p className="font-medium text-sm leading-none">Hayden Bleasel</p>
+            <p className="font-medium text-sm leading-none">Connor Love</p>
             <p className="text-muted-foreground text-xs leading-none">
-              hello@haydenbleasel.com
+              hello@loveconnor.com
             </p>
             <Badge className="w-fit text-xs" variant="secondary">
               Pro

package/packages/patterns/dropdown-menu/profile/dropdown-menu-profile-3.tsx

@@ -29,12 +29,12 @@ const Example = () => (
       <Button className="gap-2" variant="outline">
         <Avatar className="h-6 w-6">
           <AvatarImage
-            alt="@haydenbleasel"
-            src="https://github.com/haydenbleasel.png"
+            alt="@loveconnor"
+            src="https://github.com/loveconnor.png"
           />
           <AvatarFallback>HB</AvatarFallback>
         </Avatar>
-        <span>Hayden Bleasel</span>
+        <span>Connor Love</span>
       </Button>
     </DropdownMenuTrigger>
     <DropdownMenuContent align="end" className="w-64">
@@ -42,15 +42,15 @@ const Example = () => (
         <div className="flex items-center gap-3 pb-2">
           <Avatar className="h-10 w-10">
             <AvatarImage
-              alt="@haydenbleasel"
-              src="https://github.com/haydenbleasel.png"
+              alt="@loveconnor"
+              src="https://github.com/loveconnor.png"
             />
             <AvatarFallback>HB</AvatarFallback>
           </Avatar>
           <div className="flex flex-col space-y-1">
-            <p className="font-medium text-sm leading-none">Hayden Bleasel</p>
+            <p className="font-medium text-sm leading-none">Connor Love</p>
             <p className="text-muted-foreground text-xs leading-none">
-              hello@haydenbleasel.com
+              hello@loveconnor.com
             </p>
           </div>
         </div>

package/packages/patterns/dropdown-menu/profile/dropdown-menu-profile-4.tsx

@@ -21,15 +21,15 @@ const Example = () => (
         <div className="flex items-center gap-2">
           <Avatar className="h-6 w-6">
             <AvatarImage
-              alt="@haydenbleasel"
-              src="https://github.com/haydenbleasel.png"
+              alt="@loveconnor"
+              src="https://github.com/loveconnor.png"
             />
             <AvatarFallback>HB</AvatarFallback>
           </Avatar>
           <div className="flex flex-col items-start">
             <span className="font-medium text-sm">Personal Account</span>
             <span className="text-muted-foreground text-xs">
-              hello@haydenbleasel.com
+              hello@loveconnor.com
             </span>
           </div>
         </div>
@@ -42,15 +42,15 @@ const Example = () => (
       <DropdownMenuItem className="flex items-center gap-2">
         <Avatar className="h-8 w-8">
           <AvatarImage
-            alt="@haydenbleasel"
-            src="https://github.com/haydenbleasel.png"
+            alt="@loveconnor"
+            src="https://github.com/loveconnor.png"
           />
           <AvatarFallback>HB</AvatarFallback>
         </Avatar>
         <div className="flex flex-col">
           <span className="font-medium text-sm">Personal Account</span>
           <span className="text-muted-foreground text-xs">
-            hello@haydenbleasel.com
+            hello@loveconnor.com
           </span>
         </div>
         <Check className="ml-auto h-4 w-4" />

package/packages/patterns/dropdown-menu/profile/dropdown-menu-profile-5.tsx

@@ -27,8 +27,8 @@ const Example = () => {
         <Button className="relative h-10 w-10 rounded-full" variant="ghost">
           <Avatar>
             <AvatarImage
-              alt="@haydenbleasel"
-              src="https://github.com/haydenbleasel.png"
+              alt="@loveconnor"
+              src="https://github.com/loveconnor.png"
             />
             <AvatarFallback>HB</AvatarFallback>
           </Avatar>
@@ -37,9 +37,9 @@ const Example = () => {
       <DropdownMenuContent align="end" className="w-64">
         <DropdownMenuLabel className="font-normal">
           <div className="flex flex-col space-y-1">
-            <p className="font-medium text-sm leading-none">Hayden Bleasel</p>
+            <p className="font-medium text-sm leading-none">Connor Love</p>
             <p className="text-muted-foreground text-xs leading-none">
-              hello@haydenbleasel.com
+              hello@loveconnor.com
             </p>
           </div>
         </DropdownMenuLabel>

package/packages/patterns/hover-card/profile/hover-card-profile-1.tsx

@@ -13,17 +13,17 @@ const Example = () => (
   <HoverCard>
     <HoverCardTrigger asChild>
       <a className="font-medium text-sm underline" href="#">
-        @haydenbleasel
+        @loveconnor
       </a>
     </HoverCardTrigger>
     <HoverCardContent>
       <div className="flex gap-4">
         <Avatar>
-          <AvatarImage src="https://github.com/haydenbleasel.png" />
+          <AvatarImage src="https://github.com/loveconnor.png" />
           <AvatarFallback>HB</AvatarFallback>
         </Avatar>
         <div className="space-y-1">
-          <h4 className="font-semibold text-sm">Hayden Bleasel</h4>
+          <h4 className="font-semibold text-sm">Connor Love</h4>
           <p className="text-muted-foreground text-sm">
             Product designer and developer
           </p>

package/packages/patterns/hover-card/profile/hover-card-profile-2.tsx

@@ -14,17 +14,17 @@ const Example = () => (
   <HoverCard>
     <HoverCardTrigger asChild>
       <a className="font-medium text-sm underline" href="#">
-        @haydenbleasel
+        @loveconnor
       </a>
     </HoverCardTrigger>
     <HoverCardContent>
       <div className="flex justify-between gap-4">
         <Avatar>
-          <AvatarImage src="https://github.com/haydenbleasel.png" />
+          <AvatarImage src="https://github.com/loveconnor.png" />
           <AvatarFallback>HB</AvatarFallback>
         </Avatar>
         <div className="flex-1 space-y-1">
-          <h4 className="font-semibold text-sm">Hayden Bleasel</h4>
+          <h4 className="font-semibold text-sm">Connor Love</h4>
           <p className="text-muted-foreground text-sm">
             Product designer and developer
           </p>

package/packages/patterns/hover-card/profile/hover-card-profile-3.tsx

@@ -15,21 +15,21 @@ const Example = () => (
     <HoverCardTrigger asChild>
       <a className="flex items-center gap-2 font-medium text-sm" href="#">
         <Avatar className="h-6 w-6">
-          <AvatarImage src="https://github.com/haydenbleasel.png" />
+          <AvatarImage src="https://github.com/loveconnor.png" />
           <AvatarFallback>HB</AvatarFallback>
         </Avatar>
-        <span>Hayden Bleasel</span>
+        <span>Connor Love</span>
       </a>
     </HoverCardTrigger>
     <HoverCardContent>
       <div className="flex gap-4">
         <Avatar>
-          <AvatarImage src="https://github.com/haydenbleasel.png" />
+          <AvatarImage src="https://github.com/loveconnor.png" />
           <AvatarFallback>HB</AvatarFallback>
         </Avatar>
         <div className="flex-1 space-y-1">
           <div className="flex items-center gap-2">
-            <h4 className="font-semibold text-sm">Hayden Bleasel</h4>
+            <h4 className="font-semibold text-sm">Connor Love</h4>
             <Badge variant="secondary">Pro</Badge>
           </div>
           <p className="text-muted-foreground text-sm">

package/packages/patterns/hover-card/profile/hover-card-profile-4.tsx

@@ -14,19 +14,19 @@ const Example = () => (
   <HoverCard>
     <HoverCardTrigger asChild>
       <a className="font-medium text-sm underline" href="#">
-        @haydenbleasel
+        @loveconnor
       </a>
     </HoverCardTrigger>
     <HoverCardContent className="w-80">
       <div className="flex gap-4">
         <Avatar className="h-12 w-12">
-          <AvatarImage src="https://github.com/haydenbleasel.png" />
+          <AvatarImage src="https://github.com/loveconnor.png" />
           <AvatarFallback>HB</AvatarFallback>
         </Avatar>
         <div className="flex-1 space-y-2">
           <div>
-            <h4 className="font-semibold text-sm">Hayden Bleasel</h4>
-            <p className="text-muted-foreground text-sm">@haydenbleasel</p>
+            <h4 className="font-semibold text-sm">Connor Love</h4>
+            <p className="text-muted-foreground text-sm">@loveconnor</p>
           </div>
           <p className="text-sm">
             Product designer and developer building tools for creators.

package/packages/patterns/hover-card/profile/hover-card-profile-5.tsx

@@ -14,18 +14,18 @@ const Example = () => (
   <HoverCard>
     <HoverCardTrigger asChild>
       <a className="font-medium text-sm underline" href="#">
-        @haydenbleasel
+        @loveconnor
       </a>
     </HoverCardTrigger>
     <HoverCardContent className="w-80">
       <div className="space-y-3">
         <div className="flex gap-4">
           <Avatar className="h-12 w-12">
-            <AvatarImage src="https://github.com/haydenbleasel.png" />
+            <AvatarImage src="https://github.com/loveconnor.png" />
             <AvatarFallback>HB</AvatarFallback>
           </Avatar>
           <div className="flex-1 space-y-1">
-            <h4 className="font-semibold text-sm">Hayden Bleasel</h4>
+            <h4 className="font-semibold text-sm">Connor Love</h4>
             <p className="text-muted-foreground text-sm">
               Product designer and developer
             </p>

package/packages/patterns/input/validation/input-validation-2.tsx

@@ -11,7 +11,7 @@ const Example = () => (
     <Label htmlFor="username-success">Username</Label>
     <Input
       className="border-green-600 bg-background focus-visible:border-green-600 focus-visible:ring-green-600/50"
-      defaultValue="haydenbleasel"
+      defaultValue="loveconnor"
       id="username-success"
       placeholder="johndoe"
     />

package/packages/patterns/item/interactive/item-interactive-2.tsx

@@ -21,8 +21,8 @@ export const title = "Item in Dropdown";
 
 const people = [
   {
-    username: "haydenbleasel",
-    avatar: "https://github.com/haydenbleasel.png",
+    username: "loveconnor",
+    avatar: "https://github.com/loveconnor.png",
     email: "h****n@vercel.com",
   },
   {

package/packages/patterns/item/layout/item-layout-2.tsx

@@ -17,8 +17,8 @@ export const title = "Item Group";
 
 const people = [
   {
-    username: "haydenbleasel",
-    avatar: "https://github.com/haydenbleasel.png",
+    username: "loveconnor",
+    avatar: "https://github.com/loveconnor.png",
     email: "h****n@vercel.com",
   },
   {

package/packages/patterns/item/media/item-media-2.tsx

@@ -17,12 +17,12 @@ const Example = () => (
     <Item className="bg-background" variant="outline">
       <ItemMedia>
         <Avatar className="size-10">
-          <AvatarImage src="https://github.com/haydenbleasel.png" />
+          <AvatarImage src="https://github.com/loveconnor.png" />
           <AvatarFallback>HB</AvatarFallback>
         </Avatar>
       </ItemMedia>
       <ItemContent>
-        <ItemTitle>Hayden Bleasel</ItemTitle>
+        <ItemTitle>Connor Love</ItemTitle>
         <ItemDescription>Last seen 5 months ago</ItemDescription>
       </ItemContent>
       <ItemActions>

package/packages/patterns/scroll-area/layout/scroll-area-layout-3.tsx

@@ -6,8 +6,8 @@ export const title = "Chat Messages";
 const messages = [
   {
     id: 1,
-    user: "Hayden Bleasel",
-    avatar: "https://github.com/haydenbleasel.png",
+    user: "Connor Love",
+    avatar: "https://github.com/loveconnor.png",
     initials: "HB",
     message: "Hey everyone! Just launched another AI Elements update!",
     time: "10:30 AM",
@@ -38,8 +38,8 @@ const messages = [
   },
   {
     id: 4,
-    user: "Hayden Bleasel",
-    avatar: "https://github.com/haydenbleasel.png",
+    user: "Connor Love",
+    avatar: "https://github.com/loveconnor.png",
     initials: "HB",
     message: "What about me??",
     time: "10:37 AM",
@@ -54,8 +54,8 @@ const messages = [
   },
   {
     id: 7,
-    user: "Hayden Bleasel",
-    avatar: "https://github.com/haydenbleasel.png",
+    user: "Connor Love",
+    avatar: "https://github.com/loveconnor.png",
     initials: "HB",
     message: "A'ight chief 😭",
     time: "10:47 AM",

package/packages/patterns/table/standard/table-standard-2.tsx

@@ -12,10 +12,10 @@ export const title = "Table with Avatar";
 
 const users = [
   {
-    name: "Hayden Bleasel",
+    name: "Connor Love",
     email: "h****n@vercel.com",
     role: "Product Designer",
-    avatar: "https://github.com/haydenbleasel.png",
+    avatar: "https://github.com/loveconnor.png",
     initials: "HB",
   },
   {