{"_id":"@benhalverson/my-awesome-lib","_rev":"2-eb4ce6681be05caa61844d4a2d2b191a","name":"@benhalverson/my-awesome-lib","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.2":{"name":"@benhalverson/my-awesome-lib","version":"0.0.2","keywords":["angular","components","material-design","ui-library"],"author":{"name":"benhalverson"},"license":"MIT","_id":"@benhalverson/my-awesome-lib@0.0.2","maintainers":[{"name":"benhalverson","email":"benhalverson33@gmail.com"}],"homepage":"https://github.com/benhalverson/ui-component-app#readme","bugs":{"url":"https://github.com/benhalverson/ui-component-app/issues"},"dist":{"shasum":"f054c0eb85877c2b6b7afc5f37fe7f63406444c5","tarball":"https://registry.npmjs.org/@benhalverson/my-awesome-lib/-/my-awesome-lib-0.0.2.tgz","fileCount":29,"integrity":"sha512-yBxQ1uTzS5GO8NSZlzk1NcGHKLXFImTKQgmErx2sYwAPP3rVSKiPFJkbz7HpzYHzR1aMXGh1BM24+yaVJjx3wQ==","signatures":[{"sig":"MEQCICrDXWEzy9Y4i9DFcqd0P6rqudVjaDExl67vyMldSqQNAiAtymgao3Jonc9gNpKMBlJEnR57doke+N6zlRKJadXVCA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":51950},"gitHead":"c0eb8d96c258ddcf7edc826a590d08c84d480651","_npmUser":{"name":"benhalverson","email":"benhalverson33@gmail.com"},"repository":{"url":"git+https://github.com/benhalverson/ui-component-app.git","type":"git","directory":"my-awesome-lib"},"_npmVersion":"11.1.0","description":"A modern Angular component library providing reusable building blocks with Material Design theming","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"vite":"^7.0.0","@nx/vite":"22.0.2","@angular/cdk":"^20.2.10","@angular/core":"^20.3.0","@angular/forms":"~20.3.0","@angular/common":"^20.3.0","@angular/material":"^20.2.10","@analogjs/vite-plugin-angular":"~1.19.1"},"_npmOperationalInternal":{"tmp":"tmp/my-awesome-lib_0.0.2_1761809462510_0.22267536700276813","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@benhalverson/my-awesome-lib","version":"0.0.3","description":"A modern Angular component library providing reusable building blocks with Material Design theming","author":{"name":"benhalverson"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/benhalverson/ui-component-app.git","directory":"my-awesome-lib"},"keywords":["angular","components","material-design","ui-library"],"publishConfig":{"access":"public"},"peerDependencies":{"@angular/common":"^20.3.0","@angular/core":"^20.3.0","@angular/forms":"~20.3.0","@angular/cdk":"^20.2.10","@angular/material":"^20.2.10","vite":"^7.0.0","@analogjs/vite-plugin-angular":"~1.19.1","@nx/vite":"22.0.2"},"sideEffects":false,"module":"fesm2022/benhalverson-my-awesome-lib.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/benhalverson-my-awesome-lib.mjs"}},"dependencies":{"tslib":"^2.3.0"},"_id":"@benhalverson/my-awesome-lib@0.0.3","bugs":{"url":"https://github.com/benhalverson/ui-component-app/issues"},"homepage":"https://github.com/benhalverson/ui-component-app#readme","_integrity":"sha512-pmgrRd59yt79BMTgEedm72VZEtZMJv7GrjEa7WycU0YAD2t6V3dYiPxJkR1OtiqsMeLWD4TlJ5w6PKcVxMjMfw==","_resolved":"/tmp/e207868db8a8a07881eb1b092afdb53f/benhalverson-my-awesome-lib-0.0.3.tgz","_from":"file:benhalverson-my-awesome-lib-0.0.3.tgz","_nodeVersion":"22.14.0","_npmVersion":"11.2.0","dist":{"integrity":"sha512-pmgrRd59yt79BMTgEedm72VZEtZMJv7GrjEa7WycU0YAD2t6V3dYiPxJkR1OtiqsMeLWD4TlJ5w6PKcVxMjMfw==","shasum":"0b44f1591153f03bd66e99d41f29706b76cab868","tarball":"https://registry.npmjs.org/@benhalverson/my-awesome-lib/-/my-awesome-lib-0.0.3.tgz","fileCount":5,"unpackedSize":109272,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCID21Ej7knTqjvL0djmoV6tQ8fhGnHDqxzzq7BRGPBnk9AiEA5l4abby4X7334Oac4I59ii7oQdRd6T9WrXsJT1+q3kM="}]},"_npmUser":{"name":"benhalverson","email":"benhalverson33@gmail.com"},"directories":{},"maintainers":[{"name":"benhalverson","email":"benhalverson33@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/my-awesome-lib_0.0.3_1761809785935_0.30462076743391964"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-30T07:31:02.298Z","modified":"2025-10-30T07:36:26.317Z","0.0.2":"2025-10-30T07:31:02.707Z","0.0.3":"2025-10-30T07:36:26.123Z"},"bugs":{"url":"https://github.com/benhalverson/ui-component-app/issues"},"author":{"name":"benhalverson"},"license":"MIT","homepage":"https://github.com/benhalverson/ui-component-app#readme","keywords":["angular","components","material-design","ui-library"],"repository":{"type":"git","url":"git+https://github.com/benhalverson/ui-component-app.git","directory":"my-awesome-lib"},"description":"A modern Angular component library providing reusable building blocks with Material Design theming","maintainers":[{"name":"benhalverson","email":"benhalverson33@gmail.com"}],"readme":"# My Awesome Component Library\n\nA modern Angular component library providing **reusable building blocks** with Material Design theming using CSS variables.\n\n## 🎨 Design Philosophy\n\nWe provide **building blocks**, not complete features. Instead of a \"Login Component\", we give you `LibInput`, `LibCheckbox`, `LibButton`, etc. that you compose into your own login form. This approach offers:\n\n- **Maximum flexibility** - Build exactly what you need\n- **Better maintainability** - Smaller, focused components\n- **Easier customization** - Style and behavior under your control\n- **Reusability** - Use the same components everywhere\n\n## 🎯 What's Included\n\n### Form Components\n- **LibInput** - Flexible input with labels, errors, hints, prefix/suffix\n- **LibCheckbox** - Customizable checkbox with label support\n- **LibFormField** - Consistent form field spacing wrapper\n\n### UI Components\n- **LibButton** - Multi-variant button component\n- **LibCard** - Flexible card container with header/footer\n- **LibTable** - Data table built with Angular CDK\n- **LibModal** - Accessible modal dialog (replaces alerts/confirms)\n\n### Theme System\n- **Material Design CSS Variables** - Comprehensive theming system\n- **Dark Mode Support** - Automatic dark mode adaptation\n- **Fully Customizable** - Override any variable\n\n## 📦 Installation\n\n```bash\n# Install dependencies\npnpm add @angular/cdk @angular/material @angular/forms\n```\n\n## 🚀 Quick Start\n\n### 1. Import the Theme\n\nIn your global `styles.css`:\n\n```css\n@import '../my-awesome-lib/src/lib/theme.css';\n```\n\n### 2. Import Components\n\n```typescript\nimport { \n  LibButton, \n  LibCard, \n  LibTable,\n  LibInput,\n  LibCheckbox,\n  LibFormField\n} from '@benhalverson/my-awesome-lib';\nimport { ReactiveFormsModule } from '@angular/forms';\n```\n\n### 3. Build Your Forms\n\n```typescript\n@Component({\n  imports: [ReactiveFormsModule, LibInput, LibCheckbox, LibButton, LibCard],\n  template: `\n    <lib-card [elevated]=\"true\">\n      <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSubmit()\">\n        <lib-form-field>\n          <lib-input\n            label=\"Email\"\n            type=\"email\"\n            formControlName=\"email\"\n            [required]=\"true\"\n          ></lib-input>\n        </lib-form-field>\n\n        <lib-form-field>\n          <lib-input\n            label=\"Password\"\n            type=\"password\"\n            formControlName=\"password\"\n            [required]=\"true\"\n          ></lib-input>\n        </lib-form-field>\n\n        <lib-checkbox formControlName=\"rememberMe\">\n          Remember me\n        </lib-checkbox>\n\n        <lib-button type=\"submit\" variant=\"primary\">Sign In</lib-button>\n      </form>\n    </lib-card>\n  `\n})\nexport class MyLoginComponent {\n  loginForm = this.fb.group({\n    email: ['', [Validators.required, Validators.email]],\n    password: ['', [Validators.required]],\n    rememberMe: [false]\n  });\n\n  constructor(private fb: FormBuilder) {}\n\n  onSubmit() {\n    if (this.loginForm.valid) {\n      console.log(this.loginForm.value);\n    }\n  }\n}\n```\n\n## 📚 Documentation\n\n- **[MODAL_USAGE.md](../MODAL_USAGE.md)** - Modal component usage guide (replaces alerts/confirms)\n- **[USAGE_EXAMPLES.md](./USAGE_EXAMPLES.md)** - Practical code examples\n\n## 🔧 Development\n\n```bash\n# Build the library\nnx build my-awesome-lib\n\n# Run tests\nnx test my-awesome-lib\n\n# Lint\nnx lint my-awesome-lib\n```\n\n## 💡 Demo\n\nRun `nx serve` to see all components in action with a complete authentication flow and dashboard demo.\n\n## ✅ Features\n\n- ✅ Standalone components (Angular 14+)\n- ✅ TypeScript with full type definitions\n- ✅ Built with Angular CDK\n- ✅ Responsive design\n- ✅ Accessible (WCAG compliant)\n- ✅ Form validation\n- ✅ Event-driven architecture\n\n## 📄 License\n\nMIT\n","readmeFilename":"README.md"}