@senior-ease/ui 0.1.0

package/README.md

@@ -0,0 +1,60 @@
+# @senior-ease/ui
+
+Angular UI library do Design System Senior Ease.
+
+## Instalacao
+
+```bash
+npm install @senior-ease/ui
+```
+
+Peer dependencies esperadas no app consumidor:
+
+- `@angular/common`
+- `@angular/core`
+- `@fortawesome/angular-fontawesome`
+- `@fortawesome/fontawesome-svg-core`
+- `@fortawesome/free-solid-svg-icons`
+
+## Uso Basico
+
+```ts
+import { ButtonComponent } from '@senior-ease/ui';
+```
+
+## Build da Biblioteca
+
+No workspace raiz:
+
+```bash
+npm run build:ui
+```
+
+Saida: `dist/ui`
+
+## Publicacao no NPM
+
+No workspace raiz:
+
+```bash
+npm run publish:ui
+```
+
+Esse script faz:
+
+1. build da lib
+2. `npm publish ./dist/ui --access public`
+
+## Versao (release)
+
+Antes de publicar nova versao:
+
+```bash
+npm version patch --prefix projects/ui
+```
+
+Opcoes:
+
+- `patch` para correcao (`0.1.0 -> 0.1.1`)
+- `minor` para nova feature (`0.1.0 -> 0.2.0`)
+- `major` para breaking change (`0.1.0 -> 1.0.0`)

package/fesm2022/senior-ease-ui.mjs

@@ -0,0 +1,424 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Input, Component } from '@angular/core';
+import * as i1 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { faUser, faEnvelope, faHouse, faClock, faCheck, faChartLine, faCalendarDay, faBookOpen, faBell } from '@fortawesome/free-solid-svg-icons';
+import { RouterLink, RouterLinkActive } from '@angular/router';
+
+class AvatarComponent {
+    initials = 'SE';
+    size = 'md';
+    tone = 'primary';
+    ariaLabel = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: AvatarComponent, isStandalone: true, selector: "ui-avatar", inputs: { initials: "initials", size: "size", tone: "tone", ariaLabel: "ariaLabel" }, ngImport: i0, template: "<span\n  class=\"ui-avatar\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.role]=\"ariaLabel ? 'img' : null\"\n  [class.ui-avatar--sm]=\"size === 'sm'\"\n  [class.ui-avatar--lg]=\"size === 'lg'\"\n  [class.ui-avatar--accent]=\"tone === 'accent'\"\n  [class.ui-avatar--neutral]=\"tone === 'neutral'\"\n>\n  <ng-content>{{ initials }}</ng-content>\n</span>\n", styles: [":host{display:inline-flex}.ui-avatar{--ui-avatar-size: calc(var(--ui-space-8) + var(--ui-space-1));align-items:center;background:var(--ui-color-primary-soft);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-round);color:var(--ui-color-primary-strong);display:inline-flex;font-size:var(--ui-font-size-200);font-weight:var(--ui-font-weight-semibold);height:var(--ui-avatar-size);justify-content:center;min-width:var(--ui-avatar-size);text-transform:uppercase}.ui-avatar--sm{--ui-avatar-size: var(--ui-space-8)}.ui-avatar--lg{--ui-avatar-size: calc(var(--ui-space-9) + var(--ui-space-1));font-size:var(--ui-font-size-300)}.ui-avatar--accent{background:var(--ui-color-accent-soft);color:var(--ui-color-accent)}.ui-avatar--neutral{background:var(--ui-color-surface-muted);border-color:var(--ui-color-border);color:var(--ui-color-text)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: AvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-avatar', standalone: true, imports: [CommonModule], template: "<span\n  class=\"ui-avatar\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.role]=\"ariaLabel ? 'img' : null\"\n  [class.ui-avatar--sm]=\"size === 'sm'\"\n  [class.ui-avatar--lg]=\"size === 'lg'\"\n  [class.ui-avatar--accent]=\"tone === 'accent'\"\n  [class.ui-avatar--neutral]=\"tone === 'neutral'\"\n>\n  <ng-content>{{ initials }}</ng-content>\n</span>\n", styles: [":host{display:inline-flex}.ui-avatar{--ui-avatar-size: calc(var(--ui-space-8) + var(--ui-space-1));align-items:center;background:var(--ui-color-primary-soft);border:var(--ui-border-width) solid transparent;border-radius:var(--ui-radius-round);color:var(--ui-color-primary-strong);display:inline-flex;font-size:var(--ui-font-size-200);font-weight:var(--ui-font-weight-semibold);height:var(--ui-avatar-size);justify-content:center;min-width:var(--ui-avatar-size);text-transform:uppercase}.ui-avatar--sm{--ui-avatar-size: var(--ui-space-8)}.ui-avatar--lg{--ui-avatar-size: calc(var(--ui-space-9) + var(--ui-space-1));font-size:var(--ui-font-size-300)}.ui-avatar--accent{background:var(--ui-color-accent-soft);color:var(--ui-color-accent)}.ui-avatar--neutral{background:var(--ui-color-surface-muted);border-color:var(--ui-color-border);color:var(--ui-color-text)}\n"] }]
+        }], propDecorators: { initials: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], tone: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }] } });
+
+class BadgeComponent {
+    label = '';
+    variant = 'neutral';
+    ariaLabel = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: BadgeComponent, isStandalone: true, selector: "ui-badge", inputs: { label: "label", variant: "variant", ariaLabel: "ariaLabel" }, ngImport: i0, template: "<span\n  class=\"ui-badge\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [class.ui-badge--primary]=\"variant === 'primary'\"\n  [class.ui-badge--success]=\"variant === 'success'\"\n  [class.ui-badge--warning]=\"variant === 'warning'\"\n  [class.ui-badge--danger]=\"variant === 'danger'\"\n>\n  <ng-content>{{ label }}</ng-content>\n</span>\n", styles: [":host{display:inline-flex}.ui-badge{align-items:center;background:var(--ui-color-surface-muted);border-radius:var(--ui-radius-pill);color:var(--ui-color-text-muted);display:inline-flex;font-size:var(--ui-font-size-100);font-weight:var(--ui-font-weight-semibold);min-height:calc(var(--ui-space-5) + var(--ui-space-1));padding:0 var(--ui-space-3)}.ui-badge--primary{background:var(--ui-color-primary-soft);color:var(--ui-color-primary-strong)}.ui-badge--success{background:var(--ui-color-success-soft);color:var(--ui-color-success)}.ui-badge--warning{background:var(--ui-color-warning-soft);color:var(--ui-color-warning)}.ui-badge--danger{background:var(--ui-color-danger-soft);color:var(--ui-color-danger)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: BadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-badge', standalone: true, imports: [CommonModule], template: "<span\n  class=\"ui-badge\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [class.ui-badge--primary]=\"variant === 'primary'\"\n  [class.ui-badge--success]=\"variant === 'success'\"\n  [class.ui-badge--warning]=\"variant === 'warning'\"\n  [class.ui-badge--danger]=\"variant === 'danger'\"\n>\n  <ng-content>{{ label }}</ng-content>\n</span>\n", styles: [":host{display:inline-flex}.ui-badge{align-items:center;background:var(--ui-color-surface-muted);border-radius:var(--ui-radius-pill);color:var(--ui-color-text-muted);display:inline-flex;font-size:var(--ui-font-size-100);font-weight:var(--ui-font-weight-semibold);min-height:calc(var(--ui-space-5) + var(--ui-space-1));padding:0 var(--ui-space-3)}.ui-badge--primary{background:var(--ui-color-primary-soft);color:var(--ui-color-primary-strong)}.ui-badge--success{background:var(--ui-color-success-soft);color:var(--ui-color-success)}.ui-badge--warning{background:var(--ui-color-warning-soft);color:var(--ui-color-warning)}.ui-badge--danger{background:var(--ui-color-danger-soft);color:var(--ui-color-danger)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }] } });
+
+class ButtonComponent {
+    label = '';
+    variant = 'primary';
+    size = 'md';
+    disabled = false;
+    ariaLabel = '';
+    ariaPressed = null;
+    ariaExpanded = null;
+    ariaControls = '';
+    ariaDescribedBy = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: ButtonComponent, isStandalone: true, selector: "ui-button", inputs: { label: "label", variant: "variant", size: "size", disabled: "disabled", ariaLabel: "ariaLabel", ariaPressed: "ariaPressed", ariaExpanded: "ariaExpanded", ariaControls: "ariaControls", ariaDescribedBy: "ariaDescribedBy" }, ngImport: i0, template: "<button\n  class=\"ui-button\"\n  type=\"button\"\n  [disabled]=\"disabled\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-pressed]=\"ariaPressed\"\n  [attr.aria-expanded]=\"ariaExpanded\"\n  [attr.aria-controls]=\"ariaControls || null\"\n  [attr.aria-describedby]=\"ariaDescribedBy || null\"\n  [class.ui-button--secondary]=\"variant === 'secondary'\"\n  [class.ui-button--ghost]=\"variant === 'ghost'\"\n  [class.ui-button--sm]=\"size === 'sm'\"\n  [class.ui-button--lg]=\"size === 'lg'\"\n>\n  <ng-content>{{ label }}</ng-content>\n</button>\n", styles: [":host{display:inline-flex}.ui-button{align-items:center;background:var(--ui-color-primary);border:var(--ui-border-width) solid var(--ui-color-primary);border-radius:var(--ui-radius-pill);color:var(--ui-color-text-inverse);cursor:pointer;display:inline-flex;font-family:var(--ui-font-family-base);font-size:var(--ui-font-size-300);font-weight:var(--ui-font-weight-semibold);gap:var(--ui-space-2);justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0 var(--ui-space-5);transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.ui-button:focus-visible{outline:.1875rem solid var(--ui-color-focus-ring);outline-offset:.125rem}.ui-button--secondary{background:var(--ui-color-surface);border-color:var(--ui-color-border);color:var(--ui-color-text)}.ui-button--ghost{background:transparent;border-color:transparent;color:var(--ui-color-primary)}.ui-button--sm{min-height:2.5rem;min-width:2.5rem;padding:0 var(--ui-space-4)}.ui-button--lg{min-height:3rem;min-width:3rem;padding:0 var(--ui-space-6)}.ui-button:disabled{cursor:not-allowed;opacity:.56}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-button', standalone: true, imports: [CommonModule], template: "<button\n  class=\"ui-button\"\n  type=\"button\"\n  [disabled]=\"disabled\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-pressed]=\"ariaPressed\"\n  [attr.aria-expanded]=\"ariaExpanded\"\n  [attr.aria-controls]=\"ariaControls || null\"\n  [attr.aria-describedby]=\"ariaDescribedBy || null\"\n  [class.ui-button--secondary]=\"variant === 'secondary'\"\n  [class.ui-button--ghost]=\"variant === 'ghost'\"\n  [class.ui-button--sm]=\"size === 'sm'\"\n  [class.ui-button--lg]=\"size === 'lg'\"\n>\n  <ng-content>{{ label }}</ng-content>\n</button>\n", styles: [":host{display:inline-flex}.ui-button{align-items:center;background:var(--ui-color-primary);border:var(--ui-border-width) solid var(--ui-color-primary);border-radius:var(--ui-radius-pill);color:var(--ui-color-text-inverse);cursor:pointer;display:inline-flex;font-family:var(--ui-font-family-base);font-size:var(--ui-font-size-300);font-weight:var(--ui-font-weight-semibold);gap:var(--ui-space-2);justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0 var(--ui-space-5);transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.ui-button:focus-visible{outline:.1875rem solid var(--ui-color-focus-ring);outline-offset:.125rem}.ui-button--secondary{background:var(--ui-color-surface);border-color:var(--ui-color-border);color:var(--ui-color-text)}.ui-button--ghost{background:transparent;border-color:transparent;color:var(--ui-color-primary)}.ui-button--sm{min-height:2.5rem;min-width:2.5rem;padding:0 var(--ui-space-4)}.ui-button--lg{min-height:3rem;min-width:3rem;padding:0 var(--ui-space-6)}.ui-button:disabled{cursor:not-allowed;opacity:.56}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaPressed: [{
+                type: Input
+            }], ariaExpanded: [{
+                type: Input
+            }], ariaControls: [{
+                type: Input
+            }], ariaDescribedBy: [{
+                type: Input
+            }] } });
+
+class DividerComponent {
+    orientation = 'horizontal';
+    ariaLabel = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: DividerComponent, isStandalone: true, selector: "ui-divider", inputs: { orientation: "orientation", ariaLabel: "ariaLabel" }, ngImport: i0, template: "<span\n  class=\"ui-divider\"\n  [class.ui-divider--vertical]=\"orientation === 'vertical'\"\n  [attr.role]=\"ariaLabel ? 'separator' : null\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-orientation]=\"orientation\"\n  [attr.aria-hidden]=\"ariaLabel ? null : true\"\n></span>\n", styles: [":host{display:block}.ui-divider{background:var(--ui-color-border);display:block;height:var(--ui-border-width);width:100%}.ui-divider--vertical{height:100%;min-height:var(--ui-space-6);width:var(--ui-border-width)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DividerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-divider', standalone: true, imports: [CommonModule], template: "<span\n  class=\"ui-divider\"\n  [class.ui-divider--vertical]=\"orientation === 'vertical'\"\n  [attr.role]=\"ariaLabel ? 'separator' : null\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-orientation]=\"orientation\"\n  [attr.aria-hidden]=\"ariaLabel ? null : true\"\n></span>\n", styles: [":host{display:block}.ui-divider{background:var(--ui-color-border);display:block;height:var(--ui-border-width);width:100%}.ui-divider--vertical{height:100%;min-height:var(--ui-space-6);width:var(--ui-border-width)}\n"] }]
+        }], propDecorators: { orientation: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }] } });
+
+class IconComponent {
+    name = 'home';
+    icon = null;
+    decorative = true;
+    ariaLabel = '';
+    iconMap = {
+        bell: faBell,
+        book: faBookOpen,
+        calendar: faCalendarDay,
+        chart: faChartLine,
+        check: faCheck,
+        clock: faClock,
+        home: faHouse,
+        message: faEnvelope,
+        user: faUser,
+    };
+    get resolvedIcon() {
+        return this.icon ?? this.iconMap[nameOrFallback(this.name)];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: IconComponent, isStandalone: true, selector: "ui-icon", inputs: { name: "name", icon: "icon", decorative: "decorative", ariaLabel: "ariaLabel" }, ngImport: i0, template: "<span\n  class=\"ui-icon\"\n  [attr.role]=\"decorative ? null : 'img'\"\n  [attr.aria-hidden]=\"decorative ? true : null\"\n  [attr.aria-label]=\"decorative ? null : (ariaLabel || name)\"\n>\n  <fa-icon [icon]=\"resolvedIcon\"></fa-icon>\n</span>\n", styles: [":host{display:inline-flex}.ui-icon{align-items:center;color:inherit;display:inline-flex;font-size:var(--ui-font-size-400);font-weight:var(--ui-font-weight-semibold);justify-content:center;line-height:1;min-width:var(--ui-space-5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-icon', standalone: true, imports: [CommonModule, FontAwesomeModule], template: "<span\n  class=\"ui-icon\"\n  [attr.role]=\"decorative ? null : 'img'\"\n  [attr.aria-hidden]=\"decorative ? true : null\"\n  [attr.aria-label]=\"decorative ? null : (ariaLabel || name)\"\n>\n  <fa-icon [icon]=\"resolvedIcon\"></fa-icon>\n</span>\n", styles: [":host{display:inline-flex}.ui-icon{align-items:center;color:inherit;display:inline-flex;font-size:var(--ui-font-size-400);font-weight:var(--ui-font-weight-semibold);justify-content:center;line-height:1;min-width:var(--ui-space-5)}\n"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], decorative: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }] } });
+function nameOrFallback(name) {
+    return name ?? 'home';
+}
+
+class TextComponent {
+    element = 'span';
+    tone = 'default';
+    weight = 'regular';
+    size = 'md';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: TextComponent, isStandalone: true, selector: "ui-text", inputs: { element: "element", tone: "tone", weight: "weight", size: "size" }, ngImport: i0, template: "@switch (element) {\n  @case ('p') {\n    <p class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </p>\n  }\n  @case ('h1') {\n    <h1 class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </h1>\n  }\n  @case ('h2') {\n    <h2 class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </h2>\n  }\n  @case ('h3') {\n    <h3 class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </h3>\n  }\n  @default {\n    <span class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </span>\n  }\n}\n", styles: [":host{display:contents}.ui-text{color:var(--ui-color-text);font-family:var(--ui-font-family-base);font-size:var(--ui-font-size-300);font-weight:var(--ui-font-weight-regular);line-height:var(--ui-line-height-base);margin:0}.ui-text[data-tone=muted]{color:var(--ui-color-text-muted)}.ui-text[data-tone=primary]{color:var(--ui-color-primary-strong)}.ui-text[data-weight=medium]{font-weight:var(--ui-font-weight-medium)}.ui-text[data-weight=semibold]{font-weight:var(--ui-font-weight-semibold)}.ui-text[data-size=sm]{font-size:var(--ui-font-size-200)}.ui-text[data-size=lg]{font-size:var(--ui-font-size-400)}.ui-text[data-size=xl]{font-size:var(--ui-font-size-600);line-height:var(--ui-line-height-tight)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: TextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-text', standalone: true, imports: [CommonModule], template: "@switch (element) {\n  @case ('p') {\n    <p class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </p>\n  }\n  @case ('h1') {\n    <h1 class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </h1>\n  }\n  @case ('h2') {\n    <h2 class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </h2>\n  }\n  @case ('h3') {\n    <h3 class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </h3>\n  }\n  @default {\n    <span class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </span>\n  }\n}\n", styles: [":host{display:contents}.ui-text{color:var(--ui-color-text);font-family:var(--ui-font-family-base);font-size:var(--ui-font-size-300);font-weight:var(--ui-font-weight-regular);line-height:var(--ui-line-height-base);margin:0}.ui-text[data-tone=muted]{color:var(--ui-color-text-muted)}.ui-text[data-tone=primary]{color:var(--ui-color-primary-strong)}.ui-text[data-weight=medium]{font-weight:var(--ui-font-weight-medium)}.ui-text[data-weight=semibold]{font-weight:var(--ui-font-weight-semibold)}.ui-text[data-size=sm]{font-size:var(--ui-font-size-200)}.ui-text[data-size=lg]{font-size:var(--ui-font-size-400)}.ui-text[data-size=xl]{font-size:var(--ui-font-size-600);line-height:var(--ui-line-height-tight)}\n"] }]
+        }], propDecorators: { element: [{
+                type: Input
+            }], tone: [{
+                type: Input
+            }], weight: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+class ListItemComponent {
+    title = '';
+    description = '';
+    meta = '';
+    badgeLabel = '';
+    badgeVariant = 'neutral';
+    icon = 'calendar';
+    ariaLabel = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: ListItemComponent, isStandalone: true, selector: "ui-list-item", inputs: { title: "title", description: "description", meta: "meta", badgeLabel: "badgeLabel", badgeVariant: "badgeVariant", icon: "icon", ariaLabel: "ariaLabel" }, ngImport: i0, template: "<article class=\"ui-list-item\" [attr.aria-label]=\"ariaLabel || null\">\n  <span class=\"ui-list-item__icon\">\n    <ui-icon [name]=\"icon\" aria-hidden=\"true\"></ui-icon>\n  </span>\n\n  <div class=\"ui-list-item__copy\">\n    <ui-text element=\"span\" weight=\"semibold\">{{ title }}</ui-text>\n    @if (description) {\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n    }\n  </div>\n\n  <div class=\"ui-list-item__meta\">\n    @if (meta) {\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ meta }}</ui-text>\n    }\n\n    @if (badgeLabel) {\n      <ui-badge [label]=\"badgeLabel\" [variant]=\"badgeVariant\"></ui-badge>\n    }\n  </div>\n</article>\n", styles: [":host{display:block}.ui-list-item{align-items:center;display:grid;gap:var(--ui-space-4);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--ui-space-4) 0}.ui-list-item__icon{align-items:center;background:var(--ui-color-surface-muted);border-radius:var(--ui-radius-round);color:var(--ui-color-primary-strong);display:inline-flex;height:var(--ui-space-8);justify-content:center;width:var(--ui-space-8)}.ui-list-item__copy,.ui-list-item__meta{display:grid;gap:var(--ui-space-1)}.ui-list-item__meta{justify-items:end}@media(max-width:48rem){.ui-list-item{grid-template-columns:auto minmax(0,1fr)}.ui-list-item__meta{grid-column:2;justify-items:start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BadgeComponent, selector: "ui-badge", inputs: ["label", "variant", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["name", "icon", "decorative", "ariaLabel"] }, { kind: "component", type: TextComponent, selector: "ui-text", inputs: ["element", "tone", "weight", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: ListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-list-item', standalone: true, imports: [CommonModule, BadgeComponent, IconComponent, TextComponent], template: "<article class=\"ui-list-item\" [attr.aria-label]=\"ariaLabel || null\">\n  <span class=\"ui-list-item__icon\">\n    <ui-icon [name]=\"icon\" aria-hidden=\"true\"></ui-icon>\n  </span>\n\n  <div class=\"ui-list-item__copy\">\n    <ui-text element=\"span\" weight=\"semibold\">{{ title }}</ui-text>\n    @if (description) {\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n    }\n  </div>\n\n  <div class=\"ui-list-item__meta\">\n    @if (meta) {\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ meta }}</ui-text>\n    }\n\n    @if (badgeLabel) {\n      <ui-badge [label]=\"badgeLabel\" [variant]=\"badgeVariant\"></ui-badge>\n    }\n  </div>\n</article>\n", styles: [":host{display:block}.ui-list-item{align-items:center;display:grid;gap:var(--ui-space-4);grid-template-columns:auto minmax(0,1fr) auto;padding:var(--ui-space-4) 0}.ui-list-item__icon{align-items:center;background:var(--ui-color-surface-muted);border-radius:var(--ui-radius-round);color:var(--ui-color-primary-strong);display:inline-flex;height:var(--ui-space-8);justify-content:center;width:var(--ui-space-8)}.ui-list-item__copy,.ui-list-item__meta{display:grid;gap:var(--ui-space-1)}.ui-list-item__meta{justify-items:end}@media(max-width:48rem){.ui-list-item{grid-template-columns:auto minmax(0,1fr)}.ui-list-item__meta{grid-column:2;justify-items:start}}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], meta: [{
+                type: Input
+            }], badgeLabel: [{
+                type: Input
+            }], badgeVariant: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }] } });
+
+class NavItemComponent {
+    label = '';
+    icon = 'home';
+    description = '';
+    active = false;
+    disabled = false;
+    ariaLabel = '';
+    routerLink = null;
+    get iconName() {
+        return typeof this.icon === 'string' ? this.icon : 'home';
+    }
+    get iconDefinition() {
+        return typeof this.icon === 'string' ? null : this.icon;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: NavItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: NavItemComponent, isStandalone: true, selector: "ui-nav-item", inputs: { label: "label", icon: "icon", description: "description", active: "active", disabled: "disabled", ariaLabel: "ariaLabel", routerLink: "routerLink" }, ngImport: i0, template: "@if (routerLink && !disabled) {\n  <a\n    class=\"ui-nav-item\"\n    [routerLink]=\"routerLink\"\n    routerLinkActive=\"ui-nav-item--active\"\n    [class.ui-nav-item--active]=\"active\"\n    [attr.aria-current]=\"active ? 'page' : null\"\n    [attr.aria-label]=\"ariaLabel || null\"\n  >\n    <span class=\"ui-nav-item__icon\">\n      <ui-icon [name]=\"iconName\" [icon]=\"iconDefinition\" [decorative]=\"true\"></ui-icon>\n    </span>\n\n    <span class=\"ui-nav-item__copy\">\n      <ui-text element=\"span\" weight=\"semibold\">{{ label }}</ui-text>\n      @if (description) {\n        <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n      }\n    </span>\n  </a>\n} @else {\n  <button\n    class=\"ui-nav-item\"\n    type=\"button\"\n    [disabled]=\"disabled\"\n    [attr.aria-current]=\"active ? 'page' : null\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [class.ui-nav-item--active]=\"active\"\n    [class.ui-nav-item--disabled]=\"disabled\"\n  >\n    <span class=\"ui-nav-item__icon\">\n      <ui-icon [name]=\"iconName\" [icon]=\"iconDefinition\" [decorative]=\"true\"></ui-icon>\n    </span>\n\n    <span class=\"ui-nav-item__copy\">\n      <ui-text element=\"span\" weight=\"semibold\">{{ label }}</ui-text>\n      @if (description) {\n        <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n      }\n    </span>\n  </button>\n}\n", styles: [":host{display:block}.ui-nav-item{align-items:center;background:transparent;border:0;border-radius:var(--ui-radius-md);color:var(--ui-color-text);cursor:pointer;display:grid;gap:var(--ui-space-3);grid-template-columns:auto minmax(0,1fr);padding:var(--ui-space-3);text-align:left;text-decoration:none;width:100%}.ui-nav-item:focus-visible{outline:.1875rem solid var(--ui-color-focus-ring);outline-offset:.125rem}.ui-nav-item--active{background:var(--ui-color-primary-soft);color:var(--ui-color-primary-strong)}.ui-nav-item__icon{align-items:center;background:var(--ui-color-surface);border-radius:var(--ui-radius-round);color:inherit;display:inline-flex;height:var(--ui-space-8);justify-content:center;width:var(--ui-space-8)}.ui-nav-item--active .ui-nav-item__icon{background:var(--ui-color-text-inverse)}.ui-nav-item__copy{display:grid;gap:var(--ui-space-1)}.ui-nav-item--disabled{cursor:not-allowed;opacity:.5}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["name", "icon", "decorative", "ariaLabel"] }, { kind: "component", type: TextComponent, selector: "ui-text", inputs: ["element", "tone", "weight", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: NavItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-nav-item', standalone: true, imports: [CommonModule, RouterLink, RouterLinkActive, IconComponent, TextComponent], template: "@if (routerLink && !disabled) {\n  <a\n    class=\"ui-nav-item\"\n    [routerLink]=\"routerLink\"\n    routerLinkActive=\"ui-nav-item--active\"\n    [class.ui-nav-item--active]=\"active\"\n    [attr.aria-current]=\"active ? 'page' : null\"\n    [attr.aria-label]=\"ariaLabel || null\"\n  >\n    <span class=\"ui-nav-item__icon\">\n      <ui-icon [name]=\"iconName\" [icon]=\"iconDefinition\" [decorative]=\"true\"></ui-icon>\n    </span>\n\n    <span class=\"ui-nav-item__copy\">\n      <ui-text element=\"span\" weight=\"semibold\">{{ label }}</ui-text>\n      @if (description) {\n        <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n      }\n    </span>\n  </a>\n} @else {\n  <button\n    class=\"ui-nav-item\"\n    type=\"button\"\n    [disabled]=\"disabled\"\n    [attr.aria-current]=\"active ? 'page' : null\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [class.ui-nav-item--active]=\"active\"\n    [class.ui-nav-item--disabled]=\"disabled\"\n  >\n    <span class=\"ui-nav-item__icon\">\n      <ui-icon [name]=\"iconName\" [icon]=\"iconDefinition\" [decorative]=\"true\"></ui-icon>\n    </span>\n\n    <span class=\"ui-nav-item__copy\">\n      <ui-text element=\"span\" weight=\"semibold\">{{ label }}</ui-text>\n      @if (description) {\n        <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n      }\n    </span>\n  </button>\n}\n", styles: [":host{display:block}.ui-nav-item{align-items:center;background:transparent;border:0;border-radius:var(--ui-radius-md);color:var(--ui-color-text);cursor:pointer;display:grid;gap:var(--ui-space-3);grid-template-columns:auto minmax(0,1fr);padding:var(--ui-space-3);text-align:left;text-decoration:none;width:100%}.ui-nav-item:focus-visible{outline:.1875rem solid var(--ui-color-focus-ring);outline-offset:.125rem}.ui-nav-item--active{background:var(--ui-color-primary-soft);color:var(--ui-color-primary-strong)}.ui-nav-item__icon{align-items:center;background:var(--ui-color-surface);border-radius:var(--ui-radius-round);color:inherit;display:inline-flex;height:var(--ui-space-8);justify-content:center;width:var(--ui-space-8)}.ui-nav-item--active .ui-nav-item__icon{background:var(--ui-color-text-inverse)}.ui-nav-item__copy{display:grid;gap:var(--ui-space-1)}.ui-nav-item--disabled{cursor:not-allowed;opacity:.5}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], routerLink: [{
+                type: Input
+            }] } });
+
+class StatComponent {
+    label = '';
+    value = '';
+    description = '';
+    tone = 'primary';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: StatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: StatComponent, isStandalone: true, selector: "ui-stat", inputs: { label: "label", value: "value", description: "description", tone: "tone" }, ngImport: i0, template: "<article class=\"ui-stat\" [attr.data-tone]=\"tone\">\n  <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ label }}</ui-text>\n  <ui-text element=\"h3\" size=\"lg\" weight=\"semibold\">{{ value }}</ui-text>\n  @if (description) {\n    <ui-text element=\"p\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n  }\n</article>\n", styles: [":host{display:block}.ui-stat{background:var(--ui-color-surface);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm);display:grid;gap:var(--ui-space-2);padding:var(--ui-space-5)}.ui-stat[data-tone=primary]{border-color:var(--ui-color-primary-soft)}.ui-stat[data-tone=success]{border-color:var(--ui-color-success-soft)}.ui-stat[data-tone=warning]{border-color:var(--ui-color-warning-soft)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TextComponent, selector: "ui-text", inputs: ["element", "tone", "weight", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: StatComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-stat', standalone: true, imports: [CommonModule, TextComponent], template: "<article class=\"ui-stat\" [attr.data-tone]=\"tone\">\n  <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ label }}</ui-text>\n  <ui-text element=\"h3\" size=\"lg\" weight=\"semibold\">{{ value }}</ui-text>\n  @if (description) {\n    <ui-text element=\"p\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n  }\n</article>\n", styles: [":host{display:block}.ui-stat{background:var(--ui-color-surface);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm);display:grid;gap:var(--ui-space-2);padding:var(--ui-space-5)}.ui-stat[data-tone=primary]{border-color:var(--ui-color-primary-soft)}.ui-stat[data-tone=success]{border-color:var(--ui-color-success-soft)}.ui-stat[data-tone=warning]{border-color:var(--ui-color-warning-soft)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], tone: [{
+                type: Input
+            }] } });
+
+class UserInfoComponent {
+    name = '';
+    role = '';
+    initials = 'SE';
+    size = 'md';
+    ariaLabel = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: UserInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: UserInfoComponent, isStandalone: true, selector: "ui-user-info", inputs: { name: "name", role: "role", initials: "initials", size: "size", ariaLabel: "ariaLabel" }, ngImport: i0, template: "<div class=\"ui-user-info\" [attr.aria-label]=\"ariaLabel || null\">\n  <ui-avatar [initials]=\"initials\" [size]=\"size\" tone=\"neutral\" ariaLabel=\"Avatar do usuario\"></ui-avatar>\n\n  <div class=\"ui-user-info__copy\">\n    <ui-text element=\"span\" weight=\"semibold\">{{ name }}</ui-text>\n    @if (role) {\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ role }}</ui-text>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.ui-user-info{align-items:center;display:grid;gap:var(--ui-space-3);grid-template-columns:auto minmax(0,1fr)}.ui-user-info__copy{display:grid;gap:var(--ui-space-1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AvatarComponent, selector: "ui-avatar", inputs: ["initials", "size", "tone", "ariaLabel"] }, { kind: "component", type: TextComponent, selector: "ui-text", inputs: ["element", "tone", "weight", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: UserInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-user-info', standalone: true, imports: [CommonModule, AvatarComponent, TextComponent], template: "<div class=\"ui-user-info\" [attr.aria-label]=\"ariaLabel || null\">\n  <ui-avatar [initials]=\"initials\" [size]=\"size\" tone=\"neutral\" ariaLabel=\"Avatar do usuario\"></ui-avatar>\n\n  <div class=\"ui-user-info__copy\">\n    <ui-text element=\"span\" weight=\"semibold\">{{ name }}</ui-text>\n    @if (role) {\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ role }}</ui-text>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.ui-user-info{align-items:center;display:grid;gap:var(--ui-space-3);grid-template-columns:auto minmax(0,1fr)}.ui-user-info__copy{display:grid;gap:var(--ui-space-1)}\n"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], role: [{
+                type: Input
+            }], initials: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }] } });
+
+class AgendaListComponent {
+    title = 'Agenda do dia';
+    items = [];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: AgendaListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: AgendaListComponent, isStandalone: true, selector: "ui-agenda-list", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section class=\"ui-panel\">\n  <ui-text element=\"h3\" size=\"lg\" weight=\"semibold\">{{ title }}</ui-text>\n\n  <div class=\"ui-panel__list\">\n    @for (item of items; track item.title; let last = $last) {\n      <ui-list-item\n        [title]=\"item.title\"\n        [description]=\"item.description ?? ''\"\n        [meta]=\"item.meta ?? ''\"\n        [badgeLabel]=\"item.badgeLabel ?? ''\"\n        [badgeVariant]=\"item.badgeVariant ?? 'neutral'\"\n        [icon]=\"item.icon ?? 'calendar'\"\n      ></ui-list-item>\n\n      @if (!last) {\n        <ui-divider></ui-divider>\n      }\n    }\n  </div>\n</section>\n", styles: [":host{display:block}.ui-panel{background:var(--ui-color-surface);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm);display:grid;gap:var(--ui-space-4);padding:var(--ui-space-6)}.ui-panel__list{display:grid}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DividerComponent, selector: "ui-divider", inputs: ["orientation", "ariaLabel"] }, { kind: "component", type: ListItemComponent, selector: "ui-list-item", inputs: ["title", "description", "meta", "badgeLabel", "badgeVariant", "icon", "ariaLabel"] }, { kind: "component", type: TextComponent, selector: "ui-text", inputs: ["element", "tone", "weight", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: AgendaListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-agenda-list', standalone: true, imports: [CommonModule, DividerComponent, ListItemComponent, TextComponent], template: "<section class=\"ui-panel\">\n  <ui-text element=\"h3\" size=\"lg\" weight=\"semibold\">{{ title }}</ui-text>\n\n  <div class=\"ui-panel__list\">\n    @for (item of items; track item.title; let last = $last) {\n      <ui-list-item\n        [title]=\"item.title\"\n        [description]=\"item.description ?? ''\"\n        [meta]=\"item.meta ?? ''\"\n        [badgeLabel]=\"item.badgeLabel ?? ''\"\n        [badgeVariant]=\"item.badgeVariant ?? 'neutral'\"\n        [icon]=\"item.icon ?? 'calendar'\"\n      ></ui-list-item>\n\n      @if (!last) {\n        <ui-divider></ui-divider>\n      }\n    }\n  </div>\n</section>\n", styles: [":host{display:block}.ui-panel{background:var(--ui-color-surface);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm);display:grid;gap:var(--ui-space-4);padding:var(--ui-space-6)}.ui-panel__list{display:grid}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+
+class HeaderComponent {
+    badgeLabel = '';
+    title = '';
+    subtitle = '';
+    actionLabel = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: HeaderComponent, isStandalone: true, selector: "ui-header", inputs: { badgeLabel: "badgeLabel", title: "title", subtitle: "subtitle", actionLabel: "actionLabel" }, ngImport: i0, template: "<header class=\"ui-header\">\n  <div class=\"ui-header__copy\">\n    @if (badgeLabel) {\n      <ui-badge [label]=\"badgeLabel\" variant=\"primary\"></ui-badge>\n    }\n\n    <ui-text element=\"h1\" size=\"xl\" weight=\"semibold\">{{ title }}</ui-text>\n\n    @if (subtitle) {\n      <ui-text element=\"p\" tone=\"muted\">{{ subtitle }}</ui-text>\n    }\n  </div>\n\n  @if (actionLabel) {\n    <ui-button [label]=\"actionLabel\" [ariaLabel]=\"actionLabel\" variant=\"secondary\"></ui-button>\n  }\n</header>\n", styles: [":host{display:block}.ui-header{align-items:center;display:flex;gap:var(--ui-space-5);justify-content:space-between}.ui-header__copy{display:grid;gap:var(--ui-space-2)}@media(max-width:48rem){.ui-header{align-items:flex-start;flex-direction:column}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BadgeComponent, selector: "ui-badge", inputs: ["label", "variant", "ariaLabel"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["label", "variant", "size", "disabled", "ariaLabel", "ariaPressed", "ariaExpanded", "ariaControls", "ariaDescribedBy"] }, { kind: "component", type: TextComponent, selector: "ui-text", inputs: ["element", "tone", "weight", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-header', standalone: true, imports: [CommonModule, BadgeComponent, ButtonComponent, TextComponent], template: "<header class=\"ui-header\">\n  <div class=\"ui-header__copy\">\n    @if (badgeLabel) {\n      <ui-badge [label]=\"badgeLabel\" variant=\"primary\"></ui-badge>\n    }\n\n    <ui-text element=\"h1\" size=\"xl\" weight=\"semibold\">{{ title }}</ui-text>\n\n    @if (subtitle) {\n      <ui-text element=\"p\" tone=\"muted\">{{ subtitle }}</ui-text>\n    }\n  </div>\n\n  @if (actionLabel) {\n    <ui-button [label]=\"actionLabel\" [ariaLabel]=\"actionLabel\" variant=\"secondary\"></ui-button>\n  }\n</header>\n", styles: [":host{display:block}.ui-header{align-items:center;display:flex;gap:var(--ui-space-5);justify-content:space-between}.ui-header__copy{display:grid;gap:var(--ui-space-2)}@media(max-width:48rem){.ui-header{align-items:flex-start;flex-direction:column}}\n"] }]
+        }], propDecorators: { badgeLabel: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], actionLabel: [{
+                type: Input
+            }] } });
+
+class HeroCardComponent {
+    eyebrow = '';
+    title = '';
+    description = '';
+    primaryActionLabel = '';
+    secondaryActionLabel = '';
+    highlightLabel = '';
+    highlightValue = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HeroCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: HeroCardComponent, isStandalone: true, selector: "ui-hero-card", inputs: { eyebrow: "eyebrow", title: "title", description: "description", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel", highlightLabel: "highlightLabel", highlightValue: "highlightValue" }, ngImport: i0, template: "<section class=\"ui-hero-card\">\n  <div class=\"ui-hero-card__copy\">\n    @if (eyebrow) {\n      <ui-badge [label]=\"eyebrow\" variant=\"primary\"></ui-badge>\n    }\n\n    <ui-text element=\"h2\" size=\"xl\" weight=\"semibold\">{{ title }}</ui-text>\n\n    @if (description) {\n      <ui-text element=\"p\" tone=\"muted\">{{ description }}</ui-text>\n    }\n\n    <div class=\"ui-hero-card__actions\">\n      @if (primaryActionLabel) {\n        <ui-button [label]=\"primaryActionLabel\"></ui-button>\n      }\n\n      @if (secondaryActionLabel) {\n        <ui-button [label]=\"secondaryActionLabel\" variant=\"ghost\"></ui-button>\n      }\n    </div>\n  </div>\n\n  <div class=\"ui-hero-card__highlight\">\n    <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ highlightLabel }}</ui-text>\n    <ui-text element=\"h3\" size=\"xl\" weight=\"semibold\">{{ highlightValue }}</ui-text>\n  </div>\n</section>\n", styles: [":host{display:block}.ui-hero-card{align-items:stretch;background:linear-gradient(135deg,var(--ui-color-surface),var(--ui-color-primary-soft));border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-md);display:grid;gap:var(--ui-space-5);grid-template-columns:minmax(0,1.6fr) minmax(16rem,.8fr);padding:var(--ui-space-7)}.ui-hero-card__copy,.ui-hero-card__highlight{display:grid;gap:var(--ui-space-3)}.ui-hero-card__actions{display:flex;flex-wrap:wrap;gap:var(--ui-space-3)}.ui-hero-card__highlight{align-content:start;background:var(--ui-color-text-inverse);border-radius:var(--ui-radius-md);padding:var(--ui-space-5)}@media(max-width:64rem){.ui-hero-card{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: BadgeComponent, selector: "ui-badge", inputs: ["label", "variant", "ariaLabel"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["label", "variant", "size", "disabled", "ariaLabel", "ariaPressed", "ariaExpanded", "ariaControls", "ariaDescribedBy"] }, { kind: "component", type: TextComponent, selector: "ui-text", inputs: ["element", "tone", "weight", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: HeroCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-hero-card', standalone: true, imports: [CommonModule, BadgeComponent, ButtonComponent, TextComponent], template: "<section class=\"ui-hero-card\">\n  <div class=\"ui-hero-card__copy\">\n    @if (eyebrow) {\n      <ui-badge [label]=\"eyebrow\" variant=\"primary\"></ui-badge>\n    }\n\n    <ui-text element=\"h2\" size=\"xl\" weight=\"semibold\">{{ title }}</ui-text>\n\n    @if (description) {\n      <ui-text element=\"p\" tone=\"muted\">{{ description }}</ui-text>\n    }\n\n    <div class=\"ui-hero-card__actions\">\n      @if (primaryActionLabel) {\n        <ui-button [label]=\"primaryActionLabel\"></ui-button>\n      }\n\n      @if (secondaryActionLabel) {\n        <ui-button [label]=\"secondaryActionLabel\" variant=\"ghost\"></ui-button>\n      }\n    </div>\n  </div>\n\n  <div class=\"ui-hero-card__highlight\">\n    <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ highlightLabel }}</ui-text>\n    <ui-text element=\"h3\" size=\"xl\" weight=\"semibold\">{{ highlightValue }}</ui-text>\n  </div>\n</section>\n", styles: [":host{display:block}.ui-hero-card{align-items:stretch;background:linear-gradient(135deg,var(--ui-color-surface),var(--ui-color-primary-soft));border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-md);display:grid;gap:var(--ui-space-5);grid-template-columns:minmax(0,1.6fr) minmax(16rem,.8fr);padding:var(--ui-space-7)}.ui-hero-card__copy,.ui-hero-card__highlight{display:grid;gap:var(--ui-space-3)}.ui-hero-card__actions{display:flex;flex-wrap:wrap;gap:var(--ui-space-3)}.ui-hero-card__highlight{align-content:start;background:var(--ui-color-text-inverse);border-radius:var(--ui-radius-md);padding:var(--ui-space-5)}@media(max-width:64rem){.ui-hero-card{grid-template-columns:minmax(0,1fr)}}\n"] }]
+        }], propDecorators: { eyebrow: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], primaryActionLabel: [{
+                type: Input
+            }], secondaryActionLabel: [{
+                type: Input
+            }], highlightLabel: [{
+                type: Input
+            }], highlightValue: [{
+                type: Input
+            }] } });
+
+class MaterialsListComponent {
+    title = 'Materiais recomendados';
+    items = [];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MaterialsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: MaterialsListComponent, isStandalone: true, selector: "ui-materials-list", inputs: { title: "title", items: "items" }, ngImport: i0, template: "<section class=\"ui-panel\">\n  <ui-text element=\"h3\" size=\"lg\" weight=\"semibold\">{{ title }}</ui-text>\n\n  <div class=\"ui-panel__list\">\n    @for (item of items; track item.title; let last = $last) {\n      <ui-list-item\n        [title]=\"item.title\"\n        [description]=\"item.description ?? ''\"\n        [meta]=\"item.meta ?? ''\"\n        [badgeLabel]=\"item.badgeLabel ?? ''\"\n        [badgeVariant]=\"item.badgeVariant ?? 'neutral'\"\n        [icon]=\"item.icon ?? 'book'\"\n      ></ui-list-item>\n\n      @if (!last) {\n        <ui-divider></ui-divider>\n      }\n    }\n  </div>\n</section>\n", styles: [":host{display:block}.ui-panel{background:var(--ui-color-surface);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm);display:grid;gap:var(--ui-space-4);padding:var(--ui-space-6)}.ui-panel__list{display:grid}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DividerComponent, selector: "ui-divider", inputs: ["orientation", "ariaLabel"] }, { kind: "component", type: ListItemComponent, selector: "ui-list-item", inputs: ["title", "description", "meta", "badgeLabel", "badgeVariant", "icon", "ariaLabel"] }, { kind: "component", type: TextComponent, selector: "ui-text", inputs: ["element", "tone", "weight", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: MaterialsListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-materials-list', standalone: true, imports: [CommonModule, DividerComponent, ListItemComponent, TextComponent], template: "<section class=\"ui-panel\">\n  <ui-text element=\"h3\" size=\"lg\" weight=\"semibold\">{{ title }}</ui-text>\n\n  <div class=\"ui-panel__list\">\n    @for (item of items; track item.title; let last = $last) {\n      <ui-list-item\n        [title]=\"item.title\"\n        [description]=\"item.description ?? ''\"\n        [meta]=\"item.meta ?? ''\"\n        [badgeLabel]=\"item.badgeLabel ?? ''\"\n        [badgeVariant]=\"item.badgeVariant ?? 'neutral'\"\n        [icon]=\"item.icon ?? 'book'\"\n      ></ui-list-item>\n\n      @if (!last) {\n        <ui-divider></ui-divider>\n      }\n    }\n  </div>\n</section>\n", styles: [":host{display:block}.ui-panel{background:var(--ui-color-surface);border:var(--ui-border-width) solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm);display:grid;gap:var(--ui-space-4);padding:var(--ui-space-6)}.ui-panel__list{display:grid}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }] } });
+
+class SidebarComponent {
+    brand = 'Senior Ease';
+    subtitle = 'Design System';
+    userName = '';
+    userRole = '';
+    userInitials = 'SE';
+    items = [];
+    navAriaLabel = 'Navegacao principal';
+    mobileNavAriaLabel = 'Navegacao inferior';
+    iconName(item) {
+        return typeof item.icon === 'string' ? item.icon : 'home';
+    }
+    iconDefinition(item) {
+        return typeof item.icon === 'string' || !item.icon ? null : item.icon;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: SidebarComponent, isStandalone: true, selector: "ui-sidebar", inputs: { brand: "brand", subtitle: "subtitle", userName: "userName", userRole: "userRole", userInitials: "userInitials", items: "items", navAriaLabel: "navAriaLabel", mobileNavAriaLabel: "mobileNavAriaLabel" }, ngImport: i0, template: "<aside class=\"ui-sidebar ui-sidebar__desktop\">\n  <div class=\"ui-sidebar__brand\">\n    <span class=\"ui-sidebar__mark\">SE</span>\n    <div class=\"ui-sidebar__brand-copy\">\n      <ui-text element=\"span\" weight=\"semibold\">{{ brand }}</ui-text>\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ subtitle }}</ui-text>\n    </div>\n  </div>\n\n  <nav class=\"ui-sidebar__nav\" [attr.aria-label]=\"navAriaLabel\">\n    <ul class=\"ui-sidebar__list\" role=\"list\">\n      @for (item of items; track item.label) {\n        <li class=\"ui-sidebar__list-item\">\n          <ui-nav-item\n            [label]=\"item.label\"\n            [icon]=\"item.icon ?? 'home'\"\n            [description]=\"item.description ?? ''\"\n            [active]=\"item.active ?? false\"\n            [disabled]=\"item.disabled ?? false\"\n            [ariaLabel]=\"item.ariaLabel ?? item.label\"\n            [routerLink]=\"item.path ?? null\"\n          ></ui-nav-item>\n        </li>\n      }\n    </ul>\n  </nav>\n\n  <ui-divider></ui-divider>\n\n  <ui-user-info\n    [name]=\"userName\"\n    [role]=\"userRole\"\n    [initials]=\"userInitials\"\n    ariaLabel=\"Informacoes do usuario\"\n    size=\"sm\"\n  ></ui-user-info>\n</aside>\n\n<nav class=\"ui-sidebar__mobile-nav\" [attr.aria-label]=\"mobileNavAriaLabel\">\n  <ul class=\"ui-sidebar__mobile-list\" role=\"list\">\n    @for (item of items; track item.label) {\n      <li class=\"ui-sidebar__mobile-item\">\n        @if (!item.disabled && item.path) {\n          <a\n            class=\"ui-sidebar__mobile-link\"\n            [routerLink]=\"item.path\"\n            routerLinkActive=\"ui-sidebar__mobile-link--active\"\n            [attr.aria-label]=\"item.ariaLabel ?? item.label\"\n          >\n            <ui-icon [name]=\"iconName(item)\" [icon]=\"iconDefinition(item)\" [decorative]=\"true\"></ui-icon>\n            <span class=\"ui-sidebar__mobile-label\">{{ item.label }}</span>\n          </a>\n        } @else if (!item.disabled) {\n          <button class=\"ui-sidebar__mobile-link\" type=\"button\" [attr.aria-label]=\"item.ariaLabel ?? item.label\">\n            <ui-icon [name]=\"iconName(item)\" [icon]=\"iconDefinition(item)\" [decorative]=\"true\"></ui-icon>\n            <span class=\"ui-sidebar__mobile-label\">{{ item.label }}</span>\n          </button>\n        } @else {\n          <span class=\"ui-sidebar__mobile-link ui-sidebar__mobile-link--disabled\" [attr.aria-label]=\"item.label\">\n            <ui-icon [name]=\"iconName(item)\" [icon]=\"iconDefinition(item)\" [decorative]=\"true\"></ui-icon>\n            <span class=\"ui-sidebar__mobile-label\">{{ item.label }}</span>\n          </span>\n        }\n      </li>\n    }\n  </ul>\n</nav>\n", styles: [":host{display:block;height:100%}.ui-sidebar{background:var(--ui-color-surface)}.ui-sidebar__desktop{border-right:var(--ui-border-width) solid var(--ui-color-border);display:grid;gap:var(--ui-space-5);grid-template-rows:auto 1fr auto auto;height:100%;padding:var(--ui-space-6)}.ui-sidebar__brand{align-items:center;display:grid;gap:var(--ui-space-3);grid-template-columns:auto minmax(0,1fr)}.ui-sidebar__mark{align-items:center;background:var(--ui-color-primary-strong);border-radius:var(--ui-radius-round);color:var(--ui-color-text-inverse);display:inline-flex;font-size:var(--ui-font-size-200);font-weight:var(--ui-font-weight-semibold);height:var(--ui-space-8);justify-content:center;width:var(--ui-space-8)}.ui-sidebar__brand-copy,.ui-sidebar__nav{display:grid;gap:var(--ui-space-2)}.ui-sidebar__list{display:grid;gap:var(--ui-space-2);list-style:none;margin:0;padding:0}.ui-sidebar__list-item{margin:0;padding:0}.ui-sidebar__mobile-nav{display:none}@media(max-width:72rem){.ui-sidebar__desktop{display:none}.ui-sidebar__mobile-nav{background:var(--ui-color-surface);border-top:var(--ui-border-width) solid var(--ui-color-border);bottom:0;display:block;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:900}.ui-sidebar__mobile-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--ui-layout-mobile-nav-height);list-style:none;margin:0;padding:0}.ui-sidebar__mobile-item{margin:0;padding:0}.ui-sidebar__mobile-link{align-items:center;background:transparent;border:0;color:var(--ui-color-text-muted);cursor:pointer;display:inline-flex;flex-direction:column;font-size:var(--ui-font-size-100);font-weight:var(--ui-font-weight-medium);gap:var(--ui-space-1);height:100%;justify-content:center;text-decoration:none;width:100%}.ui-sidebar__mobile-link--active{color:var(--ui-color-primary-strong)}.ui-sidebar__mobile-link--disabled{cursor:not-allowed;opacity:.45}.ui-sidebar__mobile-link:focus-visible{outline:.1875rem solid var(--ui-color-focus-ring);outline-offset:-.1875rem}.ui-sidebar__mobile-label{line-height:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: DividerComponent, selector: "ui-divider", inputs: ["orientation", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["name", "icon", "decorative", "ariaLabel"] }, { kind: "component", type: NavItemComponent, selector: "ui-nav-item", inputs: ["label", "icon", "description", "active", "disabled", "ariaLabel", "routerLink"] }, { kind: "component", type: TextComponent, selector: "ui-text", inputs: ["element", "tone", "weight", "size"] }, { kind: "component", type: UserInfoComponent, selector: "ui-user-info", inputs: ["name", "role", "initials", "size", "ariaLabel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-sidebar', standalone: true, imports: [
+                        CommonModule,
+                        RouterLink,
+                        RouterLinkActive,
+                        DividerComponent,
+                        IconComponent,
+                        NavItemComponent,
+                        TextComponent,
+                        UserInfoComponent,
+                    ], template: "<aside class=\"ui-sidebar ui-sidebar__desktop\">\n  <div class=\"ui-sidebar__brand\">\n    <span class=\"ui-sidebar__mark\">SE</span>\n    <div class=\"ui-sidebar__brand-copy\">\n      <ui-text element=\"span\" weight=\"semibold\">{{ brand }}</ui-text>\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ subtitle }}</ui-text>\n    </div>\n  </div>\n\n  <nav class=\"ui-sidebar__nav\" [attr.aria-label]=\"navAriaLabel\">\n    <ul class=\"ui-sidebar__list\" role=\"list\">\n      @for (item of items; track item.label) {\n        <li class=\"ui-sidebar__list-item\">\n          <ui-nav-item\n            [label]=\"item.label\"\n            [icon]=\"item.icon ?? 'home'\"\n            [description]=\"item.description ?? ''\"\n            [active]=\"item.active ?? false\"\n            [disabled]=\"item.disabled ?? false\"\n            [ariaLabel]=\"item.ariaLabel ?? item.label\"\n            [routerLink]=\"item.path ?? null\"\n          ></ui-nav-item>\n        </li>\n      }\n    </ul>\n  </nav>\n\n  <ui-divider></ui-divider>\n\n  <ui-user-info\n    [name]=\"userName\"\n    [role]=\"userRole\"\n    [initials]=\"userInitials\"\n    ariaLabel=\"Informacoes do usuario\"\n    size=\"sm\"\n  ></ui-user-info>\n</aside>\n\n<nav class=\"ui-sidebar__mobile-nav\" [attr.aria-label]=\"mobileNavAriaLabel\">\n  <ul class=\"ui-sidebar__mobile-list\" role=\"list\">\n    @for (item of items; track item.label) {\n      <li class=\"ui-sidebar__mobile-item\">\n        @if (!item.disabled && item.path) {\n          <a\n            class=\"ui-sidebar__mobile-link\"\n            [routerLink]=\"item.path\"\n            routerLinkActive=\"ui-sidebar__mobile-link--active\"\n            [attr.aria-label]=\"item.ariaLabel ?? item.label\"\n          >\n            <ui-icon [name]=\"iconName(item)\" [icon]=\"iconDefinition(item)\" [decorative]=\"true\"></ui-icon>\n            <span class=\"ui-sidebar__mobile-label\">{{ item.label }}</span>\n          </a>\n        } @else if (!item.disabled) {\n          <button class=\"ui-sidebar__mobile-link\" type=\"button\" [attr.aria-label]=\"item.ariaLabel ?? item.label\">\n            <ui-icon [name]=\"iconName(item)\" [icon]=\"iconDefinition(item)\" [decorative]=\"true\"></ui-icon>\n            <span class=\"ui-sidebar__mobile-label\">{{ item.label }}</span>\n          </button>\n        } @else {\n          <span class=\"ui-sidebar__mobile-link ui-sidebar__mobile-link--disabled\" [attr.aria-label]=\"item.label\">\n            <ui-icon [name]=\"iconName(item)\" [icon]=\"iconDefinition(item)\" [decorative]=\"true\"></ui-icon>\n            <span class=\"ui-sidebar__mobile-label\">{{ item.label }}</span>\n          </span>\n        }\n      </li>\n    }\n  </ul>\n</nav>\n", styles: [":host{display:block;height:100%}.ui-sidebar{background:var(--ui-color-surface)}.ui-sidebar__desktop{border-right:var(--ui-border-width) solid var(--ui-color-border);display:grid;gap:var(--ui-space-5);grid-template-rows:auto 1fr auto auto;height:100%;padding:var(--ui-space-6)}.ui-sidebar__brand{align-items:center;display:grid;gap:var(--ui-space-3);grid-template-columns:auto minmax(0,1fr)}.ui-sidebar__mark{align-items:center;background:var(--ui-color-primary-strong);border-radius:var(--ui-radius-round);color:var(--ui-color-text-inverse);display:inline-flex;font-size:var(--ui-font-size-200);font-weight:var(--ui-font-weight-semibold);height:var(--ui-space-8);justify-content:center;width:var(--ui-space-8)}.ui-sidebar__brand-copy,.ui-sidebar__nav{display:grid;gap:var(--ui-space-2)}.ui-sidebar__list{display:grid;gap:var(--ui-space-2);list-style:none;margin:0;padding:0}.ui-sidebar__list-item{margin:0;padding:0}.ui-sidebar__mobile-nav{display:none}@media(max-width:72rem){.ui-sidebar__desktop{display:none}.ui-sidebar__mobile-nav{background:var(--ui-color-surface);border-top:var(--ui-border-width) solid var(--ui-color-border);bottom:0;display:block;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:900}.ui-sidebar__mobile-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--ui-layout-mobile-nav-height);list-style:none;margin:0;padding:0}.ui-sidebar__mobile-item{margin:0;padding:0}.ui-sidebar__mobile-link{align-items:center;background:transparent;border:0;color:var(--ui-color-text-muted);cursor:pointer;display:inline-flex;flex-direction:column;font-size:var(--ui-font-size-100);font-weight:var(--ui-font-weight-medium);gap:var(--ui-space-1);height:100%;justify-content:center;text-decoration:none;width:100%}.ui-sidebar__mobile-link--active{color:var(--ui-color-primary-strong)}.ui-sidebar__mobile-link--disabled{cursor:not-allowed;opacity:.45}.ui-sidebar__mobile-link:focus-visible{outline:.1875rem solid var(--ui-color-focus-ring);outline-offset:-.1875rem}.ui-sidebar__mobile-label{line-height:1}}\n"] }]
+        }], propDecorators: { brand: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], userRole: [{
+                type: Input
+            }], userInitials: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], navAriaLabel: [{
+                type: Input
+            }], mobileNavAriaLabel: [{
+                type: Input
+            }] } });
+
+class StatsGridComponent {
+    items = [];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: StatsGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: StatsGridComponent, isStandalone: true, selector: "ui-stats-grid", inputs: { items: "items" }, ngImport: i0, template: "<section class=\"ui-stats-grid\">\n  @for (item of items; track item.label) {\n    <ui-stat\n      [label]=\"item.label\"\n      [value]=\"item.value\"\n      [description]=\"item.description ?? ''\"\n      [tone]=\"item.tone ?? 'primary'\"\n    ></ui-stat>\n  }\n</section>\n", styles: [":host{display:block}.ui-stats-grid{display:grid;gap:var(--ui-space-5);grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:64rem){.ui-stats-grid{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: StatComponent, selector: "ui-stat", inputs: ["label", "value", "description", "tone"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: StatsGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-stats-grid', standalone: true, imports: [CommonModule, StatComponent], template: "<section class=\"ui-stats-grid\">\n  @for (item of items; track item.label) {\n    <ui-stat\n      [label]=\"item.label\"\n      [value]=\"item.value\"\n      [description]=\"item.description ?? ''\"\n      [tone]=\"item.tone ?? 'primary'\"\n    ></ui-stat>\n  }\n</section>\n", styles: [":host{display:block}.ui-stats-grid{display:grid;gap:var(--ui-space-5);grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:64rem){.ui-stats-grid{grid-template-columns:minmax(0,1fr)}}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }] } });
+
+class DashboardLayoutComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DashboardLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.5", type: DashboardLayoutComponent, isStandalone: true, selector: "ui-dashboard-layout", ngImport: i0, template: "<a class=\"ui-dashboard-layout__skip\" href=\"#ui-main-content\">Pular para conteudo principal</a>\n\n<div class=\"ui-dashboard-layout\">\n  <aside class=\"ui-dashboard-layout__sidebar\">\n    <ng-content select=\"[sidebar]\"></ng-content>\n  </aside>\n\n  <div class=\"ui-dashboard-layout__main\">\n    <div class=\"ui-dashboard-layout__header\">\n      <ng-content select=\"[header]\"></ng-content>\n    </div>\n\n    <main class=\"ui-dashboard-layout__content\" id=\"ui-main-content\" tabindex=\"-1\">\n      <ng-content></ng-content>\n    </main>\n  </div>\n</div>\n", styles: [":host{display:block;min-height:100vh}.ui-dashboard-layout__skip{background:var(--ui-color-primary);border-radius:var(--ui-radius-md);color:var(--ui-color-text-inverse);left:var(--ui-space-4);padding:var(--ui-space-2) var(--ui-space-4);position:absolute;top:var(--ui-space-4);transform:translateY(-200%);z-index:1000}.ui-dashboard-layout__skip:focus-visible{outline:.1875rem solid var(--ui-color-focus-ring);outline-offset:.125rem;transform:translateY(0)}.ui-dashboard-layout{display:grid;grid-template-columns:var(--ui-layout-sidebar-width) minmax(0,1fr);min-height:100vh}.ui-dashboard-layout__main{display:grid;gap:var(--ui-space-6);max-width:var(--ui-layout-content-width);padding:var(--ui-space-7)}.ui-dashboard-layout__content{display:grid;gap:var(--ui-space-6)}@media(max-width:72rem){.ui-dashboard-layout{grid-template-columns:minmax(0,1fr)}.ui-dashboard-layout__main{padding:var(--ui-space-6);padding-bottom:calc(var(--ui-space-6) + var(--ui-layout-mobile-nav-height) + env(safe-area-inset-bottom))}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: DashboardLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-dashboard-layout', standalone: true, imports: [CommonModule], template: "<a class=\"ui-dashboard-layout__skip\" href=\"#ui-main-content\">Pular para conteudo principal</a>\n\n<div class=\"ui-dashboard-layout\">\n  <aside class=\"ui-dashboard-layout__sidebar\">\n    <ng-content select=\"[sidebar]\"></ng-content>\n  </aside>\n\n  <div class=\"ui-dashboard-layout__main\">\n    <div class=\"ui-dashboard-layout__header\">\n      <ng-content select=\"[header]\"></ng-content>\n    </div>\n\n    <main class=\"ui-dashboard-layout__content\" id=\"ui-main-content\" tabindex=\"-1\">\n      <ng-content></ng-content>\n    </main>\n  </div>\n</div>\n", styles: [":host{display:block;min-height:100vh}.ui-dashboard-layout__skip{background:var(--ui-color-primary);border-radius:var(--ui-radius-md);color:var(--ui-color-text-inverse);left:var(--ui-space-4);padding:var(--ui-space-2) var(--ui-space-4);position:absolute;top:var(--ui-space-4);transform:translateY(-200%);z-index:1000}.ui-dashboard-layout__skip:focus-visible{outline:.1875rem solid var(--ui-color-focus-ring);outline-offset:.125rem;transform:translateY(0)}.ui-dashboard-layout{display:grid;grid-template-columns:var(--ui-layout-sidebar-width) minmax(0,1fr);min-height:100vh}.ui-dashboard-layout__main{display:grid;gap:var(--ui-space-6);max-width:var(--ui-layout-content-width);padding:var(--ui-space-7)}.ui-dashboard-layout__content{display:grid;gap:var(--ui-space-6)}@media(max-width:72rem){.ui-dashboard-layout{grid-template-columns:minmax(0,1fr)}.ui-dashboard-layout__main{padding:var(--ui-space-6);padding-bottom:calc(var(--ui-space-6) + var(--ui-layout-mobile-nav-height) + env(safe-area-inset-bottom))}}\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AgendaListComponent, AvatarComponent, BadgeComponent, ButtonComponent, DashboardLayoutComponent, DividerComponent, HeaderComponent, HeroCardComponent, IconComponent, ListItemComponent, MaterialsListComponent, NavItemComponent, SidebarComponent, StatComponent, StatsGridComponent, TextComponent, UserInfoComponent };
+//# sourceMappingURL=senior-ease-ui.mjs.map

package/fesm2022/senior-ease-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"senior-ease-ui.mjs","sources":["../../../projects/ui/src/lib/atoms/avatar/component.ts","../../../projects/ui/src/lib/atoms/avatar/component.html","../../../projects/ui/src/lib/atoms/badge/component.ts","../../../projects/ui/src/lib/atoms/badge/component.html","../../../projects/ui/src/lib/atoms/button/component.ts","../../../projects/ui/src/lib/atoms/button/component.html","../../../projects/ui/src/lib/atoms/divider/component.ts","../../../projects/ui/src/lib/atoms/divider/component.html","../../../projects/ui/src/lib/atoms/icon/component.ts","../../../projects/ui/src/lib/atoms/icon/component.html","../../../projects/ui/src/lib/atoms/text/component.ts","../../../projects/ui/src/lib/atoms/text/component.html","../../../projects/ui/src/lib/molecules/list-item/component.ts","../../../projects/ui/src/lib/molecules/list-item/component.html","../../../projects/ui/src/lib/molecules/nav-item/component.ts","../../../projects/ui/src/lib/molecules/nav-item/component.html","../../../projects/ui/src/lib/molecules/stat/component.ts","../../../projects/ui/src/lib/molecules/stat/component.html","../../../projects/ui/src/lib/molecules/user-info/component.ts","../../../projects/ui/src/lib/molecules/user-info/component.html","../../../projects/ui/src/lib/organisms/agenda-list/component.ts","../../../projects/ui/src/lib/organisms/agenda-list/component.html","../../../projects/ui/src/lib/organisms/header/component.ts","../../../projects/ui/src/lib/organisms/header/component.html","../../../projects/ui/src/lib/organisms/hero-card/component.ts","../../../projects/ui/src/lib/organisms/hero-card/component.html","../../../projects/ui/src/lib/organisms/materials-list/component.ts","../../../projects/ui/src/lib/organisms/materials-list/component.html","../../../projects/ui/src/lib/organisms/sidebar/component.ts","../../../projects/ui/src/lib/organisms/sidebar/component.html","../../../projects/ui/src/lib/organisms/stats-grid/component.ts","../../../projects/ui/src/lib/organisms/stats-grid/component.html","../../../projects/ui/src/lib/templates/dashboard-layout/component.ts","../../../projects/ui/src/lib/templates/dashboard-layout/component.html","../../../projects/ui/src/senior-ease-ui.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\nexport type AvatarSize = 'sm' | 'md' | 'lg';\nexport type AvatarTone = 'primary' | 'accent' | 'neutral';\n\n@Component({\n  selector: 'ui-avatar',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class AvatarComponent {\n  @Input() initials = 'SE';\n  @Input() size: AvatarSize = 'md';\n  @Input() tone: AvatarTone = 'primary';\n  @Input() ariaLabel = '';\n}\n","<span\n  class=\"ui-avatar\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.role]=\"ariaLabel ? 'img' : null\"\n  [class.ui-avatar--sm]=\"size === 'sm'\"\n  [class.ui-avatar--lg]=\"size === 'lg'\"\n  [class.ui-avatar--accent]=\"tone === 'accent'\"\n  [class.ui-avatar--neutral]=\"tone === 'neutral'\"\n>\n  <ng-content>{{ initials }}</ng-content>\n</span>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\nexport type BadgeVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';\n\n@Component({\n  selector: 'ui-badge',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class BadgeComponent {\n  @Input() label = '';\n  @Input() variant: BadgeVariant = 'neutral';\n  @Input() ariaLabel = '';\n}\n","<span\n  class=\"ui-badge\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [class.ui-badge--primary]=\"variant === 'primary'\"\n  [class.ui-badge--success]=\"variant === 'success'\"\n  [class.ui-badge--warning]=\"variant === 'warning'\"\n  [class.ui-badge--danger]=\"variant === 'danger'\"\n>\n  <ng-content>{{ label }}</ng-content>\n</span>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'ghost';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  selector: 'ui-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class ButtonComponent {\n  @Input() label = '';\n  @Input() variant: ButtonVariant = 'primary';\n  @Input() size: ButtonSize = 'md';\n  @Input() disabled = false;\n  @Input() ariaLabel = '';\n  @Input() ariaPressed: boolean | null = null;\n  @Input() ariaExpanded: boolean | null = null;\n  @Input() ariaControls = '';\n  @Input() ariaDescribedBy = '';\n}\n","<button\n  class=\"ui-button\"\n  type=\"button\"\n  [disabled]=\"disabled\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-pressed]=\"ariaPressed\"\n  [attr.aria-expanded]=\"ariaExpanded\"\n  [attr.aria-controls]=\"ariaControls || null\"\n  [attr.aria-describedby]=\"ariaDescribedBy || null\"\n  [class.ui-button--secondary]=\"variant === 'secondary'\"\n  [class.ui-button--ghost]=\"variant === 'ghost'\"\n  [class.ui-button--sm]=\"size === 'sm'\"\n  [class.ui-button--lg]=\"size === 'lg'\"\n>\n  <ng-content>{{ label }}</ng-content>\n</button>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\nexport type DividerOrientation = 'horizontal' | 'vertical';\n\n@Component({\n  selector: 'ui-divider',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class DividerComponent {\n  @Input() orientation: DividerOrientation = 'horizontal';\n  @Input() ariaLabel = '';\n}\n","<span\n  class=\"ui-divider\"\n  [class.ui-divider--vertical]=\"orientation === 'vertical'\"\n  [attr.role]=\"ariaLabel ? 'separator' : null\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-orientation]=\"orientation\"\n  [attr.aria-hidden]=\"ariaLabel ? null : true\"\n></span>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport {\n  faBell,\n  faBookOpen,\n  faCalendarDay,\n  faChartLine,\n  faCheck,\n  faClock,\n  faEnvelope,\n  faHouse,\n  faUser,\n} from '@fortawesome/free-solid-svg-icons';\n\nexport type IconName =\n  | 'bell'\n  | 'book'\n  | 'calendar'\n  | 'chart'\n  | 'check'\n  | 'clock'\n  | 'home'\n  | 'message'\n  | 'user';\nexport type IconValue = IconName | IconDefinition;\n\n@Component({\n  selector: 'ui-icon',\n  standalone: true,\n  imports: [CommonModule, FontAwesomeModule],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class IconComponent {\n  @Input() name: IconName = 'home';\n  @Input() icon: IconDefinition | null = null;\n  @Input() decorative = true;\n  @Input() ariaLabel = '';\n\n  protected readonly iconMap: Record<IconName, IconDefinition> = {\n    bell: faBell,\n    book: faBookOpen,\n    calendar: faCalendarDay,\n    chart: faChartLine,\n    check: faCheck,\n    clock: faClock,\n    home: faHouse,\n    message: faEnvelope,\n    user: faUser,\n  };\n\n  protected get resolvedIcon(): IconDefinition {\n    return this.icon ?? this.iconMap[nameOrFallback(this.name)];\n  }\n}\n\nfunction nameOrFallback(name: IconName | null | undefined): IconName {\n  return name ?? 'home';\n}\n","<span\n  class=\"ui-icon\"\n  [attr.role]=\"decorative ? null : 'img'\"\n  [attr.aria-hidden]=\"decorative ? true : null\"\n  [attr.aria-label]=\"decorative ? null : (ariaLabel || name)\"\n>\n  <fa-icon [icon]=\"resolvedIcon\"></fa-icon>\n</span>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\n\nexport type TextElement = 'span' | 'p' | 'h1' | 'h2' | 'h3';\nexport type TextTone = 'default' | 'muted' | 'primary';\nexport type TextWeight = 'regular' | 'medium' | 'semibold';\nexport type TextSize = 'sm' | 'md' | 'lg' | 'xl';\n\n@Component({\n  selector: 'ui-text',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class TextComponent {\n  @Input() element: TextElement = 'span';\n  @Input() tone: TextTone = 'default';\n  @Input() weight: TextWeight = 'regular';\n  @Input() size: TextSize = 'md';\n}\n","@switch (element) {\n  @case ('p') {\n    <p class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </p>\n  }\n  @case ('h1') {\n    <h1 class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </h1>\n  }\n  @case ('h2') {\n    <h2 class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </h2>\n  }\n  @case ('h3') {\n    <h3 class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </h3>\n  }\n  @default {\n    <span class=\"ui-text\" [attr.data-tone]=\"tone\" [attr.data-weight]=\"weight\" [attr.data-size]=\"size\">\n      <ng-content></ng-content>\n    </span>\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { BadgeComponent, BadgeVariant, IconComponent, IconName, TextComponent } from '../../atoms';\n\nexport interface ListItemData {\n  title: string;\n  description?: string;\n  meta?: string;\n  badgeLabel?: string;\n  badgeVariant?: BadgeVariant;\n  icon?: IconName;\n  ariaLabel?: string;\n}\n\n@Component({\n  selector: 'ui-list-item',\n  standalone: true,\n  imports: [CommonModule, BadgeComponent, IconComponent, TextComponent],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class ListItemComponent {\n  @Input() title = '';\n  @Input() description = '';\n  @Input() meta = '';\n  @Input() badgeLabel = '';\n  @Input() badgeVariant: BadgeVariant = 'neutral';\n  @Input() icon: IconName = 'calendar';\n  @Input() ariaLabel = '';\n}\n","<article class=\"ui-list-item\" [attr.aria-label]=\"ariaLabel || null\">\n  <span class=\"ui-list-item__icon\">\n    <ui-icon [name]=\"icon\" aria-hidden=\"true\"></ui-icon>\n  </span>\n\n  <div class=\"ui-list-item__copy\">\n    <ui-text element=\"span\" weight=\"semibold\">{{ title }}</ui-text>\n    @if (description) {\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n    }\n  </div>\n\n  <div class=\"ui-list-item__meta\">\n    @if (meta) {\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ meta }}</ui-text>\n    }\n\n    @if (badgeLabel) {\n      <ui-badge [label]=\"badgeLabel\" [variant]=\"badgeVariant\"></ui-badge>\n    }\n  </div>\n</article>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { IconComponent, IconName, IconValue, TextComponent } from '../../atoms';\n\nexport interface NavItemData {\n  label: string;\n  icon?: IconValue;\n  description?: string;\n  active?: boolean;\n  disabled?: boolean;\n  ariaLabel?: string;\n  path?: string | readonly string[];\n}\n\n@Component({\n  selector: 'ui-nav-item',\n  standalone: true,\n  imports: [CommonModule, RouterLink, RouterLinkActive, IconComponent, TextComponent],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class NavItemComponent {\n  @Input() label = '';\n  @Input() icon: IconValue = 'home';\n  @Input() description = '';\n  @Input() active = false;\n  @Input() disabled = false;\n  @Input() ariaLabel = '';\n  @Input() routerLink: string | readonly string[] | null = null;\n\n  protected get iconName(): IconName {\n    return typeof this.icon === 'string' ? this.icon : 'home';\n  }\n\n  protected get iconDefinition(): IconDefinition | null {\n    return typeof this.icon === 'string' ? null : this.icon;\n  }\n}\n","@if (routerLink && !disabled) {\n  <a\n    class=\"ui-nav-item\"\n    [routerLink]=\"routerLink\"\n    routerLinkActive=\"ui-nav-item--active\"\n    [class.ui-nav-item--active]=\"active\"\n    [attr.aria-current]=\"active ? 'page' : null\"\n    [attr.aria-label]=\"ariaLabel || null\"\n  >\n    <span class=\"ui-nav-item__icon\">\n      <ui-icon [name]=\"iconName\" [icon]=\"iconDefinition\" [decorative]=\"true\"></ui-icon>\n    </span>\n\n    <span class=\"ui-nav-item__copy\">\n      <ui-text element=\"span\" weight=\"semibold\">{{ label }}</ui-text>\n      @if (description) {\n        <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n      }\n    </span>\n  </a>\n} @else {\n  <button\n    class=\"ui-nav-item\"\n    type=\"button\"\n    [disabled]=\"disabled\"\n    [attr.aria-current]=\"active ? 'page' : null\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [class.ui-nav-item--active]=\"active\"\n    [class.ui-nav-item--disabled]=\"disabled\"\n  >\n    <span class=\"ui-nav-item__icon\">\n      <ui-icon [name]=\"iconName\" [icon]=\"iconDefinition\" [decorative]=\"true\"></ui-icon>\n    </span>\n\n    <span class=\"ui-nav-item__copy\">\n      <ui-text element=\"span\" weight=\"semibold\">{{ label }}</ui-text>\n      @if (description) {\n        <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n      }\n    </span>\n  </button>\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { TextComponent } from '../../atoms';\n\nexport type StatTone = 'primary' | 'success' | 'warning';\n\nexport interface StatItem {\n  label: string;\n  value: string;\n  description?: string;\n  tone?: StatTone;\n}\n\n@Component({\n  selector: 'ui-stat',\n  standalone: true,\n  imports: [CommonModule, TextComponent],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class StatComponent {\n  @Input() label = '';\n  @Input() value = '';\n  @Input() description = '';\n  @Input() tone: StatTone = 'primary';\n}\n","<article class=\"ui-stat\" [attr.data-tone]=\"tone\">\n  <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ label }}</ui-text>\n  <ui-text element=\"h3\" size=\"lg\" weight=\"semibold\">{{ value }}</ui-text>\n  @if (description) {\n    <ui-text element=\"p\" size=\"sm\" tone=\"muted\">{{ description }}</ui-text>\n  }\n</article>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { AvatarComponent, AvatarSize, TextComponent } from '../../atoms';\n\n@Component({\n  selector: 'ui-user-info',\n  standalone: true,\n  imports: [CommonModule, AvatarComponent, TextComponent],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class UserInfoComponent {\n  @Input() name = '';\n  @Input() role = '';\n  @Input() initials = 'SE';\n  @Input() size: AvatarSize = 'md';\n  @Input() ariaLabel = '';\n}\n","<div class=\"ui-user-info\" [attr.aria-label]=\"ariaLabel || null\">\n  <ui-avatar [initials]=\"initials\" [size]=\"size\" tone=\"neutral\" ariaLabel=\"Avatar do usuario\"></ui-avatar>\n\n  <div class=\"ui-user-info__copy\">\n    <ui-text element=\"span\" weight=\"semibold\">{{ name }}</ui-text>\n    @if (role) {\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ role }}</ui-text>\n    }\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { DividerComponent, TextComponent } from '../../atoms';\nimport { ListItemComponent, ListItemData } from '../../molecules';\n\n@Component({\n  selector: 'ui-agenda-list',\n  standalone: true,\n  imports: [CommonModule, DividerComponent, ListItemComponent, TextComponent],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class AgendaListComponent {\n  @Input() title = 'Agenda do dia';\n  @Input() items: ListItemData[] = [];\n}\n","<section class=\"ui-panel\">\n  <ui-text element=\"h3\" size=\"lg\" weight=\"semibold\">{{ title }}</ui-text>\n\n  <div class=\"ui-panel__list\">\n    @for (item of items; track item.title; let last = $last) {\n      <ui-list-item\n        [title]=\"item.title\"\n        [description]=\"item.description ?? ''\"\n        [meta]=\"item.meta ?? ''\"\n        [badgeLabel]=\"item.badgeLabel ?? ''\"\n        [badgeVariant]=\"item.badgeVariant ?? 'neutral'\"\n        [icon]=\"item.icon ?? 'calendar'\"\n      ></ui-list-item>\n\n      @if (!last) {\n        <ui-divider></ui-divider>\n      }\n    }\n  </div>\n</section>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { BadgeComponent, ButtonComponent, TextComponent } from '../../atoms';\n\n@Component({\n  selector: 'ui-header',\n  standalone: true,\n  imports: [CommonModule, BadgeComponent, ButtonComponent, TextComponent],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class HeaderComponent {\n  @Input() badgeLabel = '';\n  @Input() title = '';\n  @Input() subtitle = '';\n  @Input() actionLabel = '';\n}\n","<header class=\"ui-header\">\n  <div class=\"ui-header__copy\">\n    @if (badgeLabel) {\n      <ui-badge [label]=\"badgeLabel\" variant=\"primary\"></ui-badge>\n    }\n\n    <ui-text element=\"h1\" size=\"xl\" weight=\"semibold\">{{ title }}</ui-text>\n\n    @if (subtitle) {\n      <ui-text element=\"p\" tone=\"muted\">{{ subtitle }}</ui-text>\n    }\n  </div>\n\n  @if (actionLabel) {\n    <ui-button [label]=\"actionLabel\" [ariaLabel]=\"actionLabel\" variant=\"secondary\"></ui-button>\n  }\n</header>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { BadgeComponent, ButtonComponent, TextComponent } from '../../atoms';\n\n@Component({\n  selector: 'ui-hero-card',\n  standalone: true,\n  imports: [CommonModule, BadgeComponent, ButtonComponent, TextComponent],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class HeroCardComponent {\n  @Input() eyebrow = '';\n  @Input() title = '';\n  @Input() description = '';\n  @Input() primaryActionLabel = '';\n  @Input() secondaryActionLabel = '';\n  @Input() highlightLabel = '';\n  @Input() highlightValue = '';\n}\n","<section class=\"ui-hero-card\">\n  <div class=\"ui-hero-card__copy\">\n    @if (eyebrow) {\n      <ui-badge [label]=\"eyebrow\" variant=\"primary\"></ui-badge>\n    }\n\n    <ui-text element=\"h2\" size=\"xl\" weight=\"semibold\">{{ title }}</ui-text>\n\n    @if (description) {\n      <ui-text element=\"p\" tone=\"muted\">{{ description }}</ui-text>\n    }\n\n    <div class=\"ui-hero-card__actions\">\n      @if (primaryActionLabel) {\n        <ui-button [label]=\"primaryActionLabel\"></ui-button>\n      }\n\n      @if (secondaryActionLabel) {\n        <ui-button [label]=\"secondaryActionLabel\" variant=\"ghost\"></ui-button>\n      }\n    </div>\n  </div>\n\n  <div class=\"ui-hero-card__highlight\">\n    <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ highlightLabel }}</ui-text>\n    <ui-text element=\"h3\" size=\"xl\" weight=\"semibold\">{{ highlightValue }}</ui-text>\n  </div>\n</section>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { DividerComponent, TextComponent } from '../../atoms';\nimport { ListItemComponent, ListItemData } from '../../molecules';\n\n@Component({\n  selector: 'ui-materials-list',\n  standalone: true,\n  imports: [CommonModule, DividerComponent, ListItemComponent, TextComponent],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class MaterialsListComponent {\n  @Input() title = 'Materiais recomendados';\n  @Input() items: ListItemData[] = [];\n}\n","<section class=\"ui-panel\">\n  <ui-text element=\"h3\" size=\"lg\" weight=\"semibold\">{{ title }}</ui-text>\n\n  <div class=\"ui-panel__list\">\n    @for (item of items; track item.title; let last = $last) {\n      <ui-list-item\n        [title]=\"item.title\"\n        [description]=\"item.description ?? ''\"\n        [meta]=\"item.meta ?? ''\"\n        [badgeLabel]=\"item.badgeLabel ?? ''\"\n        [badgeVariant]=\"item.badgeVariant ?? 'neutral'\"\n        [icon]=\"item.icon ?? 'book'\"\n      ></ui-list-item>\n\n      @if (!last) {\n        <ui-divider></ui-divider>\n      }\n    }\n  </div>\n</section>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { DividerComponent, IconComponent, IconName, TextComponent } from '../../atoms';\nimport { NavItemComponent, NavItemData, UserInfoComponent } from '../../molecules';\n\n@Component({\n  selector: 'ui-sidebar',\n  standalone: true,\n  imports: [\n    CommonModule,\n    RouterLink,\n    RouterLinkActive,\n    DividerComponent,\n    IconComponent,\n    NavItemComponent,\n    TextComponent,\n    UserInfoComponent,\n  ],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class SidebarComponent {\n  @Input() brand = 'Senior Ease';\n  @Input() subtitle = 'Design System';\n  @Input() userName = '';\n  @Input() userRole = '';\n  @Input() userInitials = 'SE';\n  @Input() items: NavItemData[] = [];\n  @Input() navAriaLabel = 'Navegacao principal';\n  @Input() mobileNavAriaLabel = 'Navegacao inferior';\n\n  protected iconName(item: NavItemData): IconName {\n    return typeof item.icon === 'string' ? item.icon : 'home';\n  }\n\n  protected iconDefinition(item: NavItemData): IconDefinition | null {\n    return typeof item.icon === 'string' || !item.icon ? null : item.icon;\n  }\n}\n","<aside class=\"ui-sidebar ui-sidebar__desktop\">\n  <div class=\"ui-sidebar__brand\">\n    <span class=\"ui-sidebar__mark\">SE</span>\n    <div class=\"ui-sidebar__brand-copy\">\n      <ui-text element=\"span\" weight=\"semibold\">{{ brand }}</ui-text>\n      <ui-text element=\"span\" size=\"sm\" tone=\"muted\">{{ subtitle }}</ui-text>\n    </div>\n  </div>\n\n  <nav class=\"ui-sidebar__nav\" [attr.aria-label]=\"navAriaLabel\">\n    <ul class=\"ui-sidebar__list\" role=\"list\">\n      @for (item of items; track item.label) {\n        <li class=\"ui-sidebar__list-item\">\n          <ui-nav-item\n            [label]=\"item.label\"\n            [icon]=\"item.icon ?? 'home'\"\n            [description]=\"item.description ?? ''\"\n            [active]=\"item.active ?? false\"\n            [disabled]=\"item.disabled ?? false\"\n            [ariaLabel]=\"item.ariaLabel ?? item.label\"\n            [routerLink]=\"item.path ?? null\"\n          ></ui-nav-item>\n        </li>\n      }\n    </ul>\n  </nav>\n\n  <ui-divider></ui-divider>\n\n  <ui-user-info\n    [name]=\"userName\"\n    [role]=\"userRole\"\n    [initials]=\"userInitials\"\n    ariaLabel=\"Informacoes do usuario\"\n    size=\"sm\"\n  ></ui-user-info>\n</aside>\n\n<nav class=\"ui-sidebar__mobile-nav\" [attr.aria-label]=\"mobileNavAriaLabel\">\n  <ul class=\"ui-sidebar__mobile-list\" role=\"list\">\n    @for (item of items; track item.label) {\n      <li class=\"ui-sidebar__mobile-item\">\n        @if (!item.disabled && item.path) {\n          <a\n            class=\"ui-sidebar__mobile-link\"\n            [routerLink]=\"item.path\"\n            routerLinkActive=\"ui-sidebar__mobile-link--active\"\n            [attr.aria-label]=\"item.ariaLabel ?? item.label\"\n          >\n            <ui-icon [name]=\"iconName(item)\" [icon]=\"iconDefinition(item)\" [decorative]=\"true\"></ui-icon>\n            <span class=\"ui-sidebar__mobile-label\">{{ item.label }}</span>\n          </a>\n        } @else if (!item.disabled) {\n          <button class=\"ui-sidebar__mobile-link\" type=\"button\" [attr.aria-label]=\"item.ariaLabel ?? item.label\">\n            <ui-icon [name]=\"iconName(item)\" [icon]=\"iconDefinition(item)\" [decorative]=\"true\"></ui-icon>\n            <span class=\"ui-sidebar__mobile-label\">{{ item.label }}</span>\n          </button>\n        } @else {\n          <span class=\"ui-sidebar__mobile-link ui-sidebar__mobile-link--disabled\" [attr.aria-label]=\"item.label\">\n            <ui-icon [name]=\"iconName(item)\" [icon]=\"iconDefinition(item)\" [decorative]=\"true\"></ui-icon>\n            <span class=\"ui-sidebar__mobile-label\">{{ item.label }}</span>\n          </span>\n        }\n      </li>\n    }\n  </ul>\n</nav>\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { StatComponent, StatItem } from '../../molecules';\n\n@Component({\n  selector: 'ui-stats-grid',\n  standalone: true,\n  imports: [CommonModule, StatComponent],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class StatsGridComponent {\n  @Input() items: StatItem[] = [];\n}\n","<section class=\"ui-stats-grid\">\n  @for (item of items; track item.label) {\n    <ui-stat\n      [label]=\"item.label\"\n      [value]=\"item.value\"\n      [description]=\"item.description ?? ''\"\n      [tone]=\"item.tone ?? 'primary'\"\n    ></ui-stat>\n  }\n</section>\n","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'ui-dashboard-layout',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './component.html',\n  styleUrls: ['./component.scss'],\n})\nexport class DashboardLayoutComponent {}\n","<a class=\"ui-dashboard-layout__skip\" href=\"#ui-main-content\">Pular para conteudo principal</a>\n\n<div class=\"ui-dashboard-layout\">\n  <aside class=\"ui-dashboard-layout__sidebar\">\n    <ng-content select=\"[sidebar]\"></ng-content>\n  </aside>\n\n  <div class=\"ui-dashboard-layout__main\">\n    <div class=\"ui-dashboard-layout__header\">\n      <ng-content select=\"[header]\"></ng-content>\n    </div>\n\n    <main class=\"ui-dashboard-layout__content\" id=\"ui-main-content\" tabindex=\"-1\">\n      <ng-content></ng-content>\n    </main>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@senior-ease/ui",
+  "version": "0.1.0",
+  "description": "Senior Ease Angular Design System UI library (Atomic Design, standalone components, accessibility-first).",
+  "keywords": [
+    "angular",
+    "design-system",
+    "ui",
+    "atomic-design",
+    "accessibility",
+    "storybook"
+  ],
+  "author": "guidrop17",
+  "license": "",
+  "homepage": "https://github.com/guidrop17/ds-senior-ease#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/guidrop17/ds-senior-ease.git"
+  },
+  "bugs": {
+    "url": "https://github.com/guidrop17/ds-senior-ease/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/common": "^21.2.5",
+    "@angular/core": "^21.2.5",
+    "@fortawesome/angular-fontawesome": "^4.0.0",
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/senior-ease-ui.mjs",
+  "typings": "types/senior-ease-ui.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/senior-ease-ui.d.ts",
+      "default": "./fesm2022/senior-ease-ui.mjs"
+    }
+  }
+}

package/types/senior-ease-ui.d.ts

@@ -0,0 +1,206 @@
+import * as i0 from '@angular/core';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+
+type AvatarSize = 'sm' | 'md' | 'lg';
+type AvatarTone = 'primary' | 'accent' | 'neutral';
+declare class AvatarComponent {
+    initials: string;
+    size: AvatarSize;
+    tone: AvatarTone;
+    ariaLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ui-avatar", never, { "initials": { "alias": "initials"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+type BadgeVariant = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';
+declare class BadgeComponent {
+    label: string;
+    variant: BadgeVariant;
+    ariaLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "ui-badge", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+type ButtonVariant = 'primary' | 'secondary' | 'ghost';
+type ButtonSize = 'sm' | 'md' | 'lg';
+declare class ButtonComponent {
+    label: string;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+    ariaLabel: string;
+    ariaPressed: boolean | null;
+    ariaExpanded: boolean | null;
+    ariaControls: string;
+    ariaDescribedBy: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaPressed": { "alias": "ariaPressed"; "required": false; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+type DividerOrientation = 'horizontal' | 'vertical';
+declare class DividerComponent {
+    orientation: DividerOrientation;
+    ariaLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "ui-divider", never, { "orientation": { "alias": "orientation"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+type IconName = 'bell' | 'book' | 'calendar' | 'chart' | 'check' | 'clock' | 'home' | 'message' | 'user';
+type IconValue = IconName | IconDefinition;
+declare class IconComponent {
+    name: IconName;
+    icon: IconDefinition | null;
+    decorative: boolean;
+    ariaLabel: string;
+    protected readonly iconMap: Record<IconName, IconDefinition>;
+    protected get resolvedIcon(): IconDefinition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ui-icon", never, { "name": { "alias": "name"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "decorative": { "alias": "decorative"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+type TextElement = 'span' | 'p' | 'h1' | 'h2' | 'h3';
+type TextTone = 'default' | 'muted' | 'primary';
+type TextWeight = 'regular' | 'medium' | 'semibold';
+type TextSize = 'sm' | 'md' | 'lg' | 'xl';
+declare class TextComponent {
+    element: TextElement;
+    tone: TextTone;
+    weight: TextWeight;
+    size: TextSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextComponent, "ui-text", never, { "element": { "alias": "element"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*", "*", "*", "*", "*"], true, never>;
+}
+
+interface ListItemData {
+    title: string;
+    description?: string;
+    meta?: string;
+    badgeLabel?: string;
+    badgeVariant?: BadgeVariant;
+    icon?: IconName;
+    ariaLabel?: string;
+}
+declare class ListItemComponent {
+    title: string;
+    description: string;
+    meta: string;
+    badgeLabel: string;
+    badgeVariant: BadgeVariant;
+    icon: IconName;
+    ariaLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListItemComponent, "ui-list-item", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "meta": { "alias": "meta"; "required": false; }; "badgeLabel": { "alias": "badgeLabel"; "required": false; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface NavItemData {
+    label: string;
+    icon?: IconValue;
+    description?: string;
+    active?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+    path?: string | readonly string[];
+}
+declare class NavItemComponent {
+    label: string;
+    icon: IconValue;
+    description: string;
+    active: boolean;
+    disabled: boolean;
+    ariaLabel: string;
+    routerLink: string | readonly string[] | null;
+    protected get iconName(): IconName;
+    protected get iconDefinition(): IconDefinition | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavItemComponent, "ui-nav-item", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "description": { "alias": "description"; "required": false; }; "active": { "alias": "active"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+type StatTone = 'primary' | 'success' | 'warning';
+interface StatItem {
+    label: string;
+    value: string;
+    description?: string;
+    tone?: StatTone;
+}
+declare class StatComponent {
+    label: string;
+    value: string;
+    description: string;
+    tone: StatTone;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatComponent, "ui-stat", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "description": { "alias": "description"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class UserInfoComponent {
+    name: string;
+    role: string;
+    initials: string;
+    size: AvatarSize;
+    ariaLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserInfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserInfoComponent, "ui-user-info", never, { "name": { "alias": "name"; "required": false; }; "role": { "alias": "role"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "size": { "alias": "size"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class AgendaListComponent {
+    title: string;
+    items: ListItemData[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<AgendaListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AgendaListComponent, "ui-agenda-list", never, { "title": { "alias": "title"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class HeaderComponent {
+    badgeLabel: string;
+    title: string;
+    subtitle: string;
+    actionLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "ui-header", never, { "badgeLabel": { "alias": "badgeLabel"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "actionLabel": { "alias": "actionLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class HeroCardComponent {
+    eyebrow: string;
+    title: string;
+    description: string;
+    primaryActionLabel: string;
+    secondaryActionLabel: string;
+    highlightLabel: string;
+    highlightValue: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeroCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeroCardComponent, "ui-hero-card", never, { "eyebrow": { "alias": "eyebrow"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "primaryActionLabel": { "alias": "primaryActionLabel"; "required": false; }; "secondaryActionLabel": { "alias": "secondaryActionLabel"; "required": false; }; "highlightLabel": { "alias": "highlightLabel"; "required": false; }; "highlightValue": { "alias": "highlightValue"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class MaterialsListComponent {
+    title: string;
+    items: ListItemData[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<MaterialsListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MaterialsListComponent, "ui-materials-list", never, { "title": { "alias": "title"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class SidebarComponent {
+    brand: string;
+    subtitle: string;
+    userName: string;
+    userRole: string;
+    userInitials: string;
+    items: NavItemData[];
+    navAriaLabel: string;
+    mobileNavAriaLabel: string;
+    protected iconName(item: NavItemData): IconName;
+    protected iconDefinition(item: NavItemData): IconDefinition | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarComponent, "ui-sidebar", never, { "brand": { "alias": "brand"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "userRole": { "alias": "userRole"; "required": false; }; "userInitials": { "alias": "userInitials"; "required": false; }; "items": { "alias": "items"; "required": false; }; "navAriaLabel": { "alias": "navAriaLabel"; "required": false; }; "mobileNavAriaLabel": { "alias": "mobileNavAriaLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class StatsGridComponent {
+    items: StatItem[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatsGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatsGridComponent, "ui-stats-grid", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class DashboardLayoutComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DashboardLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DashboardLayoutComponent, "ui-dashboard-layout", never, {}, {}, never, ["[sidebar]", "[header]", "*"], true, never>;
+}
+
+export { AgendaListComponent, AvatarComponent, BadgeComponent, ButtonComponent, DashboardLayoutComponent, DividerComponent, HeaderComponent, HeroCardComponent, IconComponent, ListItemComponent, MaterialsListComponent, NavItemComponent, SidebarComponent, StatComponent, StatsGridComponent, TextComponent, UserInfoComponent };
+export type { AvatarSize, AvatarTone, BadgeVariant, ButtonSize, ButtonVariant, DividerOrientation, IconName, IconValue, ListItemData, NavItemData, StatItem, StatTone, TextElement, TextSize, TextTone, TextWeight };