{"_id":"@a5gard/midgardr-cli","_rev":"3-6015945acfe8fea27c42f53f80d9224f","name":"@a5gard/midgardr-cli","dist-tags":{"latest":"1.0.22"},"versions":{"1.0.20":{"name":"@a5gard/midgardr-cli","version":"1.0.20","keywords":["ui","components","react","tailwind","cli"],"author":{"name":"Catalyst Software"},"license":"MIT","_id":"@a5gard/midgardr-cli@1.0.20","maintainers":[{"name":"8an3","email":"skylerzanth@gmail.com"}],"bin":{"catalyst-ui":"dist/index.js"},"dist":{"shasum":"4f5ddcec6d1d15c8b5ac0f94488e6b43f8a07cda","tarball":"https://registry.npmjs.org/@a5gard/midgardr-cli/-/midgardr-cli-1.0.20.tgz","fileCount":1991,"integrity":"sha512-eMs2ciG+ir3BIK610rJLVuxfjGkPGwR8LrL9UW4OHMwynvEdWLHmzQevfNjUJLqx7jM0+PWSTMjUzTABKm4cgg==","signatures":[{"sig":"MEUCIHHtkHvYviD7YlJRQTmo4O5lDcyzONOlq0Kn0HJ1dq7JAiEAwh1kn53E0EJpTCa7T6PxOj25gS94fRCbLXymGznzp4k=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":37016873},"main":"dist/index.js","type":"module","engines":{"node":">=18.0.0"},"gitHead":"91869a1a0fbe3aabec289fc559e118db6b932dc2","private":false,"scripts":{"dev":"tsx src/index.ts","test":"node dist/index.js","build":"bun ./scripts/build2.ts","buildall":"bun ./scripts/build.ts","prepublishOnly":"pnpm run build"},"_npmUser":{"name":"8an3","email":"skylerzanth@gmail.com"},"_npmVersion":"11.6.0","description":"MIDGARDR UI Component Library CLI","directories":{},"_nodeVersion":"20.19.2","dependencies":{"ora":"^7.0.1","chalk":"^5.3.0","inquirer":"^9.2.12","commander":"^11.1.0","javascript-obfuscator":"^5.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.7.0","esbuild":"^0.19.10","@types/bun":"^1.3.6","typescript":"^5.3.3","@types/node":"^20.10.5","@types/inquirer":"^9.0.7"},"_npmOperationalInternal":{"tmp":"tmp/midgardr-cli_1.0.20_1769723066750_0.3068960179906324","host":"s3://npm-registry-packages-npm-production"}},"1.0.21":{"name":"@a5gard/midgardr-cli","version":"1.0.21","keywords":["ui","components","react","tailwind","cli"],"author":{"name":"Catalyst Software"},"license":"MIT","_id":"@a5gard/midgardr-cli@1.0.21","maintainers":[{"name":"8an3","email":"skylerzanth@gmail.com"}],"bin":{"midgardr":"dist/index.js"},"dist":{"shasum":"528854c40c6e82fe431e3cbbbb1905fdbaa929d1","tarball":"https://registry.npmjs.org/@a5gard/midgardr-cli/-/midgardr-cli-1.0.21.tgz","fileCount":1991,"integrity":"sha512-Rin+QB4oiV6tSfvpgXdPIL7z+OoqRgWpNom9JSXQNalRWnqnsiRnOujXLOYZy6SJkVDIblqIEjJ77U64zlgfyA==","signatures":[{"sig":"MEQCIC+ZvalNZ27yzEb/tIdV7KnXCp/c3bTZTziQZcungaj6AiAoW+82otpiuqahoid1IVuL4fTvW2EXBWY9hr2JoG+LxA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":37016848},"main":"dist/index.js","type":"module","engines":{"node":">=18.0.0"},"gitHead":"603b281e0cc54090617fb7c3d3235d7d013fe6e1","private":false,"scripts":{"dev":"tsx src/index.ts","test":"node dist/index.js","build":"bun ./scripts/build2.ts","buildall":"bun ./scripts/build.ts","prepublishOnly":"pnpm run build"},"_npmUser":{"name":"8an3","email":"skylerzanth@gmail.com"},"_npmVersion":"11.6.0","description":"MIDGARDR UI Component Library CLI","directories":{},"_nodeVersion":"20.19.2","dependencies":{"ora":"^7.0.1","chalk":"^5.3.0","inquirer":"^9.2.12","commander":"^11.1.0","javascript-obfuscator":"^5.1.0"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"^4.7.0","esbuild":"^0.19.10","@types/bun":"^1.3.6","typescript":"^5.3.3","@types/node":"^20.10.5","@types/inquirer":"^9.0.7"},"_npmOperationalInternal":{"tmp":"tmp/midgardr-cli_1.0.21_1770140337015_0.5535721184606861","host":"s3://npm-registry-packages-npm-production"}},"1.0.22":{"name":"@a5gard/midgardr-cli","version":"1.0.22","description":"MIDGARDR UI Component Library CLI","type":"module","main":"dist/index.js","midgardr-sdk":{"repo":"midgardr-cli","owner":"@a5gard","branch":"main","private":false,"packageManager":"pnpm","baldr":false,"midgardr":false,"midgardrLevel":"none","postcss":false,"theme":"blue","preset":"MODERN","font":"Geist","mode":"dark","tailwind":false,"installPostInit":false,"presetNgin":"none","license":"mit","changelogTemplate":"awesome","readmeTemplate":"awesome","path":"f:/devstack/","hashImports":false,"sourceDirectory":"src","ensureBaseGitignore":true,"autoPushRepo":false,"updatedAt":"2026-03-09T01:47:02.628Z"},"bifrost":{"repo":"midgardr-cli","owner":"@a5gard","branch":"main","private":false,"license":"mit","packageManager":"npm","autoPushRepo":false,"baldr":false,"midgardr":false,"midgardrLevel":"none","postcss":false,"tailwind":false,"installPostInit":false,"presetNgin":"ngin","readmeTemplate":"awesome","ensureBaseGitignore":false},"private":false,"bin":{"midgardr":"dist/index.js"},"scripts":{"build":"bun ./scripts/build2.ts","buildall":"bun ./scripts/build.ts","dev":"tsx src/index.ts","prepublishOnly":"pnpm run build","test":"node dist/index.js"},"keywords":["ui","components","react","tailwind","cli"],"author":{"name":"Catalyst Software"},"license":"MIT","dependencies":{"chalk":"^5.3.0","commander":"^11.1.0","inquirer":"^9.2.12","javascript-obfuscator":"^5.1.0","ora":"^7.0.1"},"devDependencies":{"@types/bun":"^1.3.6","@types/inquirer":"^9.0.7","@types/node":"^20.10.5","esbuild":"^0.19.10","tsx":"^4.7.0","typescript":"^5.3.3"},"engines":{"node":">=18.0.0"},"_id":"@a5gard/midgardr-cli@1.0.22","gitHead":"84754b6d02fb7e74e28eac93aa637a62c02d323b","_nodeVersion":"20.19.2","_npmVersion":"11.6.0","dist":{"integrity":"sha512-TcTWRiWFkNCXQoeRJ32A9RWT7Ok/TOAsTupozae+99rOy/w/UgxWg+ENQCu2Qmhb87WiU9VRgX8yU0j3Z/eB4Q==","shasum":"b3842239e9fc5b211df7983f11ae38527d7012f8","tarball":"https://registry.npmjs.org/@a5gard/midgardr-cli/-/midgardr-cli-1.0.22.tgz","fileCount":2354,"unpackedSize":30550256,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDaFw2PeSSSnMQLZKlsVmzyUjDe8kYb0j6F9oqPv7QdxQIhAMZzxc5lahXJKPtJig09pEgxiqrNZsR4KhfDAyoQYM8N"}]},"_npmUser":{"name":"8an3","email":"skylerzanth@gmail.com"},"directories":{},"maintainers":[{"name":"8an3","email":"skylerzanth@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/midgardr-cli_1.0.22_1773697544148_0.7535660202791421"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-29T21:44:26.670Z","modified":"2026-03-16T21:45:44.602Z","1.0.20":"2026-01-29T21:44:27.110Z","1.0.21":"2026-02-03T17:38:57.386Z","1.0.22":"2026-03-16T21:45:44.471Z"},"author":{"name":"Catalyst Software"},"license":"MIT","keywords":["ui","components","react","tailwind","cli"],"description":"MIDGARDR UI Component Library CLI","maintainers":[{"name":"8an3","email":"skylerzanth@gmail.com"}],"readme":"# @a5gard/midgardr-cli\r\n\r\nA comprehensive React components library with 3100+ production-ready components for building modern web applications.\r\n\r\n> [!IMPORTANT]\r\n>\r\n> At this time, this package can be used as a standalone cli tool. Over time this will change and eventually will only be meant to be used through the already in-place vscode extension as it will serve the role of an installer and database for the components. The primary reasoning it to just keep the overall size of the extension down as it is already climbing. \r\n>\r\n> So if you are looking to use this package I implore you to use the extension named 'DevStack' that you can find in vscodes extensions or on the [marketplace](https://marketplace.visualstudio.com/items?itemName=skyler.ocrmnav).\r\n\r\n```javascript\r\nimport { Command, CommandGroup, CommandItem, CommandList, cn } from '#midgardr'\r\nimport { X } from '#baldr'\r\n```\r\nSelecting the full installation will also configure your project for this use as well.\r\n\r\n## Installation\r\n\r\n```sh\r\nnpm install -g @a5gard/midgardr-cli\r\n```\r\n\r\nInstalling allows the usage of \r\n\r\n```sh\r\nmidgardr button\r\n```\r\n\r\nIf you would rather not install and just trigger each feature\r\n\r\n```bash\r\nbunx @a5gard/midgardr-cli button\r\n```\r\n\r\n\r\n### Quick Start\r\n\r\nInstall a single component:\r\n\r\n```bash\r\nbunx @a5gard/midgardr-cli button\r\n```\r\n\r\n### Menu\r\n\r\n```bash\r\nbunx @a5gard/midgardr-cli\r\n```\r\n\r\nThen select from the interactive menu:\r\n- **Full Install** - Components + Libraries + Tailwind + PostCSS\r\n- **Full Install with Ngin** - Includes 18,000 Tailwind config presets\r\n- **Components + Libraries** - Install without config files\r\n- **Configure Tailwind + PostCSS** - Setup only\r\n- **Configure Tailwind + PostCSS w/ ngin** - Setup with preset that contains 18,000 configurations set with only 3 variables\r\n- **Select Components** - Choose specific components\r\n- **Create Config** - Creates config file that can be used in conjuction with the bunx command\r\n\r\n### Flags\r\n\r\nRunning the command with flags\r\n- `full-w-ngin` - installs all, includes preset ngin\r\n- `full-install` - full install\r\n- `select-components` - provides a list with toggable items to install\r\n- `comps-and-libs` - just installs the components and required libraries\r\n- `create-config` - create config wizard\r\n- `configure-tailwind-postcss` - installs tailwind v3, postcss and configures each for you\r\n- `configure-ngin` - before installing ngin, prompts you for 3 values, creating the file with them instead of having to manually editing them\r\n\r\n\r\n## Premium Access\r\n\r\nUnlock the full component library with a premium access key:\r\n\r\n\r\nPremium features include:\r\n- Access to all 2000+ components\r\n- Advanced interactive components\r\n- Specialized tools and utilities\r\n- Priority updates\r\n\r\n## Component Categories\r\n\r\n### Primitives\r\nCore UI components following modern design patterns:\r\n- Button, Input, Select, Checkbox, Radio, Switch\r\n- Dialog, Sheet, Popover, Tooltip\r\n- Card, Badge, Avatar, Separator\r\n- Accordion, Tabs, Collapsible\r\n- And more...\r\n\r\n### Forms\r\nAdvanced form components with validation:\r\n- Input variants (masked, OTP, password)\r\n- Date pickers and calendars\r\n- File uploads and dropzone\r\n- Toggle groups and button groups\r\n\r\n### Data Display\r\nComponents for presenting data:\r\n- Tables with sorting and filtering\r\n- Charts and data visualizations\r\n- Timeline and progress indicators\r\n- Empty states and skeletons\r\n\r\n### Navigation\r\nNavigation and layout components:\r\n- Menus and navigation bars\r\n- Breadcrumbs and pagination\r\n- Sidebars and dual sidebars\r\n- Command palette\r\n\r\n### Feedback\r\nUser feedback components:\r\n- Alerts and notifications\r\n- Toast messages\r\n- Loading spinners\r\n- Progress indicators\r\n\r\n### Interactive\r\nAdvanced interactive elements:\r\n- Drag and drop\r\n- Resizable panels\r\n- Image zoom and crop\r\n- Code editors with syntax highlighting\r\n\r\n### Utilities\r\nHelper components and hooks:\r\n- Custom hooks (useTimer, useCopyToClipboard, etc.)\r\n- Auth utilities\r\n- Server middleware\r\n- Context management\r\n\r\n## Package Managers\r\n\r\nCatalyst UI automatically detects and uses your package manager:\r\n- npm\r\n- pnpm\r\n- yarn\r\n\r\n## Configuration\r\n\r\n### Config File (Optional)\r\n\r\nCreate a `config.midgardr` file in your project root to customize installation behavior:\r\n\r\n```bash\r\nbunx @a5gard/midgardr-cli\r\n# Select: Create Config File\r\n```\r\n\r\nOr create it manually:\r\n\r\n```jsonc\r\n{\r\n    \"theme\": \"blue\",                      // presetting the theme\r\n    \"preset\": \"MODERN\",                   // presetting the preset\r\n    \"font\": \"Geist\",                      // presetting the font\r\n    \"all-components\": false,              // auto-install all on `bunx @a5gard/midgardr-cli`\r\n    \"install-tailwind\": true,             // install Tailwind dependencies\r\n    \"configure-tailwind\": true,           // create and paste .css file\r\n    \"configure-tailwind.config\": true,    // true, \"ngin\", or false\r\n    \"install-postcss\": true,              // install PostCSS dependencies\r\n    \"configure-postcss\": true,            // create postcss.config.js\r\n    \"css\": \"app/routes/styles/tailwind.css\",  // CSS file location\r\n    \"components\": \"app/\"                  // components folder location\r\n}\r\n```\r\n\r\n### Config Options Explained\r\n\r\n| Option | Type | Default | Description |\r\n|--------|------|---------|-------------|\r\n| `theme` | string | `\"blue\"` | Default theme color |\r\n| `preset` | string | `\"MODERN\"` | Default preset style |\r\n| `font` | string | `\"Geist\"` | Default font family |\r\n| `all-components` | boolean | `false` | Auto-install all components when running `bunx @a5gard/midgardr-cli` |\r\n| `install-tailwind` | boolean | `true` | Install Tailwind CSS and related dependencies |\r\n| `configure-tailwind` | boolean | `true` | Create the tailwind.css file at specified location |\r\n| `configure-tailwind.config` | boolean\\|\"ngin\" | `true` | `true` for basic config, `\"ngin\"` for 18k presets, `false` for none |\r\n| `install-postcss` | boolean | `true` | Install PostCSS dependencies |\r\n| `configure-postcss` | boolean | `true` | Create postcss.config.js file |\r\n| `css` | string | `\"app/routes/styles/tailwind.css\"` | Path and filename for tailwind.css |\r\n| `components` | string | `\"app/\"` | Base directory for components folder |\r\n\r\n### Auto-Install with Config\r\n\r\nOnce you have a config file with `\"all-components\": true`, simply run:\r\n\r\n```bash\r\nbunx @a5gard/midgardr-cli\r\n```\r\n\r\nThis will automatically:\r\n1. Install all components to your specified components directory\r\n2. Install required dependencies (if enabled)\r\n3. Configure Tailwind CSS (if enabled)\r\n4. Configure PostCSS (if enabled)\r\n5. Create utils file\r\n\r\nNo menu selection needed!\r\n\r\n### Tailwind Setup\r\n\r\nCatalyst UI includes pre-configured Tailwind setups:\r\n\r\n**Standard Configuration:**\r\n```bash\r\nbunx @a5gard/midgardr-cli\r\n# Select: Configure Tailwind + PostCSS\r\n```\r\n\r\n**Ngin Configuration** (18,000 presets):\r\n```bash\r\nbunx @a5gard/midgardr-cli\r\n# Select: Configure with Ngin\r\n```\r\n\r\nOr set in config:\r\n```jsonc\r\n{\r\n    \"configure-tailwind.config\": \"ngin\"\r\n}\r\n```\r\n\r\n## Examples\r\n\r\n### Installing a Button Component\r\n\r\n```bash\r\nbunx @a5gard/midgardr-cli button\r\n```\r\n\r\nThis will:\r\n1. Create `/components/midgardr/primitives/button.tsx`\r\n2. Install required dependencies (extracted from component imports)\r\n3. Create `utils/utils.ts` if it doesn't exist\r\n\r\n### Using the Button Component\r\n\r\n```tsx\r\nimport { Button } from '~/components/midgardr';\r\n\r\nexport default function MyPage() {\r\n  return (\r\n    <Button \r\n      variant=\"default\"\r\n      size=\"lg\"\r\n      onClick={() => console.log('clicked')}\r\n    >\r\n      Click Me\r\n    </Button>\r\n  );\r\n}\r\n```\r\n\r\n### Installing Multiple Components\r\n\r\n```bash\r\nbunx @a5gard/midgardr-cli\r\n# Select: Select Components\r\n# Choose from the list\r\n```\r\n\r\n## Component Import Paths\r\n\r\nAll components use the centralized import path:\r\n\r\n```tsx\r\nimport { Button, Card, Dialog } from '~/components/midgardr';\r\n```\r\n\r\nOr import directly from category folders:\r\n\r\n```tsx\r\nimport { Button } from '~/components/midgardr/primitives';\r\nimport { useTimer } from '~/components/midgardr/hooks';\r\n```\r\n\r\nIf you would rather a much easier import path to use, I have recently adopted the following and can be configured in your project using the flag 'easy-paths'\r\n\r\n```tsx\r\nimport { Button, Card, Dialog } from '#midgardr';\r\n```\r\n\r\n## Features\r\n\r\n- **TypeScript First** - Full TypeScript support with type definitions\r\n- **Accessible** - Built with accessibility in mind following WAI-ARIA standards\r\n- **Customizable** - Highly customizable with Tailwind CSS\r\n- **Tree-shakeable** - Import only what you need\r\n- **Dark Mode** - Built-in dark mode support\r\n- **Responsive** - Mobile-first responsive design\r\n- **Zero Config** - Works out of the box with sensible defaults\r\n\r\n\r\n## File Structure\r\n\r\nAfter installation, your project will have:\r\n\r\n```\r\nyour-project/\r\n├── components/\r\n│   └── midgardr/\r\n│       ├── primitives/\r\n│       ├── forms/\r\n│       ├── overlays/\r\n│       ├── hooks/\r\n│       ├── utils/\r\n│       │   └── utils.ts\r\n│       └── index.ts\r\n└── (optional config files)\r\n    ├── tailwind.config.js\r\n    └── postcss.config.js\r\n```\r\n","readmeFilename":"README.md"}