@deay/ui 0.0.7 → 0.0.8

package/fesm2022/deay-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, computed, Component, model, output, forwardRef } from '@angular/core';
+import { input, computed, HostBinding, Component, model, output, forwardRef } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 
@@ -27,8 +27,14 @@ class DeayButtonComponent {
     });
     // Computed disabled state (disabled or loading)
     isDisabled = computed(() => this.disabled() || this.loading());
+    // Host bindings for fullWidth styling
+    get hostClasses() {
+        return {
+            'dai-button-host-fullwidth': this.fullWidth(),
+        };
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DeayButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: DeayButtonComponent, isStandalone: true, selector: "dai-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: DeayButtonComponent, isStandalone: true, selector: "dai-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: `
     <button
       [class]="computedClasses()"
       [disabled]="isDisabled()"
@@ -40,7 +46,7 @@ class DeayButtonComponent {
       }
       <ng-content />
     </button>
-  `, isInline: true, styles: [":host{display:inline-block}button{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5;border-radius:50px;cursor:pointer;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}button:focus-visible{outline:none}button:disabled{cursor:not-allowed;opacity:1}.dai-button-sm{padding:2px 8px;height:24px;font-size:12px;line-height:1.5em}.dai-button-md{padding:6px 12px;height:32px;font-size:14px;line-height:1.4285714285714286em}.dai-button-lg{padding:8px 16px;height:40px;font-size:16px;line-height:1.375em}.dai-button-primary{background-color:#2047f4;color:#fff}.dai-button-primary:hover:not(:disabled){background-color:#5164f7}.dai-button-primary:focus-visible{background-color:#2047f4;border-color:#112eac;box-shadow:0 0 0 1px #112eac}.dai-button-primary:disabled,.dai-button-primary.dai-button-loading{background-color:#9098fa}.dai-button-primary.dai-button-loading{cursor:wait}.dai-button-sm .dai-spinner{width:14px;height:14px}.dai-button-md .dai-spinner{width:16px;height:16px}.dai-button-lg .dai-spinner{width:22px;height:22px}.dai-spinner{display:inline-block;border:2px solid #FFFFFF;border-right-color:transparent;border-radius:50%;animation:dai-spin .6s linear infinite}.dai-button-fullwidth{width:100%}@keyframes dai-spin{to{transform:rotate(360deg)}}\n"] });
+  `, isInline: true, styles: [":host{display:inline-block}:host.dai-button-host-fullwidth{display:block;width:100%}button{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5;border-radius:50px;cursor:pointer;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}button:focus-visible{outline:none}button:disabled{cursor:not-allowed;opacity:1}.dai-button-sm{padding:2px 8px;height:24px;font-size:12px;line-height:1.5em}.dai-button-md{padding:6px 12px;height:32px;font-size:14px;line-height:1.4285714285714286em}.dai-button-lg{padding:8px 16px;height:40px;font-size:16px;line-height:1.375em}.dai-button-primary{background-color:#2047f4;color:#fff}.dai-button-primary:hover:not(:disabled){background-color:#5164f7}.dai-button-primary:focus-visible{background-color:#2047f4;border-color:#112eac;box-shadow:0 0 0 1px #112eac}.dai-button-primary:disabled,.dai-button-primary.dai-button-loading{background-color:#9098fa}.dai-button-primary.dai-button-loading{cursor:wait}.dai-button-sm .dai-spinner{width:14px;height:14px}.dai-button-md .dai-spinner{width:16px;height:16px}.dai-button-lg .dai-spinner{width:22px;height:22px}.dai-spinner{display:inline-block;border:2px solid #FFFFFF;border-right-color:transparent;border-radius:50%;animation:dai-spin .6s linear infinite}.dai-button-fullwidth{width:100%}@keyframes dai-spin{to{transform:rotate(360deg)}}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: DeayButtonComponent, decorators: [{
             type: Component,
@@ -56,8 +62,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
       }
       <ng-content />
     </button>
-  `, styles: [":host{display:inline-block}button{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5;border-radius:50px;cursor:pointer;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}button:focus-visible{outline:none}button:disabled{cursor:not-allowed;opacity:1}.dai-button-sm{padding:2px 8px;height:24px;font-size:12px;line-height:1.5em}.dai-button-md{padding:6px 12px;height:32px;font-size:14px;line-height:1.4285714285714286em}.dai-button-lg{padding:8px 16px;height:40px;font-size:16px;line-height:1.375em}.dai-button-primary{background-color:#2047f4;color:#fff}.dai-button-primary:hover:not(:disabled){background-color:#5164f7}.dai-button-primary:focus-visible{background-color:#2047f4;border-color:#112eac;box-shadow:0 0 0 1px #112eac}.dai-button-primary:disabled,.dai-button-primary.dai-button-loading{background-color:#9098fa}.dai-button-primary.dai-button-loading{cursor:wait}.dai-button-sm .dai-spinner{width:14px;height:14px}.dai-button-md .dai-spinner{width:16px;height:16px}.dai-button-lg .dai-spinner{width:22px;height:22px}.dai-spinner{display:inline-block;border:2px solid #FFFFFF;border-right-color:transparent;border-radius:50%;animation:dai-spin .6s linear infinite}.dai-button-fullwidth{width:100%}@keyframes dai-spin{to{transform:rotate(360deg)}}\n"] }]
-        }] });
+  `, styles: [":host{display:inline-block}:host.dai-button-host-fullwidth{display:block;width:100%}button{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5;border-radius:50px;cursor:pointer;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}button:focus-visible{outline:none}button:disabled{cursor:not-allowed;opacity:1}.dai-button-sm{padding:2px 8px;height:24px;font-size:12px;line-height:1.5em}.dai-button-md{padding:6px 12px;height:32px;font-size:14px;line-height:1.4285714285714286em}.dai-button-lg{padding:8px 16px;height:40px;font-size:16px;line-height:1.375em}.dai-button-primary{background-color:#2047f4;color:#fff}.dai-button-primary:hover:not(:disabled){background-color:#5164f7}.dai-button-primary:focus-visible{background-color:#2047f4;border-color:#112eac;box-shadow:0 0 0 1px #112eac}.dai-button-primary:disabled,.dai-button-primary.dai-button-loading{background-color:#9098fa}.dai-button-primary.dai-button-loading{cursor:wait}.dai-button-sm .dai-spinner{width:14px;height:14px}.dai-button-md .dai-spinner{width:16px;height:16px}.dai-button-lg .dai-spinner{width:22px;height:22px}.dai-spinner{display:inline-block;border:2px solid #FFFFFF;border-right-color:transparent;border-radius:50%;animation:dai-spin .6s linear infinite}.dai-button-fullwidth{width:100%}@keyframes dai-spin{to{transform:rotate(360deg)}}\n"] }]
+        }], propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class DeayInputComponent {
     // Signal Inputs

package/fesm2022/deay-ui.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"deay-ui.mjs","sources":["../../src/lib/button/button.component.ts","../../src/lib/input/input.component.ts","../../src/public-api.ts","../../src/deay-ui.ts"],"sourcesContent":["import { Component, input, computed } from '@angular/core';\nimport type { CvButtonVariant, CvButtonSize } from './button.variants';\n\n@Component({\n  selector: 'dai-button',\n  standalone: true,\n  template: `\n    <button\n      [class]=\"computedClasses()\"\n      [disabled]=\"isDisabled()\"\n      [attr.aria-disabled]=\"isDisabled()\"\n      [attr.aria-busy]=\"loading()\"\n    >\n      @if (loading()) {\n        <span class=\"dai-spinner\" aria-hidden=\"true\"></span>\n      }\n      <ng-content />\n    </button>\n  `,\n  styles: [\n    `\n      :host {\n        display: inline-block;\n      }\n\n      button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 4px;\n        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n        font-weight: 400;\n        line-height: 1.5;\n        border-radius: 50px;\n        cursor: pointer;\n        transition: all 150ms ease-in-out;\n        border: 1px solid transparent;\n        box-sizing: border-box;\n      }\n\n      button:focus-visible {\n        outline: none;\n      }\n\n      button:disabled {\n        cursor: not-allowed;\n        opacity: 1;\n      }\n\n      /* Sizes */\n      .dai-button-sm {\n        padding: 2px 8px;\n        height: 24px;\n        font-size: 12px;\n        line-height: 1.5em;\n      }\n\n      .dai-button-md {\n        padding: 6px 12px;\n        height: 32px;\n        font-size: 14px;\n        line-height: 1.4285714285714286em;\n      }\n\n      .dai-button-lg {\n        padding: 8px 16px;\n        height: 40px;\n        font-size: 16px;\n        line-height: 1.375em;\n      }\n\n      /* Primary Variant - Default State */\n      .dai-button-primary {\n        background-color: #2047F4;\n        color: #FFFFFF;\n      }\n\n      .dai-button-primary:hover:not(:disabled) {\n        background-color: #5164F7;\n      }\n\n      .dai-button-primary:focus-visible {\n        background-color: #2047F4;\n        border-color: #112EAC;\n        box-shadow: 0 0 0 1px #112EAC;\n      }\n\n      .dai-button-primary:disabled,\n      .dai-button-primary.dai-button-loading {\n        background-color: #9098FA;\n      }\n\n      .dai-button-primary.dai-button-loading {\n        cursor: wait;\n      }\n\n      /* Spinner sizes */\n      .dai-button-sm .dai-spinner {\n        width: 14px;\n        height: 14px;\n      }\n\n      .dai-button-md .dai-spinner {\n        width: 16px;\n        height: 16px;\n      }\n\n      .dai-button-lg .dai-spinner {\n        width: 22px;\n        height: 22px;\n      }\n\n      .dai-spinner {\n        display: inline-block;\n        border: 2px solid #FFFFFF;\n        border-right-color: transparent;\n        border-radius: 50%;\n        animation: dai-spin 0.6s linear infinite;\n      }\n\n      /* Full Width Variant */\n      .dai-button-fullwidth {\n        width: 100%;\n      }\n\n      @keyframes dai-spin {\n        to {\n          transform: rotate(360deg);\n        }\n      }\n    `,\n  ],\n})\nexport class DeayButtonComponent {\n  // Signal Inputs (Angular 19+)\n  readonly variant = input<CvButtonVariant>('primary');\n  readonly size = input<CvButtonSize>('md');\n  readonly disabled = input<boolean>(false);\n  readonly loading = input<boolean>(false);\n  readonly fullWidth = input<boolean>(false);\n\n  // Computed properties for dynamic classes\n  protected computedClasses = computed(() => {\n    const classes = [\n      'dai-button',\n      `dai-button-${this.variant()}`,\n      `dai-button-${this.size()}`,\n    ];\n\n    if (this.loading()) {\n      classes.push('dai-button-loading');\n    }\n\n    if (this.fullWidth()) {\n      classes.push('dai-button-fullwidth');\n    }\n\n    return classes.join(' ');\n  });\n\n  // Computed disabled state (disabled or loading)\n  protected isDisabled = computed(() => this.disabled() || this.loading());\n}\n","import { Component, input, output, model, forwardRef, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n  type ControlValueAccessor,\n  NG_VALUE_ACCESSOR,\n} from '@angular/forms';\n\nexport type CvInputSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  selector: 'dai-input',\n  standalone: true,\n  imports: [CommonModule],\n  template: `\n    <div class=\"dai-input-wrapper\" [class.dai-input-error]=\"hasError()\">\n      <label [for]=\"inputId()\" class=\"dai-input-label\">\n        {{ label() }}\n      </label>\n\n      <input\n        [id]=\"inputId()\"\n        [type]=\"type()\"\n        [placeholder]=\"placeholder()\"\n        [value]=\"value()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [disabled]=\"disabled()\"\n        [class.dai-input-field]=\"true\"\n        [class.dai-input-sm]=\"size() === 'sm'\"\n        [class.dai-input-md]=\"size() === 'md'\"\n        [class.dai-input-lg]=\"size() === 'lg'\"\n        [attr.aria-invalid]=\"hasError()\"\n        [attr.aria-describedby]=\"hasError() ? errorId() : null\"\n      />\n\n      @if (hasError() && errorMessage()) {\n        <span [id]=\"errorId()\" class=\"dai-input-error-message\" role=\"alert\">\n          {{ errorMessage() }}\n        </span>\n      }\n    </div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        width: 100%;\n      }\n\n      .dai-input-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        width: 100%;\n      }\n\n      .dai-input-label {\n        display: block;\n        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 1.5em;\n        color: #000000;\n      }\n\n      .dai-input-field {\n        width: 100%;\n        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 1.5em;\n        color: #000000;\n        background-color: #FFFFFF;\n        border: 1px solid #E5E0EB;\n        border-radius: 50px;\n        box-sizing: border-box;\n        outline: none;\n        transition: all 150ms ease-in-out;\n      }\n\n      .dai-input-field::placeholder {\n        color: #ABA7AF;\n      }\n\n      /* Sizes */\n      .dai-input-sm {\n        padding: 8px 12px;\n      }\n\n      .dai-input-md {\n        padding: 12px;\n        height: 44px;\n      }\n\n      .dai-input-lg {\n        padding: 14px 12px;\n        height: 50px;\n      }\n\n      /* Focus State */\n      .dai-input-sm:focus {\n        border-color: #061764;\n        border-width: 2px;\n        padding: 7px 11px; /* Adjust for 2px border */\n      }\n\n      .dai-input-md:focus,\n      .dai-input-lg:focus {\n        border-color: #112EAC;\n        border-width: 1px;\n      }\n\n      /* Disabled State */\n      .dai-input-field:disabled {\n        background-color: #DFDFDF;\n        border-color: #DFDFDF;\n        color: #ABA7AF;\n        cursor: not-allowed;\n      }\n\n      /* Error State */\n      .dai-input-error .dai-input-field {\n        border-color: #D51A52;\n        border-width: 2px;\n      }\n\n      .dai-input-error .dai-input-sm {\n        padding: 7px 11px; /* Adjust for 2px border */\n      }\n\n      .dai-input-error .dai-input-md {\n        padding: 11px; /* Adjust for 2px border */\n      }\n\n      .dai-input-error .dai-input-lg {\n        padding: 13px 11px; /* Adjust for 2px border */\n      }\n\n      .dai-input-error-message {\n        display: block;\n        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 1.5em;\n        color: #D51A52;\n      }\n    `,\n  ],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => DeayInputComponent),\n      multi: true,\n    },\n  ],\n})\nexport class DeayInputComponent implements ControlValueAccessor {\n  // Signal Inputs\n  readonly label = input<string>('');\n  readonly placeholder = input<string>('Text');\n  readonly type = input<'text' | 'password' | 'email'>('text');\n  readonly disabled = input<boolean>(false);\n  readonly errorMessage = input<string>('');\n  readonly size = input<CvInputSize>('md');\n  readonly inputId = input<string>(`dai-input-${Math.random().toString(36).substr(2, 9)}`);\n\n  // Model for two-way binding (Angular 19+)\n  readonly value = model<string>('');\n\n  // Outputs for custom handling\n  readonly valueChange = output<string>();\n  readonly blur = output<void>();\n\n  // Internal state\n  private onChange: (value: string) => void = () => {};\n  onTouched: () => void = () => {};\n\n  // Computed error state\n  protected hasError = computed(() => !!this.errorMessage());\n\n  // Unique error message ID\n  protected errorId = () => `${this.inputId()}-error`;\n\n  // Handle input changes\n  protected onInput(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n    this.value.set(newValue);\n    this.onChange(newValue);\n    this.valueChange.emit(newValue);\n  }\n\n  // ControlValueAccessor implementation\n  writeValue(value: string): void {\n    this.value.set(value || '');\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    // Handled through the disabled input signal\n  }\n}\n","/*\n * Public API Surface of @deay/ui\n */\n\n// Export components\nexport * from './lib/button/button.component';\nexport * from './lib/button/button.variants';\nexport * from './lib/input/input.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"deay-ui.mjs","sources":["../../src/lib/button/button.component.ts","../../src/lib/input/input.component.ts","../../src/public-api.ts","../../src/deay-ui.ts"],"sourcesContent":["import { Component, input, computed, HostBinding } from '@angular/core';\nimport type { CvButtonVariant, CvButtonSize } from './button.types';\n\n@Component({\n  selector: 'dai-button',\n  standalone: true,\n  template: `\n    <button\n      [class]=\"computedClasses()\"\n      [disabled]=\"isDisabled()\"\n      [attr.aria-disabled]=\"isDisabled()\"\n      [attr.aria-busy]=\"loading()\"\n    >\n      @if (loading()) {\n        <span class=\"dai-spinner\" aria-hidden=\"true\"></span>\n      }\n      <ng-content />\n    </button>\n  `,\n  styles: [\n    `\n      :host {\n        display: inline-block;\n      }\n\n      :host.dai-button-host-fullwidth {\n        display: block;\n        width: 100%;\n      }\n\n      button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 4px;\n        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n        font-weight: 400;\n        line-height: 1.5;\n        border-radius: 50px;\n        cursor: pointer;\n        transition: all 150ms ease-in-out;\n        border: 1px solid transparent;\n        box-sizing: border-box;\n      }\n\n      button:focus-visible {\n        outline: none;\n      }\n\n      button:disabled {\n        cursor: not-allowed;\n        opacity: 1;\n      }\n\n      /* Sizes */\n      .dai-button-sm {\n        padding: 2px 8px;\n        height: 24px;\n        font-size: 12px;\n        line-height: 1.5em;\n      }\n\n      .dai-button-md {\n        padding: 6px 12px;\n        height: 32px;\n        font-size: 14px;\n        line-height: 1.4285714285714286em;\n      }\n\n      .dai-button-lg {\n        padding: 8px 16px;\n        height: 40px;\n        font-size: 16px;\n        line-height: 1.375em;\n      }\n\n      /* Primary Variant - Default State */\n      .dai-button-primary {\n        background-color: #2047F4;\n        color: #FFFFFF;\n      }\n\n      .dai-button-primary:hover:not(:disabled) {\n        background-color: #5164F7;\n      }\n\n      .dai-button-primary:focus-visible {\n        background-color: #2047F4;\n        border-color: #112EAC;\n        box-shadow: 0 0 0 1px #112EAC;\n      }\n\n      .dai-button-primary:disabled,\n      .dai-button-primary.dai-button-loading {\n        background-color: #9098FA;\n      }\n\n      .dai-button-primary.dai-button-loading {\n        cursor: wait;\n      }\n\n      /* Spinner sizes */\n      .dai-button-sm .dai-spinner {\n        width: 14px;\n        height: 14px;\n      }\n\n      .dai-button-md .dai-spinner {\n        width: 16px;\n        height: 16px;\n      }\n\n      .dai-button-lg .dai-spinner {\n        width: 22px;\n        height: 22px;\n      }\n\n      .dai-spinner {\n        display: inline-block;\n        border: 2px solid #FFFFFF;\n        border-right-color: transparent;\n        border-radius: 50%;\n        animation: dai-spin 0.6s linear infinite;\n      }\n\n      /* Full Width Variant */\n      .dai-button-fullwidth {\n        width: 100%;\n      }\n\n      @keyframes dai-spin {\n        to {\n          transform: rotate(360deg);\n        }\n      }\n    `,\n  ],\n})\nexport class DeayButtonComponent {\n  // Signal Inputs (Angular 19+)\n  readonly variant = input<CvButtonVariant>('primary');\n  readonly size = input<CvButtonSize>('md');\n  readonly disabled = input<boolean>(false);\n  readonly loading = input<boolean>(false);\n  readonly fullWidth = input<boolean>(false);\n\n  // Computed properties for dynamic classes\n  protected computedClasses = computed(() => {\n    const classes = [\n      'dai-button',\n      `dai-button-${this.variant()}`,\n      `dai-button-${this.size()}`,\n    ];\n\n    if (this.loading()) {\n      classes.push('dai-button-loading');\n    }\n\n    if (this.fullWidth()) {\n      classes.push('dai-button-fullwidth');\n    }\n\n    return classes.join(' ');\n  });\n\n  // Computed disabled state (disabled or loading)\n  protected isDisabled = computed(() => this.disabled() || this.loading());\n\n  // Host bindings for fullWidth styling\n  @HostBinding('class')\n  protected get hostClasses(): Record<string, boolean> {\n    return {\n      'dai-button-host-fullwidth': this.fullWidth(),\n    };\n  }\n}\n","import { Component, input, output, model, forwardRef, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n  type ControlValueAccessor,\n  NG_VALUE_ACCESSOR,\n} from '@angular/forms';\nimport { CvInputSize, CvInputType } from './input.types';\n\n@Component({\n  selector: 'dai-input',\n  standalone: true,\n  imports: [CommonModule],\n  template: `\n    <div class=\"dai-input-wrapper\" [class.dai-input-error]=\"hasError()\">\n      <label [for]=\"inputId()\" class=\"dai-input-label\">\n        {{ label() }}\n      </label>\n\n      <input\n        [id]=\"inputId()\"\n        [type]=\"type()\"\n        [placeholder]=\"placeholder()\"\n        [value]=\"value()\"\n        (input)=\"onInput($event)\"\n        (blur)=\"onTouched()\"\n        [disabled]=\"disabled()\"\n        [class.dai-input-field]=\"true\"\n        [class.dai-input-sm]=\"size() === 'sm'\"\n        [class.dai-input-md]=\"size() === 'md'\"\n        [class.dai-input-lg]=\"size() === 'lg'\"\n        [attr.aria-invalid]=\"hasError()\"\n        [attr.aria-describedby]=\"hasError() ? errorId() : null\"\n      />\n\n      @if (hasError() && errorMessage()) {\n        <span [id]=\"errorId()\" class=\"dai-input-error-message\" role=\"alert\">\n          {{ errorMessage() }}\n        </span>\n      }\n    </div>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        width: 100%;\n      }\n\n      .dai-input-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        width: 100%;\n      }\n\n      .dai-input-label {\n        display: block;\n        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 1.5em;\n        color: #000000;\n      }\n\n      .dai-input-field {\n        width: 100%;\n        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 1.5em;\n        color: #000000;\n        background-color: #FFFFFF;\n        border: 1px solid #E5E0EB;\n        border-radius: 50px;\n        box-sizing: border-box;\n        outline: none;\n        transition: all 150ms ease-in-out;\n      }\n\n      .dai-input-field::placeholder {\n        color: #ABA7AF;\n      }\n\n      /* Sizes */\n      .dai-input-sm {\n        padding: 8px 12px;\n      }\n\n      .dai-input-md {\n        padding: 12px;\n        height: 44px;\n      }\n\n      .dai-input-lg {\n        padding: 14px 12px;\n        height: 50px;\n      }\n\n      /* Focus State */\n      .dai-input-sm:focus {\n        border-color: #061764;\n        border-width: 2px;\n        padding: 7px 11px; /* Adjust for 2px border */\n      }\n\n      .dai-input-md:focus,\n      .dai-input-lg:focus {\n        border-color: #112EAC;\n        border-width: 1px;\n      }\n\n      /* Disabled State */\n      .dai-input-field:disabled {\n        background-color: #DFDFDF;\n        border-color: #DFDFDF;\n        color: #ABA7AF;\n        cursor: not-allowed;\n      }\n\n      /* Error State */\n      .dai-input-error .dai-input-field {\n        border-color: #D51A52;\n        border-width: 2px;\n      }\n\n      .dai-input-error .dai-input-sm {\n        padding: 7px 11px; /* Adjust for 2px border */\n      }\n\n      .dai-input-error .dai-input-md {\n        padding: 11px; /* Adjust for 2px border */\n      }\n\n      .dai-input-error .dai-input-lg {\n        padding: 13px 11px; /* Adjust for 2px border */\n      }\n\n      .dai-input-error-message {\n        display: block;\n        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n        font-size: 14px;\n        font-weight: 400;\n        line-height: 1.5em;\n        color: #D51A52;\n      }\n    `,\n  ],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => DeayInputComponent),\n      multi: true,\n    },\n  ],\n})\nexport class DeayInputComponent implements ControlValueAccessor {\n  // Signal Inputs\n  readonly label = input<string>('');\n  readonly placeholder = input<string>('Text');\n  readonly type = input<CvInputType>('text');\n  readonly disabled = input<boolean>(false);\n  readonly errorMessage = input<string>('');\n  readonly size = input<CvInputSize>('md');\n  readonly inputId = input<string>(`dai-input-${Math.random().toString(36).substr(2, 9)}`);\n\n  // Model for two-way binding (Angular 19+)\n  readonly value = model<string>('');\n\n  // Outputs for custom handling\n  readonly valueChange = output<string>();\n  readonly blur = output<void>();\n\n  // Internal state\n  private onChange: (value: string) => void = () => {};\n  onTouched: () => void = () => {};\n\n  // Computed error state\n  protected hasError = computed(() => !!this.errorMessage());\n\n  // Unique error message ID\n  protected errorId = () => `${this.inputId()}-error`;\n\n  // Handle input changes\n  protected onInput(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    const newValue = target.value;\n    this.value.set(newValue);\n    this.onChange(newValue);\n    this.valueChange.emit(newValue);\n  }\n\n  // ControlValueAccessor implementation\n  writeValue(value: string): void {\n    this.value.set(value || '');\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    // Handled through the disabled input signal\n  }\n}\n","/*\n * Public API Surface of @deay/ui\n */\n\n// Export components\nexport * from './lib/button/button.component';\nexport * from './lib/button/button.types';\nexport * from './lib/input/input.component';\nexport * from './lib/input/input.types';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import type { CvButtonSize } from './button.variants';
+import type { CvButtonSize } from './button.types';
 import * as i0 from "@angular/core";
 export declare class DeayButtonComponent {
     readonly variant: import("@angular/core").InputSignal<"primary">;
@@ -8,6 +8,7 @@ export declare class DeayButtonComponent {
     readonly fullWidth: import("@angular/core").InputSignal<boolean>;
     protected computedClasses: import("@angular/core").Signal<string>;
     protected isDisabled: import("@angular/core").Signal<boolean>;
+    protected get hostClasses(): Record<string, boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DeayButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DeayButtonComponent, "dai-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/input/input.component.d.ts

@@ -1,10 +1,10 @@
 import { type ControlValueAccessor } from '@angular/forms';
+import { CvInputSize, CvInputType } from './input.types';
 import * as i0 from "@angular/core";
-export type CvInputSize = 'sm' | 'md' | 'lg';
 export declare class DeayInputComponent implements ControlValueAccessor {
     readonly label: import("@angular/core").InputSignal<string>;
     readonly placeholder: import("@angular/core").InputSignal<string>;
-    readonly type: import("@angular/core").InputSignal<"text" | "password" | "email">;
+    readonly type: import("@angular/core").InputSignal<CvInputType>;
     readonly disabled: import("@angular/core").InputSignal<boolean>;
     readonly errorMessage: import("@angular/core").InputSignal<string>;
     readonly size: import("@angular/core").InputSignal<CvInputSize>;

package/lib/input/input.types.d.ts

@@ -0,0 +1,2 @@
+export type CvInputSize = 'sm' | 'md' | 'lg';
+export type CvInputType = 'text' | 'password' | 'email';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deay/ui",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "peerDependencies": {
     "@angular/core": "19.2.17",

package/public-api.d.ts

@@ -1,3 +1,4 @@
 export * from './lib/button/button.component';
-export * from './lib/button/button.variants';
+export * from './lib/button/button.types';
 export * from './lib/input/input.component';
+export * from './lib/input/input.types';