love-ui 1.2.19 → 1.2.21

package/dist/mcp-server.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-import{constants as xe}from"fs";import{access as Te,readFile as Q}from"fs/promises";import p from"path";import{fileURLToPath as _e}from"url";import{Server as Ne}from"@modelcontextprotocol/sdk/server/index.js";import{StdioServerTransport as Oe}from"@modelcontextprotocol/sdk/server/stdio.js";import{CallToolRequestSchema as Ae,ErrorCode as d,ListResourceTemplatesRequestSchema as Ce,ListResourcesRequestSchema as Le,ListToolsRequestSchema as $e,McpError as l,ReadResourceRequestSchema as Fe}from"@modelcontextprotocol/sdk/types.js";var F={name:"love-ui",version:"1.2.19",private:!1,license:"MIT",type:"module",bin:{loveui:"dist/index.js","love-ui":"dist/index.js","loveui-mcp":"dist/mcp-server.js"},files:["dist","registry","skills"],main:"dist/index.js",exports:{".":{import:"./dist/index.js",require:"./dist/index.js"},"./icons":{types:"./registry/default/icons/dist/index.d.ts",import:"./registry/default/icons/dist/index.mjs",require:"./registry/default/icons/dist/index.cjs"},"./logos":{types:"./registry/default/logos/dist/index.d.ts",import:"./registry/default/logos/dist/index.mjs",require:"./registry/default/logos/dist/index.cjs"},"./vectors":{types:"./registry/default/vectors/dist/index.d.ts",import:"./registry/default/vectors/dist/index.mjs",require:"./registry/default/vectors/dist/index.cjs"},"./registry/*":"./registry/*","./package.json":"./package.json"},dependencies:{"@modelcontextprotocol/sdk":"^1.18.1",postcss:"^8.5.6","postcss-nested":"^7.0.2"},scripts:{build:"tsup",postbuild:"node ./scripts/copy-registry.mjs",prepack:"npm run build","verify:registry":"node ./scripts/copy-registry.mjs",clean:"rimraf dist registry"},devDependencies:{"@types/node":"^20.14.10",rimraf:"^6.0.1",tsup:"^8.5.0"}};import{constants as me}from"fs";import{access as ue,readFile as U,readdir as z}from"fs/promises";import x,{extname as W,join as b,relative as ge}from"path";import{fileURLToPath as ye}from"url";import q from"postcss";import fe from"postcss-nested";var he=x.dirname(ye(import.meta.url)),ve=x.resolve(he,".."),M=x.join(ve,"packages"),we=new Set([".turbo",".next",".git","dist","build","storybook-static","node_modules","__tests__","__mocks__","coverage"]),Re=new Set([".ts",".tsx",".js",".jsx",".mjs",".cjs",".json",".css",".scss",".sass",".mdx"]),Se=new Set(["package.json","tsconfig.json","tsconfig.build.json","tsconfig.test.json","README.md",".DS_Store"]),ke=new Set(["shadcn-ui","typescript-config","patterns","loveui","love-ui"]),Ee=e=>e.replace(/\\/g,"/"),G=async(e,s,t)=>{let n=await z(e,{withFileTypes:!0});for(let r of n){let o=b(e,r.name);if(r.isDirectory()){if(we.has(r.name))continue;await G(o,s,t);continue}let a=W(r.name);!Re.has(a)||Se.has(r.name)||r.name.endsWith(".d.ts")||r.name.endsWith(".test.ts")||r.name.endsWith(".test.tsx")||r.name.endsWith(".stories.tsx")||t.push({absolute:o,relative:Ee(ge(s,o))})}},Ie=(e,s)=>{let t=e.loveui??{},n=typeof t.target=="string"?t.target.trim():"",r=t.category;if(n.length>0){let o=typeof t.includePackageName=="boolean"?t.includePackageName:!1;return{base:n.replace(/\/+$/,""),includePackageName:o}}return r==="feature"?{base:"components",includePackageName:!0}:r==="block"?{base:"components/blocks",includePackageName:!0}:{base:"components/ui",includePackageName:!0}},je=e=>{let t=(e.loveui??{}).type;return typeof t=="string"&&t.trim().length>0?t:"registry:ui"},De=async e=>{try{return await ue(e,me.F_OK),!0}catch{return!1}},P=e=>e.startsWith("@loveui/")||e.startsWith("@love-ui/")||e.startsWith("@repo/"),Pe=e=>e.replace(/^@repo\//,"").replace(/^@loveui\//,"").replace(/^@love-ui\//,""),be=new Set(["@loveui/shadcn-ui","@love-ui/shadcn-ui"]),H=async()=>(await z(M,{withFileTypes:!0})).filter(s=>s.isDirectory()).map(s=>s.name).filter(s=>!ke.has(s)).sort((s,t)=>s.localeCompare(t)),J=async e=>{let s=b(M,e),t=b(s,"package.json");if(!await De(t))throw new Error(`Missing package.json for ${e}`);let n=JSON.parse(await U(t,"utf8")),r=je(n),o=Object.keys(n.dependencies??{}),a=Object.keys(n.peerDependencies??{}),N=Object.keys(n.devDependencies??{}),oe=new Set([...o,...a,...N].filter(P).filter(i=>!be.has(i))),O=[...new Set([...o,...a].filter(i=>!P(i)))],A=[...new Set(N.filter(i=>!P(i)&&!["@loveui/typescript-config","@types/react","@types/react-dom","typescript"].includes(i)))],k=[];for(let i of oe){let h=Pe(i);k.push(`https://www.loveui.dev/r/${h}.json`)}let C=[];await G(s,s,C);let f=[],m={},g=Ie(n,e);for(let i of C){let h=await U(i.absolute,"utf8"),E=W(i.absolute);if(E===".css"||E===".scss"||E===".sass"){let v=await q([fe]).process(h,{from:void 0});q.parse(v.css).walkAtRules("layer",I=>{let j=`@layer ${I.params}`;m[j]??={},I.walkRules(c=>{if(c.parent&&c.parent.type==="atrule"&&c.parent.name==="media")return;let R=c.selector,u={};c.walkDecls(S=>{u[S.prop]=S.value}),Object.keys(u).length>0&&(m[j][R]=u)}),I.walkAtRules("media",c=>{let R=`@media ${c.params}`,u=m[j];u[R]??={};let S=u[R];c.walkRules(L=>{let pe=L.selector,D={};L.walkDecls($=>{D[$.prop]=$.value}),Object.keys(D).length>0&&(S[pe]=D)})})});continue}let y=i.relative.startsWith("src/")?i.relative.slice(4):i.relative;if(!g.includePackageName){let v=g.base.split("/").filter(Boolean),w=v[v.length-1];w&&y.startsWith(`${w}/`)&&(y=y.slice(w.length+1))}let ce=e.includes("/")?e.split("/").pop()??e:e,le=(g.includePackageName?`${g.base}/${ce}`:g.base).replace(/\/+$/,"");f.push({type:r,path:y,target:`${le}/${y}`.replace(/\/+/g,"/"),content:h})}let ae=!f.length&&Object.keys(m).length>0?"registry:style":r;return{$schema:"https://ui.shadcn.com/schema/registry-item.json",name:e,type:ae,title:n.title??e,description:n.description,author:n.author??"Connor Love <hello@loveconnor.com>",dependencies:O.length?O:void 0,devDependencies:A.length?A:void 0,registryDependencies:k.length?Array.from(new Set(k)):void 0,files:f.length?f:void 0,css:Object.keys(m).length?m:void 0}};var _="loveui://registry/",Ue="loveui://registry/{package}",K="get-loveui-package",Z=new Set(["shadcn-ui","typescript-config","eslint-config","patterns","loveui","love-ui"]),qe=["@loveui/","@love-ui/","@repo/"],ee=new Set(["@loveui/shadcn-ui","@love-ui/shadcn-ui"]),ze=e=>`${_}${e}`,We=p.dirname(_e(import.meta.url)),X=p.resolve(We,".."),Me=[p.join(X,"public","r"),p.resolve(X,"..","..","apps","ui","public","r"),p.resolve(process.cwd(),"apps","ui","public","r")],te=async e=>{try{return await Te(e,xe.R_OK),!0}catch{return!1}},se=e=>qe.some(s=>e.startsWith(s)),Ge=e=>e.replace(/^@repo\//,"").replace(/^@loveui\//,"").replace(/^@love-ui\//,""),ne=e=>Array.isArray(e)?e.filter(s=>typeof s=="string"):e&&typeof e=="object"?Object.keys(e):[],B=e=>{let s=Array.from(new Set(ne(e).filter(t=>!se(t)&&!ee.has(t))));return s.length>0?s:void 0},He=e=>{let s=Array.from(new Set(ne(e).map(t=>t.trim()).filter(Boolean).filter(t=>!ee.has(t)).map(t=>se(t)?`https://www.loveui.dev/r/${Ge(t)}.json`:t)));return s.length>0?s:void 0},re=e=>e.trim().replace(/^@repo\//,"").replace(/^@loveui\//,"").replace(/^@love-ui\//,""),Je=e=>{let s=re(e);if(Z.has(s))throw new l(d.InvalidParams,`${s} is an internal package and should not be used directly. Use \`npx love-ui add <component>\` with a public component name.`);return s},Y=e=>{if(!e||typeof e!="object")return{mcpHints:{installPattern:"npx love-ui add <component>",neverInstall:["@loveui/*","@love-ui/*","@repo/*"]}};let s={...e},t=B(s.dependencies),n=B(s.devDependencies),r=He(s.registryDependencies),o=typeof s.name=="string"&&s.name.trim().length>0?s.name.trim():"<component>",a={...s,mcpHints:{installPattern:"npx love-ui add <component>",installCommand:`npx love-ui add ${o}`,neverInstall:["@loveui/*","@love-ui/*","@repo/*","@loveui/shadcn-ui"]}};return t?a.dependencies=t:delete a.dependencies,n?a.devDependencies=n:delete a.devDependencies,r?a.registryDependencies=r:delete a.registryDependencies,a},T=null,ie=async()=>(T||(T=(async()=>{for(let e of Me){let s=p.join(e,"registry.json");if(await te(s))try{let t=JSON.parse(await Q(s,"utf8")),n=Array.from(new Set((t.items??[]).map(r=>r.name?.trim()).filter(r=>!!r))).sort((r,o)=>r.localeCompare(o));if(n.length===0)continue;return{dir:e,names:n,nameSet:new Set(n)}}catch{continue}}return null})()),T),Ke=async()=>{let[e,s]=await Promise.all([ie(),H()]),t=new Set(s);for(let n of e?.names??[])t.add(n);return Array.from(t).map(n=>re(n)).filter(n=>!Z.has(n)).sort((n,r)=>n.localeCompare(r))},Xe=async e=>{let s=await ie();if(!s||!s.nameSet.has(e))return null;let t=p.join(s.dir,`${e}.json`);return await te(t)?JSON.parse(await Q(t,"utf8")):null},Be=e=>{if(!e.startsWith(_))throw new l(d.InvalidParams,`Unsupported resource URI: ${e}`);let s=decodeURIComponent(e.slice(_.length)).trim();if(!s)throw new l(d.InvalidParams,"Package name is required.");return s},V=async e=>{let s=Je(e);try{let t=await Xe(s);return Y(t||await J(s))}catch(t){throw t instanceof l?t:t instanceof Error&&t.message.startsWith(`Missing package.json for ${s}`)?new l(d.InvalidParams,`Registry item "${s}" was not found. Call resources/list and use an exact item name from the registry.`):new l(d.InvalidParams,t instanceof Error?t.message:String(t))}};async function Ye(){let e=new Ne({name:"loveui-mcp",version:F.version??"0.0.0"},{capabilities:{resources:{listChanged:!0},tools:{listChanged:!0}}});e.setRequestHandler(Le,async()=>({resources:(await Ke()).map(n=>({uri:ze(n),name:n,description:`loveui registry definition for ${n}`,mimeType:"application/json"}))})),e.setRequestHandler(Ce,async()=>({resourceTemplates:[{name:"loveui-registry",uriTemplate:Ue,description:"loveui registry definitions by package name",mimeType:"application/json"}]})),e.setRequestHandler(Fe,async t=>{let n=Be(t.params.uri),r=await V(n);return{contents:[{uri:t.params.uri,mimeType:"application/json",text:JSON.stringify(r,null,2)}]}}),e.setRequestHandler($e,async()=>({tools:[{name:K,description:"Fetch a loveui registry definition by package name. Always install with `npx love-ui add <component>` and never install @loveui/* packages directly.",inputSchema:{type:"object",additionalProperties:!1,properties:{name:{type:"string",description:"Package name, e.g. badge"}},required:["name"]}}]})),e.setRequestHandler(Ae,async t=>{if(t.params.name!==K)throw new l(d.InvalidParams,`Tool ${t.params.name} not found`);let n=t.params.arguments?.name;if(typeof n!="string"||n.trim()==="")throw new l(d.InvalidParams,"Package name is required.");let r=await V(n.trim());return{content:[{type:"text",text:JSON.stringify(r,null,2)}]}});let s=new Oe;await e.connect(s)}Ye().catch(e=>{console.error(e),process.exit(1)});
+import{Ha as t,e as o,ia as n}from"./chunk-VDMHIXDM.js";import{StdioServerTransport as e}from"@modelcontextprotocol/sdk/server/stdio.js";async function a(){try{let r=new e;await t.connect(r)}catch(r){o.break(),n(r)}}a();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "love-ui",
-  "version": "1.2.19",
+  "version": "1.2.21",
   "private": false,
   "license": "MIT",
   "type": "module",
@@ -39,9 +39,39 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
+    "@antfu/ni": "^24.4.0",
+    "@babel/core": "^7.28.5",
+    "@babel/parser": "^7.28.5",
+    "@babel/plugin-transform-typescript": "^7.28.5",
+    "@dotenvx/dotenvx": "^1.71.0",
     "@modelcontextprotocol/sdk": "^1.18.1",
+    "clsx": "^2.1.1",
+    "commander": "^14.0.2",
+    "cosmiconfig": "^9.0.0",
+    "dedent": "^1.7.0",
+    "deepmerge": "^4.3.1",
+    "diff": "^8.0.2",
+    "execa": "^9.6.0",
+    "fast-glob": "^3.3.3",
+    "fs-extra": "^11.3.2",
+    "fuzzysort": "^3.1.0",
+    "https-proxy-agent": "^7.0.6",
+    "kleur": "^4.1.5",
+    "node-fetch": "^3.3.2",
+    "open": "^10.2.0",
+    "ora": "^9.0.0",
     "postcss": "^8.5.6",
-    "postcss-nested": "^7.0.2"
+    "postcss-nested": "^7.0.2",
+    "postcss-selector-parser": "^7.1.1",
+    "prompts": "^2.4.2",
+    "recast": "^0.23.11",
+    "stringify-object": "^5.0.0",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4.3.0",
+    "ts-morph": "^27.0.2",
+    "tsconfig-paths": "^4.2.0",
+    "zod": "^3.25.76",
+    "zod-to-json-schema": "^3.25.2"
   },
   "scripts": {
     "build": "tsup",
@@ -51,8 +81,13 @@
     "clean": "rimraf dist registry"
   },
   "devDependencies": {
+    "@types/diff": "^7.0.2",
+    "@types/fs-extra": "^11.0.4",
     "@types/node": "^20.14.10",
+    "@types/prompts": "^2.4.9",
+    "msw": "^2.12.4",
     "rimraf": "^6.0.1",
-    "tsup": "^8.5.0"
+    "tsup": "^8.5.0",
+    "vitest": "^4.0.15"
   }
 }

package/registry/default/blocks/404-1/components/not-found.tsx

@@ -7,7 +7,7 @@ import {
 	EmptyTitle,
 } from "@/registry/default/ui/empty";
 import { FullWidthDivider } from "./full-width-divider";
-import { HomeIcon, CompassIcon } from "lucide-react";
+import { House as HomeIcon, Compass as CompassIcon } from "love-ui/icons";
 
 export function NotFoundPage() {
 	return (

package/registry/default/blocks/404-2/components/not-found.tsx

@@ -6,7 +6,7 @@ import {
 	EmptyHeader,
 	EmptyTitle,
 } from "@/registry/default/ui/empty";
-import { HomeIcon, CompassIcon } from "lucide-react";
+import { House as HomeIcon, Compass as CompassIcon } from "love-ui/icons";
 
 export function NotFoundPage() {
 	return (

package/registry/default/blocks/auth1/components/auth-page.tsx

@@ -1,9 +1,8 @@
-import { GithubIcon } from "./icons/github-icon";
-import { GoogleIcon } from "./icons/google-icon";
+import { Github as GithubIcon, GoogleIcon } from "love-ui/logos";
 import { Logo } from "./logo";
 import { Particles } from "./particles";
 import { Button } from "@/registry/default/ui/button";
-import { ChevronLeftIcon } from "lucide-react";
+import { ChevronLeft as ChevronLeftIcon } from "love-ui/icons";
 
 export function AuthPage() {
 	return (

package/registry/default/blocks/auth2/components/auth.tsx

@@ -1,6 +1,5 @@
+import { Github as GithubIcon, GoogleIcon } from "love-ui/logos";
 import { cn } from "@/lib/utils";
-import { GithubIcon } from "./icons/github-icon";
-import { GoogleIcon } from "./icons/google-icon";
 import { Button } from "@/registry/default/ui/button";
 import {
 	InputGroup,
@@ -9,7 +8,7 @@ import {
 } from "@/registry/default/ui/input-group";
 import { AuthDivider } from "./ui/auth-divider";
 import { DecorIcon } from "./ui/decor-icon";
-import { AtSignIcon } from "lucide-react";
+import { AtSign as AtSignIcon } from "love-ui/icons";
 
 export function AuthPage() {
 	return (

package/registry/default/blocks/auth3/components/auth-page.tsx

@@ -1,6 +1,5 @@
+import { Github as GithubIcon, GoogleIcon } from "love-ui/logos";
 import { cn } from "@/lib/utils";
-import { GithubIcon } from "./icons/github-icon";
-import { GoogleIcon } from "./icons/google-icon";
 import { Logo } from "./logo";
 import { Button } from "@/registry/default/ui/button";
 import {
@@ -9,7 +8,7 @@ import {
 	InputGroupInput,
 } from "@/registry/default/ui/input-group";
 import { AuthDivider } from "./ui/auth-divider";
-import { AtSignIcon } from "lucide-react";
+import { AtSign as AtSignIcon } from "love-ui/icons";
 
 export function AuthPage() {
 	return (

package/registry/default/blocks/contact1/components/contact.tsx

@@ -1,6 +1,6 @@
 import { cn } from "@/lib/utils";
 import { FullWidthDivider } from "./full-width-divider";
-import { Phone, Mail, MapPin } from "lucide-react";
+import { Phone, Mail, MapPin } from "love-ui/icons";
 
 const data = [
 	{

package/registry/default/blocks/contact2/components/contact.tsx

@@ -1,7 +1,7 @@
+import { X as XIcon } from "love-ui/logos";
 import { cn } from "@/lib/utils";
-import { XIcon } from "./icons/x-icon";
 import { Button } from "@/registry/default/ui/button";
-import { Mail, Users } from "lucide-react";
+import { Mail, Users } from "love-ui/icons";
 
 const APP_EMAIL = "hello@loveui.dev";
 

package/registry/default/blocks/contact3/components/contact.tsx

@@ -1,9 +1,8 @@
+import { Github as GithubIcon, X as XIcon } from "love-ui/logos";
 import { cn } from "@/lib/utils";
 import type React from "react";
-import { GithubIcon } from "./icons/github-icon";
-import { XIcon } from "./icons/x-icon";
 import { FullWidthDivider } from "./full-width-divider";
-import { Mail, MapPin, Phone } from "lucide-react";
+import { Mail, MapPin, Phone } from "love-ui/icons";
 
 const APP_EMAIL = "hello@loveui.dev";
 const APP_PHONE = "+1 555 014 2026";

package/registry/default/blocks/contact4/components/contact.tsx

@@ -3,7 +3,7 @@ import { Button } from "@/registry/default/ui/button";
 import { Field, FieldGroup, FieldLabel } from "@/registry/default/ui/field";
 import { Input } from "@/registry/default/ui/input";
 import { Textarea } from "@/registry/default/ui/textarea";
-import { MailIcon, PhoneIcon } from "lucide-react";
+import { Mail as MailIcon, Phone as PhoneIcon } from "love-ui/icons";
 
 const contactInfo = [
 	{

package/registry/default/blocks/contact5/components/contact.tsx

@@ -4,7 +4,7 @@ import { Field, FieldGroup, FieldLabel } from "@/registry/default/ui/field";
 import { Input } from "@/registry/default/ui/input";
 import { Textarea } from "@/registry/default/ui/textarea";
 import { DecorIcon } from "./decor-icon";
-import { Phone, Mail } from "lucide-react";
+import { Phone, Mail } from "love-ui/icons";
 
 const data = [
 	{

package/registry/default/blocks/cta-2/components/cta.tsx

@@ -1,6 +1,6 @@
 import { Button } from "@/registry/default/ui/button";
 import { FullWidthDivider } from "./full-width-divider";
-import { ArrowRightIcon } from "lucide-react";
+import { ArrowRight as ArrowRightIcon } from "love-ui/icons";
 
 export function CallToAction() {
 	return (

package/registry/default/blocks/cta-3/components/cta.tsx

@@ -1,6 +1,6 @@
 import { Button } from "@/registry/default/ui/button";
 import { DecorIcon } from "./decor-icon";
-import { ArrowRightIcon } from "lucide-react";
+import { ArrowRight as ArrowRightIcon } from "love-ui/icons";
 
 export function CallToAction() {
 	return (

package/registry/default/blocks/cta-4/components/cta.tsx

@@ -1,5 +1,5 @@
 import { Button } from "@/registry/default/ui/button";
-import { CreditCardIcon, ArrowRightIcon } from "lucide-react";
+import { CreditCard as CreditCardIcon, ArrowRight as ArrowRightIcon } from "love-ui/icons";
 
 export function CallToAction() {
 	return (

package/registry/default/blocks/cta-5/components/cta.tsx

@@ -5,7 +5,7 @@ import {
 	InputGroupInput,
 } from "@/registry/default/ui/input-group";
 import { FullWidthDivider } from "./full-width-divider";
-import { AtSignIcon, ArrowRightIcon } from "lucide-react";
+import { AtSign as AtSignIcon, ArrowRight as ArrowRightIcon } from "love-ui/icons";
 
 export function CallToAction() {
 	return (

package/registry/default/blocks/faq-4/components/faq.tsx

@@ -7,7 +7,13 @@ import {
 	AccordionTrigger,
 } from "@/registry/default/ui/accordion";
 import { Button } from "@/registry/default/ui/button";
-import { LayoutGridIcon, PowerIcon, FeatherIcon, CreditCardIcon, LifeBuoyIcon } from "lucide-react";
+import {
+  LayoutGrid as LayoutGridIcon,
+  Power as PowerIcon,
+  Feather as FeatherIcon,
+  CreditCard as CreditCardIcon,
+  LifeBuoy as LifeBuoyIcon,
+} from "love-ui/icons";
 
 const categories = [
 	{

package/registry/default/blocks/faq-5/components/faq.tsx

@@ -22,7 +22,7 @@ import {
 	InputGroupInput,
 } from "@/registry/default/ui/input-group";
 import { FullWidthDivider } from "./full-width-divider";
-import { SearchIcon, SearchSlashIcon } from "lucide-react";
+import { Search as SearchIcon, SearchSlash as SearchSlashIcon } from "love-ui/icons";
 
 export function FaqsSection() {
 	const [searchTerm, setSearchTerm] = React.useState("");

package/registry/default/blocks/features1/components/feature-section.tsx

@@ -1,6 +1,11 @@
 import { cn } from "@/lib/utils";
 import type React from "react";
-import { ZapIcon, ShieldCheckIcon, ActivityIcon, GlobeIcon } from "lucide-react";
+import {
+  Zap as ZapIcon,
+  ShieldCheck as ShieldCheckIcon,
+  Activity as ActivityIcon,
+  Globe as GlobeIcon,
+} from "love-ui/icons";
 
 type FeatureType = {
 	title: string;

package/registry/default/blocks/features2/components/feature-section.tsx

@@ -1,7 +1,7 @@
 import { cn } from "@/lib/utils";
 import type React from "react";
 import { DecorIcon } from "./decor-icon";
-import { HistoryIcon, SquareDashedIcon, CommandIcon } from "lucide-react";
+import { History as HistoryIcon, SquareDashed as SquareDashedIcon, Command as CommandIcon } from "love-ui/icons";
 
 type FeatureType = {
 	title: string;

package/registry/default/blocks/features3/components/feature-section.tsx

@@ -1,7 +1,12 @@
 import { cn } from "@/lib/utils";
 import type React from "react";
 import { FullWidthDivider } from "./full-width-divider";
-import { ZapIcon, ShieldCheckIcon, ActivityIcon, GlobeIcon } from "lucide-react";
+import {
+  Zap as ZapIcon,
+  ShieldCheck as ShieldCheckIcon,
+  Activity as ActivityIcon,
+  Globe as GlobeIcon,
+} from "love-ui/icons";
 
 type FeatureType = {
 	title: string;

package/registry/default/blocks/features4/components/feature-section.tsx

@@ -1,7 +1,12 @@
 import { cn } from "@/lib/utils";
 import type React from "react";
 import { DecorIcon } from "./decor-icon";
-import { LayoutDashboardIcon, TerminalIcon, ShieldCheckIcon, FileTextIcon } from "lucide-react";
+import {
+  LayoutDashboard as LayoutDashboardIcon,
+  Terminal as TerminalIcon,
+  ShieldCheck as ShieldCheckIcon,
+  FileText as FileTextIcon,
+} from "love-ui/icons";
 
 type FeatureType = {
 	title: string;

package/registry/default/blocks/features5/components/feature-section.tsx

@@ -1,7 +1,14 @@
 import { cn } from "@/lib/utils";
 import type React from "react";
 import { GridPattern } from "./grid-pattern";
-import { ZapIcon, CpuIcon, FingerprintIcon, PencilIcon, Settings2Icon, SparklesIcon } from "lucide-react";
+import {
+  Zap as ZapIcon,
+  Cpu as CpuIcon,
+  FingerprintPattern as FingerprintIcon,
+  Pencil as PencilIcon,
+  Settings2 as Settings2Icon,
+  Sparkles as SparklesIcon,
+} from "love-ui/icons";
 
 type FeatureType = {
 	title: string;

package/registry/default/blocks/features6/components/feature-section.tsx

@@ -1,7 +1,7 @@
 import { cn } from "@/lib/utils";
 import type React from "react";
 import { CobeGlobe } from "./cobe-globe";
-import { TrendingUpIcon, SquareMousePointerIcon, GlobeIcon } from "lucide-react";
+import { TrendingUp as TrendingUpIcon, SquareMousePointer as SquareMousePointerIcon, Globe as GlobeIcon } from "love-ui/icons";
 
 const features = [
 	{

package/registry/default/blocks/footer1/components/footer.tsx

@@ -1,5 +1,4 @@
-import { GithubIcon } from "./icons/github-icon";
-import { XIcon } from "./icons/x-icon";
+import { Github as GithubIcon, X as XIcon } from "love-ui/logos";
 import { Logo } from "./logo";
 import { Button } from "@/registry/default/ui/button";
 

package/registry/default/blocks/footer2/components/footer.tsx

@@ -1,7 +1,5 @@
+import { Github as GithubIcon, Instagram as InstagramIcon, X as XIcon } from "love-ui/logos";
 import { cn } from "@/lib/utils";
-import { GithubIcon } from "./icons/github-icon";
-import { InstagramIcon } from "./icons/instagram-icon";
-import { XIcon } from "./icons/x-icon";
 import { Logo } from "./logo";
 import { Button } from "@/registry/default/ui/button";
 import { FullWidthDivider } from "./full-width-divider";

package/registry/default/blocks/footer3/components/footer.tsx

@@ -1,11 +1,8 @@
 "use client";
+import { Github as GithubIcon, Instagram as InstagramIcon, LinkedIn as LinkedinIcon, X as XIcon } from "love-ui/logos";
 import { cn } from "@/lib/utils";
 import { motion, useReducedMotion } from "motion/react";
 import type { ReactNode } from "react";
-import { GithubIcon } from "./icons/github-icon";
-import { InstagramIcon } from "./icons/instagram-icon";
-import { LinkedinIcon } from "./icons/linkedin-icon";
-import { XIcon } from "./icons/x-icon";
 import { Logo } from "./logo";
 
 type FooterLink = {

package/registry/default/blocks/footer4/components/footer.tsx

@@ -1,9 +1,6 @@
+import { Github as GithubIcon, Instagram as InstagramIcon, LinkedIn as LinkedinIcon, X as XIcon } from "love-ui/logos";
 import { cn } from "@/lib/utils";
-import { GithubIcon } from "./icons/github-icon";
-import { InstagramIcon } from "./icons/instagram-icon";
-import { XIcon } from "./icons/x-icon";
-import { LinkedinIcon } from "./icons/linkedin-icon";
-import { ArrowRightIcon } from "lucide-react";
+import { ArrowRight as ArrowRightIcon } from "love-ui/icons";
 
 export function Footer() {
 	return (

package/registry/default/blocks/footer5/components/footer.tsx

@@ -1,11 +1,6 @@
 "use client";
 
-import { AppleIcon } from "./icons/apple-icon";
-import { FacebookIcon } from "./icons/facebook-icon";
-import { GooglePlayIcon } from "./icons/google-play-icon";
-import { InstagramIcon } from "./icons/instagram-icon";
-import { LinkedinIcon } from "./icons/linkedin-icon";
-import { XIcon } from "./icons/x-icon";
+import { Instagram as InstagramIcon, LinkedIn as LinkedinIcon, X as XIcon, Apple as AppleIcon, Facebook as FacebookIcon, GooglePlay as GooglePlayIcon } from "love-ui/logos";
 import { Button } from "@/registry/default/ui/button";
 
 export function Footer() {

package/registry/default/blocks/footer6/app/page.tsx

@@ -1,4 +1,4 @@
-import { ArrowDownIcon } from "lucide-react";
+import { ArrowDown as ArrowDownIcon } from "love-ui/icons";
 import { StickyFooter } from "../components/footer";
 
 export default function FooterDemo() {

package/registry/default/blocks/footer6/components/footer.tsx

@@ -1,11 +1,8 @@
 "use client";
+import { Github as GithubIcon, Instagram as InstagramIcon, LinkedIn as LinkedinIcon, Facebook as FacebookIcon } from "love-ui/logos";
 import { motion, useReducedMotion } from "motion/react";
 import type React from "react";
 import type { ReactNode } from "react";
-import { FacebookIcon } from "./icons/facebook-icon";
-import { InstagramIcon } from "./icons/instagram-icon";
-import { LinkedinIcon } from "./icons/linkedin-icon";
-import { GithubIcon } from "./icons/github-icon";
 import { Logo } from "./logo";
 import { Button } from "@/registry/default/ui/button";
 

package/registry/default/blocks/header1/components/mobile-nav.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import { Button } from "@/registry/default/ui/button";
 import { Portal, PortalBackdrop } from "./ui/portal";
 import { navLinks } from "./header";
-import { XIcon, MenuIcon } from "lucide-react";
+import { X as XIcon, Menu as MenuIcon } from "love-ui/icons";
 
 export function MobileNav() {
 	const [open, setOpen] = React.useState(false);

package/registry/default/blocks/header2/components/mobile-nav.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import { Button } from "@/registry/default/ui/button";
 import { Portal, PortalBackdrop } from "./ui/portal";
 import { navLinks } from "./header";
-import { XIcon, MenuIcon } from "lucide-react";
+import { X as XIcon, Menu as MenuIcon } from "love-ui/icons";
 
 export function MobileNav() {
 	const [open, setOpen] = React.useState(false);

package/registry/default/blocks/header3/components/mobile-nav.tsx

@@ -4,7 +4,7 @@ import { Button } from "@/registry/default/ui/button";
 import { Portal, PortalBackdrop } from "./ui/portal";
 import { companyLinks, companyLinks2, productLinks } from "./nav-links";
 import { LinkItem } from "./sheard";
-import { XIcon, MenuIcon } from "lucide-react";
+import { X as XIcon, Menu as MenuIcon } from "love-ui/icons";
 
 export function MobileNav() {
 	const [open, setOpen] = React.useState(false);

package/registry/default/blocks/header3/components/nav-links.tsx

@@ -1,5 +1,20 @@
 import type { LinkItemType } from "./sheard";
-import { GlobeIcon, LayersIcon, UserPlusIcon, BarChart3Icon, PlugIcon, CodeIcon, UsersIcon, StarIcon, HandshakeIcon, FileTextIcon, ShieldIcon, RotateCcwIcon, LeafIcon, HelpCircleIcon } from "lucide-react";
+import {
+  Globe as GlobeIcon,
+  Layers as LayersIcon,
+  UserPlus as UserPlusIcon,
+  ChartBar as BarChart3Icon,
+  Plug as PlugIcon,
+  Code as CodeIcon,
+  Users as UsersIcon,
+  Star as StarIcon,
+  Handshake as HandshakeIcon,
+  FileText as FileTextIcon,
+  Shield as ShieldIcon,
+  RotateCcw as RotateCcwIcon,
+  Leaf as LeafIcon,
+  CircleQuestionMark as HelpCircleIcon,
+} from "love-ui/icons";
 
 export const productLinks: LinkItemType[] = [
 	{

package/registry/default/blocks/header3/components/ui/navigation-menu.tsx

@@ -1,6 +1,6 @@
 import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu"
 import { cva } from "class-variance-authority"
-import { ChevronDownIcon } from "lucide-react"
+import { ChevronDown as ChevronDownIcon } from "love-ui/icons"
 
 import { cn } from "@/lib/utils"
 

package/registry/default/blocks/hero1/components/hero.tsx

@@ -1,6 +1,6 @@
 import { cn } from "@/lib/utils";
 import { Button } from "@/registry/default/ui/button";
-import { RocketIcon, ArrowRightIcon, PhoneCallIcon } from "lucide-react";
+import { Rocket as RocketIcon, ArrowRight as ArrowRightIcon, PhoneCall as PhoneCallIcon } from "love-ui/icons";
 
 export function HeroSection() {
 	return (

package/registry/default/blocks/hero1/components/logo-cloud.tsx

@@ -1,69 +1,51 @@
-import { InfiniteSlider } from "./infinite-slider";
-import ClaudeLogo from "./logos/claude-wordmark.svg";
-import ClerkLogo from "./logos/clerk-wordmark.svg";
-import GithubLogo from "./logos/github-wordmark.svg";
-import NvidiaLogo from "./logos/nvidia-wordmark.svg";
-import OpenAILogo from "./logos/openai-wordmark.svg";
-import SupabaseLogo from "./logos/supabase-wordmark.svg";
-import TursoLogo from "./logos/turso-wordmark.svg";
-import VercelLogo from "./logos/vercel-wordmark.svg";
+import type { ElementType, SVGProps } from "react";
+import {
+	ClaudeAIWordmark as ClaudeLogo,
+	ClerkWordmark as ClerkLogo,
+	GithubWordmark as GithubLogo,
+	IBMWordmark as IBMLogo,
+	NextjsWordmark as NextjsLogo,
+	OpenAIWordmark as OpenAILogo,
+	ResendWordmark as ResendLogo,
+	VercelWordmark as VercelLogo,
+} from "love-ui/logos";
 
-type LogoSource = { src: string } | string;
+type LogoComponent = ElementType<SVGProps<SVGSVGElement>>;
 
-const getLogoSrc = (source: LogoSource) =>
-	typeof source === "string" ? source : source.src;
+type Logo = {
+	Component: LogoComponent;
+	alt: string;
+	className?: string;
+};
+
+function LogoAsset({ logo, className }: { logo: Logo; className: string }) {
+	const Component = logo.Component;
+	const logoClassName = [className, logo.className].filter(Boolean).join(" ");
+
+	return <Component aria-label={logo.alt} className={logoClassName} role="img" />;
+}
+
+const logos: Logo[] = [
+	{ Component: VercelLogo, alt: "Vercel Logo" },
+	{ Component: NextjsLogo, alt: "Next.js Logo" },
+	{ Component: OpenAILogo, alt: "OpenAI Logo" },
+	{ Component: ResendLogo, alt: "Resend Logo" },
+	{ Component: GithubLogo, alt: "GitHub Logo" },
+	{ Component: ClaudeLogo, alt: "Claude AI Logo" },
+	{ Component: IBMLogo, alt: "IBM Logo" },
+	{ Component: ClerkLogo, alt: "Clerk Logo" },
+];
 
 export function LogoCloud() {
 	return (
-		<div className="mask-[linear-gradient(to_right,transparent,black,transparent)] overflow-hidden py-4">
-			<InfiniteSlider gap={42} reverse speed={80} speedOnHover={25}>
-				{logos.map((logo) => (
-					<img
-						alt={logo.alt}
-						className="pointer-events-none h-4 select-none md:h-5 dark:brightness-0 dark:invert"
-						height="auto"
-						key={`logo-${logo.alt}`}
-						loading="lazy"
-						src={getLogoSrc(logo.src)}
-						width="auto"
-					/>
-				))}
-			</InfiniteSlider>
+		<div className="relative flex flex-wrap items-center justify-center gap-x-8 gap-y-8 py-6 sm:gap-x-12 sm:gap-y-10">
+			{logos.map((logo) => (
+				<LogoAsset
+					className="pointer-events-none h-8 w-32 select-none text-foreground sm:h-9 sm:w-36"
+					key={logo.alt}
+					logo={logo}
+				/>
+			))}
 		</div>
 	);
 }
-
-const logos = [
-	{
-		src: NvidiaLogo,
-		alt: "Nvidia Logo",
-	},
-	{
-		src: SupabaseLogo,
-		alt: "Supabase Logo",
-	},
-	{
-		src: OpenAILogo,
-		alt: "OpenAI Logo",
-	},
-	{
-		src: TursoLogo,
-		alt: "Turso Logo",
-	},
-	{
-		src: VercelLogo,
-		alt: "Vercel Logo",
-	},
-	{
-		src: GithubLogo,
-		alt: "GitHub Logo",
-	},
-	{
-		src: ClaudeLogo,
-		alt: "Claude AI Logo",
-	},
-	{
-		src: ClerkLogo,
-		alt: "Clerk Logo",
-	},
-];