smoothui-cli 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Eduardo Calvo
+
+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:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,463 @@
+# SmoothUI
+
+![Screenshot of SmoothUI](/apps/docs/public/readme.png)
+
+<div align="center">
+
+![Next.js Badge](https://img.shields.io/badge/Next.js-000?logo=nextdotjs&logoColor=fff&style=flat)
+![Tailwind CSS Badge](https://img.shields.io/badge/Tailwind%20CSS-06B6D4?logo=tailwindcss&logoColor=fff&style=flat)
+![Motion Badge](https://img.shields.io/badge/Motion-ECD53F?style=flat)
+
+[![Build Status](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2Fpheralb%2Fsvgl%2Fbadge%3Fref%3Dmain&style=flat)](https://actions-badge.atrox.dev/educlopez/smoothui/goto?ref=main)
+![GitHub stars](https://img.shields.io/github/stars/educlopez/smoothui)
+![GitHub issues](https://img.shields.io/github/issues/educlopez/smoothui)
+![GitHub forks](https://img.shields.io/github/forks/educlopez/smoothui)
+![GitHub PRs](https://img.shields.io/github/issues-pr/educlopez/smoothui)
+[![Website](https://img.shields.io/badge/website-smoothui.dev-blue)](https://smoothui.dev)
+
+</div>
+
+SmoothUI is a collection of beautifully designed components with smooth animations built with React, Tailwind CSS, and Motion. This project aims to provide developers with a set of reusable UI components that enhance user experience through delightful animations and modern design patterns.
+
+## Table of Contents
+
+- [SmoothUI](#smoothui)
+  - [Table of Contents](#table-of-contents)
+  - [Features](#features)
+  - [Quick Start](#quick-start)
+  - [Installation](#installation)
+    - [Using shadcn CLI v3 (Recommended)](#using-shadcn-cli-v3-recommended)
+      - [Step 1: Configure the Registry](#step-1-configure-the-registry)
+      - [Step 2: Install Components](#step-2-install-components)
+      - [Step 3: Use Components](#step-3-use-components)
+      - [Available Commands](#available-commands)
+    - [Manual Installation](#manual-installation)
+  - [Usage](#usage)
+    - [Basic Usage](#basic-usage)
+    - [Advanced Usage](#advanced-usage)
+  - [Available Components](#available-components)
+    - [UI Components](#ui-components)
+    - [Interactive Components](#interactive-components)
+    - [Layout Components](#layout-components)
+    - [Utility Components](#utility-components)
+  - [MCP Support](#mcp-support)
+    - [🤖 AI Assistant Integration](#-ai-assistant-integration)
+    - [Quick MCP Setup](#quick-mcp-setup)
+  - [Registry System](#registry-system)
+    - [Automatic Dependencies](#automatic-dependencies)
+    - [Component Structure](#component-structure)
+    - [Registry Features](#registry-features)
+  - [Troubleshooting](#troubleshooting)
+    - [Common Issues](#common-issues)
+      - [1. Authentication Error (401)](#1-authentication-error-401)
+      - [2. Registry Not Found](#2-registry-not-found)
+      - [3. Import Path Issues](#3-import-path-issues)
+      - [4. Missing Dependencies](#4-missing-dependencies)
+    - [Getting Help](#getting-help)
+  - [Contributing](#contributing)
+    - [Development Setup](#development-setup)
+  - [License](#license)
+
+## Features
+
+- **Modern Design System**: A cohesive and contemporary design language with a new mascot called Smoothy
+- **Smooth Animations**: Built-in animations powered by Motion for delightful user experiences
+- **Responsive Design**: Fully responsive components designed with Tailwind CSS
+- **Dark Mode Support**: Components support both light and dark themes out of the box
+- **Color Customization**: Dynamic color switcher for easy theme customization
+- **Documentation**: Comprehensive documentation with props, examples, and usage guidelines
+- **Accessibility**: Enhanced accessibility features across all components
+- **TypeScript Support**: Full TypeScript support with type definitions
+- **Easy Integration**: Simple API for integrating components into your projects
+- **shadcn CLI v3 Support**: Full compatibility with the new shadcn CLI v3 namespace system
+
+## Quick Start
+
+Get started with SmoothUI in just a few steps:
+
+1. **Add the registry** to your `components.json`:
+
+```json
+{
+  "registries": {
+    "@smoothui": "https://smoothui.dev/r/{name}.json"
+  }
+}
+```
+
+2. **Install a component**:
+
+```bash
+npx shadcn@latest add @smoothui/siri-orb
+```
+
+3. **Use the component**:
+
+```tsx
+import { SiriOrb } from "@/components/smoothui/ui/SiriOrb";
+
+export default function App() {
+  return <SiriOrb size="200px" />;
+}
+```
+
+## Installation
+
+### Using shadcn CLI v3 (Recommended)
+
+SmoothUI is fully compatible with the new shadcn CLI v3 namespace system. This is the easiest way to install and manage SmoothUI components.
+
+#### Step 1: Configure the Registry
+
+Add the SmoothUI registry to your `components.json` file:
+
+```json
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui"
+  },
+  "registries": {
+    "@smoothui": "https://smoothui.dev/r/{name}.json"
+  }
+}
+```
+
+#### Step 2: Install Components
+
+Install components using the namespace:
+
+```bash
+# Install a single component
+npx shadcn@latest add @smoothui/siri-orb
+
+# Install multiple components
+npx shadcn@latest add @smoothui/rich-popover @smoothui/animated-input
+
+# Install components with dependencies
+npx shadcn@latest add @smoothui/scrollable-card-stack
+```
+
+#### Step 3: Use Components
+
+Import and use the installed components:
+
+```tsx
+import { RichPopover } from "@/components/smoothui/ui/RichPopover";
+import { SiriOrb } from "@/components/smoothui/ui/SiriOrb";
+
+export default function App() {
+  return (
+    <div>
+      <SiriOrb size="200px" />
+      <RichPopover />
+    </div>
+  );
+}
+```
+
+#### Available Commands
+
+```bash
+# View all available components
+npx shadcn@latest search @smoothui
+
+# View component details before installation
+npx shadcn@latest view @smoothui/siri-orb
+
+# Install components
+npx shadcn@latest add @smoothui/component-name
+```
+
+### Manual Installation
+
+If you prefer to install components manually, you can copy the component files directly:
+
+1. **Install dependencies**:
+
+```bash
+pnpm add motion tailwindcss lucide-react clsx tailwind-merge
+```
+
+2. **Copy component files** from the [components directory](src/components/smoothui/ui/)
+
+3. **Set up utilities**:
+
+```bash
+# Create lib/utils/cn.ts
+mkdir -p lib/utils
+```
+
+```tsx
+// lib/utils/cn.ts
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+```
+
+## Usage
+
+### Basic Usage
+
+```tsx
+import { SiriOrb } from "@/components/smoothui/ui/SiriOrb";
+
+export default function App() {
+  return (
+    <div className="flex min-h-screen items-center justify-center">
+      <SiriOrb
+        size="200px"
+        colors={{
+          bg: "oklch(95% 0.02 264.695)",
+          c1: "oklch(75% 0.15 350)",
+          c2: "oklch(80% 0.12 200)",
+          c3: "oklch(78% 0.14 280)",
+        }}
+        animationDuration={20}
+      />
+    </div>
+  );
+}
+```
+
+### Advanced Usage
+
+```tsx
+import { RichPopover } from "@/components/smoothui/ui/RichPopover";
+import { ScrollableCardStack } from "@/components/smoothui/ui/ScrollableCardStack";
+
+export default function Dashboard() {
+  const cards = [
+    {
+      id: "1",
+      name: "John Doe",
+      handle: "@johndoe",
+      avatar: "/avatars/john.jpg",
+      video: "/videos/john.mp4",
+      href: "https://twitter.com/johndoe",
+    },
+    // ... more cards
+  ];
+
+  return (
+    <div className="space-y-8">
+      <RichPopover />
+      <ScrollableCardStack items={cards} />
+    </div>
+  );
+}
+```
+
+## Available Components
+
+SmoothUI includes a wide variety of components:
+
+### UI Components
+
+- **SiriOrb** - Animated orb with smooth color transitions
+- **RichPopover** - Advanced popover with rich content
+- **ScrollableCardStack** - Interactive card stack with smooth scrolling
+- **AnimatedInput** - Input field with smooth animations
+- **DynamicIsland** - iOS-style dynamic island component
+- **FluidMorph** - Fluid morphing animations
+- **MatrixCard** - Matrix-style card with particle effects
+
+### Interactive Components
+
+- **CursorFollow** - Custom cursor following component
+- **ScrambleHover** - Text scramble effect on hover
+- **WaveText** - Animated wave text effect
+- **TypewriterText** - Typewriter text animation
+
+### Layout Components
+
+- **ExpandableCards** - Expandable card layout
+- **ScrollableCardStack** - Stack of scrollable cards
+- **AppDownloadStack** - App download showcase
+
+### Utility Components
+
+- **ButtonCopy** - Copy button with feedback
+- **ClipCornersButton** - Button with clipped corners
+- **DotMorphButton** - Button with morphing dot animation
+
+[View all components →](https://smoothui.dev)
+
+## MCP Support
+
+SmoothUI is fully compatible with the **shadcn MCP server**, enabling AI assistants to discover and install components automatically.
+
+### 🤖 AI Assistant Integration
+
+With MCP support, AI assistants like **Claude**, **Cursor**, and **GitHub Copilot** can:
+
+- **Discover Components**: Browse all available SmoothUI components
+- **Install Components**: Automatically install components with dependencies
+- **Provide Usage Examples**: Get code examples and integration help
+- **Smart Suggestions**: Receive intelligent component recommendations
+
+### Quick MCP Setup
+
+1. **Configure your registry** in `components.json`:
+
+```json
+{
+  "registries": {
+    "@smoothui": "https://smoothui.dev/r/{name}.json"
+  }
+}
+```
+
+2. **Install MCP server**:
+
+```bash
+npx shadcn@latest mcp init --client claude
+# or for Cursor: npx shadcn@latest mcp init --client cursor
+# or for VS Code: npx shadcn@latest mcp init --client vscode
+```
+
+3. **Try these prompts**:
+
+- "Show me the components in the smoothui registry"
+- "Install the SiriOrb component from smoothui"
+- "Create a landing page using smoothui components"
+
+[Learn more about MCP support →](https://smoothui.dev/doc/mcp)
+
+## Registry System
+
+SmoothUI uses a custom registry system compatible with shadcn CLI v3. Each component includes:
+
+### Automatic Dependencies
+
+- **Package Dependencies**: Required npm packages are automatically included
+- **Utility Files**: Shared utilities like `cn` are automatically bundled
+- **Import Paths**: All import paths are automatically resolved
+
+### Component Structure
+
+When you install a component, you get:
+
+```
+components/smoothui/ui/
+├── ComponentName.tsx    # Main component file
+lib/utils/
+└── cn.ts               # Utility functions (if needed)
+```
+
+### Registry Features
+
+- **Self-contained**: Each component includes all necessary dependencies
+- **Type-safe**: Full TypeScript support with proper types
+- **Optimized**: Components are optimized for performance
+- **Accessible**: Built-in accessibility features
+
+## Troubleshooting
+
+### Common Issues
+
+#### 1. Authentication Error (401)
+
+**Error**: `You are not authorized to access the item`
+
+**Solution**: This usually happens with Vercel preview deployments. Use the production URL:
+
+```json
+{
+  "registries": {
+    "@smoothui": "https://smoothui.dev/r/{name}.json"
+  }
+}
+```
+
+#### 2. Registry Not Found
+
+**Error**: `The item at https://smoothui.dev/r/registry.json was not found`
+
+**Solution**: The search command might not work as expected. Install components directly:
+
+```bash
+npx shadcn@latest add @smoothui/siri-orb
+```
+
+#### 3. Import Path Issues
+
+**Error**: `Cannot find module '@/lib/utils/cn'`
+
+**Solution**: Make sure your `tsconfig.json` includes the path alias:
+
+```json
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}
+```
+
+#### 4. Missing Dependencies
+
+**Error**: `Cannot find module 'clsx'`
+
+**Solution**: Install missing dependencies:
+
+```bash
+pnpm add clsx tailwind-merge motion
+```
+
+### Getting Help
+
+- **Documentation**: Visit [smoothui.dev](https://smoothui.dev) for detailed documentation
+- **Issues**: Report bugs on [GitHub Issues](https://github.com/educlopez/smoothui/issues)
+- **Discussions**: Join discussions on [GitHub Discussions](https://github.com/educlopez/smoothui/discussions)
+
+## Contributing
+
+We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.
+
+### Development Setup
+
+1. **Clone the repository**:
+
+```bash
+git clone https://github.com/educlopez/smoothui.git
+cd smoothui
+```
+
+2. **Install dependencies**:
+
+```bash
+pnpm install
+```
+
+3. **Start development server**:
+
+```bash
+pnpm dev
+```
+
+4. **Build registry**:
+
+```bash
+pnpm run build:registry
+```
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

package/dist/index.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+import{confirm as Le,isCancel as ne,select as Ne,spinner as De}from"@clack/prompts";var _="https://smoothui.dev",k={"Basic UI":["accordion","animated-input","animated-progress-bar","animated-tabs","animated-toggle","basic-dropdown","basic-modal","basic-toast","notification-badge","searchable-dropdown","skeleton-loader","tweet-card"],Buttons:["button-copy","clip-corners-button","dot-morph-button","magnetic-button"],"Text Effects":["wave-text","reveal-text","typewriter-text","scramble-hover","scroll-reveal-paragraph"],AI:["ai-branch","ai-input"],"Cards & Layouts":["expandable-cards","glow-hover-card","scrollable-card-stack","switchboard-card","phototab","job-listing-component"],"Loaders & Effects":["grid-loader","siri-orb","cursor-follow","github-stars-animation"],Interactive:["animated-o-t-p-input","animated-tags","app-download-stack","apple-invites","contribution-graph","dynamic-island","figma-comment","image-metadata-preview","infinite-slider","interactive-image-selector","number-flow","power-off-slide","price-flow","rich-popover","reviews-carousel","social-selector","user-account-avatar"]},K=["src/components/ui","components/ui","src/components","components","app/components/ui"],Y=[{file:"bun.lockb",cmd:"bun"},{file:"pnpm-lock.yaml",cmd:"pnpm"},{file:"yarn.lock",cmd:"yarn"},{file:"package-lock.json",cmd:"npm"}],d={active:"\u25C6",done:"\u25C7",selected:"\u25CF",unselected:"\u25CB",cursor:"\u276F",success:"\u2713",error:"\u2717",bar:"\u2502"};import{createInterface as le,emitKeypressEvents as pe}from"readline";import p from"picocolors";var me=e=>{let t=new Map;for(let o of e){let n=o.category||"Other";t.has(n)||t.set(n,[]),t.get(n)?.push(o)}return t},de=(e,t)=>{console.log(`${p.cyan(d.active)}  ${e}`),console.log(`${p.dim(d.bar)}`),console.log(`${p.dim(d.bar)}  Search: ${t}${p.dim("\u258C")}`),console.log(`${p.dim(d.bar)}`)},fe=(e,t,o)=>{let n=t?p.green(d.selected):p.dim(d.unselected),s=o?p.cyan(d.cursor):" ",r=o?p.cyan(e.label):e.label;console.log(`${p.dim(d.bar)}  ${s} ${n} ${r}`)},ge=e=>{console.log(`${p.dim(d.bar)}`),console.log(`${p.dim(d.bar)}  ${p.dim(`${e} selected \u2502 \u2191\u2193 navigate \u2502 space select \u2502 enter confirm \u2502 esc cancel`)}`)},ue=(e,t,o)=>{let n=0,s=t.scrollOffset,r=t.scrollOffset+o;for(let[c,a]of e){if(n>=r)break;n>=s&&console.log(`${p.dim(d.bar)}  ${p.bold(p.dim(c))}`),n++;for(let i of a){if(n>=r)break;if(n>=s){let m=t.selected.has(i.value),l=n-1===t.cursorIndex;fe(i,m,l)}n++}}},he=(e,t,o,n)=>()=>{let s=B(t,o.searchQuery);process.stdout.write("\x1B[2J\x1B[H"),de(e,o.searchQuery);let r=me(s);ue(r,o,n),ge(o.selected.size)},B=(e,t)=>{if(!t)return e;let o=t.toLowerCase();return e.filter(n=>n.label.toLowerCase().includes(o)||n.category?.toLowerCase().includes(o))},ye=(e,t,o,n)=>{e.name==="up"?(t.cursorIndex=Math.max(0,t.cursorIndex-1),t.cursorIndex<t.scrollOffset&&(t.scrollOffset=t.cursorIndex)):e.name==="down"&&(t.cursorIndex=Math.min(o-1,t.cursorIndex+1),t.cursorIndex>=t.scrollOffset+n&&(t.scrollOffset=t.cursorIndex-n+1))},be=(e,t)=>{let o=t[e.cursorIndex];o&&(e.selected.has(o.value)?e.selected.delete(o.value):e.selected.add(o.value))},xe=(e,t,o)=>{t.name==="backspace"?(o.searchQuery=o.searchQuery.slice(0,-1),o.cursorIndex=0,o.scrollOffset=0):e&&e.length===1&&!t.ctrl&&!t.meta&&(o.searchQuery+=e,o.cursorIndex=0,o.scrollOffset=0)},Q=e=>{process.stdin.isTTY&&process.stdin.setRawMode(!1),e.close()},H=e=>{let{message:t,items:o,maxVisible:n=10}=e;return new Promise(s=>{let r={selected:new Set,searchQuery:"",cursorIndex:0,scrollOffset:0},c=le({input:process.stdin,output:process.stdout});process.stdin.isTTY&&process.stdin.setRawMode(!0),pe(process.stdin,c);let a=he(t,o,r,n),i=(m,l)=>{let b=B(o,r.searchQuery),R=b.length;if(l.name==="escape"||l.ctrl&&l.name==="c"){Q(c),s(null);return}if(l.name==="return"){Q(c),s([...r.selected]);return}l.name==="up"||l.name==="down"?ye(l,r,R,n):l.name==="space"?be(r,b):xe(m,l,r),a()};process.stdin.on("keypress",i),a()})};import v from"picocolors";var O=d,C=v.dim,ve=v.cyan,we=v.green,Se=v.red,He=v.yellow,L=v.bold,N=v.gray;function T(e,t){console.log(`${e}  ${t}`)}function j(e){T(ve(O.active),e)}function y(e){T(C(O.done),e)}function J(e){T(we(O.success),e)}function P(e){T(Se(O.error),e)}function g(e=""){console.log(`${C(O.bar)}  ${e}`)}function I(){console.log(),j(L("SmoothUI")),console.log()}import{existsSync as M,readFileSync as W}from"fs";import{join as E}from"path";var Ie=/^(npm|pnpm|yarn|bun)@/,$e=()=>{let e=process.cwd();for(let{file:o,cmd:n}of Y)if(M(E(e,o)))return n;let t=E(e,"package.json");if(M(t))try{let o=JSON.parse(W(t,"utf-8"));if(o.packageManager){let n=o.packageManager.match(Ie);if(n)return n[1]}}catch{}return"npm"},Oe=()=>{let e=process.cwd();for(let t of K)if(M(E(e,t)))return t;return null},Ce=()=>{let e=process.cwd(),t=["tsconfig.json","jsconfig.json"];for(let o of t){let n=E(e,o);if(M(n))try{let r=W(n,"utf-8").replace(/\/\*[\s\S]*?\*\/|\/\/.*/g,""),a=JSON.parse(r).compilerOptions?.paths;if(a){for(let[i,m]of Object.entries(a))if(i.endsWith("/*")&&Array.isArray(m))return i.slice(0,-2)}}catch{}}return"@"},q=()=>({componentPath:Oe()||"components/ui",alias:Ce(),packageManager:$e()});import{spawnSync as je}from"child_process";import{existsSync as z,mkdirSync as Pe,readFileSync as et,writeFileSync as Re}from"fs";import{dirname as ke,join as Te}from"path";var Me=(e,t)=>t==="@"?e:e.replace(/@\/components\//g,`${t}/components/`);var V=async(e,t,o,n)=>{let s=[],r=[],c=o;for(let a of e.files){let i=Te(process.cwd(),t.componentPath,a.path),m=ke(i);if(z(m)||Pe(m,{recursive:!0}),z(i)&&!c){let b=await n(a.path);if(b==="skip"){r.push(a.path);continue}b==="all"&&(c=!0)}let l=Me(a.content,t.alias);Re(i,l,"utf-8"),s.push(a.path)}return{written:s,skipped:r}},X=(e,t)=>{if(e.length===0)return!0;let o={npm:["npm","install",...e],pnpm:["pnpm","add",...e],yarn:["yarn","add",...e],bun:["bun","add",...e]},[n,...s]=o[t];return je(n,s,{stdio:"pipe",shell:!0}).status===0};var Z=process.env.SMOOTHUI_REGISTRY_URL||_,Ee=/\/r\/([^/]+)\.json$/;async function Ae(){let e=`${Z}/r/registry.json`,t=await fetch(e);if(!t.ok)throw new Error(`Failed to fetch registry: ${t.status}`);return t.json()}async function ee(e){let t=`${Z}/r/${e}.json`,o=await fetch(t);if(!o.ok)throw new Error(`Component "${e}" not found`);return o.json()}function te(e){let t=e.match(Ee);return t?t[1]:e}async function A(){return(await Ae()).items.map(t=>t.name)}async function D(e,t=new Set){let o=await ee(e);t.add(e);let n=[];if(o.registryDependencies)for(let s of o.registryDependencies){let r=te(s);if(t.has(r)||!s.includes("smoothui.dev"))continue;let c=await D(r,t);n.push(c)}return{component:o,children:n}}function F(e){let t=[e.component];for(let o of e.children)t.push(...F(o));return t}function oe(e){let t=new Set,o=new Set,n=new Set(["react","react-dom","next","tailwindcss","@types/react","@types/react-dom","@types/node","typescript"]);for(let s of e){for(let r of s.dependencies||[])n.has(r)||t.add(r);for(let r of s.devDependencies||[])n.has(r)||o.add(r)}return{dependencies:[...t],devDependencies:[...o]}}function U(e,t="",o=!0){g(`${t}${o?"\u2514\u2500":"\u251C\u2500"} ${e.component.name}`);let s=t+(o?"   ":"\u2502  "),r=[...e.component.dependencies||[]].filter(c=>!["react","react-dom","next"].includes(c));r.length>0&&e.children.length===0&&g(`${s}\u2514\u2500 ${N(`npm: ${r.join(", ")}`)}`);for(let c=0;c<e.children.length;c++){let a=e.children[c],i=c===e.children.length-1&&r.length===0;U(a,s,i)}r.length>0&&e.children.length>0&&g(`${s}\u2514\u2500 ${N(`npm: ${r.join(", ")}`)}`)}async function re(e,t){I();let o=q();t.path&&(o.componentPath=t.path),y(`Detected: ${o.componentPath}/ (${o.packageManager})`),console.log();let n=e;if(n.length===0){let h=(await A()).map(f=>{let S="Other";for(let[ie,ae]of Object.entries(k))if(ae.includes(f)){S=ie;break}return{value:f,label:f,category:S}}),x=await H({message:"Select components to install:",items:h});if(!x||x.length===0){console.log(),y("No components selected.");return}n=x,y(`Selected: ${n.join(", ")}`),console.log()}j("Resolving dependencies..."),g();let s=[],r=new Set;for(let u of n)try{let h=await D(u,r),x=F(h);for(let f of x)r.has(f.name)||(r.add(f.name),s.push(f));U(h)}catch(h){P(`Failed to resolve ${u}: ${h.message}`);return}g();let{dependencies:c,devDependencies:a}=oe(s),i=[...c,...a],m=s.length,l=i.length,b=l>0?`Install ${m} component${m>1?"s":""} + ${l} npm package${l>1?"s":""}?`:`Install ${m} component${m>1?"s":""}?`,R=await Le({message:b});if(ne(R)||!R){y("Installation cancelled.");return}console.log();let G=t.force??!1;for(let u of s){let{written:h,skipped:x}=await V(u,o,G,async f=>{let S=await Ne({message:`File exists: ${f}`,options:[{value:"overwrite",label:"Overwrite"},{value:"skip",label:"Skip"},{value:"all",label:"Overwrite all"}]});return ne(S)?"skip":(S==="all"&&(G=!0),S)});for(let f of h)y(`Written: ${o.componentPath}/${f}`);for(let f of x)y(`Skipped: ${f}`)}if(i.length>0){let u=De();u.start(`Installing ${i.join(", ")}`),X(i,o.packageManager)?u.stop(`Installed: ${i.join(", ")}`):(u.stop("Failed to install dependencies"),g(`Run manually: ${o.packageManager} add ${i.join(" ")}`))}console.log(),J(`Done! ${m} component${m>1?"s":""} installed.`)}async function se(e){let t=await A();if(e.json){console.log(JSON.stringify(t,null,2));return}I(),j(`Available components (${t.length})`),g();let o=new Map;for(let n of t){let s="Other";for(let[c,a]of Object.entries(k))if(a.includes(n)){s=c;break}let r=o.get(s);r?r.push(n):o.set(s,[n])}for(let[n,s]of o){g(L(C(n)));for(let r of s.sort())g(`  ${r}`);g()}y(`Use ${C("npx smoothui add <component>")} to install`)}var $=process.argv.slice(2),w=$[0];function ce(){I(),console.log("Usage: npx smoothui <command> [options]"),console.log(),console.log("Commands:"),console.log("  add [components...]   Add components to your project"),console.log("  list                  List available components"),console.log(),console.log("Options:"),console.log("  --path <path>         Custom component install path"),console.log("  --force               Overwrite existing files without asking"),console.log("  --json                Output as JSON (list command)"),console.log("  --help                Show this help message"),console.log(),console.log("Examples:"),console.log("  npx smoothui add siri-orb"),console.log("  npx smoothui add siri-orb grid-loader"),console.log("  npx smoothui add                         # Interactive mode"),console.log("  npx smoothui list")}async function Fe(){try{if(!w||w==="--help"||w==="-h"){ce();return}if(w==="add"){let e=[],t,o=!1;for(let n=1;n<$.length;n++){let s=$[n];s==="--path"&&$[n+1]?(t=$[n+1],n++):s==="--force"||s==="-f"?o=!0:s.startsWith("-")||e.push(s)}await re(e,{path:t,force:o});return}if(w==="list"||w==="ls"){let e=$.includes("--json");await se({json:e});return}P(`Unknown command: ${w}`),ce(),process.exit(1)}catch(e){P(e.message),process.exit(1)}}Fe();

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "smoothui-cli",
+  "version": "1.0.0",
+  "author": "educalvolpz",
+  "description": "CLI to install SmoothUI components - beautifully designed React components with smooth animations",
+  "private": false,
+  "license": "MIT",
+  "keywords": [
+    "cli",
+    "components",
+    "ui",
+    "react",
+    "tailwindcss",
+    "motion",
+    "framer-motion",
+    "shadcn",
+    "animations"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/educlopez/smoothui.git"
+  },
+  "homepage": "https://smoothui.dev",
+  "bugs": {
+    "url": "https://github.com/educlopez/smoothui/issues"
+  },
+  "bin": {
+    "smoothui": "dist/index.js"
+  },
+  "files": [
+    "dist/index.js"
+  ],
+  "scripts": {
+    "build": "turbo build",
+    "dev": "turbo dev",
+    "check": "ultracite check",
+    "fix": "ultracite fix",
+    "test": "turbo test",
+    "analyze": "turbo analyze",
+    "bump-deps": "npx npm-check-updates --deep -u -x shiki,next,recharts,require-in-the-middle && pnpm install",
+    "bump-ui": "npx shadcn@latest add --all --overwrite -c packages/shadcn-ui && npx shadcn@latest migrate radix -c packages/shadcn-ui",
+    "clean": "git clean -xdf node_modules"
+  },
+  "devDependencies": {
+    "@auto-it/first-time-contributor": "^11.3.0",
+    "@biomejs/biome": "2.3.12",
+    "@smoothui/data": "workspace:*",
+    "@types/node": "^24.7.2",
+    "tsup": "^8.5.0",
+    "turbo": "^2.5.8",
+    "typescript": "^5.9.3",
+    "ultracite": "^7.1.1",
+    "zod": "^4.1.12"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "packageManager": "pnpm@10.20.0",
+  "type": "module",
+  "pnpm": {
+    "overrides": {
+      "glob": ">=10.5.0",
+      "@types/react": "^19.2.7",
+      "@types/react-dom": "^19.2.3",
+      "csstype": "^3.2.3"
+    }
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.11.0",
+    "picocolors": "^1.1.1"
+  }
+}