{"_id":"@arda-labs/ui","name":"@arda-labs/ui","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@arda-labs/ui","version":"1.0.0","description":"Spartan Helm UI component primitives and design system for Arda Labs Angular 22 Micro-Frontend ecosystem","publishConfig":{"access":"public"},"main":"./src/public-api.ts","module":"./src/public-api.ts","types":"./src/public-api.ts","exports":{".":{"types":"./src/public-api.ts","import":"./src/public-api.ts","default":"./src/public-api.ts"},"./button":{"types":"./src/button/src/index.ts","import":"./src/button/src/index.ts","default":"./src/button/src/index.ts"},"./card":{"types":"./src/card/src/index.ts","import":"./src/card/src/index.ts","default":"./src/card/src/index.ts"},"./input":{"types":"./src/input/src/index.ts","import":"./src/input/src/index.ts","default":"./src/input/src/index.ts"},"./label":{"types":"./src/label/src/index.ts","import":"./src/label/src/index.ts","default":"./src/label/src/index.ts"},"./switch":{"types":"./src/switch/src/index.ts","import":"./src/switch/src/index.ts","default":"./src/switch/src/index.ts"},"./badge":{"types":"./src/badge/src/index.ts","import":"./src/badge/src/index.ts","default":"./src/badge/src/index.ts"},"./alert":{"types":"./src/alert/src/index.ts","import":"./src/alert/src/index.ts","default":"./src/alert/src/index.ts"},"./dialog":{"types":"./src/dialog/src/index.ts","import":"./src/dialog/src/index.ts","default":"./src/dialog/src/index.ts"},"./alert-dialog":{"types":"./src/alert-dialog/src/index.ts","import":"./src/alert-dialog/src/index.ts","default":"./src/alert-dialog/src/index.ts"},"./sonner":{"types":"./src/sonner/src/index.ts","import":"./src/sonner/src/index.ts","default":"./src/sonner/src/index.ts"},"./tabs":{"types":"./src/tabs/src/index.ts","import":"./src/tabs/src/index.ts","default":"./src/tabs/src/index.ts"},"./skeleton":{"types":"./src/skeleton/src/index.ts","import":"./src/skeleton/src/index.ts","default":"./src/skeleton/src/index.ts"},"./separator":{"types":"./src/separator/src/index.ts","import":"./src/separator/src/index.ts","default":"./src/separator/src/index.ts"},"./tooltip":{"types":"./src/tooltip/src/index.ts","import":"./src/tooltip/src/index.ts","default":"./src/tooltip/src/index.ts"},"./avatar":{"types":"./src/avatar/src/index.ts","import":"./src/avatar/src/index.ts","default":"./src/avatar/src/index.ts"},"./spinner":{"types":"./src/spinner/src/index.ts","import":"./src/spinner/src/index.ts","default":"./src/spinner/src/index.ts"},"./checkbox":{"types":"./src/checkbox/src/index.ts","import":"./src/checkbox/src/index.ts","default":"./src/checkbox/src/index.ts"},"./dropdown-menu":{"types":"./src/dropdown-menu/src/index.ts","import":"./src/dropdown-menu/src/index.ts","default":"./src/dropdown-menu/src/index.ts"},"./popover":{"types":"./src/popover/src/index.ts","import":"./src/popover/src/index.ts","default":"./src/popover/src/index.ts"},"./table":{"types":"./src/table/src/index.ts","import":"./src/table/src/index.ts","default":"./src/table/src/index.ts"},"./progress":{"types":"./src/progress/src/index.ts","import":"./src/progress/src/index.ts","default":"./src/progress/src/index.ts"},"./accordion":{"types":"./src/accordion/src/index.ts","import":"./src/accordion/src/index.ts","default":"./src/accordion/src/index.ts"},"./utils":{"types":"./src/utils/src/index.ts","import":"./src/utils/src/index.ts","default":"./src/utils/src/index.ts"}},"dependencies":{"@ng-icons/core":"^35.0.1","@ng-icons/lucide":"^35.0.1"},"peerDependencies":{"@angular/core":"^22.0.0","@angular/common":"^22.0.0","@angular/cdk":"^22.0.0","@spartan-ng/brain":"^1.3.2","class-variance-authority":"^0.7.1","clsx":"^2.1.1","tailwind-merge":"^3.6.0"},"keywords":["angular","spartan","spartan-ui","helm","micro-frontend","tailwind","arda-labs"],"author":{"name":"HoanIT","email":"lehoan.dev@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/arda-labs/arda-mfe.git","directory":"packages/ui"},"license":"MIT","_id":"@arda-labs/ui@1.0.0","gitHead":"afd53b5c1753db3a0f2a4c53e49caddc70eac5b8","bugs":{"url":"https://github.com/arda-labs/arda-mfe/issues"},"homepage":"https://github.com/arda-labs/arda-mfe#readme","_nodeVersion":"22.23.2","_npmVersion":"10.9.8","dist":{"integrity":"sha512-VHkeyjIa0JjCc3V3/xcK1xkB73CPnt47S91ia5AZ68bm7M5Yw9iVJIIsra5lCXA7cTVQ/S7U39OmIL2Xl87jCQ==","shasum":"101970f6a73bc315fd0136efe3fafcaeabeddfb4","tarball":"https://registry.npmjs.org/@arda-labs/ui/-/ui-1.0.0.tgz","fileCount":117,"unpackedSize":124126,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCOYm0q/nHA3y8b6GyPioQQ2TRyOyJFwabD1BeR5qgZ+gIgJK3P3inJI6WRr+JJvIcKoja5SlCGipNEAuxIZ5C0Pnc="}]},"_npmUser":{"name":"hoanit02","email":"hoanvipboi1@gmail.com"},"directories":{},"maintainers":[{"name":"hoanit02","email":"hoanvipboi1@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui_1.0.0_1787368568510_0.30335706720249966"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-22T03:16:08.319Z","1.0.0":"2026-08-22T03:16:08.687Z","modified":"2026-08-22T03:16:08.944Z"},"maintainers":[{"name":"hoanit02","email":"hoanvipboi1@gmail.com"}],"description":"Spartan Helm UI component primitives and design system for Arda Labs Angular 22 Micro-Frontend ecosystem","homepage":"https://github.com/arda-labs/arda-mfe#readme","keywords":["angular","spartan","spartan-ui","helm","micro-frontend","tailwind","arda-labs"],"repository":{"type":"git","url":"git+https://github.com/arda-labs/arda-mfe.git","directory":"packages/ui"},"author":{"name":"HoanIT","email":"lehoan.dev@gmail.com"},"bugs":{"url":"https://github.com/arda-labs/arda-mfe/issues"},"license":"MIT","readme":"# @arda-labs/ui\n\nSpartan Helm UI primitives & design system components tailored for **Angular 22** and **Tailwind CSS v4** Micro-Frontends.\n\n## 📦 Installation\n\n```bash\nnpm install @arda-labs/ui @ng-icons/core @ng-icons/lucide\n```\n\n### Peer Dependencies\n- `@angular/core >= 22.0.0`\n- `@angular/common >= 22.0.0`\n- `@angular/cdk >= 22.0.0`\n- `@spartan-ng/brain >= 1.3.2`\n- `class-variance-authority >= 0.7.1`\n- `clsx >= 2.1.1`\n- `tailwind-merge >= 3.6.0`\n\n---\n\n## 🧩 Included Components\n\n- **Button**: `@arda-labs/ui/button`\n- **Card**: `@arda-labs/ui/card`\n- **Input**: `@arda-labs/ui/input`\n- **Label**: `@arda-labs/ui/label`\n- **Switch**: `@arda-labs/ui/switch`\n- **Badge**: `@arda-labs/ui/badge`\n- **Alert & Alert Dialog**: `@arda-labs/ui/alert`, `@arda-labs/ui/alert-dialog`\n- **Dialog & Popover**: `@arda-labs/ui/dialog`, `@arda-labs/ui/popover`\n- **Sonner Toaster**: `@arda-labs/ui/sonner`\n- **Tabs & Accordion**: `@arda-labs/ui/tabs`, `@arda-labs/ui/accordion`\n- **Table, Skeleton, Spinner, Checkbox, Dropdown Menu, Separator, Tooltip, Avatar, Progress...**\n\n---\n\n## 📖 Usage Example\n\n```typescript\nimport { Component } from '@angular/core';\nimport { HlmButtonImports } from '@arda-labs/ui/button';\nimport { HlmCardImports } from '@arda-labs/ui/card';\nimport { HlmInputDirective } from '@arda-labs/ui/input';\n\n@Component({\n  selector: 'app-login-card',\n  standalone: true,\n  imports: [HlmButtonImports, HlmCardImports, HlmInputDirective],\n  template: `\n    <section hlmCard class=\"w-[380px]\">\n      <div hlmCardHeader>\n        <h3 hlmCardTitle>Sign in</h3>\n        <p hlmCardDescription>Enter your credentials below</p>\n      </div>\n      <div hlmCardContent class=\"space-y-4\">\n        <input hlmInput placeholder=\"Email address\" type=\"email\" />\n      </div>\n      <div hlmCardFooter>\n        <button hlmBtn class=\"w-full\">Continue</button>\n      </div>\n    </section>\n  `\n})\nexport class LoginCardComponent {}\n```\n\n---\n\n## 📄 License\nMIT © [Arda Labs](https://github.com/arda-labs)\n","readmeFilename":"README.md","_rev":"1-55ab46e89cbab5f33aedc83a47382e3c"}