uisuite 1.0.0

package/README.md

@@ -0,0 +1,225 @@
+# UIsuite
+
+Enterprise-grade Angular UI component library designed for ERP SAAS applications and enterprise software. Built with a focus on consistency, accessibility, and designer-friendly customization.
+
+## 🚀 Features
+
+- ✨ **Modern & Clean Design** - Professional UI components that look great out of the box
+- 🎨 **Fully Customizable** - CSS custom properties for easy theming
+- ♿ **Accessible** - WCAG compliant with proper ARIA attributes and keyboard navigation
+- 📦 **Tree-shakeable** - Only import what you need
+- 🔧 **Reactive Forms Support** - Full integration with Angular reactive forms
+- 📱 **Responsive** - Mobile-first design approach
+- 🎯 **TypeScript** - Full type safety and IntelliSense support
+
+## 📦 Installation
+
+```bash
+npm install uisuite
+```
+
+## 🎯 Quick Start
+
+### 1. Import Components
+
+UIsuite uses standalone components, so you can import them directly:
+
+```typescript
+import { Component } from '@angular/core';
+import { UiButtonComponent, UiInputComponent, UiModalComponent } from 'uisuite';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [UiButtonComponent, UiInputComponent, UiModalComponent],
+  template: `
+    <ui-button variant="primary">Click Me</ui-button>
+    <ui-input placeholder="Enter text"></ui-input>
+  `
+})
+export class AppComponent {}
+```
+
+### 2. Import Styles
+
+Add the UIsuite stylesheet to your global styles (e.g., `styles.scss`):
+
+```scss
+@import 'uisuite/styles/uisuite';
+```
+
+Or import in your `angular.json`:
+
+```json
+{
+  "styles": [
+    "node_modules/uisuite/styles/uisuite.scss",
+    "src/styles.scss"
+  ]
+}
+```
+
+## 📚 Components
+
+### Button
+
+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>
+```
+
+**Props:**
+- `variant`: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger'
+- `size`: 'small' | 'medium' | 'large'
+- `disabled`: boolean
+- `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]
+
+## 🤝 Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## 📄 License
+
+MIT © [Your Name]
+
+## 🙏 Support
+
+If you like this project, please give it a ⭐ on [GitHub](https://github.com/yourusername/uisuite)!

package/esm2022/lib/button/button.component.mjs

@@ -0,0 +1,91 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+/**
+ * Button Component - Based on shadcn/ui
+ *
+ * A versatile button component with multiple variants and sizes.
+ *
+ * @example
+ * ```html
+ * <uButton>Click me</uButton>
+ * <uButton variant="outline" size="sm">Small Outline</uButton>
+ * <uButton variant="destructive">Delete</uButton>
+ * ```
+ */
+export class ButtonComponent {
+    /**
+     * Button variant
+     * - default: Primary button style
+     * - outline: Outlined button
+     * - ghost: Minimal button with no border
+     * - destructive: For destructive actions (delete, remove, etc.)
+     * - secondary: Secondary action button
+     * - link: Renders as a link-styled button
+     */
+    variant = 'default';
+    /**
+     * Button size
+     * - default: Standard button size
+     * - sm: Small button
+     * - lg: Large button
+     * - icon: Square icon button (default size)
+     * - icon-sm: Small square icon button
+     * - icon-lg: Large square icon button
+     */
+    size = 'default';
+    /**
+     * HTML button type
+     */
+    type = 'button';
+    /**
+     * Whether the button is disabled
+     */
+    disabled = false;
+    /**
+     * ARIA label for accessibility
+     */
+    ariaLabel;
+    get buttonClasses() {
+        return [
+            'u-button',
+            `u-button--${this.variant}`,
+            `u-button--${this.size}`
+        ].filter(Boolean).join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "uButton", inputs: { variant: "variant", size: "size", type: "type", disabled: "disabled", ariaLabel: "ariaLabel" }, ngImport: i0, template: `
+    <button
+      [type]="type"
+      [disabled]="disabled"
+      [class]="buttonClasses"
+      [attr.aria-label]="ariaLabel"
+    >
+      <ng-content></ng-content>
+    </button>
+  `, isInline: true, styles: [".u-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .15s ease;cursor:pointer;border:1px solid transparent;outline:none}.u-button:focus-visible{outline:2px solid hsl(240,5%,64.9%);outline-offset:2px}.u-button:disabled{pointer-events:none;opacity:.5}.u-button--default{height:2.5rem;padding:.5rem 1rem}.u-button--sm{height:2.25rem;padding:.5rem .75rem;font-size:.813rem}.u-button--lg{height:2.75rem;padding:.5rem 2rem}.u-button--icon{height:2.5rem;width:2.5rem;padding:0}.u-button--icon-sm{height:2.25rem;width:2.25rem;padding:0}.u-button--icon-lg{height:2.75rem;width:2.75rem;padding:0}.u-button--default{background-color:#18181b;color:#fafafa}.u-button--default:hover:not(:disabled){background-color:#18181be6}.u-button--default:active:not(:disabled){background-color:#18181bcc}.u-button--outline{background-color:transparent;border-color:#e4e4e7;color:#09090b}.u-button--outline:hover:not(:disabled){background-color:#f4f4f5;border-color:#e4e4e7}.u-button--outline:active:not(:disabled){background-color:#e4e4e7}.u-button--ghost{background-color:transparent;border-color:transparent;color:#09090b}.u-button--ghost:hover:not(:disabled){background-color:#f4f4f5}.u-button--ghost:active:not(:disabled){background-color:#e4e4e7}.u-button--destructive{background-color:#ef4444;color:#fafafa}.u-button--destructive:hover:not(:disabled){background-color:#ef4444e6}.u-button--destructive:active:not(:disabled){background-color:#ef4444cc}.u-button--secondary{background-color:#f4f4f5;color:#18181b}.u-button--secondary:hover:not(:disabled){background-color:#e4e4e7}.u-button--secondary:active:not(:disabled){background-color:#d6d6db}.u-button--link{background-color:transparent;border-color:transparent;color:#18181b;text-decoration:underline;text-underline-offset:4px}.u-button--link:hover:not(:disabled){text-decoration:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'uButton', standalone: true, imports: [CommonModule], template: `
+    <button
+      [type]="type"
+      [disabled]="disabled"
+      [class]="buttonClasses"
+      [attr.aria-label]="ariaLabel"
+    >
+      <ng-content></ng-content>
+    </button>
+  `, styles: [".u-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .15s ease;cursor:pointer;border:1px solid transparent;outline:none}.u-button:focus-visible{outline:2px solid hsl(240,5%,64.9%);outline-offset:2px}.u-button:disabled{pointer-events:none;opacity:.5}.u-button--default{height:2.5rem;padding:.5rem 1rem}.u-button--sm{height:2.25rem;padding:.5rem .75rem;font-size:.813rem}.u-button--lg{height:2.75rem;padding:.5rem 2rem}.u-button--icon{height:2.5rem;width:2.5rem;padding:0}.u-button--icon-sm{height:2.25rem;width:2.25rem;padding:0}.u-button--icon-lg{height:2.75rem;width:2.75rem;padding:0}.u-button--default{background-color:#18181b;color:#fafafa}.u-button--default:hover:not(:disabled){background-color:#18181be6}.u-button--default:active:not(:disabled){background-color:#18181bcc}.u-button--outline{background-color:transparent;border-color:#e4e4e7;color:#09090b}.u-button--outline:hover:not(:disabled){background-color:#f4f4f5;border-color:#e4e4e7}.u-button--outline:active:not(:disabled){background-color:#e4e4e7}.u-button--ghost{background-color:transparent;border-color:transparent;color:#09090b}.u-button--ghost:hover:not(:disabled){background-color:#f4f4f5}.u-button--ghost:active:not(:disabled){background-color:#e4e4e7}.u-button--destructive{background-color:#ef4444;color:#fafafa}.u-button--destructive:hover:not(:disabled){background-color:#ef4444e6}.u-button--destructive:active:not(:disabled){background-color:#ef4444cc}.u-button--secondary{background-color:#f4f4f5;color:#18181b}.u-button--secondary:hover:not(:disabled){background-color:#e4e4e7}.u-button--secondary:active:not(:disabled){background-color:#d6d6db}.u-button--link{background-color:transparent;border-color:transparent;color:#18181b;text-decoration:underline;text-underline-offset:4px}.u-button--link:hover:not(:disabled){text-decoration:none}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Vpc3VpdGUvc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBSy9DOzs7Ozs7Ozs7OztHQVdHO0FBaUJILE1BQU0sT0FBTyxlQUFlO0lBQ3hCOzs7Ozs7OztPQVFHO0lBQ00sT0FBTyxHQUFrQixTQUFTLENBQUM7SUFFNUM7Ozs7Ozs7O09BUUc7SUFDTSxJQUFJLEdBQWUsU0FBUyxDQUFDO0lBRXRDOztPQUVHO0lBQ00sSUFBSSxHQUFrQyxRQUFRLENBQUM7SUFFeEQ7O09BRUc7SUFDTSxRQUFRLEdBQVksS0FBSyxDQUFDO0lBRW5DOztPQUVHO0lBQ00sU0FBUyxDQUFVO0lBRTVCLElBQUksYUFBYTtRQUNiLE9BQU87WUFDSCxVQUFVO1lBQ1YsYUFBYSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQzNCLGFBQWEsSUFBSSxDQUFDLElBQUksRUFBRTtTQUMzQixDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDaEMsQ0FBQzt3R0E1Q1EsZUFBZTs0RkFBZixlQUFlLDZLQVpkOzs7Ozs7Ozs7R0FTWCxvOURBVlcsWUFBWTs7NEZBYWIsZUFBZTtrQkFoQjNCLFNBQVM7K0JBQ0ksU0FBUyxjQUNQLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxZQUNiOzs7Ozs7Ozs7R0FTWDs4QkFhVSxPQUFPO3NCQUFmLEtBQUs7Z0JBV0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuZXhwb3J0IHR5cGUgQnV0dG9uVmFyaWFudCA9ICdkZWZhdWx0JyB8ICdvdXRsaW5lJyB8ICdnaG9zdCcgfCAnZGVzdHJ1Y3RpdmUnIHwgJ3NlY29uZGFyeScgfCAnbGluayc7XG5leHBvcnQgdHlwZSBCdXR0b25TaXplID0gJ2RlZmF1bHQnIHwgJ3NtJyB8ICdsZycgfCAnaWNvbicgfCAnaWNvbi1zbScgfCAnaWNvbi1sZyc7XG5cbi8qKlxuICogQnV0dG9uIENvbXBvbmVudCAtIEJhc2VkIG9uIHNoYWRjbi91aVxuICogXG4gKiBBIHZlcnNhdGlsZSBidXR0b24gY29tcG9uZW50IHdpdGggbXVsdGlwbGUgdmFyaWFudHMgYW5kIHNpemVzLlxuICogXG4gKiBAZXhhbXBsZVxuICogYGBgaHRtbFxuICogPHVCdXR0b24+Q2xpY2sgbWU8L3VCdXR0b24+XG4gKiA8dUJ1dHRvbiB2YXJpYW50PVwib3V0bGluZVwiIHNpemU9XCJzbVwiPlNtYWxsIE91dGxpbmU8L3VCdXR0b24+XG4gKiA8dUJ1dHRvbiB2YXJpYW50PVwiZGVzdHJ1Y3RpdmVcIj5EZWxldGU8L3VCdXR0b24+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd1QnV0dG9uJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgPGJ1dHRvblxuICAgICAgW3R5cGVdPVwidHlwZVwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgW2NsYXNzXT1cImJ1dHRvbkNsYXNzZXNcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIlxuICAgID5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2J1dHRvbj5cbiAgYCxcbiAgICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuICAgIC8qKlxuICAgICAqIEJ1dHRvbiB2YXJpYW50XG4gICAgICogLSBkZWZhdWx0OiBQcmltYXJ5IGJ1dHRvbiBzdHlsZVxuICAgICAqIC0gb3V0bGluZTogT3V0bGluZWQgYnV0dG9uXG4gICAgICogLSBnaG9zdDogTWluaW1hbCBidXR0b24gd2l0aCBubyBib3JkZXJcbiAgICAgKiAtIGRlc3RydWN0aXZlOiBGb3IgZGVzdHJ1Y3RpdmUgYWN0aW9ucyAoZGVsZXRlLCByZW1vdmUsIGV0Yy4pXG4gICAgICogLSBzZWNvbmRhcnk6IFNlY29uZGFyeSBhY3Rpb24gYnV0dG9uXG4gICAgICogLSBsaW5rOiBSZW5kZXJzIGFzIGEgbGluay1zdHlsZWQgYnV0dG9uXG4gICAgICovXG4gICAgQElucHV0KCkgdmFyaWFudDogQnV0dG9uVmFyaWFudCA9ICdkZWZhdWx0JztcblxuICAgIC8qKlxuICAgICAqIEJ1dHRvbiBzaXplXG4gICAgICogLSBkZWZhdWx0OiBTdGFuZGFyZCBidXR0b24gc2l6ZVxuICAgICAqIC0gc206IFNtYWxsIGJ1dHRvblxuICAgICAqIC0gbGc6IExhcmdlIGJ1dHRvblxuICAgICAqIC0gaWNvbjogU3F1YXJlIGljb24gYnV0dG9uIChkZWZhdWx0IHNpemUpXG4gICAgICogLSBpY29uLXNtOiBTbWFsbCBzcXVhcmUgaWNvbiBidXR0b25cbiAgICAgKiAtIGljb24tbGc6IExhcmdlIHNxdWFyZSBpY29uIGJ1dHRvblxuICAgICAqL1xuICAgIEBJbnB1dCgpIHNpemU6IEJ1dHRvblNpemUgPSAnZGVmYXVsdCc7XG5cbiAgICAvKipcbiAgICAgKiBIVE1MIGJ1dHRvbiB0eXBlXG4gICAgICovXG4gICAgQElucHV0KCkgdHlwZTogJ2J1dHRvbicgfCAnc3VibWl0JyB8ICdyZXNldCcgPSAnYnV0dG9uJztcblxuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdGhlIGJ1dHRvbiBpcyBkaXNhYmxlZFxuICAgICAqL1xuICAgIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiBBUklBIGxhYmVsIGZvciBhY2Nlc3NpYmlsaXR5XG4gICAgICovXG4gICAgQElucHV0KCkgYXJpYUxhYmVsPzogc3RyaW5nO1xuXG4gICAgZ2V0IGJ1dHRvbkNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICd1LWJ1dHRvbicsXG4gICAgICAgICAgICBgdS1idXR0b24tLSR7dGhpcy52YXJpYW50fWAsXG4gICAgICAgICAgICBgdS1idXR0b24tLSR7dGhpcy5zaXplfWBcbiAgICAgICAgXS5maWx0ZXIoQm9vbGVhbikuam9pbignICcpO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/public-api.mjs

@@ -0,0 +1,10 @@
+/*
+ * Public API Surface of uisuite
+ *
+ * This file exports all components, directives, and services.
+ */
+// Version
+export const UISUITE_VERSION = '0.0.0';
+// Components
+export * from './lib/button/button.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3Vpc3VpdGUvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7R0FJRztBQUVILFVBQVU7QUFDVixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsT0FBTyxDQUFDO0FBRXZDLGFBQWE7QUFDYixjQUFjLCtCQUErQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB1aXN1aXRlXG4gKiBcbiAqIFRoaXMgZmlsZSBleHBvcnRzIGFsbCBjb21wb25lbnRzLCBkaXJlY3RpdmVzLCBhbmQgc2VydmljZXMuXG4gKi9cblxuLy8gVmVyc2lvblxuZXhwb3J0IGNvbnN0IFVJU1VJVEVfVkVSU0lPTiA9ICcwLjAuMCc7XG5cbi8vIENvbXBvbmVudHNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbiJdfQ==

package/esm2022/uisuite.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWlzdWl0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3Vpc3VpdGUvc3JjL3Vpc3VpdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/fesm2022/uisuite.mjs

@@ -0,0 +1,106 @@
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Button Component - Based on shadcn/ui
+ *
+ * A versatile button component with multiple variants and sizes.
+ *
+ * @example
+ * ```html
+ * <uButton>Click me</uButton>
+ * <uButton variant="outline" size="sm">Small Outline</uButton>
+ * <uButton variant="destructive">Delete</uButton>
+ * ```
+ */
+class ButtonComponent {
+    /**
+     * Button variant
+     * - default: Primary button style
+     * - outline: Outlined button
+     * - ghost: Minimal button with no border
+     * - destructive: For destructive actions (delete, remove, etc.)
+     * - secondary: Secondary action button
+     * - link: Renders as a link-styled button
+     */
+    variant = 'default';
+    /**
+     * Button size
+     * - default: Standard button size
+     * - sm: Small button
+     * - lg: Large button
+     * - icon: Square icon button (default size)
+     * - icon-sm: Small square icon button
+     * - icon-lg: Large square icon button
+     */
+    size = 'default';
+    /**
+     * HTML button type
+     */
+    type = 'button';
+    /**
+     * Whether the button is disabled
+     */
+    disabled = false;
+    /**
+     * ARIA label for accessibility
+     */
+    ariaLabel;
+    get buttonClasses() {
+        return [
+            'u-button',
+            `u-button--${this.variant}`,
+            `u-button--${this.size}`
+        ].filter(Boolean).join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonComponent, isStandalone: true, selector: "uButton", inputs: { variant: "variant", size: "size", type: "type", disabled: "disabled", ariaLabel: "ariaLabel" }, ngImport: i0, template: `
+    <button
+      [type]="type"
+      [disabled]="disabled"
+      [class]="buttonClasses"
+      [attr.aria-label]="ariaLabel"
+    >
+      <ng-content></ng-content>
+    </button>
+  `, isInline: true, styles: [".u-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .15s ease;cursor:pointer;border:1px solid transparent;outline:none}.u-button:focus-visible{outline:2px solid hsl(240,5%,64.9%);outline-offset:2px}.u-button:disabled{pointer-events:none;opacity:.5}.u-button--default{height:2.5rem;padding:.5rem 1rem}.u-button--sm{height:2.25rem;padding:.5rem .75rem;font-size:.813rem}.u-button--lg{height:2.75rem;padding:.5rem 2rem}.u-button--icon{height:2.5rem;width:2.5rem;padding:0}.u-button--icon-sm{height:2.25rem;width:2.25rem;padding:0}.u-button--icon-lg{height:2.75rem;width:2.75rem;padding:0}.u-button--default{background-color:#18181b;color:#fafafa}.u-button--default:hover:not(:disabled){background-color:#18181be6}.u-button--default:active:not(:disabled){background-color:#18181bcc}.u-button--outline{background-color:transparent;border-color:#e4e4e7;color:#09090b}.u-button--outline:hover:not(:disabled){background-color:#f4f4f5;border-color:#e4e4e7}.u-button--outline:active:not(:disabled){background-color:#e4e4e7}.u-button--ghost{background-color:transparent;border-color:transparent;color:#09090b}.u-button--ghost:hover:not(:disabled){background-color:#f4f4f5}.u-button--ghost:active:not(:disabled){background-color:#e4e4e7}.u-button--destructive{background-color:#ef4444;color:#fafafa}.u-button--destructive:hover:not(:disabled){background-color:#ef4444e6}.u-button--destructive:active:not(:disabled){background-color:#ef4444cc}.u-button--secondary{background-color:#f4f4f5;color:#18181b}.u-button--secondary:hover:not(:disabled){background-color:#e4e4e7}.u-button--secondary:active:not(:disabled){background-color:#d6d6db}.u-button--link{background-color:transparent;border-color:transparent;color:#18181b;text-decoration:underline;text-underline-offset:4px}.u-button--link:hover:not(:disabled){text-decoration:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'uButton', standalone: true, imports: [CommonModule], template: `
+    <button
+      [type]="type"
+      [disabled]="disabled"
+      [class]="buttonClasses"
+      [attr.aria-label]="ariaLabel"
+    >
+      <ng-content></ng-content>
+    </button>
+  `, styles: [".u-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .15s ease;cursor:pointer;border:1px solid transparent;outline:none}.u-button:focus-visible{outline:2px solid hsl(240,5%,64.9%);outline-offset:2px}.u-button:disabled{pointer-events:none;opacity:.5}.u-button--default{height:2.5rem;padding:.5rem 1rem}.u-button--sm{height:2.25rem;padding:.5rem .75rem;font-size:.813rem}.u-button--lg{height:2.75rem;padding:.5rem 2rem}.u-button--icon{height:2.5rem;width:2.5rem;padding:0}.u-button--icon-sm{height:2.25rem;width:2.25rem;padding:0}.u-button--icon-lg{height:2.75rem;width:2.75rem;padding:0}.u-button--default{background-color:#18181b;color:#fafafa}.u-button--default:hover:not(:disabled){background-color:#18181be6}.u-button--default:active:not(:disabled){background-color:#18181bcc}.u-button--outline{background-color:transparent;border-color:#e4e4e7;color:#09090b}.u-button--outline:hover:not(:disabled){background-color:#f4f4f5;border-color:#e4e4e7}.u-button--outline:active:not(:disabled){background-color:#e4e4e7}.u-button--ghost{background-color:transparent;border-color:transparent;color:#09090b}.u-button--ghost:hover:not(:disabled){background-color:#f4f4f5}.u-button--ghost:active:not(:disabled){background-color:#e4e4e7}.u-button--destructive{background-color:#ef4444;color:#fafafa}.u-button--destructive:hover:not(:disabled){background-color:#ef4444e6}.u-button--destructive:active:not(:disabled){background-color:#ef4444cc}.u-button--secondary{background-color:#f4f4f5;color:#18181b}.u-button--secondary:hover:not(:disabled){background-color:#e4e4e7}.u-button--secondary:active:not(:disabled){background-color:#d6d6db}.u-button--link{background-color:transparent;border-color:transparent;color:#18181b;text-decoration:underline;text-underline-offset:4px}.u-button--link:hover:not(:disabled){text-decoration:none}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of uisuite
+ *
+ * This file exports all components, directives, and services.
+ */
+// Version
+const UISUITE_VERSION = '0.0.0';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, UISUITE_VERSION };
+//# sourceMappingURL=uisuite.mjs.map

package/fesm2022/uisuite.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"uisuite.mjs","sources":["../../../projects/uisuite/src/lib/button/button.component.ts","../../../projects/uisuite/src/public-api.ts","../../../projects/uisuite/src/uisuite.ts"],"sourcesContent":["import { Component, Input, HostBinding } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nexport type ButtonVariant = 'default' | 'outline' | 'ghost' | 'destructive' | 'secondary' | 'link';\nexport type ButtonSize = 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';\n\n/**\n * Button Component - Based on shadcn/ui\n * \n * A versatile button component with multiple variants and sizes.\n * \n * @example\n * ```html\n * <uButton>Click me</uButton>\n * <uButton variant=\"outline\" size=\"sm\">Small Outline</uButton>\n * <uButton variant=\"destructive\">Delete</uButton>\n * ```\n */\n@Component({\n    selector: 'uButton',\n    standalone: true,\n    imports: [CommonModule],\n    template: `\n    <button\n      [type]=\"type\"\n      [disabled]=\"disabled\"\n      [class]=\"buttonClasses\"\n      [attr.aria-label]=\"ariaLabel\"\n    >\n      <ng-content></ng-content>\n    </button>\n  `,\n    styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent {\n    /**\n     * Button variant\n     * - default: Primary button style\n     * - outline: Outlined button\n     * - ghost: Minimal button with no border\n     * - destructive: For destructive actions (delete, remove, etc.)\n     * - secondary: Secondary action button\n     * - link: Renders as a link-styled button\n     */\n    @Input() variant: ButtonVariant = 'default';\n\n    /**\n     * Button size\n     * - default: Standard button size\n     * - sm: Small button\n     * - lg: Large button\n     * - icon: Square icon button (default size)\n     * - icon-sm: Small square icon button\n     * - icon-lg: Large square icon button\n     */\n    @Input() size: ButtonSize = 'default';\n\n    /**\n     * HTML button type\n     */\n    @Input() type: 'button' | 'submit' | 'reset' = 'button';\n\n    /**\n     * Whether the button is disabled\n     */\n    @Input() disabled: boolean = false;\n\n    /**\n     * ARIA label for accessibility\n     */\n    @Input() ariaLabel?: string;\n\n    get buttonClasses(): string {\n        return [\n            'u-button',\n            `u-button--${this.variant}`,\n            `u-button--${this.size}`\n        ].filter(Boolean).join(' ');\n    }\n}\n","/*\n * Public API Surface of uisuite\n * \n * This file exports all components, directives, and services.\n */\n\n// Version\nexport const UISUITE_VERSION = '0.0.0';\n\n// Components\nexport * from './lib/button/button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAMA;;;;;;;;;;;AAWG;MAiBU,eAAe,CAAA;AACxB;;;;;;;;AAQG;IACM,OAAO,GAAkB,SAAS,CAAC;AAE5C;;;;;;;;AAQG;IACM,IAAI,GAAe,SAAS,CAAC;AAEtC;;AAEG;IACM,IAAI,GAAkC,QAAQ,CAAC;AAExD;;AAEG;IACM,QAAQ,GAAY,KAAK,CAAC;AAEnC;;AAEG;AACM,IAAA,SAAS,CAAU;AAE5B,IAAA,IAAI,aAAa,GAAA;QACb,OAAO;YACH,UAAU;YACV,CAAa,UAAA,EAAA,IAAI,CAAC,OAAO,CAAE,CAAA;YAC3B,CAAa,UAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA;SAC3B,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC/B;wGA5CQ,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,EAZd,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;AASX,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,64DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAVW,YAAY,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAab,eAAe,EAAA,UAAA,EAAA,CAAA;kBAhB3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,SAAS,cACP,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EACb,QAAA,EAAA,CAAA;;;;;;;;;AASX,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,64DAAA,CAAA,EAAA,CAAA;8BAaU,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAWG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAKG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAKG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAKG,SAAS,EAAA,CAAA;sBAAjB,KAAK;;;ACtEV;;;;AAIG;AAEH;AACO,MAAM,eAAe,GAAG;;ACP/B;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="uisuite" />
+export * from './public-api';

package/lib/button/button.component.d.ts

@@ -0,0 +1,52 @@
+import * as i0 from "@angular/core";
+export type ButtonVariant = 'default' | 'outline' | 'ghost' | 'destructive' | 'secondary' | 'link';
+export type ButtonSize = 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+/**
+ * Button Component - Based on shadcn/ui
+ *
+ * A versatile button component with multiple variants and sizes.
+ *
+ * @example
+ * ```html
+ * <uButton>Click me</uButton>
+ * <uButton variant="outline" size="sm">Small Outline</uButton>
+ * <uButton variant="destructive">Delete</uButton>
+ * ```
+ */
+export declare class ButtonComponent {
+    /**
+     * Button variant
+     * - default: Primary button style
+     * - outline: Outlined button
+     * - ghost: Minimal button with no border
+     * - destructive: For destructive actions (delete, remove, etc.)
+     * - secondary: Secondary action button
+     * - link: Renders as a link-styled button
+     */
+    variant: ButtonVariant;
+    /**
+     * Button size
+     * - default: Standard button size
+     * - sm: Small button
+     * - lg: Large button
+     * - icon: Square icon button (default size)
+     * - icon-sm: Small square icon button
+     * - icon-lg: Large square icon button
+     */
+    size: ButtonSize;
+    /**
+     * HTML button type
+     */
+    type: 'button' | 'submit' | 'reset';
+    /**
+     * Whether the button is disabled
+     */
+    disabled: boolean;
+    /**
+     * ARIA label for accessibility
+     */
+    ariaLabel?: string;
+    get buttonClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "uButton", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "uisuite",
+  "version": "1.0.0",
+  "description": "Enterprise Angular UI component library for ERP SAAS applications. Designer-friendly, consistent, and accessible components.",
+  "keywords": [
+    "angular",
+    "ui",
+    "components",
+    "library",
+    "erp",
+    "saas",
+    "design-system",
+    "ui-library",
+    "angular-components",
+    "enterprise"
+  ],
+  "author": "Your Name",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yourusername/uisuite"
+  },
+  "peerDependencies": {
+    "@angular/common": "^18.0.0",
+    "@angular/core": "^18.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/uisuite.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/uisuite.mjs",
+      "esm": "./esm2022/uisuite.mjs",
+      "default": "./fesm2022/uisuite.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,2 @@
+export declare const UISUITE_VERSION = "0.0.0";
+export * from './lib/button/button.component';