uisuite 1.0.0 → 1.0.1

package/README.md

@@ -26,15 +26,14 @@ UIsuite uses standalone components, so you can import them directly:
 
 ```typescript
 import { Component } from '@angular/core';
-import { UiButtonComponent, UiInputComponent, UiModalComponent } from 'uisuite';
+import { ButtonComponent } from 'uisuite';
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [UiButtonComponent, UiInputComponent, UiModalComponent],
+  imports: [ButtonComponent],
   template: `
-    <ui-button variant="primary">Click Me</ui-button>
-    <ui-input placeholder="Enter text"></ui-input>
+    <uButton variant="primary">Click Me</uButton> 
   `
 })
 export class AppComponent {}
@@ -66,13 +65,13 @@ Or import in your `angular.json`:
 Versatile button component with multiple variants and sizes.
 
 ```html
-<ui-button variant="primary" size="medium">Primary Button</ui-button>
-<ui-button variant="secondary">Secondary Button</ui-button>
-<ui-button variant="outline">Outline Button</ui-button>
-<ui-button variant="ghost">Ghost Button</ui-button>
-<ui-button variant="danger">Danger Button</ui-button>
-<ui-button [loading]="true">Loading...</ui-button>
-<ui-button [disabled]="true">Disabled</ui-button>
+<uButton variant="primary" size="medium">Primary Button</uButton>
+<uButton variant="secondary">Secondary Button</uButton>
+<uButton variant="outline">Outline Button</uButton>
+<uButton variant="ghost">Ghost Button</uButton>
+<uButton variant="danger">Danger Button</uButton>
+<uButton [loading]="true">Loading...</uButton>
+<uButton [disabled]="true">Disabled</uButton>
 ```
 
 **Props:**
@@ -82,144 +81,17 @@ Versatile button component with multiple variants and sizes.
 - `loading`: boolean
 - `fullWidth`: boolean
 
-### Input
-
-Form input with validation states and character counting.
-
-```html
-<ui-input
-  type="email"
-  placeholder="Enter email"
-  [formControl]="emailControl"
-></ui-input>
-
-<ui-input
-  placeholder="With character limit"
-  [maxLength]="100"
-  [showCharCount]="true"
-></ui-input>
-```
-
-**Props:**
-- `type`: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search'
-- `size`: 'small' | 'medium' | 'large'
-- `placeholder`: string
-- `disabled`: boolean
-- `readonly`: boolean
-- `required`: boolean
-- `invalid`: boolean
-- `maxLength`: number
-- `showCharCount`: boolean
-
-### Checkbox
-
-Checkbox with indeterminate state support.
-
-```html
-<ui-checkbox label="Accept terms"></ui-checkbox>
-<ui-checkbox [formControl]="agreeControl">I agree</ui-checkbox>
-<ui-checkbox [indeterminate]="true"></ui-checkbox>
-```
-
-**Props:**
-- `label`: string
-- `disabled`: boolean
-- `indeterminate`: boolean
-
-### Modal
-
-Flexible modal/dialog component.
-
-```html
-<ui-modal
-  [(isOpen)]="showModal"
-  title="Confirm Action"
-  size="medium"
-  [showFooter]="true"
->
-  <p>Are you sure you want to proceed?</p>
-  
-  <div modal-footer>
-    <ui-button variant="ghost" (click)="showModal = false">Cancel</ui-button>
-    <ui-button variant="primary" (click)="confirm()">Confirm</ui-button>
-  </div>
-</ui-modal>
-```
-
-**Props:**
-- `isOpen`: boolean
-- `title`: string
-- `size`: 'small' | 'medium' | 'large' | 'fullscreen'
-- `showHeader`: boolean
-- `showFooter`: boolean
-- `showCloseButton`: boolean
-- `closeOnBackdropClick`: boolean
-- `closeOnEscape`: boolean
-
-**Events:**
-- `(closed)`: Emitted when modal closes
-- `(opened)`: Emitted when modal opens
-
-## 🎨 Theming
-
-UIsuite uses CSS custom properties for easy customization. Override these variables in your global stylesheet:
-
-```css
-:root {
-  /* Primary colors */
-  --ui-color-primary-600: #your-brand-color;
-  --ui-color-primary-700: #your-brand-color-dark;
-  
-  /* Spacing */
-  --ui-spacing-4: 1rem;
-  
-  /* Border radius */
-  --ui-radius-md: 0.5rem;
-  
-  /* Typography */
-  --ui-font-family-base: 'Your Font', sans-serif;
-}
-```
-
-## 🔧 Reactive Forms Integration
-
-All form components implement `ControlValueAccessor` for seamless integration with Angular reactive forms:
-
-```typescript
-import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { UiInputComponent, UiCheckboxComponent } from 'uisuite';
-
-@Component({
-  selector: 'app-form',
-  standalone: true,
-  imports: [ReactiveFormsModule, UiInputComponent, UiCheckboxComponent],
-  template: `
-    <form [formGroup]="form">
-      <ui-input formControlName="email" type="email"></ui-input>
-      <ui-checkbox formControlName="agree"></ui-checkbox>
-    </form>
-  `
-})
-export class FormComponent {
-  form = new FormGroup({
-    email: new FormControl(''),
-    agree: new FormControl(false)
-  });
-}
-```
+   
 
 ## 📖 Documentation
 
-For detailed documentation and examples, visit [your-docs-url]
+For detailed documentation and examples, visit [https://github.com/ksindhi/uisuite](https://github.com/ksindhi/uisuite)
 
 ## 🤝 Contributing
 
 Contributions are welcome! Please feel free to submit a Pull Request.
-
-## 📄 License
-
-MIT © [Your Name]
-
+visit [https://github.com/ksindhi/uisuite](https://github.com/ksindhi/uisuite)
+ 
 ## 🙏 Support
 
-If you like this project, please give it a ⭐ on [GitHub](https://github.com/yourusername/uisuite)!
+If you like this project, please give it a ⭐ on [GitHub](https://github.com/ksindhi/uisuite)!

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uisuite",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Enterprise Angular UI component library for ERP SAAS applications. Designer-friendly, consistent, and accessible components.",
   "keywords": [
     "angular",