@schenkerjon/ng-govbr-tw 0.0.1

package/fesm2022/schenkerjon-ng-govbr-tw.mjs

@@ -0,0 +1,943 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ViewEncapsulation, Component, forwardRef, ContentChild } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i2$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+
+class BrButtonComponent {
+    constructor() {
+        this.variant = 'primary';
+        this.size = 'medium';
+        this.type = 'button';
+        this.circle = false;
+        this.block = false;
+        this.loading = false;
+        this.disabled = false;
+        this.onClick = new EventEmitter();
+    }
+    get buttonClasses() {
+        const base = 'inline-flex items-center justify-center font-rawline font-semibold transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2';
+        const variants = {
+            primary: 'bg-govbr-primary text-white hover:bg-govbr-primary-dark focus:ring-govbr-primary',
+            secondary: 'bg-transparent text-govbr-primary border border-govbr-primary hover:bg-govbr-primary hover:text-white focus:ring-govbr-primary',
+            danger: 'bg-govbr-danger text-white hover:bg-red-700 focus:ring-govbr-danger',
+        };
+        const sizes = {
+            small: this.circle ? 'w-8 h-8 text-sm' : 'px-3 py-1.5 text-sm',
+            medium: this.circle ? 'w-10 h-10 text-base' : 'px-5 py-2 text-base',
+            large: this.circle ? 'w-12 h-12 text-lg' : 'px-7 py-3 text-lg',
+        };
+        const shape = this.circle ? 'rounded-full' : 'rounded-govbr-pill';
+        const width = this.block ? 'w-full' : '';
+        const disabledCls = this.disabled || this.loading ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer';
+        return [base, variants[this.variant], sizes[this.size], shape, width, disabledCls]
+            .filter(Boolean)
+            .join(' ');
+    }
+    handleClick(event) {
+        if (!this.disabled && !this.loading) {
+            this.onClick.emit(event);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrButtonComponent, isStandalone: true, selector: "br-button", inputs: { variant: "variant", size: "size", type: "type", circle: "circle", block: "block", icon: "icon", loading: "loading", disabled: "disabled" }, outputs: { onClick: "onClick" }, ngImport: i0, template: `
+    <button
+      [type]="type"
+      [disabled]="disabled || loading"
+      [class]="buttonClasses"
+      (click)="handleClick($event)"
+    >
+      <i *ngIf="loading" class="fa-solid fa-spinner fa-spin mr-2"></i>
+      <i *ngIf="icon && !loading" [class]="'fa-solid fa-' + icon + (circle ? '' : ' mr-2')"></i>
+      <span *ngIf="!circle"><ng-content></ng-content></span>
+    </button>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'br-button',
+                    standalone: true,
+                    imports: [CommonModule],
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+    <button
+      [type]="type"
+      [disabled]="disabled || loading"
+      [class]="buttonClasses"
+      (click)="handleClick($event)"
+    >
+      <i *ngIf="loading" class="fa-solid fa-spinner fa-spin mr-2"></i>
+      <i *ngIf="icon && !loading" [class]="'fa-solid fa-' + icon + (circle ? '' : ' mr-2')"></i>
+      <span *ngIf="!circle"><ng-content></ng-content></span>
+    </button>
+  `,
+                }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], circle: [{
+                type: Input
+            }], block: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class BrInputComponent {
+    constructor() {
+        this.type = 'text';
+        this.placeholder = '';
+        this.required = false;
+        this.fileSelected = new EventEmitter();
+        this.value = '';
+        this.isDisabled = false;
+        this.fileName = '';
+        this.inputId = `br-input-${BrInputComponent.nextId++}`;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    static { this.nextId = 0; }
+    get inputClasses() {
+        const base = 'w-full px-4 py-2 border rounded text-govbr-gray-80 bg-white font-rawline text-base transition-colors focus:outline-none focus:ring-2 focus:ring-govbr-primary focus:border-govbr-primary';
+        const errorCls = this.error
+            ? 'border-govbr-danger focus:ring-govbr-danger focus:border-govbr-danger'
+            : 'border-govbr-gray-10';
+        const disabledCls = this.isDisabled ? 'bg-govbr-gray-2 cursor-not-allowed' : '';
+        return [base, errorCls, disabledCls].filter(Boolean).join(' ');
+    }
+    writeValue(value) {
+        this.value = value ?? '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+    }
+    onInputChange(event) {
+        const val = event.target.value;
+        this.value = val;
+        this.onChange(val);
+    }
+    onSelectChange(event) {
+        const val = event.target.value;
+        this.value = val;
+        this.onChange(val);
+    }
+    onFileChange(event) {
+        const input = event.target;
+        if (input.files && input.files.length > 0) {
+            const file = input.files[0];
+            this.fileName = file.name;
+            this.fileSelected.emit(file);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrInputComponent, isStandalone: true, selector: "br-input", inputs: { label: "label", type: "type", placeholder: "placeholder", required: "required", error: "error" }, outputs: { fileSelected: "fileSelected" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => BrInputComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: `
+    <div class="mb-4 font-rawline">
+      <label
+        *ngIf="label"
+        [for]="inputId"
+        class="block text-sm font-semibold text-govbr-gray-80 mb-1"
+      >
+        {{ label }}
+        <span *ngIf="required" class="text-govbr-danger">*</span>
+      </label>
+
+      <!-- Select -->
+      <select
+        *ngIf="type === 'select'"
+        [id]="inputId"
+        [disabled]="isDisabled"
+        [class]="inputClasses"
+        [value]="value"
+        (change)="onSelectChange($event)"
+        (blur)="onTouched()"
+      >
+        <option value="" disabled [selected]="!value">{{ placeholder }}</option>
+        <ng-content></ng-content>
+      </select>
+
+      <!-- File -->
+      <div *ngIf="type === 'file'">
+        <label
+          [for]="inputId"
+          class="inline-flex items-center px-4 py-2 bg-govbr-primary text-white rounded-govbr-pill cursor-pointer hover:bg-govbr-primary-dark transition-colors text-sm font-semibold"
+        >
+          <i class="fa-solid fa-upload mr-2"></i>
+          {{ placeholder || 'Selecionar arquivo' }}
+        </label>
+        <input
+          [id]="inputId"
+          type="file"
+          class="hidden"
+          [disabled]="isDisabled"
+          (change)="onFileChange($event)"
+        />
+        <span *ngIf="fileName" class="ml-2 text-sm text-govbr-gray-60">{{ fileName }}</span>
+      </div>
+
+      <!-- Text / Email / Password -->
+      <input
+        *ngIf="type !== 'select' && type !== 'file'"
+        [id]="inputId"
+        [type]="type"
+        [placeholder]="placeholder"
+        [disabled]="isDisabled"
+        [class]="inputClasses"
+        [value]="value"
+        (input)="onInputChange($event)"
+        (blur)="onTouched()"
+      />
+
+      <span *ngIf="error" class="block mt-1 text-sm text-govbr-danger">
+        <i class="fa-solid fa-circle-exclamation mr-1"></i>{{ error }}
+      </span>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'br-input',
+                    standalone: true,
+                    imports: [CommonModule, FormsModule],
+                    encapsulation: ViewEncapsulation.None,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => BrInputComponent),
+                            multi: true,
+                        },
+                    ],
+                    template: `
+    <div class="mb-4 font-rawline">
+      <label
+        *ngIf="label"
+        [for]="inputId"
+        class="block text-sm font-semibold text-govbr-gray-80 mb-1"
+      >
+        {{ label }}
+        <span *ngIf="required" class="text-govbr-danger">*</span>
+      </label>
+
+      <!-- Select -->
+      <select
+        *ngIf="type === 'select'"
+        [id]="inputId"
+        [disabled]="isDisabled"
+        [class]="inputClasses"
+        [value]="value"
+        (change)="onSelectChange($event)"
+        (blur)="onTouched()"
+      >
+        <option value="" disabled [selected]="!value">{{ placeholder }}</option>
+        <ng-content></ng-content>
+      </select>
+
+      <!-- File -->
+      <div *ngIf="type === 'file'">
+        <label
+          [for]="inputId"
+          class="inline-flex items-center px-4 py-2 bg-govbr-primary text-white rounded-govbr-pill cursor-pointer hover:bg-govbr-primary-dark transition-colors text-sm font-semibold"
+        >
+          <i class="fa-solid fa-upload mr-2"></i>
+          {{ placeholder || 'Selecionar arquivo' }}
+        </label>
+        <input
+          [id]="inputId"
+          type="file"
+          class="hidden"
+          [disabled]="isDisabled"
+          (change)="onFileChange($event)"
+        />
+        <span *ngIf="fileName" class="ml-2 text-sm text-govbr-gray-60">{{ fileName }}</span>
+      </div>
+
+      <!-- Text / Email / Password -->
+      <input
+        *ngIf="type !== 'select' && type !== 'file'"
+        [id]="inputId"
+        [type]="type"
+        [placeholder]="placeholder"
+        [disabled]="isDisabled"
+        [class]="inputClasses"
+        [value]="value"
+        (input)="onInputChange($event)"
+        (blur)="onTouched()"
+      />
+
+      <span *ngIf="error" class="block mt-1 text-sm text-govbr-danger">
+        <i class="fa-solid fa-circle-exclamation mr-1"></i>{{ error }}
+      </span>
+    </div>
+  `,
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], fileSelected: [{
+                type: Output
+            }] } });
+
+class BrBadgeComponent {
+    constructor() {
+        this.variant = 'primary';
+    }
+    get badgeClasses() {
+        const base = 'inline-flex items-center px-2.5 py-0.5 rounded-govbr-pill text-xs font-semibold font-rawline';
+        const variants = {
+            primary: 'bg-govbr-primary text-white',
+            success: 'bg-govbr-success text-white',
+            danger: 'bg-govbr-danger text-white',
+            warning: 'bg-govbr-warning-bg text-govbr-gray-80',
+            neutral: 'bg-govbr-gray-5 text-govbr-gray-80',
+        };
+        return `${base} ${variants[this.variant]}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrBadgeComponent, isStandalone: true, selector: "br-badge", inputs: { variant: "variant" }, ngImport: i0, template: `
+    <span [class]="badgeClasses">
+      <ng-content></ng-content>
+    </span>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrBadgeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'br-badge',
+                    standalone: true,
+                    imports: [CommonModule],
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+    <span [class]="badgeClasses">
+      <ng-content></ng-content>
+    </span>
+  `,
+                }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }] } });
+
+class BrMessageComponent {
+    constructor() {
+        this.type = 'info';
+        this.dismissible = false;
+        this.dismissed = new EventEmitter();
+        this.visible = true;
+    }
+    get messageClasses() {
+        const base = 'p-4 rounded font-rawline border-l-4';
+        const styles = {
+            success: 'bg-green-50 border-govbr-success text-govbr-success',
+            danger: 'bg-red-50 border-govbr-danger text-govbr-danger',
+            warning: 'bg-govbr-warning-bg border-govbr-warning text-govbr-gray-80',
+            info: 'bg-govbr-info-bg border-govbr-info text-govbr-primary-dark',
+        };
+        return `${base} ${styles[this.type]}`;
+    }
+    get iconClass() {
+        const icons = {
+            success: 'fa-solid fa-circle-check',
+            danger: 'fa-solid fa-circle-xmark',
+            warning: 'fa-solid fa-triangle-exclamation',
+            info: 'fa-solid fa-circle-info',
+        };
+        return icons[this.type];
+    }
+    dismiss() {
+        this.visible = false;
+        this.dismissed.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrMessageComponent, isStandalone: true, selector: "br-message", inputs: { type: "type", dismissible: "dismissible" }, outputs: { dismissed: "dismissed" }, ngImport: i0, template: `
+    <div *ngIf="visible" [class]="messageClasses" role="alert">
+      <div class="flex items-start">
+        <i [class]="iconClass + ' mt-0.5 mr-3 text-lg'"></i>
+        <div class="flex-1 text-sm">
+          <ng-content></ng-content>
+        </div>
+        <button
+          *ngIf="dismissible"
+          type="button"
+          class="ml-3 text-current opacity-60 hover:opacity-100 transition-opacity"
+          (click)="dismiss()"
+          aria-label="Fechar"
+        >
+          <i class="fa-solid fa-xmark"></i>
+        </button>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrMessageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'br-message',
+                    standalone: true,
+                    imports: [CommonModule],
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+    <div *ngIf="visible" [class]="messageClasses" role="alert">
+      <div class="flex items-start">
+        <i [class]="iconClass + ' mt-0.5 mr-3 text-lg'"></i>
+        <div class="flex-1 text-sm">
+          <ng-content></ng-content>
+        </div>
+        <button
+          *ngIf="dismissible"
+          type="button"
+          class="ml-3 text-current opacity-60 hover:opacity-100 transition-opacity"
+          (click)="dismiss()"
+          aria-label="Fechar"
+        >
+          <i class="fa-solid fa-xmark"></i>
+        </button>
+      </div>
+    </div>
+  `,
+                }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], dismissible: [{
+                type: Input
+            }], dismissed: [{
+                type: Output
+            }] } });
+
+class BrTableComponent {
+    constructor() {
+        this.headerVariant = 'blue';
+        this.page = 1;
+        this.totalPages = 1;
+        this.pageChange = new EventEmitter();
+    }
+    get visiblePages() {
+        const pages = [];
+        const start = Math.max(1, this.page - 2);
+        const end = Math.min(this.totalPages, this.page + 2);
+        for (let i = start; i <= end; i++) {
+            pages.push(i);
+        }
+        return pages;
+    }
+    goToPage(p) {
+        if (p >= 1 && p <= this.totalPages && p !== this.page) {
+            this.pageChange.emit(p);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrTableComponent, isStandalone: true, selector: "br-table", inputs: { headerVariant: "headerVariant", page: "page", totalPages: "totalPages" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: `
+    <div class="overflow-x-auto font-rawline" [attr.data-header]="headerVariant">
+      <table class="w-full text-sm text-left text-govbr-gray-80">
+        <ng-content></ng-content>
+      </table>
+
+      <nav
+        *ngIf="totalPages > 1"
+        class="flex items-center justify-between px-4 py-3 border-t border-govbr-gray-5"
+        aria-label="Paginacao"
+      >
+        <span class="text-sm text-govbr-gray-40">
+          Pagina {{ page }} de {{ totalPages }}
+        </span>
+        <div class="flex gap-1">
+          <button
+            type="button"
+            [disabled]="page <= 1"
+            (click)="goToPage(page - 1)"
+            class="px-3 py-1.5 text-sm rounded border transition-colors"
+            [class]="page <= 1
+              ? 'border-govbr-gray-10 text-govbr-gray-20 cursor-not-allowed'
+              : 'border-govbr-gray-10 text-govbr-primary hover:bg-govbr-primary-lightest cursor-pointer'"
+          >
+            <i class="fa-solid fa-chevron-left"></i>
+          </button>
+          <button
+            *ngFor="let p of visiblePages"
+            type="button"
+            (click)="goToPage(p)"
+            class="px-3 py-1.5 text-sm rounded border transition-colors cursor-pointer"
+            [class]="p === page
+              ? 'bg-govbr-primary text-white border-govbr-primary'
+              : 'border-govbr-gray-10 text-govbr-primary hover:bg-govbr-primary-lightest'"
+          >
+            {{ p }}
+          </button>
+          <button
+            type="button"
+            [disabled]="page >= totalPages"
+            (click)="goToPage(page + 1)"
+            class="px-3 py-1.5 text-sm rounded border transition-colors"
+            [class]="page >= totalPages
+              ? 'border-govbr-gray-10 text-govbr-gray-20 cursor-not-allowed'
+              : 'border-govbr-gray-10 text-govbr-primary hover:bg-govbr-primary-lightest cursor-pointer'"
+          >
+            <i class="fa-solid fa-chevron-right"></i>
+          </button>
+        </div>
+      </nav>
+    </div>
+  `, isInline: true, styles: ["br-table table{border-collapse:collapse;border-spacing:0}br-table table thead th{background-color:var(--govbr-table-header-bg);color:var(--govbr-table-header-color);font-weight:var(--govbr-font-weight-semi-bold);font-size:var(--govbr-font-size-sm);line-height:var(--govbr-line-height-medium);padding:var(--govbr-spacing-4);text-align:left;border-bottom:var(--govbr-table-header-border)}br-table table thead th:first-child{border-radius:var(--govbr-table-header-radius) 0 0 0}br-table table thead th:last-child{border-radius:0 var(--govbr-table-header-radius) 0 0}br-table [data-header=light] table thead th{--govbr-table-header-bg: var(--govbr-bg);--govbr-table-header-color: var(--govbr-primary);--govbr-table-header-border: 2px solid var(--govbr-border-color);--govbr-table-header-radius: 0}br-table table tbody td{padding:var(--govbr-spacing-4);font-size:var(--govbr-font-size-sm);line-height:var(--govbr-line-height-medium);color:var(--govbr-table-cell-color);border-bottom:var(--govbr-table-cell-border);background-color:var(--govbr-table-row-bg)}br-table table tbody tr:nth-child(2n) td{background-color:var(--govbr-table-row-alt-bg)}br-table table tbody tr:hover td{background-color:var(--govbr-table-row-hover-bg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'br-table', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: `
+    <div class="overflow-x-auto font-rawline" [attr.data-header]="headerVariant">
+      <table class="w-full text-sm text-left text-govbr-gray-80">
+        <ng-content></ng-content>
+      </table>
+
+      <nav
+        *ngIf="totalPages > 1"
+        class="flex items-center justify-between px-4 py-3 border-t border-govbr-gray-5"
+        aria-label="Paginacao"
+      >
+        <span class="text-sm text-govbr-gray-40">
+          Pagina {{ page }} de {{ totalPages }}
+        </span>
+        <div class="flex gap-1">
+          <button
+            type="button"
+            [disabled]="page <= 1"
+            (click)="goToPage(page - 1)"
+            class="px-3 py-1.5 text-sm rounded border transition-colors"
+            [class]="page <= 1
+              ? 'border-govbr-gray-10 text-govbr-gray-20 cursor-not-allowed'
+              : 'border-govbr-gray-10 text-govbr-primary hover:bg-govbr-primary-lightest cursor-pointer'"
+          >
+            <i class="fa-solid fa-chevron-left"></i>
+          </button>
+          <button
+            *ngFor="let p of visiblePages"
+            type="button"
+            (click)="goToPage(p)"
+            class="px-3 py-1.5 text-sm rounded border transition-colors cursor-pointer"
+            [class]="p === page
+              ? 'bg-govbr-primary text-white border-govbr-primary'
+              : 'border-govbr-gray-10 text-govbr-primary hover:bg-govbr-primary-lightest'"
+          >
+            {{ p }}
+          </button>
+          <button
+            type="button"
+            [disabled]="page >= totalPages"
+            (click)="goToPage(page + 1)"
+            class="px-3 py-1.5 text-sm rounded border transition-colors"
+            [class]="page >= totalPages
+              ? 'border-govbr-gray-10 text-govbr-gray-20 cursor-not-allowed'
+              : 'border-govbr-gray-10 text-govbr-primary hover:bg-govbr-primary-lightest cursor-pointer'"
+          >
+            <i class="fa-solid fa-chevron-right"></i>
+          </button>
+        </div>
+      </nav>
+    </div>
+  `, styles: ["br-table table{border-collapse:collapse;border-spacing:0}br-table table thead th{background-color:var(--govbr-table-header-bg);color:var(--govbr-table-header-color);font-weight:var(--govbr-font-weight-semi-bold);font-size:var(--govbr-font-size-sm);line-height:var(--govbr-line-height-medium);padding:var(--govbr-spacing-4);text-align:left;border-bottom:var(--govbr-table-header-border)}br-table table thead th:first-child{border-radius:var(--govbr-table-header-radius) 0 0 0}br-table table thead th:last-child{border-radius:0 var(--govbr-table-header-radius) 0 0}br-table [data-header=light] table thead th{--govbr-table-header-bg: var(--govbr-bg);--govbr-table-header-color: var(--govbr-primary);--govbr-table-header-border: 2px solid var(--govbr-border-color);--govbr-table-header-radius: 0}br-table table tbody td{padding:var(--govbr-spacing-4);font-size:var(--govbr-font-size-sm);line-height:var(--govbr-line-height-medium);color:var(--govbr-table-cell-color);border-bottom:var(--govbr-table-cell-border);background-color:var(--govbr-table-row-bg)}br-table table tbody tr:nth-child(2n) td{background-color:var(--govbr-table-row-alt-bg)}br-table table tbody tr:hover td{background-color:var(--govbr-table-row-hover-bg)}\n"] }]
+        }], propDecorators: { headerVariant: [{
+                type: Input
+            }], page: [{
+                type: Input
+            }], totalPages: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }] } });
+
+class BrCardComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrCardComponent, isStandalone: true, selector: "br-card", inputs: { icon: "icon", linkText: "linkText", linkRoute: "linkRoute" }, ngImport: i0, template: `
+    <div class="bg-white rounded border border-govbr-gray-5 shadow-sm hover:shadow-md transition-shadow font-rawline overflow-hidden">
+      <div class="p-6">
+        <div *ngIf="icon" class="mb-3">
+          <i [class]="'fa-solid fa-' + icon + ' text-govbr-primary text-2xl'"></i>
+        </div>
+        <ng-content></ng-content>
+      </div>
+      <div *ngIf="linkText" class="px-6 pb-4">
+        <a
+          *ngIf="linkRoute"
+          [routerLink]="linkRoute"
+          class="text-govbr-primary text-sm font-semibold hover:underline inline-flex items-center"
+        >
+          {{ linkText }}
+          <i class="fa-solid fa-arrow-right ml-1 text-xs"></i>
+        </a>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrCardComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'br-card',
+                    standalone: true,
+                    imports: [CommonModule, RouterModule],
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+    <div class="bg-white rounded border border-govbr-gray-5 shadow-sm hover:shadow-md transition-shadow font-rawline overflow-hidden">
+      <div class="p-6">
+        <div *ngIf="icon" class="mb-3">
+          <i [class]="'fa-solid fa-' + icon + ' text-govbr-primary text-2xl'"></i>
+        </div>
+        <ng-content></ng-content>
+      </div>
+      <div *ngIf="linkText" class="px-6 pb-4">
+        <a
+          *ngIf="linkRoute"
+          [routerLink]="linkRoute"
+          class="text-govbr-primary text-sm font-semibold hover:underline inline-flex items-center"
+        >
+          {{ linkText }}
+          <i class="fa-solid fa-arrow-right ml-1 text-xs"></i>
+        </a>
+      </div>
+    </div>
+  `,
+                }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], linkText: [{
+                type: Input
+            }], linkRoute: [{
+                type: Input
+            }] } });
+
+class BrHeaderComponent {
+    constructor() {
+        this.systemTitle = '';
+        this.logoSrc = '';
+        this.logout = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrHeaderComponent, isStandalone: true, selector: "br-header", inputs: { systemTitle: "systemTitle", systemSubtitle: "systemSubtitle", logoSrc: "logoSrc", userName: "userName", userRole: "userRole" }, outputs: { logout: "logout" }, queries: [{ propertyName: "quickAccessItems", first: true, predicate: ["quickAccessItems"], descendants: true }], ngImport: i0, template: `
+    <!-- Top bar -->
+    <div style="background-color:#071d41;color:#ffffff;font-size:12px;padding:4px 16px;font-family:'Rawline','Raleway',sans-serif;">
+      <div style="max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;">
+        <ng-container *ngIf="quickAccessItems; else defaultQuickAccess">
+          <ng-container *ngTemplateOutlet="quickAccessItems"></ng-container>
+        </ng-container>
+        <ng-template #defaultQuickAccess>
+          <span></span>
+        </ng-template>
+      </div>
+    </div>
+
+    <!-- Main header -->
+    <header style="background-color:#1351b4;color:#ffffff;font-family:'Rawline','Raleway',sans-serif;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);">
+      <div style="max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;">
+        <!-- Logo + Title -->
+        <div style="display:flex;align-items:center;gap:16px;">
+          <img
+            *ngIf="logoSrc"
+            [src]="logoSrc"
+            [alt]="systemTitle"
+            style="height:40px;"
+          />
+          <div>
+            <h1 style="font-size:18px;font-weight:700;line-height:1.25;color:#ffffff;margin:0;">{{ systemTitle }}</h1>
+            <p *ngIf="systemSubtitle" style="font-size:12px;opacity:0.8;color:#ffffff;margin:0;">{{ systemSubtitle }}</p>
+          </div>
+        </div>
+
+        <!-- User area -->
+        <div *ngIf="userName" style="display:flex;align-items:center;gap:12px;">
+          <div style="text-align:right;">
+            <span style="display:block;font-size:14px;font-weight:600;color:#ffffff;">{{ userName }}</span>
+            <span *ngIf="userRole" style="display:block;font-size:12px;opacity:0.8;color:#ffffff;">{{ userRole }}</span>
+          </div>
+          <button
+            type="button"
+            style="margin-left:8px;padding:8px;border-radius:50%;border:none;background:transparent;color:#ffffff;cursor:pointer;"
+            (click)="logout.emit()"
+            title="Sair"
+          >
+            <i class="fa-solid fa-right-from-bracket"></i>
+          </button>
+        </div>
+      </div>
+    </header>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'br-header',
+                    standalone: true,
+                    imports: [CommonModule],
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+    <!-- Top bar -->
+    <div style="background-color:#071d41;color:#ffffff;font-size:12px;padding:4px 16px;font-family:'Rawline','Raleway',sans-serif;">
+      <div style="max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;">
+        <ng-container *ngIf="quickAccessItems; else defaultQuickAccess">
+          <ng-container *ngTemplateOutlet="quickAccessItems"></ng-container>
+        </ng-container>
+        <ng-template #defaultQuickAccess>
+          <span></span>
+        </ng-template>
+      </div>
+    </div>
+
+    <!-- Main header -->
+    <header style="background-color:#1351b4;color:#ffffff;font-family:'Rawline','Raleway',sans-serif;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);">
+      <div style="max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;">
+        <!-- Logo + Title -->
+        <div style="display:flex;align-items:center;gap:16px;">
+          <img
+            *ngIf="logoSrc"
+            [src]="logoSrc"
+            [alt]="systemTitle"
+            style="height:40px;"
+          />
+          <div>
+            <h1 style="font-size:18px;font-weight:700;line-height:1.25;color:#ffffff;margin:0;">{{ systemTitle }}</h1>
+            <p *ngIf="systemSubtitle" style="font-size:12px;opacity:0.8;color:#ffffff;margin:0;">{{ systemSubtitle }}</p>
+          </div>
+        </div>
+
+        <!-- User area -->
+        <div *ngIf="userName" style="display:flex;align-items:center;gap:12px;">
+          <div style="text-align:right;">
+            <span style="display:block;font-size:14px;font-weight:600;color:#ffffff;">{{ userName }}</span>
+            <span *ngIf="userRole" style="display:block;font-size:12px;opacity:0.8;color:#ffffff;">{{ userRole }}</span>
+          </div>
+          <button
+            type="button"
+            style="margin-left:8px;padding:8px;border-radius:50%;border:none;background:transparent;color:#ffffff;cursor:pointer;"
+            (click)="logout.emit()"
+            title="Sair"
+          >
+            <i class="fa-solid fa-right-from-bracket"></i>
+          </button>
+        </div>
+      </div>
+    </header>
+  `,
+                }]
+        }], propDecorators: { systemTitle: [{
+                type: Input
+            }], systemSubtitle: [{
+                type: Input
+            }], logoSrc: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], userRole: [{
+                type: Input
+            }], logout: [{
+                type: Output
+            }], quickAccessItems: [{
+                type: ContentChild,
+                args: ['quickAccessItems']
+            }] } });
+
+class BrFooterComponent {
+    constructor() {
+        this.logoSrc = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrFooterComponent, isStandalone: true, selector: "br-footer", inputs: { logoSrc: "logoSrc" }, ngImport: i0, template: `
+    <footer class="bg-govbr-primary-darkest text-white font-rawline mt-auto">
+      <div class="max-w-screen-xl mx-auto px-4 py-6">
+        <div class="flex flex-col md:flex-row items-center justify-between gap-4">
+          <img
+            *ngIf="logoSrc"
+            [src]="logoSrc"
+            alt="Logo"
+            class="h-8 brightness-0 invert"
+          />
+          <div class="text-center md:text-right text-sm opacity-80">
+            <ng-content></ng-content>
+          </div>
+        </div>
+      </div>
+    </footer>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'br-footer',
+                    standalone: true,
+                    imports: [CommonModule],
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+    <footer class="bg-govbr-primary-darkest text-white font-rawline mt-auto">
+      <div class="max-w-screen-xl mx-auto px-4 py-6">
+        <div class="flex flex-col md:flex-row items-center justify-between gap-4">
+          <img
+            *ngIf="logoSrc"
+            [src]="logoSrc"
+            alt="Logo"
+            class="h-8 brightness-0 invert"
+          />
+          <div class="text-center md:text-right text-sm opacity-80">
+            <ng-content></ng-content>
+          </div>
+        </div>
+      </div>
+    </footer>
+  `,
+                }]
+        }], propDecorators: { logoSrc: [{
+                type: Input
+            }] } });
+
+class BrMenuComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrMenuComponent, isStandalone: true, selector: "br-menu", ngImport: i0, template: `
+    <nav class="bg-white border-r border-govbr-gray-5 font-rawline min-h-full w-64">
+      <ng-content></ng-content>
+    </nav>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'br-menu',
+                    standalone: true,
+                    imports: [CommonModule],
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+    <nav class="bg-white border-r border-govbr-gray-5 font-rawline min-h-full w-64">
+      <ng-content></ng-content>
+    </nav>
+  `,
+                }]
+        }] });
+
+class BrMenuItemComponent {
+    constructor() {
+        this.route = '/';
+        this.label = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrMenuItemComponent, isStandalone: true, selector: "br-menu-item", inputs: { route: "route", label: "label", icon: "icon" }, ngImport: i0, template: `
+    <a
+      [routerLink]="route"
+      routerLinkActive="bg-govbr-primary text-white"
+      class="flex items-center gap-3 px-4 py-3 text-sm text-govbr-gray-80 hover:bg-govbr-primary-lightest hover:text-govbr-primary transition-colors"
+    >
+      <i *ngIf="icon" [class]="'fa-solid fa-' + icon + ' w-5 text-center'"></i>
+      <span>{{ label }}</span>
+    </a>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrMenuItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'br-menu-item',
+                    standalone: true,
+                    imports: [CommonModule, RouterModule],
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+    <a
+      [routerLink]="route"
+      routerLinkActive="bg-govbr-primary text-white"
+      class="flex items-center gap-3 px-4 py-3 text-sm text-govbr-gray-80 hover:bg-govbr-primary-lightest hover:text-govbr-primary transition-colors"
+    >
+      <i *ngIf="icon" [class]="'fa-solid fa-' + icon + ' w-5 text-center'"></i>
+      <span>{{ label }}</span>
+    </a>
+  `,
+                }]
+        }], propDecorators: { route: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+class BrLayoutComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BrLayoutComponent, isStandalone: true, selector: "br-layout", ngImport: i0, template: `
+    <div class="flex flex-col min-h-screen font-rawline">
+      <!-- Header slot -->
+      <ng-content select="br-header"></ng-content>
+
+      <div class="flex flex-1">
+        <!-- Menu slot -->
+        <ng-content select="br-menu"></ng-content>
+
+        <!-- Main content -->
+        <main class="flex-1 bg-govbr-gray-2 p-6">
+          <ng-content></ng-content>
+        </main>
+      </div>
+
+      <!-- Footer slot -->
+      <ng-content select="br-footer"></ng-content>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BrLayoutComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'br-layout',
+                    standalone: true,
+                    imports: [CommonModule],
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+    <div class="flex flex-col min-h-screen font-rawline">
+      <!-- Header slot -->
+      <ng-content select="br-header"></ng-content>
+
+      <div class="flex flex-1">
+        <!-- Menu slot -->
+        <ng-content select="br-menu"></ng-content>
+
+        <!-- Main content -->
+        <main class="flex-1 bg-govbr-gray-2 p-6">
+          <ng-content></ng-content>
+        </main>
+      </div>
+
+      <!-- Footer slot -->
+      <ng-content select="br-footer"></ng-content>
+    </div>
+  `,
+                }]
+        }] });
+
+/*
+ * Public API Surface of @aspect-br/ng-govbr-tw
+ */
+// Components
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BrBadgeComponent, BrButtonComponent, BrCardComponent, BrFooterComponent, BrHeaderComponent, BrInputComponent, BrLayoutComponent, BrMenuComponent, BrMenuItemComponent, BrMessageComponent, BrTableComponent };
+//# sourceMappingURL=schenkerjon-ng-govbr-tw.mjs.map