{"_id":"@albarmox/ui","_rev":"4-0b17eac4fc43ecc67e31e1928028d37d","name":"@albarmox/ui","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@albarmox/ui","version":"1.0.0","_id":"@albarmox/ui@1.0.0","maintainers":[{"name":"albarmox","email":"moerhamsa@gmail.com"}],"bin":{"my-ui":"dist/index.js"},"dist":{"shasum":"594927fd37ea4a97393c363bb54e053b42711301","tarball":"https://registry.npmjs.org/@albarmox/ui/-/ui-1.0.0.tgz","fileCount":3,"integrity":"sha512-0w0PpGQePGv+YPA+/Yxdt10084TEEg0olo00m34WuUSgln7QJsobam1MbWscUwQyZ6Kc2TUNq2iMZqORFmJ8Gw==","signatures":[{"sig":"MEYCIQCtkUPIs39GSZQ6Qv5nhWfy/mfFXp81ityEr89GM5IPvAIhAPe3aaAJF7l9ZOzj3TxZmlx30tq9xlw30r88lPeMUove","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":3713},"main":"src/index.ts","type":"module","gitHead":"0e2a158d9f8e980a782bdb431a003523137ca3bd","scripts":{"dev":"tsx src/index.ts","build":"tsup src/index.ts --format esm --minify"},"_npmUser":{"name":"albarmox","email":"moerhamsa@gmail.com"},"_npmVersion":"10.8.1","description":"CLI untuk library UI saya","directories":{},"_nodeVersion":"20.16.0","dependencies":{"chalk":"^5.3.0","prompts":"^2.4.2","fs-extra":"^11.2.0","commander":"^12.0.0","node-fetch":"^3.3.2"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.7.0","tsup":"^8.5.1","typescript":"^5.3.3","@types/node":"^20.11.0","@types/prompts":"^2.4.9","@types/fs-extra":"^11.0.4","@types/node-fetch":"^2.6.11"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.0.0_1765772383595_0.7456396104750598","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@albarmox/ui","version":"1.0.1","_id":"@albarmox/ui@1.0.1","maintainers":[{"name":"albarmox","email":"moerhamsa@gmail.com"}],"bin":{"my-ui":"dist/index.js"},"dist":{"shasum":"1bd1efb14f89f935185df248df39a091e328c502","tarball":"https://registry.npmjs.org/@albarmox/ui/-/ui-1.0.1.tgz","fileCount":4,"integrity":"sha512-SGr3y+H1cjWYoER+t2pb3vMKeaXCXGXNE+D5mPh9WlpkovVaNUEiM2OR5HOmT/GSTjRYALZXiJh+a/IHGOQrmA==","signatures":[{"sig":"MEUCIGmFGHPthV4Sz4pK/WT+b7DcC+RBWsD6vZrxFZuq/E/GAiEApXjcId3wLxwTL9DeFGrQe3h8YnvY1H0SQjNx6sz2B0Q=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8012},"main":"src/index.ts","type":"module","gitHead":"31a8dc35079bc1827900d07419ebfe02fb6860d8","scripts":{"dev":"tsx src/index.ts","build":"tsup src/index.ts --format esm --minify"},"_npmUser":{"name":"albarmox","email":"moerhamsa@gmail.com"},"_npmVersion":"10.8.1","description":"CLI untuk library UI saya","directories":{},"_nodeVersion":"20.16.0","dependencies":{"chalk":"^5.3.0","prompts":"^2.4.2","fs-extra":"^11.2.0","commander":"^12.0.0","node-fetch":"^3.3.2"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.7.0","tsup":"^8.5.1","typescript":"^5.3.3","@types/node":"^20.11.0","@types/prompts":"^2.4.9","@types/fs-extra":"^11.0.4","@types/node-fetch":"^2.6.11"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.0.1_1765772630160_0.17477737230679513","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@albarmox/ui","version":"1.0.2","_id":"@albarmox/ui@1.0.2","maintainers":[{"name":"albarmox","email":"moerhamsa@gmail.com"}],"bin":{"my-ui":"dist/index.js"},"dist":{"shasum":"7a7e5aa430b7c4c0eac9d95d88bfcb520f732c3d","tarball":"https://registry.npmjs.org/@albarmox/ui/-/ui-1.0.2.tgz","fileCount":4,"integrity":"sha512-DXMnsx7w4vI90LRWIIVEm4zXZhXFSpfU50dAHtNSnDXHo4C2i3Hj38Iq4/lBxe9gmeOQy5qk4BzAw8NtthWQaQ==","signatures":[{"sig":"MEYCIQCuuCYi6ccc72JAJEICStEsPRutG7zwYEd5hUT4GLfzEAIhAMoXWJ1jCUmEcFFTiBbp/yvJ4uAihQYyIfrY5yiP4ydm","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8013},"main":"src/index.ts","type":"module","gitHead":"47e92d1a22d5c14f661f505d1da5bbf3be125499","scripts":{"dev":"tsx src/index.ts","build":"tsup src/index.ts --format esm --minify"},"_npmUser":{"name":"albarmox","email":"moerhamsa@gmail.com"},"_npmVersion":"10.8.1","description":"CLI untuk library UI saya","directories":{},"_nodeVersion":"20.16.0","dependencies":{"chalk":"^5.3.0","prompts":"^2.4.2","fs-extra":"^11.2.0","commander":"^12.0.0","node-fetch":"^3.3.2"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.7.0","tsup":"^8.5.1","typescript":"^5.3.3","@types/node":"^20.11.0","@types/prompts":"^2.4.9","@types/fs-extra":"^11.0.4","@types/node-fetch":"^2.6.11"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.0.2_1765779640952_0.46114584060280883","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@albarmox/ui","version":"1.0.3","description":"CLI untuk library UI saya","type":"module","main":"src/index.ts","bin":{"my-ui":"dist/index.js"},"scripts":{"dev":"tsx src/index.ts","build":"tsup src/index.ts --format esm --minify"},"dependencies":{"chalk":"^5.3.0","commander":"^12.0.0","fs-extra":"^11.2.0","node-fetch":"^3.3.2","prompts":"^2.4.2"},"devDependencies":{"@types/fs-extra":"^11.0.4","@types/node":"^20.11.0","@types/node-fetch":"^2.6.11","@types/prompts":"^2.4.9","tsup":"^8.5.1","tsx":"^4.7.0","typescript":"^5.3.3"},"_id":"@albarmox/ui@1.0.3","gitHead":"23ec6c0ffcf34e531a9239c1861e7ef3d2f423b2","_nodeVersion":"20.16.0","_npmVersion":"10.8.1","dist":{"integrity":"sha512-Q0cJezRDPA8uBt4v3ZbPAD1MIO73ob7JkRph9CNZvKadwYLOI8hDaXyESeEKTEutDP0PRdmpkcm/rikvTuH2vg==","shasum":"67540763ca9dc3f6294a47ea56a818760707cde1","tarball":"https://registry.npmjs.org/@albarmox/ui/-/ui-1.0.3.tgz","fileCount":4,"unpackedSize":6526,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCK2iFALyY+Lff6hJyKDalQw1X9YKvYpAjhNvBkJZFAuQIhAJJEf/FMTl/4RTXnecD7RHxcZ73WoVYYGxtuvcVoaA7o"}]},"_npmUser":{"name":"albarmox","email":"moerhamsa@gmail.com"},"directories":{},"maintainers":[{"name":"albarmox","email":"moerhamsa@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui_1.0.3_1765780627488_0.7349744769882487"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-15T04:19:43.526Z","modified":"2025-12-15T06:37:07.814Z","1.0.0":"2025-12-15T04:19:43.733Z","1.0.1":"2025-12-15T04:23:50.302Z","1.0.2":"2025-12-15T06:20:41.179Z","1.0.3":"2025-12-15T06:37:07.611Z"},"description":"CLI untuk library UI saya","maintainers":[{"name":"albarmox","email":"moerhamsa@gmail.com"}],"readme":"Berikut adalah draft **README.md** yang profesional dan lengkap untuk library Anda. Silakan simpan kode ini dalam file `README.md` di root folder proyek (atau di folder `packages/cli` agar muncul di halaman NPM).\n\n-----\n\n````markdown\n# @albarmox/ui\n\nKoleksi komponen UI yang didesain dengan indah, dibangun di atas **Radix UI** dan **Tailwind CSS**.\n\nIni **bukan** library komponen biasa. Anda tidak menginstallnya sebagai dependensi tunggal. Sebaliknya, Anda memilih komponen yang Anda butuhkan, dan kodenya akan langsung dicopy ke dalam proyek Anda.\n\nIni memberikan Anda kontrol penuh (ownership) atas kode tersebut untuk dimodifikasi sesuai kebutuhan desain Anda.\n\nInspired by [shadcn/ui](https://ui.shadcn.com/).\n\n## 🚀 Fitur\n\n- **Customizable:** Ubah style sesuka hati karena kodenya ada di project Anda.\n- **Accessible:** Dibangun di atas Radix UI primitives.\n- **Lightweight:** Hanya import apa yang Anda pakai.\n- **Type Safe:** Ditulis sepenuhnya dengan TypeScript.\n\n## 📦 Prasyarat\n\nSebelum menggunakan komponen ini, pastikan proyek Anda sudah terinstall **Tailwind CSS**.\n\nAnda juga perlu menyiapkan file utility untuk menangani penggabungan class.\nBuat file di `lib/utils.ts` (atau `src/lib/utils.ts`):\n\n```typescript\nimport { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}\n````\n\nDan install dependensi pendukung:\n\n```bash\nnpm install clsx tailwind-merge class-variance-authority\n```\n\n## 🛠️ Penggunaan CLI\n\nCara termudah untuk menambahkan komponen adalah menggunakan CLI. Tidak perlu clone repo, cukup jalankan perintah berikut di terminal proyek Anda.\n\n### 1\\. Tambahkan Komponen\n\nContoh untuk menambahkan tombol (**Button**):\n\n```bash\nnpx @albarmox/ui add button\n```\n\nPerintah ini akan:\n\n1. Mendownload kode komponen `button.tsx`.\n2. Menyimpannya di folder `components/ui/` proyek Anda.\n3. Memberitahu Anda jika ada dependensi tambahan yang perlu diinstall.\n\n### 2\\. Daftar Komponen yang Tersedia\n\nSaat ini komponen yang tersedia antara lain:\n\n - `button`\n - `input`\n - *(Update list ini seiring Anda menambahkan komponen baru)*\n\n-----\n\n## 💻 Contoh Penggunaan\n\nSetelah Anda menjalankan perintah `add button`, Anda bisa langsung menggunakannya seperti komponen React biasa.\n\n```tsx\nimport { Button } from \"@/components/ui/button\"\n\nexport default function Home() {\n return (\n
\n \n \n \n
\n )\n}\n```\n\n## 🎨 Theming\n\nLibrary ini menggunakan CSS Variables untuk warna. Pastikan file CSS global Anda (misal `app/globals.css`) memiliki konfigurasi warna dasar.\n\nContoh konfigurasi `:root` standar:\n\n```css\n@layer base {\n :root {\n --background: 0 0% 100%;\n --foreground: 222.2 84% 4.9%;\n --primary: 222.2 47.4% 11.2%;\n --primary-foreground: 210 40% 98%;\n /* ... tambahkan variabel lain sesuai kebutuhan */\n }\n}\n```\n\n## 🤝 Kontribusi\n\nIngin menambahkan komponen baru?\n\n1. Clone repositori ini.\n2. Buat komponen baru di `components/ui`.\n3. Jalankan `npm run build:registry` untuk mengupdate database JSON.\n4. Buat Pull Request.\n\n## 📄 Lisensi\n\nMIT License. Bebas digunakan untuk proyek personal maupun komersial.\n\n-----\n\n\\