love-ui 1.2.13 → 1.2.15

package/registry/default/ui/toggle.tsx

@@ -0,0 +1,105 @@
+"use client"
+
+import * as React from "react"
+import { Toggle as TogglePrimitive } from "@base-ui-components/react/toggle"
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui-components/react/toggle-group"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+import { Separator } from "@/registry/default/ui/separator"
+
+const toggleVariants = cva(
+  "relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-lg border text-sm font-medium whitespace-nowrap transition-shadow outline-none select-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] hover:bg-accent/50 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 data-pressed:bg-accent data-pressed:text-accent-foreground data-pressed:transition-none dark:hover:bg-accent dark:data-pressed:bg-input/80 pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent",
+        outline:
+          "border-border bg-clip-padding shadow-xs not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-input/32 dark:not-disabled:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/4%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/8%)] dark:hover:bg-input/64 [&:is(:disabled,:active,[data-pressed])]:shadow-none",
+      },
+      size: {
+        default: "h-8 min-w-8 px-[calc(--spacing(2)-1px)]",
+        sm: "h-7 min-w-7 px-[calc(--spacing(1.5)-1px)]",
+        lg: "h-9 min-w-9 px-[calc(--spacing(2.5)-1px)]",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+const ToggleGroupContext =
+  React.createContext<VariantProps<typeof toggleVariants> | null>(null)
+
+function Toggle({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: TogglePrimitive.Props & VariantProps<typeof toggleVariants>) {
+  const context = React.useContext(ToggleGroupContext)
+
+  const resolvedVariant = context?.variant ?? variant
+  const resolvedSize = context?.size ?? size
+
+  return (
+    <TogglePrimitive
+      data-slot="toggle"
+      data-variant={resolvedVariant}
+      data-size={resolvedSize}
+      className={cn(
+        toggleVariants({ variant: resolvedVariant, size: resolvedSize }),
+        context &&
+          resolvedVariant === "outline" &&
+          "border-x-0 not-first:rounded-s-none not-last:rounded-e-none before:[clip-path:inset(-1rem_var(--clip-end)_-1rem_var(--clip-start))] not-first:before:-start-0.5 not-first:before:rounded-s-none not-first:before:[--clip-start:2px] not-last:before:-end-0.5 not-last:before:rounded-e-none not-last:before:[--clip-end:2px] first:border-s last:border-e focus-visible:z-10 not-last:has-[+[data-slot=separator]]:before:[--clip-end:1.5px] [[data-slot=separator]+&]:before:[--clip-start:1.5px]",
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </TogglePrimitive>
+  )
+}
+
+function ToggleGroup({
+  className,
+  variant = "default",
+  size = "default",
+  children,
+  ...props
+}: ToggleGroupPrimitive.Props & VariantProps<typeof toggleVariants>) {
+  return (
+    <ToggleGroupPrimitive
+      data-slot="toggle-group"
+      data-variant={variant}
+      data-size={size}
+      className={cn(
+        "flex w-fit *:pointer-coarse:after:min-w-auto",
+        variant === "default"
+          ? "gap-0.5"
+          : "[--clip-end:-1rem] [--clip-start:-1rem]",
+        className
+      )}
+      {...props}
+    >
+      <ToggleGroupContext.Provider value={{ variant, size }}>
+        {children}
+      </ToggleGroupContext.Provider>
+    </ToggleGroupPrimitive>
+  )
+}
+
+function ToggleGroupSeparator({ className, ...props }: { className?: string }) {
+  return <Separator orientation="vertical" className={className} {...props} />
+}
+
+export {
+  Toggle,
+  ToggleGroup,
+  Toggle as ToggleGroupItem,
+  ToggleGroupSeparator,
+  toggleVariants,
+}

package/registry/default/ui/toolbar.tsx

@@ -0,0 +1,83 @@
+"use client"
+
+import { Toolbar as ToolbarPrimitive } from "@base-ui-components/react/toolbar"
+
+import { cn } from "@/lib/utils"
+
+function Toolbar({ className, ...props }: ToolbarPrimitive.Root.Props) {
+  return (
+    <ToolbarPrimitive.Root
+      data-slot="toolbar"
+      className={cn(
+        "relative flex gap-2 rounded-xl border bg-card bg-clip-padding p-1 text-card-foreground",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ToolbarButton({ className, ...props }: ToolbarPrimitive.Button.Props) {
+  return (
+    <ToolbarPrimitive.Button
+      data-slot="toolbar-button"
+      className={cn(className)}
+      {...props}
+    />
+  )
+}
+
+function ToolbarLink({ className, ...props }: ToolbarPrimitive.Link.Props) {
+  return (
+    <ToolbarPrimitive.Link
+      data-slot="toolbar-link"
+      className={cn(className)}
+      {...props}
+    />
+  )
+}
+
+function ToolbarInput({ className, ...props }: ToolbarPrimitive.Input.Props) {
+  return (
+    <ToolbarPrimitive.Input
+      data-slot="toolbar-input"
+      className={cn(className)}
+      {...props}
+    />
+  )
+}
+
+function ToolbarGroup({ className, ...props }: ToolbarPrimitive.Group.Props) {
+  return (
+    <ToolbarPrimitive.Group
+      data-slot="toolbar-group"
+      className={cn("flex items-center gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+function ToolbarSeparator({
+  className,
+  ...props
+}: ToolbarPrimitive.Separator.Props) {
+  return (
+    <ToolbarPrimitive.Separator
+      data-slot="toolbar-separator"
+      className={cn(
+        "shrink-0 bg-border data-[orientation=horizontal]:my-0.5 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:my-1.5 data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Toolbar,
+  ToolbarGroup,
+  ToolbarSeparator,
+  ToolbarButton,
+  ToolbarLink,
+  ToolbarInput,
+}

package/registry/default/ui/tooltip.tsx

@@ -0,0 +1,57 @@
+"use client"
+
+import { Tooltip as TooltipPrimitive } from "@base-ui-components/react/tooltip"
+
+import { cn } from "@/lib/utils"
+
+const TooltipProvider = TooltipPrimitive.Provider
+
+const Tooltip = TooltipPrimitive.Root
+
+function TooltipTrigger(props: TooltipPrimitive.Trigger.Props) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
+}
+
+function TooltipPopup({
+  className,
+  align = "center",
+  sideOffset = 4,
+  side = "top",
+  children,
+  ...props
+}: TooltipPrimitive.Popup.Props & {
+  align?: TooltipPrimitive.Positioner.Props["align"]
+  side?: TooltipPrimitive.Positioner.Props["side"]
+  sideOffset?: TooltipPrimitive.Positioner.Props["sideOffset"]
+}) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Positioner
+        data-slot="tooltip-positioner"
+        className="z-50"
+        sideOffset={sideOffset}
+        align={align}
+        side={side}
+      >
+        <TooltipPrimitive.Popup
+          data-slot="tooltip-content"
+          className={cn(
+            "relative flex w-fit origin-(--transform-origin) rounded-md border bg-popover bg-clip-padding px-2 py-1 text-xs text-balance text-popover-foreground transition-[scale,opacity] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_2px_1px_--theme(--color-black/4%)] data-ending-style:scale-98 data-ending-style:opacity-0 data-instant:duration-0 data-starting-style:scale-98 data-starting-style:opacity-0 dark:bg-clip-border dark:before:shadow-[0_-1px_--theme(--color-white/8%)]",
+            className
+          )}
+          {...props}
+        >
+          {children}
+        </TooltipPrimitive.Popup>
+      </TooltipPrimitive.Positioner>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export {
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipPopup,
+  TooltipPopup as TooltipContent,
+}

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-#!/usr/bin/env node
-declare function run(argv?: string[]): Promise<void>;
-
-export { run };

package/dist/index.js

@@ -1,15 +0,0 @@
-#!/usr/bin/env node
-import{spawnSync as Y}from"child_process";import{existsSync as p}from"fs";import{mkdir as O,readdir as q,readFile as j,writeFile as A}from"fs/promises";import a from"path";import{pathToFileURL as K,fileURLToPath as Q}from"url";var Z=a.dirname(Q(import.meta.url)),tt=a.resolve(Z,".."),E=a.join(tt,"packages"),et=new Set([".ts",".tsx",".cts",".mts",".js",".jsx",".css",".scss",".sass",".mdx",".md"]),nt=new Set(["node_modules","dist",".turbo",".next","build",".cache"]),B=new Set(["accordion","alert","alert-dialog","autocomplete","avatar","badge","breadcrumb","button","card","checkbox","checkbox-group","collapsible","combobox","command","dialog","empty","field","fieldset","form","frame","group","input","label","menu","meter","number-field","pagination","popover","preview-card","progress","radio-group","scroll-area","select","separator","sheet","skeleton","slider","switch","table","tabs","textarea","toast","toggle","toggle-group","toolbar","tooltip"]),st=[".ts",".tsx",".js",".jsx"],J=/(^|\/)lib\/utils(?:\.[a-z]+)?$/i,it=/@loveui\/ui\/lib\/utils|@loveui\/shadcn-ui\/lib\/utils|@love-ui\/shadcn-ui\/lib\/utils|@\/lib\/utils|~\/lib\/utils|(?:\.\.\/)+ui\/src\/lib\/utils/,rt=`import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}
-`;function V(e){if(!e)return e;let n=e.split("/");return n[n.length-1]||e}function X(e){let n=e.trim();return n&&((n.startsWith("@/")||n.startsWith("~/"))&&(n=`src/${n.slice(2)}`),n.startsWith("/")&&(n=n.slice(1)),n=n.replace(/^\.\//,""),n=n.replace(/\/+$/,""),n)}function ot(e){return e.trim().replace(/\/+$/,"")}function k(e){return e.replace(/\.(?:ts|tsx|js|jsx)$/i,"")}function z(e){let n=k(e);return st.map(s=>`${n}${s}`)}function at(e){let n=e.replace(/\/+$/,"");return n==="src"||n.startsWith("src/")?"src":n==="app"||n.startsWith("app/")?"app":null}function G(e){let n=V(e);return n==="ui"?"love-ui":n}function ct(e){let n=e.loveui??{},s=typeof n.target=="string"?n.target.trim():"",t=n.category;if(s){let r=typeof n.includePackageName=="boolean"?n.includePackageName:!1;return{base:s.replace(/\/+$/,""),includePackageName:r}}return t==="feature"?{base:"components",includePackageName:!0}:t==="block"?{base:"components/blocks",includePackageName:!0}:{base:"components/ui",includePackageName:!0}}function lt(e,n,s){let t=e.startsWith("src/")?e.slice(4):e;if(!n.includePackageName){let d=n.base.split("/").filter(Boolean),u=d[d.length-1];u&&t.startsWith(`${u}/`)&&(t=t.slice(u.length+1))}let c=`${(n.includePackageName?`${n.base}/${s}`:n.base).replace(/\/+/g,"/")}/${t}`.replace(/\/+/g,"/");return{cleanedPath:t,target:c}}async function ut(e){let n=a.join(e,"components.json");try{let s=await j(n,"utf8");return JSON.parse(s).aliases??null}catch{return null}}async function gt(e){let n=["tsconfig.json","jsconfig.json"].map(s=>a.join(e,s)).find(s=>p(s));if(!n)return null;try{let s=await j(n,"utf8"),r=JSON.parse(s).compilerOptions?.paths;return!r||typeof r!="object"?null:r}catch{return null}}function pt(e,n){if(typeof e=="string"){if(e.trim().startsWith("~/"))return"~/";if(e.trim().startsWith("@/"))return"@/"}if(n){if(Object.prototype.hasOwnProperty.call(n,"~/*"))return"~/";if(Object.prototype.hasOwnProperty.call(n,"@/*"))return"@/"}return"@/"}async function ft(e,n,s){if(n&&n.length>0)return n;let t=["src/components/ui","app/components/ui","components/ui"];for(let i of t)if(p(a.join(e,i)))return i.replace(/\/ui$/,"");let r=["src/components","app/components","components"];for(let i of r)if(p(a.join(e,i)))return i;if(s){let i=s["@/*"]??s["~/*"]??[];if(Array.isArray(i)&&i.some(c=>/^\.?\/?src\//.test(c)))return"src/components";if(Array.isArray(i)&&i.some(c=>/^\.?\/?app\//.test(c)))return"app/components"}return p(a.join(e,"src"))?"src/components":p(a.join(e,"app"))?"app/components":"components"}async function dt(e,n,s,t){let r=t?.utils??(t?.lib?`${t.lib.replace(/\/+$/,"")}/utils`:void 0);if(r&&r.trim().length>0){let u=k(ot(r)),f=k(X(r));for(let w of z(f))if(p(a.join(e,w)))return{utilsImportPath:u,utilsFilePath:w};return{utilsImportPath:u,utilsFilePath:`${f}.ts`}}let i=at(n),c=i?`${i}/lib/utils`:"lib/utils",d=Array.from(new Set([c,"src/lib/utils","app/lib/utils","lib/utils"]));for(let u of d)for(let f of z(u))if(p(a.join(e,f)))return{utilsImportPath:`${s}lib/utils`,utilsFilePath:f};return{utilsImportPath:`${s}lib/utils`,utilsFilePath:`${c}.ts`}}function M(e,n,s){let t=c=>{let d=c.startsWith("/"),u=c.endsWith("/"),f=c.split("/").filter(Boolean),w=[];for(let $ of f)w[w.length-1]!==$&&w.push($);let x=w.join("/");return`${d?"/":""}${x}${u?"/":""}`},r=n.replace(/\/+$/,""),i=e.replace(/^\.?\//,"");if(J.test(i))return t(s);if(i.startsWith("components/")){let c=i.slice(10);return t(`${r}${c}`.replace(/^\//,""))}if(i.startsWith("lib/")){if(r.startsWith("src/"))return t(`src/${i}`);if(r.startsWith("app/"))return t(`app/${i}`)}if(i.startsWith("hooks/")){if(r.startsWith("src/"))return t(`src/${i}`);if(r.startsWith("app/"))return t(`app/${i}`)}return i.startsWith("ui/")?t(`${r}/${i}`):t(i)}function _(e,n){let s=n.startsWith("~/")?"~/":"@/",t=e;return t=t.replace(/@\/registry\/default\/components\//g,`${s}components/`),t=t.replace(/@\/registry\/default\/ui\//g,`${s}components/ui/`),t=t.replace(/@\/registry\/default\/hooks\//g,`${s}hooks/`),t=t.replace(/@\/registry\/default\/lib\//g,`${s}lib/`),t=t.replace(/@loveui\/ui\/ui\//g,`${s}components/ui/`),t=t.replace(/@loveui\/ui\/lib\//g,`${s}lib/`),t=t.replace(/@\/ui\//g,`${s}components/ui/`),t=t.replace(/@\/registry\/building-blocks\/default\/components\//g,`${s}components/`),t=t.replace(/@\/registry\/building-blocks\/default\/ui\//g,`${s}components/ui/`),t=t.replace(/@\/registry\/building-blocks\/default\/lib\//g,`${s}lib/`),t=t.replace(/@\/registry\/building-blocks\/default\/hooks\//g,`${s}hooks/`),t=t.replace(/@\/registry\/default\/components\//g,`${s}components/`),t=t.replace(/@\/registry\/default\/ui\//g,`${s}components/ui/`),t=t.replace(/@\/registry\/default\/lib\//g,`${s}lib/`),t=t.replace(/@\/registry\/default\/hooks\//g,`${s}hooks/`),t=t.replace(/from\s+["']@loveui\/ui\/lib\/utils["']/g,`from "${n}"`),t=t.replace(/from\s+["']@loveui\/shadcn-ui\/lib\/utils["']/g,`from "${n}"`),t=t.replace(/from\s+["']@love-ui\/shadcn-ui\/lib\/utils["']/g,`from "${n}"`),t=t.replace(/from\s+["']@\/lib\/utils["']/g,`from "${n}"`),t=t.replace(/from\s+["']~\/lib\/utils["']/g,`from "${n}"`),t=t.replace(/from\s+["'](?:\.\.\/)+ui\/src\/lib\/utils["']/g,`from "${n}"`),t}async function mt(e,n){if(p(a.join(e,n)))return!1;let s=rt,t=a.join(E,"love-ui","src","lib","utils.ts");if(p(t))try{s=await j(t,"utf8")}catch{}return await L(n,e),await A(a.join(e,n),s,"utf8"),!0}async function L(e,n){let s=a.dirname(a.join(n,e));await O(s,{recursive:!0})}async function ht(e,n){let s=a.join(e,"package.json"),t={};try{let u=await j(s,"utf8");t=JSON.parse(u)}catch{}let r=ct(t),i=V(n),c=[];async function d(u,f){let w=await q(u,{withFileTypes:!0});for(let x of w){if(nt.has(x.name))continue;let $=a.join(u,x.name);if(x.isDirectory()){await d($,f);continue}let P=a.extname(x.name);if(!et.has(P)||x.name==="package.json")continue;let g=a.relative(f,$).split(a.sep).join("/"),{target:v}=lt(g,r,i),R=await j($,"utf8");c.push({path:g,target:v,content:R})}}return await d(e,e),c}async function yt(e,n){let s=a.join(E,"love-ui"),t=a.join(s,"src","ui",`${e}.tsx`);if(!p(t))return null;try{let r=[],i=await j(t,"utf8");i=_(i,n),r.push({path:`src/ui/${e}.tsx`,target:`components/ui/${e}.tsx`,content:i});let c=a.join(s,"src","lib","utils.ts");if(p(c)){let d=await j(c,"utf8");r.push({path:"src/lib/utils.ts",target:"lib/utils.ts",content:d})}return r}catch(r){return console.warn(`Warning: unable to read ${e} component`,r),null}}async function bt(e,n){if(B.has(e))return await yt(e,n);let s=G(e),t=a.join(E,s);if(!p(t))return null;try{return await ht(t,e)}catch(r){return console.warn(`Warning: unable to read bundled sources for ${e}`,r),null}}var $t={"@base-ui-components/react":"1.0.0-beta.4","class-variance-authority":"^0.7.1",clsx:"^2.1.1","tailwind-merge":"^3.3.1"};async function wt(e){if(B.has(e))return{...$t};let n=G(e),s=a.join(E,n,"package.json");try{let t=await j(s,"utf8");return JSON.parse(t).dependencies??{}}catch{return{}}}async function Pt(e){return p(a.join(e,"bun.lockb"))?"bun":p(a.join(e,"pnpm-lock.yaml"))?"pnpm":p(a.join(e,"yarn.lock"))?"yarn":"npm"}async function jt(e,n,s){let t=Object.entries(e);if(t.length===0)return!0;console.log(`
-Installing dependencies...`);let r=t.map(([d,u])=>`${d}@${u}`),i;switch(n){case"bun":i=`bun add ${r.join(" ")}`;break;case"pnpm":i=`pnpm add ${r.join(" ")}`;break;case"yarn":i=`yarn add ${r.join(" ")}`;break;default:i=`npm install ${r.join(" ")}`}let c=Y(i,{stdio:"inherit",shell:!0,cwd:s});return c.error||c.status!==0?(console.warn(`
-Failed to install dependencies. You may need to install them manually:`),console.warn(`  ${r.join(`
-  `)}`),!1):(console.log(`Dependencies installed successfully!
-`),!0)}async function xt(e=process.argv.slice(2)){(e.length===0||e.length===1&&(e[0]==="--version"||e[0]==="-v"))&&(console.log("love-ui version 1.1.9"),process.exit(0)),(e.length<2||e[0]!=="add")&&(console.log("Usage: npx love-ui add [...packages]"),console.log("       npx love-ui --version"),process.exit(1));let n=e.slice(1),s=process.cwd(),t=await ut(s),r=await gt(s),i=t?.components?X(t.components):null,c=await ft(s,i,r),d=pt(t?.components,r),{utilsImportPath:u,utilsFilePath:f}=await dt(s,c,d,t),w=await Pt(s),x=c.endsWith("/ui")?c:`${c}/ui`;await O(a.join(s,c),{recursive:!0}),await O(a.join(s,x),{recursive:!0});let $={};for(let P of n){if(!P.trim())continue;console.log(`
-Adding ${P}...`);let g=null,v=null;if(P.startsWith("http://")||P.startsWith("https://")){let o=P;o.includes("/building-blocks/r/")&&(o=o.replace("/building-blocks/r/","/building-blocks/"),console.log(`Auto-corrected URL to: ${o}`));try{let l=await fetch(o);l.ok?g=await l.json():console.warn(`Failed to fetch ${o}: HTTP ${l.status}`)}catch(l){console.warn(`Failed to fetch from ${o}:`,l)}}else{let o=new URL(`r/${P}.json`,"https://www.loveui.dev/");try{let l=await fetch(o);l.ok&&(g=await l.json())}catch{}v=await bt(P,u)}let R=v??g?.files??[];R=R.map(o=>{let l=o.target||o.path;return l.startsWith("registry/default/")&&(l=l.replace("registry/default/","")),{...o,target:l}});let F=R.find(o=>o.target.match(/^components\/comp-\d+\.tsx$/));if(F){let o=R.filter(l=>l.target.match(/^components\/[^/]+\//)&&l.target!==F.target);if(o.length>0&&o[0]){let l=o[0].target.match(/^components\/([^/]+)\//);if(l&&l[1]){let m=l[1];F.target=`components/${m}-demo.tsx`}}else if(g?.meta?.tags&&Array.isArray(g.meta.tags)&&g.meta.tags.length>0){let m=g.meta.tags.slice(0,2).filter(y=>y.length>0);if(m.length>0){let y=m.join("-").toLowerCase().replace(/\s+/g,"-");F.target=`components/${y}.tsx`}}}if(!R.length){console.warn(`Component "${P}" not found. Available components can be found at https://loveui.dev`);continue}R.some(o=>J.test(o.target)||typeof o.content=="string"&&it.test(o.content))&&await mt(s,f);let T=0,C=0;for(let o of R){if(!o.content)continue;let l=M(o.target,c,f),m=a.join(s,l),y=p(m);if(k(l)===k(f)&&y)continue;let D=_(o.content,u);if(y)try{if(await j(m,"utf8")===D)continue}catch{}await L(l,s),await A(m,D,"utf8"),y?C++:T++}if(T>0&&console.log(`\u2713 Created ${T} file${T>1?"s":""}`),C>0&&console.log(`\u2713 Updated ${C} file${C>1?"s":""}`),g?.registryDependencies&&g.registryDependencies.length>0){console.log(`
-Installing ${g.registryDependencies.length} required component${g.registryDependencies.length>1?"s":""}...`);for(let o of g.registryDependencies){let l=o;o.startsWith("https://loveui.dev/building-blocks/r/")&&(l=`https://ui.loveui.dev/ui/r/${o.split("/").pop()}`);try{let m=await fetch(l);if(m.ok){let y=await m.json(),D=(y?.files??[]).map(h=>{let b=h.target||h.path;return b.startsWith("registry/default/")&&(b=b.replace("registry/default/","")),{...h,target:b}});for(let h of D){if(!h.content)continue;let b=M(h.target,c,f),W=a.join(s,b),N=p(W);if(k(b)===k(f)&&N)continue;let I=_(h.content,u);if(N)try{if(await j(W,"utf8")===I)continue}catch{}await L(b,s),await A(W,I,"utf8")}let S=["@loveui/shadcn-ui","jotai","lucide-react","react","react-dom"];if(y?.dependencies)if(Array.isArray(y.dependencies))y.dependencies.forEach(h=>{S.includes(h)||($[h]="latest")});else{let h=y.dependencies;Object.keys(h).forEach(b=>{!S.includes(b)&&h[b]&&($[b]=h[b])})}}else console.warn(`  \u2717 Failed to fetch ${l}: HTTP ${m.status}`)}catch(m){console.warn(`  \u2717 Failed to install ${l}:`,m.message)}}console.log("\u2713 Installed registry dependencies")}let U={};g?.dependencies?Array.isArray(g.dependencies)?g.dependencies.forEach(o=>{U[o]="latest"}):U=g.dependencies:U=await wt(P),Object.assign($,U)}Object.keys($).length>0&&await jt($,w,s),console.log(`
-\u2713 Done! You can now import and use the components in your app.`)}var Rt=process.argv[1]&&(import.meta.url===K(process.argv[1]).href||process.argv[1].includes("love-ui")||process.argv[1].includes("loveui"));Rt&&xt().catch(e=>{console.error(e),process.exit(1)});export{xt as run};

package/dist/mcp-server.d.ts

@@ -1 +0,0 @@
-#!/usr/bin/env node

package/dist/mcp-server.js

@@ -1,2 +0,0 @@
-#!/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.12",private:!1,license:"AGPL-3.0-or-later",type:"module",bin:{loveui:"dist/index.js","love-ui":"dist/index.js","loveui-mcp":"dist/mcp-server.js"},files:["dist","packages","public","*.ts","*.tsx","*.css","*.mdx"],main:"packages/love-ui/index.ts",types:"packages/love-ui/index.ts",exports:{".":{import:"./packages/love-ui/index.ts",require:"./packages/love-ui/index.ts"},"./lib/*":"./packages/love-ui/*","./components/*":"./packages/love-ui/components/*","./shadcn-ui/*":"./packages/shadcn-ui/*","./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-packages.mjs && node ./scripts/verify-registry.mjs","verify:registry":"node ./scripts/verify-registry.mjs",clean:"rimraf dist packages"},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 W}from"fs/promises";import x,{extname as q,join as j,relative as ge}from"path";import{fileURLToPath as ye}from"url";import z from"postcss";import fe from"postcss-nested";var he=x.dirname(ye(import.meta.url)),ve=x.resolve(he,".."),G=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"]),ke=new Set(["package.json","tsconfig.json","tsconfig.build.json","tsconfig.test.json","README.md",".DS_Store"]),Se=new Set(["shadcn-ui","typescript-config","patterns","loveui","love-ui"]),Ee=e=>e.replace(/\\/g,"/"),H=async(e,n,t)=>{let s=await W(e,{withFileTypes:!0});for(let r of s){let o=j(e,r.name);if(r.isDirectory()){if(we.has(r.name))continue;await H(o,n,t);continue}let a=q(r.name);!Re.has(a)||ke.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(n,o))})}},Ie=(e,n)=>{let t=e.loveui??{},s=typeof t.target=="string"?t.target.trim():"",r=t.category;if(s.length>0){let o=typeof t.includePackageName=="boolean"?t.includePackageName:!1;return{base:s.replace(/\/+$/,""),includePackageName:o}}return r==="feature"?{base:"components",includePackageName:!0}:r==="block"?{base:"components/blocks",includePackageName:!0}:{base:"components/ui",includePackageName:!0}},De=e=>{let t=(e.loveui??{}).type;return typeof t=="string"&&t.trim().length>0?t:"registry:ui"},Pe=async e=>{try{return await ue(e,me.F_OK),!0}catch{return!1}},b=e=>e.startsWith("@loveui/")||e.startsWith("@love-ui/")||e.startsWith("@repo/"),be=e=>e.replace(/^@repo\//,"").replace(/^@loveui\//,"").replace(/^@love-ui\//,""),je=new Set(["@loveui/shadcn-ui","@love-ui/shadcn-ui"]),M=async()=>(await W(G,{withFileTypes:!0})).filter(n=>n.isDirectory()).map(n=>n.name).filter(n=>!Se.has(n)).sort((n,t)=>n.localeCompare(t)),J=async e=>{let n=j(G,e),t=j(n,"package.json");if(!await Pe(t))throw new Error(`Missing package.json for ${e}`);let s=JSON.parse(await U(t,"utf8")),r=De(s),o=Object.keys(s.dependencies??{}),a=Object.keys(s.peerDependencies??{}),N=Object.keys(s.devDependencies??{}),oe=new Set([...o,...a,...N].filter(b).filter(i=>!je.has(i))),O=[...new Set([...o,...a].filter(i=>!b(i)))],A=[...new Set(N.filter(i=>!b(i)&&!["@loveui/typescript-config","@types/react","@types/react-dom","typescript"].includes(i)))],S=[];for(let i of oe){let h=be(i);S.push(`https://www.loveui.dev/r/${h}.json`)}let C=[];await H(n,n,C);let f=[],m={},g=Ie(s,e);for(let i of C){let h=await U(i.absolute,"utf8"),E=q(i.absolute);if(E===".css"||E===".scss"||E===".sass"){let v=await z([fe]).process(h,{from:void 0});z.parse(v.css).walkAtRules("layer",I=>{let D=`@layer ${I.params}`;m[D]??={},I.walkRules(c=>{if(c.parent&&c.parent.type==="atrule"&&c.parent.name==="media")return;let R=c.selector,u={};c.walkDecls(k=>{u[k.prop]=k.value}),Object.keys(u).length>0&&(m[D][R]=u)}),I.walkAtRules("media",c=>{let R=`@media ${c.params}`,u=m[D];u[R]??={};let k=u[R];c.walkRules(L=>{let pe=L.selector,P={};L.walkDecls($=>{P[$.prop]=$.value}),Object.keys(P).length>0&&(k[pe]=P)})})});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:s.title??e,description:s.description,author:s.author??"Connor Love <hello@loveconnor.com>",dependencies:O.length?O:void 0,devDependencies:A.length?A:void 0,registryDependencies:S.length?Array.from(new Set(S)):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"]),ze=["@loveui/","@love-ui/","@repo/"],ee=new Set(["@loveui/shadcn-ui","@love-ui/shadcn-ui"]),We=e=>`${_}${e}`,qe=p.dirname(_e(import.meta.url)),X=p.resolve(qe,".."),Ge=[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}},ne=e=>ze.some(n=>e.startsWith(n)),He=e=>e.replace(/^@repo\//,"").replace(/^@loveui\//,"").replace(/^@love-ui\//,""),se=e=>Array.isArray(e)?e.filter(n=>typeof n=="string"):e&&typeof e=="object"?Object.keys(e):[],B=e=>{let n=Array.from(new Set(se(e).filter(t=>!ne(t)&&!ee.has(t))));return n.length>0?n:void 0},Me=e=>{let n=Array.from(new Set(se(e).map(t=>t.trim()).filter(Boolean).filter(t=>!ee.has(t)).map(t=>ne(t)?`https://www.loveui.dev/r/${He(t)}.json`:t)));return n.length>0?n:void 0},re=e=>e.trim().replace(/^@repo\//,"").replace(/^@loveui\//,"").replace(/^@love-ui\//,""),Je=e=>{let n=re(e);if(Z.has(n))throw new l(d.InvalidParams,`${n} is an internal package and should not be used directly. Use \`npx love-ui add <component>\` with a public component name.`);return n},Y=e=>{if(!e||typeof e!="object")return{mcpHints:{installPattern:"npx love-ui add <component>",neverInstall:["@loveui/*","@love-ui/*","@repo/*"]}};let n={...e},t=B(n.dependencies),s=B(n.devDependencies),r=Me(n.registryDependencies),o=typeof n.name=="string"&&n.name.trim().length>0?n.name.trim():"<component>",a={...n,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,s?a.devDependencies=s:delete a.devDependencies,r?a.registryDependencies=r:delete a.registryDependencies,a},T=null,ie=async()=>(T||(T=(async()=>{for(let e of Ge){let n=p.join(e,"registry.json");if(await te(n))try{let t=JSON.parse(await Q(n,"utf8")),s=Array.from(new Set((t.items??[]).map(r=>r.name?.trim()).filter(r=>!!r))).sort((r,o)=>r.localeCompare(o));if(s.length===0)continue;return{dir:e,names:s,nameSet:new Set(s)}}catch{continue}}return null})()),T),Ke=async()=>{let[e,n]=await Promise.all([ie(),M()]),t=new Set(n);for(let s of e?.names??[])t.add(s);return Array.from(t).map(s=>re(s)).filter(s=>!Z.has(s)).sort((s,r)=>s.localeCompare(r))},Xe=async e=>{let n=await ie();if(!n||!n.nameSet.has(e))return null;let t=p.join(n.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 n=decodeURIComponent(e.slice(_.length)).trim();if(!n)throw new l(d.InvalidParams,"Package name is required.");return n},V=async e=>{let n=Je(e);try{let t=await Xe(n);return Y(t||await J(n))}catch(t){throw t instanceof l?t:t instanceof Error&&t.message.startsWith(`Missing package.json for ${n}`)?new l(d.InvalidParams,`Registry item "${n}" 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(s=>({uri:We(s),name:s,description:`loveui registry definition for ${s}`,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 s=Be(t.params.uri),r=await V(s);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 s=t.params.arguments?.name;if(typeof s!="string"||s.trim()==="")throw new l(d.InvalidParams,"Package name is required.");let r=await V(s.trim());return{content:[{type:"text",text:JSON.stringify(r,null,2)}]}});let n=new Oe;await e.connect(n)}Ye().catch(e=>{console.error(e),process.exit(1)});

package/packages/announcement/index.tsx

@@ -1,53 +0,0 @@
-import type { ComponentProps, HTMLAttributes } from "react";
-import { Badge } from "../ui/src/ui/badge";
-import { cn } from "../ui/src/lib/utils";
-
-export type AnnouncementProps = ComponentProps<typeof Badge> & {
-  themed?: boolean;
-};
-
-export const Announcement = ({
-  variant = "outline",
-  themed = false,
-  className,
-  ...props
-}: AnnouncementProps) => (
-  <Badge
-    className={cn(
-      "group max-w-full gap-2 rounded-full bg-background px-3 py-0.5 font-medium shadow-sm transition-all",
-      "hover:shadow-md",
-      themed && "announcement-themed border-foreground/5",
-      className
-    )}
-    variant={variant}
-    {...props}
-  />
-);
-
-export type AnnouncementTagProps = HTMLAttributes<HTMLDivElement>;
-
-export const AnnouncementTag = ({
-  className,
-  ...props
-}: AnnouncementTagProps) => (
-  <div
-    className={cn(
-      "-ml-2.5 shrink-0 truncate rounded-full bg-foreground/5 px-2.5 py-1 text-xs",
-      "group-[.announcement-themed]:bg-background/60",
-      className
-    )}
-    {...props}
-  />
-);
-
-export type AnnouncementTitleProps = HTMLAttributes<HTMLDivElement>;
-
-export const AnnouncementTitle = ({
-  className,
-  ...props
-}: AnnouncementTitleProps) => (
-  <div
-    className={cn("flex items-center gap-1 truncate py-1", className)}
-    {...props}
-  />
-);

package/packages/announcement/package.json

@@ -1,23 +0,0 @@
-{
-  "name": "@loveui/announcement",
-  "description": "A compound badge designed to display an announcement.",
-  "version": "0.1.0",
-  "dependencies": {
-    "@loveui/shadcn-ui": "^0.1.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
-  },
-  "devDependencies": {
-    "@loveui/typescript-config": "^0.1.0",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.1",
-    "typescript": "^5.9.3"
-  },
-  "files": [
-    "dist",
-    "*.ts",
-    "*.tsx",
-    "*.css",
-    "*.mdx"
-  ]
-}

package/packages/announcement/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "extends": "@loveui/typescript-config/nextjs.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@loveui/*": ["../*"],
-      "@/components/*": ["../shadcn-ui/components/*"],
-      "@/lib/*": ["../shadcn-ui/lib/*"]
-    }
-  },
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}

package/packages/avatar-stack/index.tsx

@@ -1,51 +0,0 @@
-import { Children, type ReactNode } from "react";
-import { cn } from "@/lib/utils";
-
-export type AvatarStackProps = {
-  children: ReactNode;
-  className?: string;
-  animate?: boolean;
-  size?: number;
-};
-
-export const AvatarStack = ({
-  children,
-  className,
-  animate = false,
-  size = 40,
-  ...props
-}: AvatarStackProps) => (
-  <div
-    className={cn(
-      "-space-x-1 flex items-center",
-      animate && "hover:space-x-0 [&>*]:transition-all",
-      className
-    )}
-    {...props}
-  >
-    {Children.map(children, (child, index) => {
-      if (!child) {
-        return null;
-      }
-
-      return (
-        <div
-          className={cn(
-            "size-full shrink-0 overflow-hidden rounded-full",
-            '[&_[data-slot="avatar"]]:size-full',
-            className
-          )}
-          style={{
-            width: size,
-            height: size,
-            maskImage: index
-              ? `radial-gradient(circle ${size / 2}px at -${size / 4 + size / 10}px 50%, transparent 99%, white 100%)`
-              : "",
-          }}
-        >
-          {child}
-        </div>
-      );
-    })}
-  </div>
-);

package/packages/avatar-stack/package.json

@@ -1,23 +0,0 @@
-{
-  "name": "@loveui/avatar-stack",
-  "description": "Avatar Stack is a component that allows you to stack and overlap avatars.",
-  "version": "0.1.0",
-  "dependencies": {
-    "@loveui/shadcn-ui": "^0.1.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
-  },
-  "devDependencies": {
-    "@loveui/typescript-config": "^0.1.0",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.1",
-    "typescript": "^5.9.3"
-  },
-  "files": [
-    "dist",
-    "*.ts",
-    "*.tsx",
-    "*.css",
-    "*.mdx"
-  ]
-}

package/packages/avatar-stack/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "extends": "@loveui/typescript-config/nextjs.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "paths": {
-      "@loveui/*": ["../*"],
-      "@/components/*": ["../shadcn-ui/components/*"],
-      "@/lib/*": ["../shadcn-ui/lib/*"]
-    }
-  },
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}

package/packages/banner/index.tsx

@@ -1,143 +0,0 @@
-"use client";
-
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { type LucideIcon, XIcon } from "lucide-react";
-import {
-  type ComponentProps,
-  createContext,
-  type HTMLAttributes,
-  type MouseEventHandler,
-  useContext,
-} from "react";
-import { Button } from "../ui/src/ui/button";
-import { cn } from "../ui/src/lib/utils";
-
-type BannerContextProps = {
-  show: boolean;
-  setShow: (show: boolean) => void;
-};
-
-export const BannerContext = createContext<BannerContextProps>({
-  show: true,
-  setShow: () => {},
-});
-
-export type BannerProps = HTMLAttributes<HTMLDivElement> & {
-  visible?: boolean;
-  defaultVisible?: boolean;
-  onClose?: () => void;
-  inset?: boolean;
-};
-
-export const Banner = ({
-  children,
-  visible,
-  defaultVisible = true,
-  onClose,
-  className,
-  inset = false,
-  ...props
-}: BannerProps) => {
-  const [show, setShow] = useControllableState({
-    defaultProp: defaultVisible,
-    prop: visible,
-    onChange: onClose,
-  });
-
-  if (!show) {
-    return null;
-  }
-
-  return (
-    <BannerContext.Provider value={{ show, setShow }}>
-      <div
-        className={cn(
-          "flex w-full items-center justify-between gap-2 bg-primary px-4 py-2 text-primary-foreground",
-          inset && "rounded-lg",
-          className
-        )}
-        {...props}
-      >
-        {children}
-      </div>
-    </BannerContext.Provider>
-  );
-};
-
-export type BannerIconProps = HTMLAttributes<HTMLDivElement> & {
-  icon: LucideIcon;
-};
-
-export const BannerIcon = ({
-  icon: Icon,
-  className,
-  ...props
-}: BannerIconProps) => (
-  <div
-    className={cn(
-      "rounded-full border border-primary/40 bg-primary/15 p-1 text-primary shadow-sm transition-colors",
-      "dark:border-primary/30 dark:bg-primary/20 dark:text-primary-foreground",
-      className
-    )}
-    {...props}
-  >
-    <Icon size={16} />
-  </div>
-);
-
-export type BannerTitleProps = HTMLAttributes<HTMLParagraphElement>;
-
-export const BannerTitle = ({ className, ...props }: BannerTitleProps) => (
-  <p className={cn("flex-1 text-sm", className)} {...props} />
-);
-
-export type BannerActionProps = ComponentProps<typeof Button>;
-
-export const BannerAction = ({
-  variant = "outline",
-  size = "sm",
-  className,
-  ...props
-}: BannerActionProps) => (
-  <Button
-    className={cn(
-      "shrink-0 border-transparent bg-primary-foreground text-primary hover:bg-primary-foreground/90 hover:text-primary",
-      className
-    )}
-    size={size}
-    variant={variant}
-    {...props}
-  />
-);
-
-export type BannerCloseProps = ComponentProps<typeof Button>;
-
-export const BannerClose = ({
-  variant = "ghost",
-  size = "icon",
-  onClick,
-  className,
-  ...props
-}: BannerCloseProps) => {
-  const { setShow } = useContext(BannerContext);
-
-  const handleClick: MouseEventHandler<HTMLButtonElement> = (e) => {
-    setShow(false);
-    onClick?.(e);
-  };
-
-  return (
-    <Button
-      className={cn(
-        "shrink-0 bg-transparent hover:bg-background/10 hover:text-background",
-        className
-      )}
-      onClick={handleClick}
-      size={size}
-      variant={variant}
-      {...props}
-    >
-      <XIcon size={18} />
-    </Button>
-  );
-};