npm - cerxos-ui - Versions diffs - 0.0.1 - Mend

cerxos-ui 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/README.md +63 -0
package/fesm2022/cerxos-ui.mjs +477 -0
package/fesm2022/cerxos-ui.mjs.map +1 -0
package/index.d.ts +128 -0
package/package.json +23 -0
package/src/lib/styles/tailwind.css +2 -0
package/src/lib/tokens/theme-default.css +15 -0

package/README.md ADDED Viewed

@@ -0,0 +1,63 @@
+# CerxosUi
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
+## Code scaffolding
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+```bash
+ng generate component component-name
+```
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+```bash
+ng generate --help
+```
+## Building
+To build the library, run:
+```bash
+ng build cerxos-ui
+```
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+### Publishing the Library
+Once the project is built, you can publish your library by following these steps:
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/cerxos-ui
+   ```
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+## Running unit tests
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+```bash
+ng test
+```
+## Running end-to-end tests
+For end-to-end (e2e) testing, run:
+```bash
+ng e2e
+```
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+## Additional Resources
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/cerxos-ui.mjs ADDED Viewed

@@ -0,0 +1,477 @@
+import * as i0 from '@angular/core';
+import { Component, Input, ChangeDetectionStrategy, EventEmitter, forwardRef, Output } from '@angular/core';
+import { NgIf } from '@angular/common';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+class CerxosUi {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CerxosUi, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CerxosUi, isStandalone: true, selector: "cxs-cerxos-ui", ngImport: i0, template: `
+    <p>
+      cerxos-ui works!
+    </p>
+  `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CerxosUi, decorators: [{
+            type: Component,
+            args: [{ selector: 'cxs-cerxos-ui', imports: [], template: `
+    <p>
+      cerxos-ui works!
+    </p>
+  ` }]
+        }] });
+const BASE_CLASSES$2 = 'relative inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors ' +
+    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ' +
+    'focus-visible:outline-[var(--cxs-color-focus)] disabled:pointer-events-none disabled:opacity-50';
+const VARIANT_CLASSES$2 = {
+    primary: 'bg-[var(--cxs-color-primary)] text-[var(--cxs-color-on-primary)] ' +
+        'hover:bg-[var(--cxs-color-primary-hover)] shadow-[var(--cxs-shadow-sm)]',
+    secondary: 'bg-[var(--cxs-color-surface)] text-[var(--cxs-color-on-surface)] ' +
+        'border border-[var(--cxs-color-border)] hover:bg-[var(--cxs-color-surface-hover)]',
+    ghost: 'bg-transparent text-[var(--cxs-color-primary)] hover:bg-[var(--cxs-color-primary-ghost)]'
+};
+const SIZE_CLASSES$2 = {
+    sm: 'h-8 px-3 text-sm rounded-[var(--cxs-radius-md)]',
+    md: 'h-10 px-4 text-sm rounded-[var(--cxs-radius-md)]',
+    lg: 'h-12 px-5 text-base rounded-[var(--cxs-radius-md)]'
+};
+class CxsButtonComponent {
+    variant = 'primary';
+    size = 'md';
+    disabled = false;
+    loading = false;
+    type = 'button';
+    get isDisabled() {
+        return this.disabled || this.loading;
+    }
+    get buttonClass() {
+        return [BASE_CLASSES$2, SIZE_CLASSES$2[this.size], VARIANT_CLASSES$2[this.variant]].join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CxsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CxsButtonComponent, isStandalone: true, selector: "cxs-button", inputs: { variant: "variant", size: "size", disabled: "disabled", loading: "loading", type: "type" }, ngImport: i0, template: "<button\n  [class]=\"buttonClass\"\n  [attr.type]=\"type\"\n  [disabled]=\"isDisabled\"\n  [attr.aria-busy]=\"loading ? 'true' : null\"\n>\n  <span\n    *ngIf=\"loading\"\n    class=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\"\n    aria-hidden=\"true\"\n  ></span>\n  <span class=\"truncate\">\n    <ng-content></ng-content>\n  </span>\n</button>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CxsButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cxs-button', standalone: true, imports: [NgIf], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  [class]=\"buttonClass\"\n  [attr.type]=\"type\"\n  [disabled]=\"isDisabled\"\n  [attr.aria-busy]=\"loading ? 'true' : null\"\n>\n  <span\n    *ngIf=\"loading\"\n    class=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\"\n    aria-hidden=\"true\"\n  ></span>\n  <span class=\"truncate\">\n    <ng-content></ng-content>\n  </span>\n</button>\n" }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }] } });
+const BASE_CLASSES$1 = 'w-full rounded-[var(--cxs-radius-md)] border border-[var(--cxs-color-border)] ' +
+    'bg-[var(--cxs-color-surface)] text-[var(--cxs-color-on-surface)] ' +
+    'placeholder:text-[var(--cxs-color-on-surface-muted)] transition-colors ' +
+    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ' +
+    'focus-visible:outline-[var(--cxs-color-focus)] focus-visible:border-[var(--cxs-color-focus)] ' +
+    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60';
+const VARIANT_CLASSES$1 = {
+    outline: 'bg-[var(--cxs-color-surface)]',
+    filled: 'bg-[var(--cxs-color-surface-hover)]'
+};
+const SIZE_CLASSES$1 = {
+    sm: 'h-8 px-3 text-sm',
+    md: 'h-10 px-3 text-sm',
+    lg: 'h-12 px-4 text-base'
+};
+const INVALID_CLASSES$2 = 'border-[var(--cxs-color-danger)] focus-visible:border-[var(--cxs-color-danger)] ' +
+    'focus-visible:outline-[var(--cxs-color-danger)]';
+class CxsInputComponent {
+    value = '';
+    type = 'text';
+    variant = 'outline';
+    size = 'md';
+    disabled = false;
+    readonly = false;
+    required = false;
+    invalid = false;
+    autofocus = false;
+    id;
+    name;
+    placeholder;
+    autocomplete;
+    inputmode;
+    spellcheck = null;
+    ariaLabel;
+    ariaDescribedby;
+    valueChange = new EventEmitter();
+    disabledFromControl = false;
+    onChange = () => { };
+    onTouched = () => { };
+    get isDisabled() {
+        return this.disabled || this.disabledFromControl;
+    }
+    get inputClass() {
+        return [
+            BASE_CLASSES$1,
+            SIZE_CLASSES$1[this.size],
+            VARIANT_CLASSES$1[this.variant],
+            this.invalid ? INVALID_CLASSES$2 : ''
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    writeValue(value) {
+        this.value = value ?? '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabledFromControl = isDisabled;
+    }
+    onInput(event) {
+        const target = event.target;
+        const nextValue = target.value;
+        this.value = nextValue;
+        this.onChange(nextValue);
+        this.valueChange.emit(nextValue);
+    }
+    onBlur() {
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CxsInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CxsInputComponent, isStandalone: true, selector: "cxs-input", inputs: { value: "value", type: "type", variant: "variant", size: "size", disabled: "disabled", readonly: "readonly", required: "required", invalid: "invalid", autofocus: "autofocus", id: "id", name: "name", placeholder: "placeholder", autocomplete: "autocomplete", inputmode: "inputmode", spellcheck: "spellcheck", ariaLabel: "ariaLabel", ariaDescribedby: "ariaDescribedby" }, outputs: { valueChange: "valueChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CxsInputComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<input\n  [class]=\"inputClass\"\n  [attr.id]=\"id\"\n  [attr.name]=\"name\"\n  [attr.type]=\"type\"\n  [attr.placeholder]=\"placeholder\"\n  [attr.autocomplete]=\"autocomplete\"\n  [attr.inputmode]=\"inputmode\"\n  [attr.spellcheck]=\"spellcheck === null ? null : spellcheck\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-describedby]=\"ariaDescribedby\"\n  [attr.aria-invalid]=\"invalid ? 'true' : null\"\n  [attr.autofocus]=\"autofocus ? true : null\"\n  [disabled]=\"isDisabled\"\n  [readonly]=\"readonly\"\n  [required]=\"required\"\n  [value]=\"value\"\n  (input)=\"onInput($event)\"\n  (blur)=\"onBlur()\"\n/>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CxsInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cxs-input', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CxsInputComponent),
+                            multi: true
+                        }
+                    ], template: "<input\n  [class]=\"inputClass\"\n  [attr.id]=\"id\"\n  [attr.name]=\"name\"\n  [attr.type]=\"type\"\n  [attr.placeholder]=\"placeholder\"\n  [attr.autocomplete]=\"autocomplete\"\n  [attr.inputmode]=\"inputmode\"\n  [attr.spellcheck]=\"spellcheck === null ? null : spellcheck\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-describedby]=\"ariaDescribedby\"\n  [attr.aria-invalid]=\"invalid ? 'true' : null\"\n  [attr.autofocus]=\"autofocus ? true : null\"\n  [disabled]=\"isDisabled\"\n  [readonly]=\"readonly\"\n  [required]=\"required\"\n  [value]=\"value\"\n  (input)=\"onInput($event)\"\n  (blur)=\"onBlur()\"\n/>\r\n" }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], autofocus: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], autocomplete: [{
+                type: Input
+            }], inputmode: [{
+                type: Input
+            }], spellcheck: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaDescribedby: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+const WRAPPER_BASE = 'inline-flex items-center gap-2 select-none';
+const WRAPPER_ENABLED = 'cursor-pointer';
+const WRAPPER_DISABLED = 'cursor-not-allowed opacity-60';
+const LABEL_BASE = 'text-[var(--cxs-color-on-surface)]';
+const LABEL_DISABLED = 'text-[var(--cxs-color-on-surface-muted)]';
+const LABEL_SIZE_CLASSES = {
+    sm: 'text-sm',
+    md: 'text-sm',
+    lg: 'text-base'
+};
+const CONTROL_BASE = "relative flex shrink-0 items-center justify-center rounded-full border " +
+    "bg-[var(--cxs-color-surface)] transition-colors " +
+    "after:absolute after:inset-0 after:m-auto after:rounded-full after:content-[''] " +
+    'after:transition-transform after:scale-0 peer-checked:after:scale-100 ' +
+    'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 ' +
+    'peer-focus-visible:outline-[var(--cxs-color-focus)]';
+const CONTROL_SIZE_CLASSES = {
+    sm: 'h-4 w-4',
+    md: 'h-5 w-5',
+    lg: 'h-6 w-6'
+};
+const CONTROL_VARIANT_CLASSES = {
+    primary: 'peer-checked:border-[var(--cxs-color-primary)] after:bg-[var(--cxs-color-primary)]',
+    secondary: 'peer-checked:border-[var(--cxs-color-on-surface)] after:bg-[var(--cxs-color-on-surface)]'
+};
+const DOT_SIZE_CLASSES = {
+    sm: 'after:h-2 after:w-2',
+    md: 'after:h-2.5 after:w-2.5',
+    lg: 'after:h-3 after:w-3'
+};
+const INVALID_CLASSES$1 = 'border-[var(--cxs-color-danger)] peer-checked:border-[var(--cxs-color-danger)] ' +
+    'after:bg-[var(--cxs-color-danger)]';
+class CxsRadioComponent {
+    value = '';
+    name;
+    variant = 'primary';
+    size = 'md';
+    disabled = false;
+    required = false;
+    invalid = false;
+    autofocus = false;
+    id;
+    ariaLabel;
+    ariaDescribedby;
+    valueChange = new EventEmitter();
+    selectedValue = null;
+    disabledFromControl = false;
+    onChange = () => { };
+    onTouched = () => { };
+    get isDisabled() {
+        return this.disabled || this.disabledFromControl;
+    }
+    get isChecked() {
+        return this.selectedValue !== null && this.selectedValue === this.value;
+    }
+    get wrapperClass() {
+        return [
+            WRAPPER_BASE,
+            this.isDisabled ? WRAPPER_DISABLED : WRAPPER_ENABLED
+        ].join(' ');
+    }
+    get labelClass() {
+        return [
+            LABEL_BASE,
+            LABEL_SIZE_CLASSES[this.size],
+            this.isDisabled ? LABEL_DISABLED : ''
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    get controlClass() {
+        return [
+            CONTROL_BASE,
+            CONTROL_SIZE_CLASSES[this.size],
+            DOT_SIZE_CLASSES[this.size],
+            CONTROL_VARIANT_CLASSES[this.variant],
+            this.invalid ? INVALID_CLASSES$1 : ''
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    writeValue(value) {
+        this.selectedValue = value ?? null;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabledFromControl = isDisabled;
+    }
+    onRadioChange(event) {
+        const target = event.target;
+        if (!target.checked) {
+            return;
+        }
+        this.selectedValue = this.value;
+        this.onChange(this.value);
+        this.valueChange.emit(this.value);
+    }
+    onBlur() {
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CxsRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CxsRadioComponent, isStandalone: true, selector: "cxs-radio", inputs: { value: "value", name: "name", variant: "variant", size: "size", disabled: "disabled", required: "required", invalid: "invalid", autofocus: "autofocus", id: "id", ariaLabel: "ariaLabel", ariaDescribedby: "ariaDescribedby" }, outputs: { valueChange: "valueChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CxsRadioComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<label [class]=\"wrapperClass\">\n  <input\n    class=\"peer sr-only\"\n    type=\"radio\"\n    [attr.id]=\"id\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-describedby]=\"ariaDescribedby\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [attr.autofocus]=\"autofocus ? true : null\"\n    [checked]=\"isChecked\"\n    [disabled]=\"isDisabled\"\n    [required]=\"required\"\n    (change)=\"onRadioChange($event)\"\n    (blur)=\"onBlur()\"\n  />\n  <span [class]=\"controlClass\" aria-hidden=\"true\"></span>\n  <span [class]=\"labelClass\">\n    <ng-content></ng-content>\n  </span>\n</label>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CxsRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cxs-radio', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CxsRadioComponent),
+                            multi: true
+                        }
+                    ], template: "<label [class]=\"wrapperClass\">\n  <input\n    class=\"peer sr-only\"\n    type=\"radio\"\n    [attr.id]=\"id\"\n    [attr.name]=\"name\"\n    [attr.value]=\"value\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-describedby]=\"ariaDescribedby\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [attr.autofocus]=\"autofocus ? true : null\"\n    [checked]=\"isChecked\"\n    [disabled]=\"isDisabled\"\n    [required]=\"required\"\n    (change)=\"onRadioChange($event)\"\n    (blur)=\"onBlur()\"\n  />\n  <span [class]=\"controlClass\" aria-hidden=\"true\"></span>\n  <span [class]=\"labelClass\">\n    <ng-content></ng-content>\n  </span>\n</label>\n" }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], autofocus: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaDescribedby: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+const BASE_CLASSES = 'w-full appearance-none rounded-[var(--cxs-radius-md)] border border-[var(--cxs-color-border)] ' +
+    'bg-[var(--cxs-color-surface)] text-[var(--cxs-color-on-surface)] ' +
+    'placeholder:text-[var(--cxs-color-on-surface-muted)] transition-colors ' +
+    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ' +
+    'focus-visible:outline-[var(--cxs-color-focus)] focus-visible:border-[var(--cxs-color-focus)] ' +
+    'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60';
+const VARIANT_CLASSES = {
+    outline: 'bg-[var(--cxs-color-surface)]',
+    filled: 'bg-[var(--cxs-color-surface-hover)]'
+};
+const SIZE_CLASSES = {
+    sm: 'h-8 pl-3 pr-9 text-sm',
+    md: 'h-10 pl-3 pr-9 text-sm',
+    lg: 'h-12 pl-4 pr-10 text-base'
+};
+const INVALID_CLASSES = 'border-[var(--cxs-color-danger)] focus-visible:border-[var(--cxs-color-danger)] ' +
+    'focus-visible:outline-[var(--cxs-color-danger)]';
+class CxsSelectComponent {
+    value = '';
+    variant = 'outline';
+    size = 'md';
+    disabled = false;
+    required = false;
+    invalid = false;
+    placeholder;
+    placeholderValue = '';
+    id;
+    name;
+    ariaLabel;
+    ariaDescribedby;
+    valueChange = new EventEmitter();
+    disabledFromControl = false;
+    onChange = () => { };
+    onTouched = () => { };
+    get isDisabled() {
+        return this.disabled || this.disabledFromControl;
+    }
+    get selectClass() {
+        return [
+            BASE_CLASSES,
+            SIZE_CLASSES[this.size],
+            VARIANT_CLASSES[this.variant],
+            this.invalid ? INVALID_CLASSES : ''
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    get selectValue() {
+        if (this.placeholder && this.value === '') {
+            return this.placeholderValue;
+        }
+        return this.value;
+    }
+    writeValue(value) {
+        this.value = value ?? '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabledFromControl = isDisabled;
+    }
+    onSelectChange(event) {
+        const target = event.target;
+        const nextValue = target.value;
+        this.value = nextValue;
+        this.onChange(nextValue);
+        this.valueChange.emit(nextValue);
+    }
+    onBlur() {
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CxsSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CxsSelectComponent, isStandalone: true, selector: "cxs-select", inputs: { value: "value", variant: "variant", size: "size", disabled: "disabled", required: "required", invalid: "invalid", placeholder: "placeholder", placeholderValue: "placeholderValue", id: "id", name: "name", ariaLabel: "ariaLabel", ariaDescribedby: "ariaDescribedby" }, outputs: { valueChange: "valueChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => CxsSelectComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<div class=\"relative\">\n  <select\n    [class]=\"selectClass\"\n    [attr.id]=\"id\"\n    [attr.name]=\"name\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-describedby]=\"ariaDescribedby\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [disabled]=\"isDisabled\"\n    [required]=\"required\"\n    [value]=\"selectValue\"\n    (change)=\"onSelectChange($event)\"\n    (blur)=\"onBlur()\"\n  >\n    <option *ngIf=\"placeholder\" [value]=\"placeholderValue\" disabled>\n      {{ placeholder }}\n    </option>\n    <ng-content></ng-content>\n  </select>\n  <span\n    class=\"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-[var(--cxs-color-on-surface-muted)]\"\n    aria-hidden=\"true\"\n  >\n    <svg viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"h-4 w-4\">\n      <path\n        fill-rule=\"evenodd\"\n        d=\"M5.23 7.21a.75.75 0 0 1 1.06.02L10 10.94l3.71-3.71a.75.75 0 1 1 1.06 1.06l-4.24 4.25a.75.75 0 0 1-1.06 0L5.21 8.29a.75.75 0 0 1 .02-1.08Z\"\n        clip-rule=\"evenodd\"\n      />\n    </svg>\n  </span>\n</div>\r\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CxsSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cxs-select', standalone: true, imports: [NgIf], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => CxsSelectComponent),
+                            multi: true
+                        }
+                    ], template: "<div class=\"relative\">\n  <select\n    [class]=\"selectClass\"\n    [attr.id]=\"id\"\n    [attr.name]=\"name\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-describedby]=\"ariaDescribedby\"\n    [attr.aria-invalid]=\"invalid ? 'true' : null\"\n    [disabled]=\"isDisabled\"\n    [required]=\"required\"\n    [value]=\"selectValue\"\n    (change)=\"onSelectChange($event)\"\n    (blur)=\"onBlur()\"\n  >\n    <option *ngIf=\"placeholder\" [value]=\"placeholderValue\" disabled>\n      {{ placeholder }}\n    </option>\n    <ng-content></ng-content>\n  </select>\n  <span\n    class=\"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-[var(--cxs-color-on-surface-muted)]\"\n    aria-hidden=\"true\"\n  >\n    <svg viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"h-4 w-4\">\n      <path\n        fill-rule=\"evenodd\"\n        d=\"M5.23 7.21a.75.75 0 0 1 1.06.02L10 10.94l3.71-3.71a.75.75 0 1 1 1.06 1.06l-4.24 4.25a.75.75 0 0 1-1.06 0L5.21 8.29a.75.75 0 0 1 .02-1.08Z\"\n        clip-rule=\"evenodd\"\n      />\n    </svg>\n  </span>\n</div>\r\n" }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], invalid: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], placeholderValue: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaDescribedby: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+/*
+ * Public API Surface of cerxos-ui
+ */
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { CerxosUi, CxsButtonComponent, CxsInputComponent, CxsRadioComponent, CxsSelectComponent };
+//# sourceMappingURL=cerxos-ui.mjs.map

package/fesm2022/cerxos-ui.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"cerxos-ui.mjs","sources":["../../../projects/cerxos-ui/src/lib/cerxos-ui.ts","../../../projects/cerxos-ui/src/lib/components/button/button.component.ts","../../../projects/cerxos-ui/src/lib/components/button/button.component.html","../../../projects/cerxos-ui/src/lib/components/input/input.component.ts","../../../projects/cerxos-ui/src/lib/components/input/input.component.html","../../../projects/cerxos-ui/src/lib/components/radio/radio.component.ts","../../../projects/cerxos-ui/src/lib/components/radio/radio.component.html","../../../projects/cerxos-ui/src/lib/components/select/select.component.ts","../../../projects/cerxos-ui/src/lib/components/select/select.component.html","../../../projects/cerxos-ui/src/public-api.ts","../../../projects/cerxos-ui/src/cerxos-ui.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'cxs-cerxos-ui',\r\n imports: [],\r\n template: `\r\n <p>\r\n cerxos-ui works!\r\n </p>\r\n `,\r\n styles: ``,\r\n})\r\nexport class CerxosUi {\r\n\r\n}\r\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgIf } from '@angular/common';\n\nexport type CxsButtonVariant = 'primary' | 'secondary' | 'ghost';\nexport type CxsButtonSize = 'sm' | 'md' | 'lg';\n\nconst BASE_CLASSES =\n 'relative inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors ' +\n 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ' +\n 'focus-visible:outline-[var(--cxs-color-focus)] disabled:pointer-events-none disabled:opacity-50';\n\nconst VARIANT_CLASSES: Record<CxsButtonVariant, string> = {\n primary:\n 'bg-[var(--cxs-color-primary)] text-[var(--cxs-color-on-primary)] ' +\n 'hover:bg-[var(--cxs-color-primary-hover)] shadow-[var(--cxs-shadow-sm)]',\n secondary:\n 'bg-[var(--cxs-color-surface)] text-[var(--cxs-color-on-surface)] ' +\n 'border border-[var(--cxs-color-border)] hover:bg-[var(--cxs-color-surface-hover)]',\n ghost:\n 'bg-transparent text-[var(--cxs-color-primary)] hover:bg-[var(--cxs-color-primary-ghost)]'\n};\n\nconst SIZE_CLASSES: Record<CxsButtonSize, string> = {\n sm: 'h-8 px-3 text-sm rounded-[var(--cxs-radius-md)]',\n md: 'h-10 px-4 text-sm rounded-[var(--cxs-radius-md)]',\n lg: 'h-12 px-5 text-base rounded-[var(--cxs-radius-md)]'\n};\n\n@Component({\n selector: 'cxs-button',\n standalone: true,\n imports: [NgIf],\n templateUrl: './button.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CxsButtonComponent {\n @Input() variant: CxsButtonVariant = 'primary';\n @Input() size: CxsButtonSize = 'md';\n @Input() disabled = false;\n @Input() loading = false;\n @Input() type: 'button' | 'submit' | 'reset' = 'button';\n\n get isDisabled(): boolean {\n return this.disabled || this.loading;\n }\n\n get buttonClass(): string {\n return [BASE_CLASSES, SIZE_CLASSES[this.size], VARIANT_CLASSES[this.variant]].join(' ');\n }\n}\n","<button\n [class]=\"buttonClass\"\n [attr.type]=\"type\"\n [disabled]=\"isDisabled\"\n [attr.aria-busy]=\"loading ? 'true' : null\"\n>\n <span\n *ngIf=\"loading\"\n class=\"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent\"\n aria-hidden=\"true\"\n ></span>\n <span class=\"truncate\">\n <ng-content></ng-content>\n </span>\n</button>\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n forwardRef,\n Input,\n Output\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport type CxsInputVariant = 'outline' | 'filled';\nexport type CxsInputSize = 'sm' | 'md' | 'lg';\nexport type CxsInputType =\n | 'text'\n | 'email'\n | 'password'\n | 'search'\n | 'tel'\n | 'url'\n | 'number';\n\nconst BASE_CLASSES =\n 'w-full rounded-[var(--cxs-radius-md)] border border-[var(--cxs-color-border)] ' +\n 'bg-[var(--cxs-color-surface)] text-[var(--cxs-color-on-surface)] ' +\n 'placeholder:text-[var(--cxs-color-on-surface-muted)] transition-colors ' +\n 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ' +\n 'focus-visible:outline-[var(--cxs-color-focus)] focus-visible:border-[var(--cxs-color-focus)] ' +\n 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60';\n\nconst VARIANT_CLASSES: Record<CxsInputVariant, string> = {\n outline: 'bg-[var(--cxs-color-surface)]',\n filled: 'bg-[var(--cxs-color-surface-hover)]'\n};\n\nconst SIZE_CLASSES: Record<CxsInputSize, string> = {\n sm: 'h-8 px-3 text-sm',\n md: 'h-10 px-3 text-sm',\n lg: 'h-12 px-4 text-base'\n};\n\nconst INVALID_CLASSES =\n 'border-[var(--cxs-color-danger)] focus-visible:border-[var(--cxs-color-danger)] ' +\n 'focus-visible:outline-[var(--cxs-color-danger)]';\n\n@Component({\n selector: 'cxs-input',\n standalone: true,\n templateUrl: './input.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CxsInputComponent),\n multi: true\n }\n ]\n})\nexport class CxsInputComponent implements ControlValueAccessor {\n @Input() value = '';\n @Input() type: CxsInputType = 'text';\n @Input() variant: CxsInputVariant = 'outline';\n @Input() size: CxsInputSize = 'md';\n @Input() disabled = false;\n @Input() readonly = false;\n @Input() required = false;\n @Input() invalid = false;\n @Input() autofocus = false;\n\n @Input() id?: string;\n @Input() name?: string;\n @Input() placeholder?: string;\n @Input() autocomplete?: string;\n @Input() inputmode?: string;\n @Input() spellcheck: boolean | null = null;\n @Input() ariaLabel?: string;\n @Input() ariaDescribedby?: string;\n\n @Output() valueChange = new EventEmitter<string>();\n\n private disabledFromControl = false;\n private onChange: (value: string) => void = () => {};\n private onTouched: () => void = () => {};\n\n get isDisabled(): boolean {\n return this.disabled || this.disabledFromControl;\n }\n\n get inputClass(): string {\n return [\n BASE_CLASSES,\n SIZE_CLASSES[this.size],\n VARIANT_CLASSES[this.variant],\n this.invalid ? INVALID_CLASSES : ''\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n writeValue(value: string | null): void {\n this.value = 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 this.disabledFromControl = isDisabled;\n }\n\n onInput(event: Event): void {\n const target = event.target as HTMLInputElement;\n const nextValue = target.value;\n\n this.value = nextValue;\n this.onChange(nextValue);\n this.valueChange.emit(nextValue);\n }\n\n onBlur(): void {\n this.onTouched();\n }\n}\r\n","<input\n [class]=\"inputClass\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [attr.type]=\"type\"\n [attr.placeholder]=\"placeholder\"\n [attr.autocomplete]=\"autocomplete\"\n [attr.inputmode]=\"inputmode\"\n [attr.spellcheck]=\"spellcheck === null ? null : spellcheck\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"invalid ? 'true' : null\"\n [attr.autofocus]=\"autofocus ? true : null\"\n [disabled]=\"isDisabled\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [value]=\"value\"\n (input)=\"onInput($event)\"\n (blur)=\"onBlur()\"\n/>\r\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n forwardRef,\n Input,\n Output\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport type CxsRadioSize = 'sm' | 'md' | 'lg';\nexport type CxsRadioVariant = 'primary' | 'secondary';\n\nconst WRAPPER_BASE = 'inline-flex items-center gap-2 select-none';\nconst WRAPPER_ENABLED = 'cursor-pointer';\nconst WRAPPER_DISABLED = 'cursor-not-allowed opacity-60';\n\nconst LABEL_BASE = 'text-[var(--cxs-color-on-surface)]';\nconst LABEL_DISABLED = 'text-[var(--cxs-color-on-surface-muted)]';\nconst LABEL_SIZE_CLASSES: Record<CxsRadioSize, string> = {\n sm: 'text-sm',\n md: 'text-sm',\n lg: 'text-base'\n};\n\nconst CONTROL_BASE =\n \"relative flex shrink-0 items-center justify-center rounded-full border \" +\n \"bg-[var(--cxs-color-surface)] transition-colors \" +\n \"after:absolute after:inset-0 after:m-auto after:rounded-full after:content-[''] \" +\n 'after:transition-transform after:scale-0 peer-checked:after:scale-100 ' +\n 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 ' +\n 'peer-focus-visible:outline-[var(--cxs-color-focus)]';\n\nconst CONTROL_SIZE_CLASSES: Record<CxsRadioSize, string> = {\n sm: 'h-4 w-4',\n md: 'h-5 w-5',\n lg: 'h-6 w-6'\n};\n\nconst CONTROL_VARIANT_CLASSES: Record<CxsRadioVariant, string> = {\n primary:\n 'peer-checked:border-[var(--cxs-color-primary)] after:bg-[var(--cxs-color-primary)]',\n secondary:\n 'peer-checked:border-[var(--cxs-color-on-surface)] after:bg-[var(--cxs-color-on-surface)]'\n};\n\nconst DOT_SIZE_CLASSES: Record<CxsRadioSize, string> = {\n sm: 'after:h-2 after:w-2',\n md: 'after:h-2.5 after:w-2.5',\n lg: 'after:h-3 after:w-3'\n};\n\nconst INVALID_CLASSES =\n 'border-[var(--cxs-color-danger)] peer-checked:border-[var(--cxs-color-danger)] ' +\n 'after:bg-[var(--cxs-color-danger)]';\n\n@Component({\n selector: 'cxs-radio',\n standalone: true,\n templateUrl: './radio.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CxsRadioComponent),\n multi: true\n }\n ]\n})\nexport class CxsRadioComponent implements ControlValueAccessor {\n @Input() value = '';\n @Input() name?: string;\n @Input() variant: CxsRadioVariant = 'primary';\n @Input() size: CxsRadioSize = 'md';\n @Input() disabled = false;\n @Input() required = false;\n @Input() invalid = false;\n @Input() autofocus = false;\n\n @Input() id?: string;\n @Input() ariaLabel?: string;\n @Input() ariaDescribedby?: string;\n\n @Output() valueChange = new EventEmitter<string>();\n\n private selectedValue: string | null = null;\n private disabledFromControl = false;\n private onChange: (value: string) => void = () => {};\n private onTouched: () => void = () => {};\n\n get isDisabled(): boolean {\n return this.disabled || this.disabledFromControl;\n }\n\n get isChecked(): boolean {\n return this.selectedValue !== null && this.selectedValue === this.value;\n }\n\n get wrapperClass(): string {\n return [\n WRAPPER_BASE,\n this.isDisabled ? WRAPPER_DISABLED : WRAPPER_ENABLED\n ].join(' ');\n }\n\n get labelClass(): string {\n return [\n LABEL_BASE,\n LABEL_SIZE_CLASSES[this.size],\n this.isDisabled ? LABEL_DISABLED : ''\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n get controlClass(): string {\n return [\n CONTROL_BASE,\n CONTROL_SIZE_CLASSES[this.size],\n DOT_SIZE_CLASSES[this.size],\n CONTROL_VARIANT_CLASSES[this.variant],\n this.invalid ? INVALID_CLASSES : ''\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n writeValue(value: string | null): void {\n this.selectedValue = value ?? null;\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 this.disabledFromControl = isDisabled;\n }\n\n onRadioChange(event: Event): void {\n const target = event.target as HTMLInputElement;\n if (!target.checked) {\n return;\n }\n\n this.selectedValue = this.value;\n this.onChange(this.value);\n this.valueChange.emit(this.value);\n }\n\n onBlur(): void {\n this.onTouched();\n }\n}\n","<label [class]=\"wrapperClass\">\n <input\n class=\"peer sr-only\"\n type=\"radio\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"invalid ? 'true' : null\"\n [attr.autofocus]=\"autofocus ? true : null\"\n [checked]=\"isChecked\"\n [disabled]=\"isDisabled\"\n [required]=\"required\"\n (change)=\"onRadioChange($event)\"\n (blur)=\"onBlur()\"\n />\n <span [class]=\"controlClass\" aria-hidden=\"true\"></span>\n <span [class]=\"labelClass\">\n <ng-content></ng-content>\n </span>\n</label>\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n forwardRef,\n Input,\n Output\n} from '@angular/core';\nimport { NgIf } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport type CxsSelectVariant = 'outline' | 'filled';\nexport type CxsSelectSize = 'sm' | 'md' | 'lg';\n\nconst BASE_CLASSES =\n 'w-full appearance-none rounded-[var(--cxs-radius-md)] border border-[var(--cxs-color-border)] ' +\n 'bg-[var(--cxs-color-surface)] text-[var(--cxs-color-on-surface)] ' +\n 'placeholder:text-[var(--cxs-color-on-surface-muted)] transition-colors ' +\n 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ' +\n 'focus-visible:outline-[var(--cxs-color-focus)] focus-visible:border-[var(--cxs-color-focus)] ' +\n 'disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-60';\n\nconst VARIANT_CLASSES: Record<CxsSelectVariant, string> = {\n outline: 'bg-[var(--cxs-color-surface)]',\n filled: 'bg-[var(--cxs-color-surface-hover)]'\n};\n\nconst SIZE_CLASSES: Record<CxsSelectSize, string> = {\n sm: 'h-8 pl-3 pr-9 text-sm',\n md: 'h-10 pl-3 pr-9 text-sm',\n lg: 'h-12 pl-4 pr-10 text-base'\n};\n\nconst INVALID_CLASSES =\n 'border-[var(--cxs-color-danger)] focus-visible:border-[var(--cxs-color-danger)] ' +\n 'focus-visible:outline-[var(--cxs-color-danger)]';\n\n@Component({\n selector: 'cxs-select',\n standalone: true,\n imports: [NgIf],\n templateUrl: './select.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CxsSelectComponent),\n multi: true\n }\n ]\n})\nexport class CxsSelectComponent implements ControlValueAccessor {\n @Input() value = '';\n @Input() variant: CxsSelectVariant = 'outline';\n @Input() size: CxsSelectSize = 'md';\n @Input() disabled = false;\n @Input() required = false;\n @Input() invalid = false;\n @Input() placeholder?: string;\n @Input() placeholderValue = '';\n\n @Input() id?: string;\n @Input() name?: string;\n @Input() ariaLabel?: string;\n @Input() ariaDescribedby?: string;\n\n @Output() valueChange = new EventEmitter<string>();\n\n private disabledFromControl = false;\n private onChange: (value: string) => void = () => {};\n private onTouched: () => void = () => {};\n\n get isDisabled(): boolean {\n return this.disabled || this.disabledFromControl;\n }\n\n get selectClass(): string {\n return [\n BASE_CLASSES,\n SIZE_CLASSES[this.size],\n VARIANT_CLASSES[this.variant],\n this.invalid ? INVALID_CLASSES : ''\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n get selectValue(): string {\n if (this.placeholder && this.value === '') {\n return this.placeholderValue;\n }\n\n return this.value;\n }\n\n writeValue(value: string | null): void {\n this.value = 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 this.disabledFromControl = isDisabled;\n }\n\n onSelectChange(event: Event): void {\n const target = event.target as HTMLSelectElement;\n const nextValue = target.value;\n\n this.value = nextValue;\n this.onChange(nextValue);\n this.valueChange.emit(nextValue);\n }\n\n onBlur(): void {\n this.onTouched();\n }\n}\r\n","<div class=\"relative\">\n <select\n [class]=\"selectClass\"\n [attr.id]=\"id\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"invalid ? 'true' : null\"\n [disabled]=\"isDisabled\"\n [required]=\"required\"\n [value]=\"selectValue\"\n (change)=\"onSelectChange($event)\"\n (blur)=\"onBlur()\"\n >\n <option *ngIf=\"placeholder\" [value]=\"placeholderValue\" disabled>\n {{ placeholder }}\n </option>\n <ng-content></ng-content>\n </select>\n <span\n class=\"pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-[var(--cxs-color-on-surface-muted)]\"\n aria-hidden=\"true\"\n >\n <svg viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"h-4 w-4\">\n <path\n fill-rule=\"evenodd\"\n d=\"M5.23 7.21a.75.75 0 0 1 1.06.02L10 10.94l3.71-3.71a.75.75 0 1 1 1.06 1.06l-4.24 4.25a.75.75 0 0 1-1.06 0L5.21 8.29a.75.75 0 0 1 .02-1.08Z\"\n clip-rule=\"evenodd\"\n />\n </svg>\n </span>\n</div>\r\n","/*\r\n * Public API Surface of cerxos-ui\r\n */\r\n\r\nexport * from './lib/cerxos-ui';\nexport * from './lib/components/button/button.component';\nexport * from './lib/components/input/input.component';\nexport * from './lib/components/radio/radio.component';\nexport * from './lib/components/select/select.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["BASE_CLASSES","VARIANT_CLASSES","SIZE_CLASSES","INVALID_CLASSES"],"mappings":"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"}

package/index.d.ts ADDED Viewed

@@ -0,0 +1,128 @@
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+declare class CerxosUi {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CerxosUi, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CerxosUi, "cxs-cerxos-ui", never, {}, {}, never, never, true, never>;
+}
+type CxsButtonVariant = 'primary' | 'secondary' | 'ghost';
+type CxsButtonSize = 'sm' | 'md' | 'lg';
+declare class CxsButtonComponent {
+    variant: CxsButtonVariant;
+    size: CxsButtonSize;
+    disabled: boolean;
+    loading: boolean;
+    type: 'button' | 'submit' | 'reset';
+    get isDisabled(): boolean;
+    get buttonClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CxsButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsButtonComponent, "cxs-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+type CxsInputVariant = 'outline' | 'filled';
+type CxsInputSize = 'sm' | 'md' | 'lg';
+type CxsInputType = 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'number';
+declare class CxsInputComponent implements ControlValueAccessor {
+    value: string;
+    type: CxsInputType;
+    variant: CxsInputVariant;
+    size: CxsInputSize;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    invalid: boolean;
+    autofocus: boolean;
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    autocomplete?: string;
+    inputmode?: string;
+    spellcheck: boolean | null;
+    ariaLabel?: string;
+    ariaDescribedby?: string;
+    valueChange: EventEmitter<string>;
+    private disabledFromControl;
+    private onChange;
+    private onTouched;
+    get isDisabled(): boolean;
+    get inputClass(): string;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInput(event: Event): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CxsInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsInputComponent, "cxs-input", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+type CxsRadioSize = 'sm' | 'md' | 'lg';
+type CxsRadioVariant = 'primary' | 'secondary';
+declare class CxsRadioComponent implements ControlValueAccessor {
+    value: string;
+    name?: string;
+    variant: CxsRadioVariant;
+    size: CxsRadioSize;
+    disabled: boolean;
+    required: boolean;
+    invalid: boolean;
+    autofocus: boolean;
+    id?: string;
+    ariaLabel?: string;
+    ariaDescribedby?: string;
+    valueChange: EventEmitter<string>;
+    private selectedValue;
+    private disabledFromControl;
+    private onChange;
+    private onTouched;
+    get isDisabled(): boolean;
+    get isChecked(): boolean;
+    get wrapperClass(): string;
+    get labelClass(): string;
+    get controlClass(): string;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onRadioChange(event: Event): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CxsRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsRadioComponent, "cxs-radio", never, { "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, never>;
+}
+type CxsSelectVariant = 'outline' | 'filled';
+type CxsSelectSize = 'sm' | 'md' | 'lg';
+declare class CxsSelectComponent implements ControlValueAccessor {
+    value: string;
+    variant: CxsSelectVariant;
+    size: CxsSelectSize;
+    disabled: boolean;
+    required: boolean;
+    invalid: boolean;
+    placeholder?: string;
+    placeholderValue: string;
+    id?: string;
+    name?: string;
+    ariaLabel?: string;
+    ariaDescribedby?: string;
+    valueChange: EventEmitter<string>;
+    private disabledFromControl;
+    private onChange;
+    private onTouched;
+    get isDisabled(): boolean;
+    get selectClass(): string;
+    get selectValue(): string;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onSelectChange(event: Event): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CxsSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CxsSelectComponent, "cxs-select", never, { "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placeholderValue": { "alias": "placeholderValue"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["*"], true, never>;
+}
+export { CerxosUi, CxsButtonComponent, CxsInputComponent, CxsRadioComponent, CxsSelectComponent };
+export type { CxsButtonSize, CxsButtonVariant, CxsInputSize, CxsInputType, CxsInputVariant, CxsRadioSize, CxsRadioVariant, CxsSelectSize, CxsSelectVariant };

package/package.json ADDED Viewed

@@ -0,0 +1,23 @@
+{
+  "name": "cerxos-ui",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.3.0",
+    "@angular/core": "^20.3.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/cerxos-ui.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/cerxos-ui.mjs"
+    }
+  }
+}

package/src/lib/styles/tailwind.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ @import "../tokens/theme-default.css";
2	+ @import "tailwindcss";

package/src/lib/tokens/theme-default.css ADDED Viewed

@@ -0,0 +1,15 @@
+:root {
+  --cxs-color-primary: #1f7a4a;
+  --cxs-color-primary-hover: #17613a;
+  --cxs-color-primary-ghost: rgba(31, 122, 74, 0.12);
+  --cxs-color-on-primary: #ffffff;
+  --cxs-color-surface: #ffffff;
+  --cxs-color-surface-hover: #f6f8fa;
+  --cxs-color-on-surface: #0f172a;
+  --cxs-color-on-surface-muted: #64748b;
+  --cxs-color-border: #d0d7de;
+  --cxs-color-danger: #dc2626;
+  --cxs-color-focus: #f59e0b;
+  --cxs-radius-md: 8px;
+  --cxs-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.16);
+}