bismillahcss
Version:
The next-gen utility-first CSS framework for modern, futuristic web development.
1 lines • 31 kB
Source Map (JSON)
{"version":3,"sources":["../src/cli.ts","../src/commands/init.ts","../src/utils/schema.ts","../src/commands/add.ts","../package.json"],"sourcesContent":["#!/usr/bin/env node\r\nimport { Command } from 'commander'\r\nimport { init } from './commands/init'\r\nimport { add } from './commands/add'\r\nimport { version } from '../package.json'\r\n\r\nconst program = new Command()\r\n\r\nprogram\r\n .name('bismillahcss')\r\n .description('Futuristic CSS framework for modern web development')\r\n .version(version)\r\n\r\nprogram.addCommand(init)\r\nprogram.addCommand(add)\r\n\r\nprogram.parse()\r\n","import { Command } from 'commander'\r\nimport prompts from 'prompts'\r\nimport path from 'path'\r\nimport fs from 'fs-extra'\r\nimport { zodSchema } from '../utils/schema'\r\nimport ora from 'ora'\r\nimport { bismillahConfigSchema } from '../utils/schema'\r\n\r\nexport const init = new Command()\r\n .name('init')\r\n .description('Initialize your bismillahcss project')\r\n .action(async () => {\r\n const response = await prompts([\r\n {\r\n type: 'text',\r\n name: 'stylePath',\r\n message: 'Where is your global CSS file?',\r\n initial: './src/index.css'\r\n },\r\n {\r\n type: 'toggle',\r\n name: 'darkMode',\r\n message: 'Enable dark mode?',\r\n initial: true,\r\n active: 'yes',\r\n inactive: 'no'\r\n }\r\n ])\r\n\r\n const spinner = ora('Initializing bismillahcss...').start()\r\n\r\n const config = {\r\n style: response.stylePath,\r\n darkMode: response.darkMode,\r\n theme: 'futuristic'\r\n }\r\n\r\n // Validate config\r\n const validated = bismillahConfigSchema.parse(config)\r\n\r\n await fs.writeJSON(path.join(process.cwd(), 'bismillah.config.json'), validated, { spaces: 2 })\r\n\r\n spinner.succeed('bismillahcss initialized successfully!')\r\n })\r\n","import { z } from 'zod'\r\n\r\nexport const bismillahConfigSchema = z.object({\r\n style: z.string().default('./src/index.css'),\r\n darkMode: z.boolean().default(true),\r\n theme: z.enum(['default', 'futuristic', 'neon']).default('futuristic'),\r\n componentsDir: z.string().default('./components'),\r\n})\r\n\r\nexport const zodSchema = bismillahConfigSchema // Alias for compatibility\r\n\r\nexport type BismillahConfig = z.infer<typeof bismillahConfigSchema>\r\n","import { Command } from 'commander'\r\nimport prompts from 'prompts'\r\nimport path from 'path'\r\nimport fs from 'fs-extra'\r\nimport ora from 'ora'\r\nimport { kleur } from '../utils/colors'\r\n\r\nconst COMPONENTS = [\r\n 'hero-ultra',\r\n 'navbar-ultra',\r\n 'feature-cards-ultra',\r\n 'sidebar-ultra',\r\n 'glow-buttons-ultra',\r\n 'dashboard-ultra',\r\n 'pricing-ultra',\r\n 'table-ultra',\r\n 'btn-glass-ultra',\r\n 'badge-neon-ultra',\r\n 'input-cyber-ultra',\r\n 'card-gradient-ultra',\r\n 'aurora-bg-elite',\r\n 'tooltip-cyber-elite',\r\n 'input-elite-ultra',\r\n 'card-float-elite',\r\n 'card-royal-elite',\r\n 'btn-royal-elite',\r\n 'card-prism-elite',\r\n 'progress-vapor-elite',\r\n 'card-vapor-elite',\r\n 'b-glass',\r\n 'b-neumorphic',\r\n 'b-skeuo',\r\n 'b-brutalist',\r\n 'b-cyber-neon',\r\n 'b-clay',\r\n 'b-aurora'\r\n]\r\n\r\nconst TEMPLATES: Record<string, string> = {\r\n 'hero-ultra': `<!-- BismillahCSS Hero Ultra -->\r\n<section class=\"b-hero-ultra\" style=\"min-height: 100vh; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at center, #1a1a2e 0%, #0f0f1a 100%); color: white; position: relative; overflow: hidden;\">\r\n <div class=\"b-container\" style=\"text-align: center; z-index: 10;\">\r\n <h1 style=\"font-size: 5rem; letter-spacing: -2px; margin-bottom: 20px; font-weight: 800; background: linear-gradient(90deg, #00f2fe 0%, #4facfe 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Beyond The Future</h1>\r\n <p style=\"font-size: 1.25rem; opacity: 0.8; max-width: 600px; margin: 0 auto 40px;\">Experience the world's most advanced design intelligence layer. Fast, accessible, and breathtakingly beautiful.</p>\r\n <button class=\"b-btn b-magnetic\" style=\"padding: 15px 40px; border-radius: 50px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: white; cursor: pointer; backdrop-filter: blur(10px); transition: all 0.3s ease;\">Get Started</button>\r\n </div>\r\n <!-- Ambient Glare -->\r\n <div class=\"b-glare\" style=\"position: absolute; width: 600px; height: 600px; background: radial-gradient(circle, rgba(0,242,254,0.1) 0%, rgba(0,0,0,0) 70%); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; pointer-events: none;\"></div>\r\n</section>`,\r\n\r\n 'navbar-ultra': `<!-- BismillahCSS Navbar Ultra -->\r\n<nav class=\"b-navbar-ultra\" style=\"position: fixed; top: 0; left: 0; right: 0; padding: 20px 0; z-index: 1000; background: rgba(15, 15, 26, 0.8); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.05);\">\r\n <div class=\"b-container\" style=\"display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\r\n <div class=\"b-brand\" style=\"font-weight: 800; font-size: 1.5rem; color: white; letter-spacing: -1px;\">Bismillah<span style=\"color: #00f2fe;\">CSS</span></div>\r\n <ul style=\"display: flex; gap: 30px; list-style: none; margin: 0; padding: 0;\">\r\n <li><a href=\"#\" style=\"color: rgba(255,255,255,0.8); text-decoration: none; font-size: 0.9rem; transition: color 0.2s;\">Features</a></li>\r\n <li><a href=\"#\" style=\"color: rgba(255,255,255,0.8); text-decoration: none; font-size: 0.9rem; transition: color 0.2s;\">Components</a></li>\r\n <li><a href=\"#\" style=\"color: rgba(255,255,255,0.8); text-decoration: none; font-size: 0.9rem; transition: color 0.2s;\">Docs</a></li>\r\n </ul>\r\n <button class=\"b-btn\" style=\"padding: 10px 24px; border-radius: 8px; background: linear-gradient(90deg, #00f2fe 0%, #4facfe 100%); color: white; border: none; cursor: pointer; font-weight: 600;\">Download</button>\r\n </div>\r\n</nav>`,\r\n\r\n 'feature-cards-ultra': `<!-- BismillahCSS Feature Cards Ultra -->\r\n<section class=\"b-feature-cards\" style=\"padding: 100px 20px; background: #0f0f1a;\">\r\n <div class=\"b-container\" style=\"max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;\">\r\n <div class=\"b-card b-spotlight\" style=\"background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); padding: 40px; border-radius: 20px; transition: transform 0.3s ease;\">\r\n <h3 style=\"color: white; font-size: 1.5rem; margin-top: 0;\">Spatial Logic</h3>\r\n <p style=\"color: rgba(255,255,255,0.6); line-height: 1.6;\">Build interfaces that understand the environment natively.</p>\r\n </div>\r\n <div class=\"b-card b-spotlight\" style=\"background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); padding: 40px; border-radius: 20px; transition: transform 0.3s ease;\">\r\n <h3 style=\"color: white; font-size: 1.5rem; margin-top: 0;\">Zero Runtime</h3>\r\n <p style=\"color: rgba(255,255,255,0.6); line-height: 1.6;\">Performance built-in from the ground up, no bloat.</p>\r\n </div>\r\n <div class=\"b-card b-spotlight\" style=\"background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05); padding: 40px; border-radius: 20px; transition: transform 0.3s ease;\">\r\n <h3 style=\"color: white; font-size: 1.5rem; margin-top: 0;\">Intent-Based</h3>\r\n <p style=\"color: rgba(255,255,255,0.6); line-height: 1.6;\">Declarative state management tied directly to visuals.</p>\r\n </div>\r\n </div>\r\n</section>`,\r\n\r\n 'sidebar-ultra': `<!-- BismillahCSS Sidebar Ultra -->\r\n<aside class=\"b-sidebar-ultra\" style=\"width: 280px; height: 100vh; background: #151522; border-right: 1px solid rgba(255,255,255,0.05); padding: 30px;\">\r\n <div class=\"b-brand\" style=\"color: white; font-weight: bold; font-size: 1.2rem; margin-bottom: 40px;\">Bismillah System</div>\r\n <ul style=\"list-style: none; padding: 0; display: flex; flex-direction: column; gap: 15px;\">\r\n <li><a href=\"#\" style=\"color: white; text-decoration: none; display: flex; align-items: center; padding: 10px 15px; border-radius: 8px; background: rgba(0,242,254,0.1);\">Overview</a></li>\r\n <li><a href=\"#\" style=\"color: rgba(255,255,255,0.5); text-decoration: none; display: flex; align-items: center; padding: 10px 15px; border-radius: 8px; transition: background 0.2s;\">Analytics</a></li>\r\n <li><a href=\"#\" style=\"color: rgba(255,255,255,0.5); text-decoration: none; display: flex; align-items: center; padding: 10px 15px; border-radius: 8px; transition: background 0.2s;\">Settings</a></li>\r\n </ul>\r\n</aside>`,\r\n\r\n 'glow-buttons-ultra': `<!-- BismillahCSS Glow Buttons Ultra -->\r\n<div class=\"b-glow-buttons\" style=\"padding: 50px; display: flex; gap: 20px; justify-content: center; background: #0f0f1a;\">\r\n <button class=\"b-btn b-glow\" style=\"position: relative; padding: 15px 40px; font-size: 1rem; font-weight: bold; color: white; background: #111; border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; cursor: pointer; overflow: hidden; box-shadow: 0 0 20px rgba(0,242,254,0.2);\">\r\n Initialize Core\r\n </button>\r\n <button class=\"b-btn b-glow-secondary\" style=\"position: relative; padding: 15px 40px; font-size: 1rem; font-weight: bold; color: white; background: transparent; border: 1px solid #00f2fe; border-radius: 8px; cursor: pointer; overflow: hidden; box-shadow: inset 0 0 20px rgba(0,242,254,0.1);\">\r\n Secondary Protocol\r\n </button>\r\n</div>`,\r\n\r\n 'dashboard-ultra': `<!-- BismillahCSS Dashboard Ultra -->\r\n<div class=\"b-dashboard-ultra\" style=\"display: grid; grid-template-columns: 280px 1fr; min-height: 100vh; background: #0f0f1a; color: white;\">\r\n <aside style=\"border-right: 1px solid rgba(255,255,255,0.05); padding: 20px;\">\r\n <!-- Inject Sidebar Here -->\r\n <h3 style=\"margin-top: 0; font-size: 1rem; opacity: 0.5; text-transform: uppercase;\">Menu</h3>\r\n </aside>\r\n <main style=\"padding: 40px;\">\r\n <header style=\"margin-bottom: 40px; display: flex; justify-content: space-between; align-items: center;\">\r\n <h1 style=\"margin: 0;\">Command Center</h1>\r\n <div style=\"width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #00f2fe, #4facfe);\"></div>\r\n </header>\r\n <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 40px;\">\r\n <div style=\"background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05); padding: 30px; border-radius: 15px;\">\r\n <p style=\"margin: 0 0 10px; opacity: 0.6;\">Total Volume</p>\r\n <h2 style=\"margin: 0; font-size: 2.5rem;\">$1.2M</h2>\r\n </div>\r\n </div>\r\n </main>\r\n</div>`,\r\n\r\n 'pricing-ultra': `<!-- BismillahCSS Pricing Ultra -->\r\n<section class=\"b-pricing-ultra\" style=\"padding: 100px 20px; background: #050507; color: white;\">\r\n <div class=\"b-container\" style=\"max-width: 1200px; margin: 0 auto;\">\r\n <div style=\"text-align: center; margin-bottom: 60px;\">\r\n <h2 style=\"font-size: 3rem; margin: 0; background: linear-gradient(90deg, #00f2fe, #4facfe); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\">Premium Tiers</h2>\r\n </div>\r\n <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;\">\r\n <div class=\"bismillah-pricing-ultra\">\r\n <h3>Pro Tier</h3>\r\n <div class=\"price\">$49<span style=\"font-size: 1rem; color: rgba(255,255,255,0.5);\">/mo</span></div>\r\n <ul style=\"list-style: none; padding: 0; text-align: left; margin: 30px 0;\">\r\n <li style=\"margin-bottom: 10px; color: rgba(255,255,255,0.8);\">✓ Advanced Analytics</li>\r\n <li style=\"margin-bottom: 10px; color: rgba(255,255,255,0.8);\">✓ Premium Support</li>\r\n </ul>\r\n <button class=\"bismillah-btn-neon\" style=\"width: 100%;\">Select Plan</button>\r\n </div>\r\n <!-- More tiers... -->\r\n </div>\r\n </div>\r\n</section>`,\r\n\r\n 'table-ultra': `<!-- BismillahCSS Table Ultra -->\r\n<div class=\"b-table-container\" style=\"padding: 40px; background: #0a0a0c;\">\r\n <table class=\"bismillah-table-ultra\">\r\n <thead>\r\n <tr>\r\n <th>System</th>\r\n <th>Status</th>\r\n <th>Latency</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr>\r\n <td>Core Engine</td>\r\n <td><span style=\"color: #00f2ff;\">Online</span></td>\r\n <td>12ms</td>\r\n </tr>\r\n <tr>\r\n <td>Data Layer</td>\r\n <td><span style=\"color: #00f2ff;\">Online</span></td>\r\n <td>8ms</td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n</div>`,\r\n\r\n 'btn-glass-ultra': `<!-- BismillahCSS Glass Button -->\r\n<button class=\"bismillah-btn-glass\">\r\n Elevate Experience\r\n</button>`,\r\n\r\n 'badge-neon-ultra': `<!-- BismillahCSS Neon Badges -->\r\n<div style=\"display: flex; gap: 10px; padding: 20px;\">\r\n <span class=\"bismillah-badge-neon\">Active</span>\r\n <span class=\"bismillah-badge-neon success\">Deployed</span>\r\n <span class=\"bismillah-badge-neon warning\">Pending</span>\r\n</div>`,\r\n\r\n 'input-cyber-ultra': `<!-- BismillahCSS Cyber Input -->\r\n<div style=\"padding: 20px; max-width: 400px;\">\r\n <label style=\"color: rgba(255,255,255,0.5); display: block; margin-bottom: 8px; font-size: 0.8rem;\">Access Token</label>\r\n <input type=\"text\" class=\"bismillah-input-cyber\" placeholder=\"Enter secure key...\">\r\n</div>`,\r\n\r\n 'card-gradient-ultra': `<!-- BismillahCSS Gradient Card -->\r\n<div class=\"b-container\" style=\"padding: 40px; max-width: 500px;\">\r\n <div class=\"bismillah-card-gradient\">\r\n <div class=\"bismillah-card-gradient-inner\">\r\n <h3 style=\"color: white; margin-top: 0;\">Neural Interface</h3>\r\n <p style=\"color: rgba(255,255,255,0.6);\">Connect your consciousness to the global grid with zero latency.</p>\r\n <button class=\"bismillah-btn-glass\" style=\"width: 100%; margin-top: 20px;\">Initiate Link</button>\r\n </div>\r\n </div>\r\n</div>`,\r\n\r\n 'aurora-bg-elite': `<!-- BismillahCSS Aurora Elite Background -->\r\n<div class=\"bismillah-aurora-bg\" style=\"min-height: 500px; display: flex; align-items: center; justify-content: center; color: white; text-align: center; padding: 40px;\">\r\n <div style=\"z-index: 1;\">\r\n <h1 style=\"font-size: 3.5rem; margin-bottom: 20px;\">Aurora Architecture</h1>\r\n <p style=\"opacity: 0.7; max-width: 500px;\">Adaptive ambient lighting that evolves with your interface state.</p>\r\n </div>\r\n</div>`,\r\n\r\n 'tooltip-cyber-elite': `<!-- BismillahCSS Cyber Tooltip -->\r\n<div style=\"padding: 100px; display: flex; justify-content: center; background: #050507;\">\r\n <span class=\"bismillah-tooltip-cyber\" data-tooltip=\"Quantum Decryption Protocol Active\" style=\"color: white; border-bottom: 1px dashed #00f2ff; padding: 4px;\">\r\n Hover for System Status\r\n </span>\r\n</div>`,\r\n\r\n 'input-elite-ultra': `<!-- BismillahCSS Elite Input -->\r\n<div style=\"padding: 40px; max-width: 400px; background: #050507; border-radius: 20px;\">\r\n <div class=\"bismillah-input-container-elite\">\r\n <input type=\"text\" class=\"bismillah-input-elite\" placeholder=\"Command identity...\">\r\n <div class=\"bismillah-input-elite-border\"></div>\r\n </div>\r\n</div>`,\r\n\r\n 'card-float-elite': `<!-- BismillahCSS Floating Glass Card -->\r\n<div style=\"padding: 60px; background: #050507; display: flex; justify-content: center;\">\r\n <div class=\"bismillah-card-float\" style=\"max-width: 350px;\">\r\n <div style=\"width: 80px; height: 80px; background: rgba(0,242,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; border: 1px solid rgba(0,242,255,0.3);\">\r\n <span style=\"color: #00f2ff; font-size: 2rem;\">⚡</span>\r\n </div>\r\n <h3 style=\"color: white; margin-top: 0;\">Levitational Design</h3>\r\n <p style=\"color: rgba(255,255,255,0.5); line-height: 1.6;\">Interfaces that defy standard gravity physics.</p>\r\n </div>\r\n</div>`,\r\n\r\n 'card-royal-elite': `<!-- BismillahCSS Royal Card -->\r\n<div style=\"padding: 60px; background: #050507; display: flex; justify-content: center;\">\r\n <div class=\"bismillah-card-royal\" style=\"max-width: 400px;\">\r\n <div class=\"bismillah-header-royal\">\r\n <h2 class=\"bismillah-text-silk\" style=\"font-size: 2rem;\">Imperial</h2>\r\n </div>\r\n <p style=\"color: rgba(255,255,255,0.7); line-height: 1.8; font-size: 1.1rem;\">A design language curated for the elite. Silk gradients meet golden ambient light.</p>\r\n <button class=\"bismillah-btn-royal\" style=\"margin-top: 30px;\">Enter Sanctuary</button>\r\n </div>\r\n</div>`,\r\n\r\n 'btn-royal-elite': `<!-- BismillahCSS Royal Silk Button -->\r\n<div style=\"padding: 40px; background: #050507; display: flex; justify-content: center;\">\r\n <button class=\"bismillah-btn-royal\">Imperial Action</button>\r\n</div>`,\r\n\r\n 'card-prism-elite': `<!-- BismillahCSS Prism Geometric Card -->\r\n<div style=\"padding: 60px; background: #0a0a0c; display: flex; justify-content: center;\">\r\n <div class=\"bismillah-card-prism\" style=\"max-width: 350px;\">\r\n <span class=\"bismillah-label-prism\">Core v3.0</span>\r\n <h3 style=\"color: white; margin-top: 20px;\">Prism Architecture</h3>\r\n <p style=\"color: rgba(255,255,255,0.6); line-height: 1.6;\">Crystalline geometric design patterns for high-fidelity data interfaces.</p>\r\n <button class=\"bismillah-btn-prism\" style=\"margin-top: 20px;\">Access Node</button>\r\n </div>\r\n</div>`,\r\n\r\n 'progress-vapor-elite': `<!-- BismillahCSS Vapor Progress -->\r\n<div style=\"padding: 40px; background: #0a0a0c;\">\r\n <div class=\"bismillah-progress-vapor\">\r\n <div class=\"bismillah-progress-vapor-bar\"></div>\r\n </div>\r\n</div>`,\r\n\r\n 'card-vapor-elite': `<!-- BismillahCSS Vapor Card -->\r\n<div style=\"padding: 60px; background: #0a0a0c; display: flex; justify-content: center;\">\r\n <div class=\"bismillah-card-vapor\" style=\"max-width: 350px;\">\r\n <h3 style=\"color: white; margin-top: 0;\">Ethereal Logic</h3>\r\n <p style=\"color: rgba(255,255,255,0.4); line-height: 1.8;\">Lightweight design language with blurred radial ambient lighting.</p>\r\n <button class=\"bismillah-btn-vapor\">Initiate Phase</button>\r\n </div>\r\n</div>`,\r\n\r\n 'b-glass': `<!-- BismillahCSS Glassmorphism Primitive -->\r\n<div class=\"b-glass p-12 text-center rounded-3xl border border-white/20\">\r\n <h2 class=\"text-3xl font-bold text-white\">Glass Surface</h2>\r\n <p class=\"text-white/70\">Frosted glass effect with deep backdrop blur.</p>\r\n</div>`,\r\n\r\n 'b-neumorphic': `<!-- BismillahCSS Neumorphism Primitive -->\r\n<div class=\"b-neumorphic p-12 text-center rounded-3xl\">\r\n <h2 class=\"text-3xl font-bold text-slate-700\">Soft UI</h2>\r\n <button class=\"b-neumorphic-inset px-6 py-2 mt-4 font-bold text-slate-600\">PRESSED STATE</button>\r\n</div>`,\r\n\r\n 'b-skeuo': `<!-- BismillahCSS Skeuomorphism Primitive -->\r\n<div class=\"b-skeuo p-12 text-center rounded-3xl\">\r\n <h2 class=\"text-3xl font-bold italic text-slate-800\">Physical Realism</h2>\r\n <div class=\"h-10 w-10 bg-slate-200 rounded-full border border-slate-400 shadow-xl mx-auto mt-4\"></div>\r\n</div>`,\r\n\r\n 'b-brutalist': `<!-- BismillahCSS Brutalism Primitive -->\r\n<div class=\"b-brutalist p-12 bg-yellow-400 border-4 border-black\">\r\n <h2 class=\"text-3xl font-black uppercase text-black\">Raw Core</h2>\r\n <p class=\"font-bold border-2 border-black inline-block px-2 mt-2\">VERSION 3.0</p>\r\n</div>`,\r\n\r\n 'b-cyber-neon': `<!-- BismillahCSS Cyber Neon Primitive -->\r\n<div class=\"b-cyber-neon p-12 bg-black border-2 border-cyan-400 rounded-lg\">\r\n <h2 class=\"text-3xl font-mono text-cyan-400 uppercase tracking-tighter\">Cyber Link Active</h2>\r\n <div class=\"grid grid-cols-3 gap-2 mt-4\">\r\n <div class=\"h-1 bg-cyan-400/30 animate-pulse\"></div>\r\n <div class=\"h-1 bg-cyan-400\"></div>\r\n <div class=\"h-1 bg-cyan-400/30\"></div>\r\n </div>\r\n</div>`,\r\n\r\n 'b-clay': `<!-- BismillahCSS Claymorphism Primitive -->\r\n<div class=\"b-clay p-12 text-center bg-blue-400 rounded-[40px] text-white\">\r\n <h2 class=\"text-3xl font-bold\">Clay Softness</h2>\r\n <p class=\"mt-2 opacity-80\">Smooth inner shadows for high-tactile depth.</p>\r\n</div>`,\r\n\r\n 'b-aurora': `<!-- BismillahCSS Aurora Wave Primitive -->\r\n<div class=\"b-aurora p-12 rounded-3xl text-white text-center min-h-[200px] flex flex-col justify-center\">\r\n <h2 class=\"text-3xl font-black italic\">Northern Lights</h2>\r\n <p class=\"mt-2 opacity-90\">Dynamic animated mesh gradients.</p>\r\n</div>`\r\n};\r\n\r\nexport const add = new Command()\r\n .name('add')\r\n .description('Add a futuristic component to your project')\r\n .argument('[component]', 'the component to add')\r\n .action(async (component: string | undefined) => {\r\n let componentToAdd = component\r\n\r\n if (!componentToAdd) {\r\n const response = await prompts({\r\n type: 'select',\r\n name: 'component',\r\n message: 'Which component do you want to add?',\r\n choices: COMPONENTS.map(c => ({ title: c, value: c }))\r\n })\r\n componentToAdd = response.component\r\n }\r\n\r\n if (!componentToAdd || !COMPONENTS.includes(componentToAdd)) {\r\n console.error(kleur.red(`Error: Component ${componentToAdd} not found.`))\r\n return\r\n }\r\n\r\n const spinner = ora(`Adding ${componentToAdd}...`).start()\r\n\r\n const destPath = path.join(process.cwd(), 'components', `${componentToAdd}.html`)\r\n\r\n await fs.ensureDir(path.dirname(destPath))\r\n\r\n try {\r\n const templateCode = TEMPLATES[componentToAdd] || `<!-- ${componentToAdd} Placeholder -->`\r\n await fs.writeFile(destPath, templateCode, 'utf-8')\r\n spinner.succeed(`${componentToAdd} added successfully to ./components/${componentToAdd}.html`)\r\n } catch (err) {\r\n spinner.fail(`Failed to add ${componentToAdd}. Make sure you are in the framework directory or have installed the package correctly.`)\r\n console.error(err)\r\n }\r\n })\r\n","{\r\n \"name\": \"bismillahcss\",\r\n \"version\": \"3.1.2\",\r\n \"description\": \"The next-gen utility-first CSS framework for modern, futuristic web development.\",\r\n \"main\": \"./dist/index.js\",\r\n \"module\": \"./dist/index.mjs\",\r\n \"types\": \"./dist/index.d.ts\",\r\n \"bin\": {\r\n \"bismillahcss\": \"dist/cli.js\"\r\n },\r\n \"exports\": {\r\n \".\": {\r\n \"import\": \"./dist/index.mjs\",\r\n \"require\": \"./dist/index.js\",\r\n \"types\": \"./dist/index.d.ts\"\r\n },\r\n \"./package.json\": \"./package.json\",\r\n \"./bismillah.css\": \"./dist/bismillah.css\",\r\n \"./core/*\": \"./dist/core/*\",\r\n \"./components/*\": \"./dist/components/*\"\r\n },\r\n \"files\": [\r\n \"dist\",\r\n \"src\",\r\n \"ready-made-components\"\r\n ],\r\n \"scripts\": {\r\n \"dev\": \"tsup --watch\",\r\n \"build\": \"tsup\",\r\n \"lint\": \"tsc --noEmit\",\r\n \"clean\": \"rimraf dist\",\r\n \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\r\n },\r\n \"keywords\": [\r\n \"css\",\r\n \"framework\",\r\n \"utility-first\",\r\n \"futuristic\",\r\n \"glassmorphism\",\r\n \"neon\",\r\n \"bismillah\",\r\n \"modern-ui\",\r\n \"cli\"\r\n ],\r\n \"author\": \"Mubashir Ali\",\r\n \"license\": \"MIT\",\r\n \"repository\": {\r\n \"type\": \"git\",\r\n \"url\": \"git+https://github.com/BismillahCSS/bismillahcss-framework.git\"\r\n },\r\n \"dependencies\": {\r\n \"@babel/core\": \"^7.23.0\",\r\n \"@babel/parser\": \"^7.23.0\",\r\n \"@babel/plugin-transform-typescript\": \"^7.22.15\",\r\n \"@babel/preset-typescript\": \"^7.23.0\",\r\n \"@dotenvx/dotenvx\": \"^1.0.0\",\r\n \"autoprefixer\": \"^10.4.27\",\r\n \"browserslist\": \"^4.22.1\",\r\n \"commander\": \"^11.1.0\",\r\n \"cosmiconfig\": \"^8.3.6\",\r\n \"cssnano\": \"^6.1.2\",\r\n \"dedent\": \"^1.5.1\",\r\n \"deepmerge\": \"^4.3.1\",\r\n \"diff\": \"^5.1.0\",\r\n \"execa\": \"^8.0.1\",\r\n \"fast-glob\": \"^3.3.3\",\r\n \"fs-extra\": \"^11.3.4\",\r\n \"fuzzysort\": \"^2.0.4\",\r\n \"https-proxy-agent\": \"^7.0.2\",\r\n \"kleur\": \"^4.1.5\",\r\n \"msw\": \"^2.0.1\",\r\n \"node-fetch\": \"^3.3.2\",\r\n \"open\": \"^9.1.0\",\r\n \"ora\": \"^7.0.1\",\r\n \"postcss\": \"^8.4.31\",\r\n \"postcss-selector-parser\": \"^6.0.13\",\r\n \"prompts\": \"^2.4.2\",\r\n \"recast\": \"^0.23.4\",\r\n \"stringify-object\": \"^4.0.1\",\r\n \"tailwind-merge\": \"^1.14.0\",\r\n \"ts-morph\": \"^20.0.0\",\r\n \"tsconfig-paths\": \"^4.2.0\",\r\n \"validate-npm-package-name\": \"^5.0.0\",\r\n \"zod\": \"^3.25.76\",\r\n \"zod-to-json-schema\": \"^3.21.4\"\r\n },\r\n \"devDependencies\": {\r\n \"@antfu/ni\": \"^0.21.8\",\r\n \"@types/babel__core\": \"^7.20.2\",\r\n \"@types/fs-extra\": \"^11.0.2\",\r\n \"@types/node\": \"^20.19.37\",\r\n \"@types/prompts\": \"^2.4.5\",\r\n \"@types/stringify-object\": \"^4.0.2\",\r\n \"rimraf\": \"^5.0.5\",\r\n \"tsup\": \"^7.2.0\",\r\n \"type-fest\": \"^4.4.0\",\r\n \"typescript\": \"^5.9.3\"\r\n }\r\n}"],"mappings":"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","names":["Command","Command","prompts","path","fs","ora","z","bismillahConfigSchema","init","Command","response","prompts","spinner","ora","config","validated","bismillahConfigSchema","fs","path","Command","prompts","path","fs","ora","COMPONENTS","TEMPLATES","add","Command","component","componentToAdd","prompts","c","kleur","spinner","ora","destPath","path","fs","templateCode","err","version","program","Command","version","init","add"]}