@aegov/designsystem-angular 0.2.24 → 4.0.0

package/fesm2022/aegov-designsystem-angular.mjs

@@ -1,6 +1,6 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, EventEmitter, Output, APP_INITIALIZER, NgModule, makeEnvironmentProviders } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Output, NgModule } from '@angular/core';
 import { fromEvent } from 'rxjs';
 import { defineCustomElement as defineCustomElement$1 } from '@aegov/designsystem/components/aegov-accordion.js';
 import { defineCustomElement as defineCustomElement$2 } from '@aegov/designsystem/components/aegov-accordion-item.js';
@@ -59,7 +59,6 @@ import { defineCustomElement as defineCustomElement$S } from '@aegov/designsyste
 import { defineCustomElement as defineCustomElement$T } from '@aegov/designsystem/components/aegov-toast.js';
 import { defineCustomElement as defineCustomElement$U } from '@aegov/designsystem/components/aegov-toggle.js';
 import { defineCustomElement as defineCustomElement$V } from '@aegov/designsystem/components/aegov-tooltip.js';
-import { defineCustomElements } from '@aegov/designsystem/loader';
 
 /* eslint-disable */
 /* tslint:disable */
@@ -119,16 +118,121 @@ function ProxyCmp(opts) {
     return decorator;
 }
 
+/**
+ * Input transform for number properties, so a static attribute such as `pages="5"`
+ * type-checks while `[pages]="'five'"` and `pages="five"` are compile errors.
+ *
+ * The number counterpart of the output target's `nullableBooleanAttribute`:
+ * - the parameter type is what Angular derives `ngAcceptInputType_*` from, and
+ *   `` `${number}` `` accepts only numeric string literals;
+ * - `null` and `undefined` pass through (the `async` pipe and form values produce them);
+ * - strings are parsed with `parseFloat`, as Stencil parses number props, so the
+ *   value the component receives is unchanged.
+ *
+ * The template literal type is behind an alias because the Angular compiler emits
+ * `ngAcceptInputType_*` from this parameter type and mangles an inline template
+ * literal type in the published declarations (it came out as `mElenumbers`).
+ *
+ * Declared as a function so Angular can resolve it statically in partial compilation.
+ * Wired up by `angularNumberAttributes()` in `packages/designsystem/stencil.config.ts`.
+ */
+function nullableNumberAttribute(value) {
+    if (value === null || value === undefined) {
+        return value;
+    }
+    return typeof value === 'number' ? value : parseFloat(value);
+}
+
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * Transforms a value to a boolean so that boolean properties can be set by attribute presence,
+ * e.g. `<my-component disabled>` instead of `<my-component [disabled]="true">`.
+ *
+ * Strings are coerced the same way Angular's `booleanAttribute` coerces them, so `''` (a bare
+ * attribute) becomes `true` and `'false'` becomes `false`.
+ *
+ * Unlike Angular's `booleanAttribute`, `null` and `undefined` are passed through rather than
+ * coerced to `false`. Components frequently treat them as a state distinct from `false`:
+ *
+ * ```tsx
+ * // `undefined` means "decide based on the mode", which is not the same as `false`
+ * const showDetail = detail !== undefined ? detail : mode === 'ios';
+ *
+ * // a strict comparison also behaves differently for `null` than it does for `false`
+ * const showHandle = handle !== false;
+ * ```
+ *
+ * Both values reach inputs routinely in Angular templates, from the `async` pipe before its
+ * first emission and from form control values, so coercing them would change the behavior of
+ * bindings that work today.
+ *
+ * This is implemented here rather than imported from `@angular/core` so that consumers on
+ * Angular versions without `booleanAttribute` are unaffected by this file being generated.
+ *
+ * The parameter type is what Angular derives `ngAcceptInputType_*` from, so it decides which
+ * template bindings compile. Widening it to `unknown` would let any expression through.
+ *
+ * Declared as a function rather than an arrow constant because Angular has to resolve input
+ * transforms statically when compiling a library in partial compilation mode.
+ *
+ * This lives in its own file, separate from `utils.ts`, so that it carries no runtime imports.
+ * That keeps it independently type-checkable without pulling `rxjs` in for `proxyOutputs`.
+ */
+function nullableBooleanAttribute(value) {
+    if (value === null || value === undefined) {
+        return value;
+    }
+    return typeof value === 'boolean' ? value : value !== 'false';
+}
+
 let AegovAccordion = class AegovAccordion {
     z;
     el;
+    /**
+   * Unique ID for the accordion wrapper element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Whether multiple accordion items can be open at the same time @default false
+   */
+    set isMultiple(_) { }
+    ;
+    /**
+   * Index of the accordion item to open by default (0-based)
+   */
+    set defaultOpen(_) { }
+    ;
+    /**
+   * Icon style for accordion items @default 'chevron'
+   */
+    set icon(_) { }
+    ;
+    /**
+   * Whether to show border around the accordion @default false
+   */
+    set isBordered(_) { }
+    ;
+    /**
+   * Size of the accordion items — controls heading font size.
+sm = 14px, base = 16px (default), lg = 18px @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Heading level for accordion item triggers (1–6).
+Cascaded to all child aegov-accordion-item elements. @default 3
+   */
+    set headingLevel(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovAccordion, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovAccordion, isStandalone: true, selector: "aegov-accordion", inputs: { defaultOpen: "defaultOpen", fieldId: "fieldId", headingLevel: "headingLevel", icon: "icon", isBordered: "isBordered", isMultiple: "isMultiple", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovAccordion, isStandalone: true, selector: "aegov-accordion", inputs: { defaultOpen: ["defaultOpen", "defaultOpen", nullableNumberAttribute], fieldId: "fieldId", headingLevel: ["headingLevel", "headingLevel", nullableNumberAttribute], icon: "icon", isBordered: ["isBordered", "isBordered", nullableBooleanAttribute], isMultiple: ["isMultiple", "isMultiple", nullableBooleanAttribute], size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovAccordion = __decorate([
     ProxyCmp({
@@ -143,12 +247,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['defaultOpen', 'fieldId', 'headingLevel', 'icon', 'isBordered', 'isMultiple', 'size'],
+                    inputs: [{ name: 'defaultOpen', transform: nullableNumberAttribute }, 'fieldId', { name: 'headingLevel', transform: nullableNumberAttribute }, 'icon', { name: 'isBordered', transform: nullableBooleanAttribute }, { name: 'isMultiple', transform: nullableBooleanAttribute }, 'size'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AegovAccordionItem = class AegovAccordionItem {
     z;
     el;
+    /**
+   * Heading text for the accordion item (alternative to using the slot)
+Note: If both heading property and slot are provided, the slot takes precedence
+   */
+    set heading(_) { }
+    ;
+    /**
+   * Whether the accordion item is disabled @default false
+   */
+    set isDisabled(_) { }
+    ;
     aegovAccordionItemToggle = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -156,7 +271,7 @@ let AegovAccordionItem = class AegovAccordionItem {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovAccordionItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovAccordionItem, isStandalone: true, selector: "aegov-accordion-item", inputs: { heading: "heading", isDisabled: "isDisabled" }, outputs: { aegovAccordionItemToggle: "aegovAccordionItemToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovAccordionItem, isStandalone: true, selector: "aegov-accordion-item", inputs: { heading: "heading", isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute] }, outputs: { aegovAccordionItemToggle: "aegovAccordionItemToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovAccordionItem = __decorate([
     ProxyCmp({
@@ -171,7 +286,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['heading', 'isDisabled'],
+                    inputs: ['heading', { name: 'isDisabled', transform: nullableBooleanAttribute }],
                     outputs: ['aegovAccordionItemToggle'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovAccordionItemToggle: [{
@@ -180,6 +295,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovAspectRatio = class AegovAspectRatio {
     z;
     el;
+    /**
+   * The aspect ratio to apply. Accepts named presets (`'auto'`, `'square'`,
+`'video'`) or any custom ratio string such as `'5/4'`, `'21/9'`,
+`'2.35/1'`. Supports a Tailwind-style responsive string with breakpoint
+prefixes, e.g. `"square md:video lg:21/9"`. @default 'auto'
+   */
+    set ratio(_) { }
+    ;
+    /**
+   * How slotted media (img, video, iframe) should fit within the aspect
+ratio container. @default 'cover'
+   */
+    set fit(_) { }
+    ;
+    /**
+   * Additional CSS classes merged onto the inner aspect-ratio container.
+   */
+    set extraClass(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -207,6 +341,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovAvatar = class AegovAvatar {
     z;
     el;
+    /**
+   * Unique ID for the inner avatar element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The avatar size @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * The avatar appearance (shape) @default 'square'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * The image source URL
+   */
+    set src(_) { }
+    ;
+    /**
+   * Alternative text for the image (required for accessibility)
+   */
+    set alt(_) { }
+    ;
+    /**
+   * Status indicator. Set to a status string to show the indicator, or `false` to hide it.
+Accepts: `'online'`, `'offline'`, `'away'`, `'unavailable'`, `'busy'`, or boolean (`true` maps to `'online'`). @default false
+   */
+    set status(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -234,6 +399,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovAvatarGroup = class AegovAvatarGroup {
     z;
     el;
+    /**
+   * The layout variant: 'default' (spaced) or 'compact' (overlapping) @default 'default'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * The size enforced on all child avatars @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Number of additional users not shown. When > 0, displays "+N" indicator. @default 0
+   */
+    set moreCount(_) { }
+    ;
+    /**
+   * Custom text for the "more" indicator. Defaults to "{moreCount}+"
+   */
+    set moreText(_) { }
+    ;
     aegovAvatarGroupMore = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -241,7 +426,7 @@ let AegovAvatarGroup = class AegovAvatarGroup {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovAvatarGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovAvatarGroup, isStandalone: true, selector: "aegov-avatar-group", inputs: { moreCount: "moreCount", moreText: "moreText", size: "size", variant: "variant" }, outputs: { aegovAvatarGroupMore: "aegovAvatarGroupMore" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovAvatarGroup, isStandalone: true, selector: "aegov-avatar-group", inputs: { moreCount: ["moreCount", "moreCount", nullableNumberAttribute], moreText: "moreText", size: "size", variant: "variant" }, outputs: { aegovAvatarGroupMore: "aegovAvatarGroupMore" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovAvatarGroup = __decorate([
     ProxyCmp({
@@ -256,7 +441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['moreCount', 'moreText', 'size', 'variant'],
+                    inputs: [{ name: 'moreCount', transform: nullableNumberAttribute }, 'moreText', 'size', 'variant'],
                     outputs: ['aegovAvatarGroupMore'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovAvatarGroupMore: [{
@@ -265,6 +450,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovBadge = class AegovBadge {
     z;
     el;
+    /**
+   * Unique ID for the badge element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The appearance style of the badge. @default 'soft'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * The color variant of the badge. @default 'default'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Whether the badge can be dismissed/closed. @default false
+   */
+    set isDismissible(_) { }
+    ;
+    /**
+   * The badge size @default 'base'
+   */
+    set size(_) { }
+    ;
     aegovBadgeDismiss = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -272,7 +482,7 @@ let AegovBadge = class AegovBadge {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovBadge, isStandalone: true, selector: "aegov-badge", inputs: { appearance: "appearance", fieldId: "fieldId", isDismissible: "isDismissible", size: "size", variant: "variant" }, outputs: { aegovBadgeDismiss: "aegovBadgeDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovBadge, isStandalone: true, selector: "aegov-badge", inputs: { appearance: "appearance", fieldId: "fieldId", isDismissible: ["isDismissible", "isDismissible", nullableBooleanAttribute], size: "size", variant: "variant" }, outputs: { aegovBadgeDismiss: "aegovBadgeDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovBadge = __decorate([
     ProxyCmp({
@@ -287,7 +497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'fieldId', 'isDismissible', 'size', 'variant'],
+                    inputs: ['appearance', 'fieldId', { name: 'isDismissible', transform: nullableBooleanAttribute }, 'size', 'variant'],
                     outputs: ['aegovBadgeDismiss'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovBadgeDismiss: [{
@@ -296,6 +506,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovBanner = class AegovBanner {
     z;
     el;
+    /**
+   * Unique ID for the banner element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The variant of the banner. Determines the color scheme. @default 'default'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * The appearance style of the banner. @default 'soft'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Vertical position of the banner (top or bottom of viewport/page). @default 'top'
+   */
+    set position(_) { }
+    ;
+    /**
+   * CSS positioning strategy: fixed (stays in viewport), sticky (scrolls then sticks). @default 'fixed'
+   */
+    set display(_) { }
+    ;
+    /**
+   * Layout mode: push (takes up space in page flow), overlay (floats over content). @default 'push'
+   */
+    set mode(_) { }
+    ;
+    /**
+   * Whether the banner can be dismissed/closed. @default true
+   */
+    set isDismissible(_) { }
+    ;
+    /**
+   * Size of the banner. Controls font size and vertical padding.
+Accepts a plain value (`"sm"`, `"base"`, `"lg"`) or a responsive string
+using Tailwind-style breakpoint prefixes (`"sm xl:lg"`). @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Auto-focus the banner when mounted (for critical alerts only). @default false
+   */
+    set isFocusable(_) { }
+    ;
     aegovBannerDismiss = new EventEmitter();
     aegovBannerHeightChange = new EventEmitter();
     constructor(c, r, z) {
@@ -304,7 +561,7 @@ let AegovBanner = class AegovBanner {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovBanner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovBanner, isStandalone: true, selector: "aegov-banner", inputs: { appearance: "appearance", display: "display", fieldId: "fieldId", isDismissible: "isDismissible", isFocusable: "isFocusable", mode: "mode", position: "position", size: "size", variant: "variant" }, outputs: { aegovBannerDismiss: "aegovBannerDismiss", aegovBannerHeightChange: "aegovBannerHeightChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovBanner, isStandalone: true, selector: "aegov-banner", inputs: { appearance: "appearance", display: "display", fieldId: "fieldId", isDismissible: ["isDismissible", "isDismissible", nullableBooleanAttribute], isFocusable: ["isFocusable", "isFocusable", nullableBooleanAttribute], mode: "mode", position: "position", size: "size", variant: "variant" }, outputs: { aegovBannerDismiss: "aegovBannerDismiss", aegovBannerHeightChange: "aegovBannerHeightChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovBanner = __decorate([
     ProxyCmp({
@@ -319,7 +576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'display', 'fieldId', 'isDismissible', 'isFocusable', 'mode', 'position', 'size', 'variant'],
+                    inputs: ['appearance', 'display', 'fieldId', { name: 'isDismissible', transform: nullableBooleanAttribute }, { name: 'isFocusable', transform: nullableBooleanAttribute }, 'mode', 'position', 'size', 'variant'],
                     outputs: ['aegovBannerDismiss', 'aegovBannerHeightChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovBannerDismiss: [{
@@ -330,6 +587,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovBentoGrid = class AegovBentoGrid {
     z;
     el;
+    /**
+   * Optional id reflected on the inner wrapper. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Number of columns. Tailwind-style breakpoint syntax supported,
+e.g. `cols="1 md:2 lg:4"`. Use `cols="1 md:..."` to stack on mobile. @default '1 md:2 lg:3'
+   */
+    set cols(_) { }
+    ;
+    /**
+   * Gap between cards. Named sizes: 'none', 'xs', 'sm', 'md', 'lg', 'xl'.
+Responsive syntax supported: `gap="sm md:md lg:lg"`. @default 'md'
+   */
+    set gap(_) { }
+    ;
+    /**
+   * Auto-flow mode. 'dense' fills holes left by larger spans (bento packing),
+'row' keeps strict DOM order. @default 'dense'
+   */
+    set flow(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -357,6 +637,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovBlockquote = class AegovBlockquote {
     z;
     el;
+    /**
+   * The blockquote appearance style @default 'primary'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * The citation source
+   */
+    set cite(_) { }
+    ;
+    /**
+   * The author source
+   */
+    set author(_) { }
+    ;
+    /**
+   * The author's title/position
+   */
+    set authorTitle(_) { }
+    ;
+    /**
+   * Additional CSS classes merged onto the inner blockquote element.
+
+This component renders in a real shadow root, which normally blocks the page's CSS
+from reaching inside it. Margin/padding utilities (e.g. `mt-4`, `md:px-6`) are copied
+in from the page's own stylesheets at runtime and work as expected; other utilities
+(colour, border, typography, etc.) still have no effect — see #35.
+   */
+    set extraClass(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -384,13 +694,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovBreadcrumbs = class AegovBreadcrumbs {
     z;
     el;
+    /**
+   * Unique ID for the breadcrumbs nav element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The separator style to use between breadcrumb items @default 'slash'
+   */
+    set separator(_) { }
+    ;
+    /**
+   * Maximum number of characters before truncating breadcrumb item text.
+If not set, text will not be truncated.
+   */
+    set maxLength(_) { }
+    ;
+    /**
+   * Whether to add schema.org microdata for structured data @default false
+   */
+    set isMicrodata(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovBreadcrumbs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovBreadcrumbs, isStandalone: true, selector: "aegov-breadcrumbs", inputs: { fieldId: "fieldId", isMicrodata: "isMicrodata", maxLength: "maxLength", separator: "separator" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovBreadcrumbs, isStandalone: true, selector: "aegov-breadcrumbs", inputs: { fieldId: "fieldId", isMicrodata: ["isMicrodata", "isMicrodata", nullableBooleanAttribute], maxLength: ["maxLength", "maxLength", nullableNumberAttribute], separator: "separator" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovBreadcrumbs = __decorate([
     ProxyCmp({
@@ -405,12 +736,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['fieldId', 'isMicrodata', 'maxLength', 'separator'],
+                    inputs: ['fieldId', { name: 'isMicrodata', transform: nullableBooleanAttribute }, { name: 'maxLength', transform: nullableNumberAttribute }, 'separator'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AegovBreadcrumbsItem = class AegovBreadcrumbsItem {
     z;
     el;
+    /**
+   * The URL that the breadcrumb item links to.
+If not provided, the item will be rendered as plain text (current page).
+   */
+    set href(_) { }
+    ;
+    /**
+   * Where to open the linked document @default '_self'
+   */
+    set target(_) { }
+    ;
     aegovBreadcrumbItemClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -442,6 +784,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovButton = class AegovButton {
     z;
     el;
+    /**
+   * Unique ID for the button element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The button variant (color scheme) @default 'primary'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * The button size @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * The button type attribute @default 'button'
+   */
+    set type(_) { }
+    ;
+    /**
+   * Name submitted with the form, paired with `value`, when this button submits
+it — as on a native `<button>`.
+   */
+    set name(_) { }
+    ;
+    /**
+   * Value submitted with `name` when this button submits the form.
+   */
+    set value(_) { }
+    ;
+    /**
+   * The button appearance (visual style) @default 'solid'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Whether the button is disabled @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Whether the button is only an icon @default false
+   */
+    set isIcon(_) { }
+    ;
+    /**
+   * Whether the button should take full width @default false
+
+Reflected to the `is-full` attribute: the host-level `:host([is-full])` CSS rule
+(in aegov-button.css) that switches the host to `display: block` only matches a
+real attribute, so a framework that sets this as a JS property binding instead of
+a literal string attribute (e.g. Angular's `[isFull]="true"`, React's JSX `isFull`
+shorthand) would otherwise never trigger it — only `reflect: true` makes every
+binding style reach the attribute the CSS depends on.
+   */
+    set isFull(_) { }
+    ;
+    /**
+   * Whether the button should have bold text or not @default true
+   */
+    set isBold(_) { }
+    ;
+    /**
+   * Whether the button is in a loading state @default false
+   */
+    set isLoading(_) { }
+    ;
     aegovButtonClick = new EventEmitter();
     aegovButtonFocus = new EventEmitter();
     aegovButtonBlur = new EventEmitter();
@@ -451,12 +861,12 @@ let AegovButton = class AegovButton {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovButton, isStandalone: true, selector: "aegov-button", inputs: { appearance: "appearance", fieldId: "fieldId", isBold: "isBold", isDisabled: "isDisabled", isFull: "isFull", isIcon: "isIcon", isLoading: "isLoading", size: "size", type: "type", variant: "variant" }, outputs: { aegovButtonClick: "aegovButtonClick", aegovButtonFocus: "aegovButtonFocus", aegovButtonBlur: "aegovButtonBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovButton, isStandalone: true, selector: "aegov-button", inputs: { appearance: "appearance", fieldId: "fieldId", isBold: ["isBold", "isBold", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isFull: ["isFull", "isFull", nullableBooleanAttribute], isIcon: ["isIcon", "isIcon", nullableBooleanAttribute], isLoading: ["isLoading", "isLoading", nullableBooleanAttribute], name: "name", size: "size", type: "type", value: "value", variant: "variant" }, outputs: { aegovButtonClick: "aegovButtonClick", aegovButtonFocus: "aegovButtonFocus", aegovButtonBlur: "aegovButtonBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovButton = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineCustomElement$c,
-        inputs: ['appearance', 'fieldId', 'isBold', 'isDisabled', 'isFull', 'isIcon', 'isLoading', 'size', 'type', 'variant'],
+        inputs: ['appearance', 'fieldId', 'isBold', 'isDisabled', 'isFull', 'isIcon', 'isLoading', 'name', 'size', 'type', 'value', 'variant'],
         methods: ['setFocus']
     })
 ], AegovButton);
@@ -467,7 +877,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'fieldId', 'isBold', 'isDisabled', 'isFull', 'isIcon', 'isLoading', 'size', 'type', 'variant'],
+                    inputs: ['appearance', 'fieldId', { name: 'isBold', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isFull', transform: nullableBooleanAttribute }, { name: 'isIcon', transform: nullableBooleanAttribute }, { name: 'isLoading', transform: nullableBooleanAttribute }, 'name', 'size', 'type', 'value', 'variant'],
                     outputs: ['aegovButtonClick', 'aegovButtonFocus', 'aegovButtonBlur'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovButtonClick: [{
@@ -480,6 +890,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovButtonGroup = class AegovButtonGroup {
     z;
     el;
+    /**
+   * The orientation of the button group @default 'horizontal'
+   */
+    set orientation(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -507,6 +922,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovCallout = class AegovCallout {
     z;
     el;
+    /**
+   * Unique ID for the callout element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The variant of the callout. Determines the color scheme. @default 'default'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * The appearance style of the callout. @default 'soft'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * The size of the callout. Controls font size, icon size, and padding.
+Accepts a plain value (`"sm"`, `"base"`, `"lg"`) or a responsive string
+using Tailwind-style breakpoint prefixes (`"sm xl:lg"`). @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Whether the callout can be dismissed/closed. @default false
+   */
+    set isDismissible(_) { }
+    ;
     aegovCalloutDismiss = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -514,7 +956,7 @@ let AegovCallout = class AegovCallout {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovCallout, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovCallout, isStandalone: true, selector: "aegov-callout", inputs: { appearance: "appearance", fieldId: "fieldId", isDismissible: "isDismissible", size: "size", variant: "variant" }, outputs: { aegovCalloutDismiss: "aegovCalloutDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovCallout, isStandalone: true, selector: "aegov-callout", inputs: { appearance: "appearance", fieldId: "fieldId", isDismissible: ["isDismissible", "isDismissible", nullableBooleanAttribute], size: "size", variant: "variant" }, outputs: { aegovCalloutDismiss: "aegovCalloutDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovCallout = __decorate([
     ProxyCmp({
@@ -529,7 +971,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'fieldId', 'isDismissible', 'size', 'variant'],
+                    inputs: ['appearance', 'fieldId', { name: 'isDismissible', transform: nullableBooleanAttribute }, 'size', 'variant'],
                     outputs: ['aegovCalloutDismiss'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovCalloutDismiss: [{
@@ -538,13 +980,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovCard = class AegovCard {
     z;
     el;
+    /**
+   * Unique ID for the card element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Whether to apply inner padding. On by default. The amount varies by `size`: 1rem/16px
+(sm), 1.25rem/20px (base), 1.5rem/24px (lg). @default true
+   */
+    set isPadding(_) { }
+    ;
+    /**
+   * Border thickness: 1, 2, or 3. @default 2
+   */
+    set borderWidth(_) { }
+    ;
+    /**
+   * Appearance: 'solid' (full-strength border), 'light' (subtle low-contrast border), or 'creative' (gradient border via CSS mask). Border colour resolves from `variant`. @default 'solid'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Variant: colour family applied to border + glow. 'primary' (default), 'secondary', 'neutral-max' (aeblack-800 family), or 'neutral-min' (aeblack-100 family). @default 'primary'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Hover effect: 'off' (none), 'standard' (border color change), or 'glow' (shadow glow). @default 'off'
+   */
+    set hover(_) { }
+    ;
+    /**
+   * Size: 'sm' (compact padding/radius), 'base' (default), or 'lg' (generous padding/radius). A fixed
+token — unlike Badge, Banner, and Callout's `size`, this does not accept a responsive breakpoint
+string, and padding/radius do not change by viewport width. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Number of grid columns this card should span inside an `aegov-bento-grid`.
+Supports responsive syntax, e.g. `"1 md:2 lg:3"`. Reflected as the
+`data-col-span` attribute so the parent grid can read it correctly even
+when set via JSX camelCase (`dataColSpan`).
+   */
+    set dataColSpan(_) { }
+    ;
+    /**
+   * Number of grid rows this card should span inside an `aegov-bento-grid`.
+Supports responsive syntax, e.g. `"1 md:2"`. Reflected as the
+`data-row-span` attribute so the parent grid can read it correctly even
+when set via JSX camelCase (`dataRowSpan`).
+   */
+    set dataRowSpan(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovCard, isStandalone: true, selector: "aegov-card", inputs: { appearance: "appearance", borderWidth: "borderWidth", dataColSpan: "dataColSpan", dataRowSpan: "dataRowSpan", fieldId: "fieldId", hover: "hover", isPadding: "isPadding", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovCard, isStandalone: true, selector: "aegov-card", inputs: { appearance: "appearance", borderWidth: ["borderWidth", "borderWidth", nullableNumberAttribute], dataColSpan: "dataColSpan", dataRowSpan: "dataRowSpan", fieldId: "fieldId", hover: "hover", isPadding: ["isPadding", "isPadding", nullableBooleanAttribute], size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovCard = __decorate([
     ProxyCmp({
@@ -559,12 +1055,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'borderWidth', 'dataColSpan', 'dataRowSpan', 'fieldId', 'hover', 'isPadding', 'size', 'variant'],
+                    inputs: ['appearance', { name: 'borderWidth', transform: nullableNumberAttribute }, 'dataColSpan', 'dataRowSpan', 'fieldId', 'hover', { name: 'isPadding', transform: nullableBooleanAttribute }, 'size', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AegovCheckbox = class AegovCheckbox {
     z;
     el;
+    /**
+   * Unique ID for the native checkbox element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The name attribute for the checkbox. Reflected so ElementInternals can read it for form submission.
+   */
+    set name(_) { }
+    ;
+    /**
+   * The value attribute for the checkbox.
+   */
+    set value(_) { }
+    ;
+    /**
+   * Whether the checkbox is checked. @default false
+   */
+    set isChecked(_) { }
+    ;
+    /**
+   * The size of the checkbox. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Colour family. Drives rest border, checked bg/border. Focus ring stays camel; error stays aered.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Visual appearance set by a parent aegov-checkbox-group. Not meant to be set directly. @default 'default'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Whether the checkbox is disabled. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Whether the checkbox is required. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Label text for the checkbox. When provided, generates an associated <label> element.
+   */
+    set label(_) { }
+    ;
+    /**
+   * Helper hint text displayed below the label. Only rendered when label is provided
+and no error is shown. Renamed from `description` (decision §6.6).
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Marks this checkbox as a "check all" controller within a checkbox group. @default false
+   */
+    set isCheckAll(_) { }
+    ;
+    /**
+   * Whether the checkbox is in an indeterminate state. Set by parent group for check-all. @default false
+   */
+    set isIndeterminate(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. Toggles `aria-invalid` + `is-invalid` host class. See §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message. Use `error` slot for rich markup. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply.
+
+This component renders in a real shadow root, which normally blocks the page's CSS
+from reaching inside it. Margin/padding utilities (e.g. `mt-4`, `md:px-6`) are copied
+in from the page's own stylesheets at runtime and work as expected; other utilities
+(colour, border, typography, etc.) still have no effect — see #35.
+   */
+    set extraClass(_) { }
+    ;
     aegovCheckboxChange = new EventEmitter();
     aegovValidate = new EventEmitter();
     constructor(c, r, z) {
@@ -573,7 +1155,7 @@ let AegovCheckbox = class AegovCheckbox {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovCheckbox, isStandalone: true, selector: "aegov-checkbox", inputs: { appearance: "appearance", errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isCheckAll: "isCheckAll", isChecked: "isChecked", isDisabled: "isDisabled", isIndeterminate: "isIndeterminate", isInvalid: "isInvalid", isRequired: "isRequired", label: "label", name: "name", size: "size", value: "value", variant: "variant" }, outputs: { aegovCheckboxChange: "aegovCheckboxChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovCheckbox, isStandalone: true, selector: "aegov-checkbox", inputs: { appearance: "appearance", errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isCheckAll: ["isCheckAll", "isCheckAll", nullableBooleanAttribute], isChecked: ["isChecked", "isChecked", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isIndeterminate: ["isIndeterminate", "isIndeterminate", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], label: "label", name: "name", size: "size", value: "value", variant: "variant" }, outputs: { aegovCheckboxChange: "aegovCheckboxChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovCheckbox = __decorate([
     ProxyCmp({
@@ -589,7 +1171,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isCheckAll', 'isChecked', 'isDisabled', 'isIndeterminate', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
+                    inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', { name: 'isCheckAll', transform: nullableBooleanAttribute }, { name: 'isChecked', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isIndeterminate', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, 'label', 'name', 'size', 'value', 'variant'],
                     outputs: ['aegovCheckboxChange', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovCheckboxChange: [{
@@ -600,6 +1182,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovCheckboxGroup = class AegovCheckboxGroup {
     z;
     el;
+    /**
+   * Visual appearance for the group layout. @default 'default'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Stack direction for checkbox items. @default 'vertical'
+   */
+    set orientation(_) { }
+    ;
+    /**
+   * Optional label rendered as a <legend> for accessibility.
+   */
+    set label(_) { }
+    ;
+    /**
+   * Size of all checkboxes in the group. Propagated to children. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Colour family. Cascades to child checkboxes (only if child has no own variant). Focus ring stays camel; error stays aered regardless.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Disables all checkboxes within the group via native fieldset disabled. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Group is required — at least one child checkbox must be checked. Aggregate-level only. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. See §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message rendered below the legend when `isInvalid`. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Helper hint shown below the legend when not invalid. @default ''
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply.
+   */
+    set extraClass(_) { }
+    ;
     aegovCheckboxGroupChange = new EventEmitter();
     aegovValidate = new EventEmitter();
     constructor(c, r, z) {
@@ -608,7 +1245,7 @@ let AegovCheckboxGroup = class AegovCheckboxGroup {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovCheckboxGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovCheckboxGroup, isStandalone: true, selector: "aegov-checkbox-group", inputs: { appearance: "appearance", errorMessage: "errorMessage", extraClass: "extraClass", hint: "hint", isDisabled: "isDisabled", isInvalid: "isInvalid", isRequired: "isRequired", label: "label", orientation: "orientation", size: "size", variant: "variant" }, outputs: { aegovCheckboxGroupChange: "aegovCheckboxGroupChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovCheckboxGroup, isStandalone: true, selector: "aegov-checkbox-group", inputs: { appearance: "appearance", errorMessage: "errorMessage", extraClass: "extraClass", hint: "hint", isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], label: "label", orientation: "orientation", size: "size", variant: "variant" }, outputs: { aegovCheckboxGroupChange: "aegovCheckboxGroupChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovCheckboxGroup = __decorate([
     ProxyCmp({
@@ -624,7 +1261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'errorMessage', 'extraClass', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'orientation', 'size', 'variant'],
+                    inputs: ['appearance', 'errorMessage', 'extraClass', 'hint', { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, 'label', 'orientation', 'size', 'variant'],
                     outputs: ['aegovCheckboxGroupChange', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovCheckboxGroupChange: [{
@@ -635,6 +1272,158 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovDatepicker = class AegovDatepicker {
     z;
     el;
+    /**
+   * Selection appearance: single date or date range @default 'single'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Pre-selected value. Single: "YYYY-MM-DD". Range: "YYYY-MM-DD / YYYY-MM-DD" @default ''
+   */
+    set value(_) { }
+    ;
+    /**
+   * Output format using tokens: YYYY, YY, MM, M, DD, D, MMM, MMMM, dd, ddd @default 'YYYY-MM-DD'
+   */
+    set format(_) { }
+    ;
+    /**
+   * Placeholder text for single mode input. Empty defaults to text in the UI language (see `locale`). @default ''
+   */
+    set placeholder(_) { }
+    ;
+    /**
+   * Placeholder for range start input. Empty defaults to text in the UI language (see `locale`). @default ''
+   */
+    set labelRangeStart(_) { }
+    ;
+    /**
+   * Placeholder for range end input. Empty defaults to text in the UI language (see `locale`). @default ''
+   */
+    set labelRangeEnd(_) { }
+    ;
+    /**
+   * Minimum selectable date (ISO string or "today") @default ''
+   */
+    set min(_) { }
+    ;
+    /**
+   * Maximum selectable date (ISO string or "today") @default ''
+   */
+    set max(_) { }
+    ;
+    /**
+   * Disable all future dates (shorthand for max="today") @default false
+   */
+    set isDisableFuture(_) { }
+    ;
+    /**
+   * Week start day: 0=Sunday, 1=Monday, ...6=Saturday @default 0
+   */
+    set startDay(_) { }
+    ;
+    /**
+   * Locale (BCP 47, e.g. `en`, `ar-AE`, `fr`) for day and month names and formatted dates.
+Dates use `en` when it is not set.
+
+An Arabic or English locale (`ar`, `ar-*`, `en`, `en-*`) also sets the language of the
+datepicker's own text: labels, placeholders, buttons, presets, validation messages and
+screen-reader text. With no locale, or any other locale, that text follows the text
+direction like the rest of the library: Arabic when `dir` is `rtl`, English otherwise.
+Layout direction always follows `dir`.
+   */
+    set locale(_) { }
+    ;
+    /**
+   * Minimum number of days for range selection @default 0
+   */
+    set minRange(_) { }
+    ;
+    /**
+   * Maximum number of days for range selection (0 = unlimited) @default 0
+   */
+    set maxRange(_) { }
+    ;
+    /**
+   * Comma-separated ISO dates that cannot be selected @default ''
+   */
+    set blackout(_) { }
+    ;
+    /**
+   * Comma-separated preset IDs for range mode (e.g., "today,last7Days,thisMonth") @default ''
+   */
+    set presets(_) { }
+    ;
+    /**
+   * Whether the datepicker is disabled @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Marks the datepicker as required for form validation. Sets `required` on the inner input. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Show clear button when value is set @default true
+   */
+    set isClearable(_) { }
+    ;
+    /**
+   * Show month/year select dropdowns in header @default true
+   */
+    set isHeaderSelectable(_) { }
+    ;
+    /**
+   * Start year for the year dropdown (default: current year - 100) @default 0
+   */
+    set yearRangeStart(_) { }
+    ;
+    /**
+   * End year for the year dropdown (default: current year + 100) @default 0
+   */
+    set yearRangeEnd(_) { }
+    ;
+    /**
+   * Show Apply/Cancel buttons for confirming selection @default false
+   */
+    set isWithConfirmation(_) { }
+    ;
+    /**
+   * The size of the datepicker input. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Colour family. Drives idle ring/border, selected/checked fill, and value/accent text. Focus ring stays camel; error stays aered regardless.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Optional unique field ID. Used by aegov-form-field for label linking + error/hint id derivation.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Form field name for FormAssociated submission (§2.5).
+   */
+    set name(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. See §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message. Use `error` slot for rich markup. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Helper hint shown below the control. Hidden when an error is shown. @default ''
+   */
+    set hint(_) { }
+    ;
     aegovDatepickerChange = new EventEmitter();
     aegovDatepickerOpen = new EventEmitter();
     aegovDatepickerClose = new EventEmitter();
@@ -647,7 +1436,7 @@ let AegovDatepicker = class AegovDatepicker {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovDatepicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovDatepicker, isStandalone: true, selector: "aegov-datepicker", inputs: { appearance: "appearance", blackout: "blackout", errorMessage: "errorMessage", fieldId: "fieldId", format: "format", hint: "hint", isClearable: "isClearable", isDisableFuture: "isDisableFuture", isDisabled: "isDisabled", isHeaderSelectable: "isHeaderSelectable", isInvalid: "isInvalid", isRequired: "isRequired", isWithConfirmation: "isWithConfirmation", labelRangeEnd: "labelRangeEnd", labelRangeStart: "labelRangeStart", locale: "locale", max: "max", maxRange: "maxRange", min: "min", minRange: "minRange", name: "name", placeholder: "placeholder", presets: "presets", size: "size", startDay: "startDay", value: "value", variant: "variant", yearRangeEnd: "yearRangeEnd", yearRangeStart: "yearRangeStart" }, outputs: { aegovDatepickerChange: "aegovDatepickerChange", aegovDatepickerOpen: "aegovDatepickerOpen", aegovDatepickerClose: "aegovDatepickerClose", aegovDatepickerClear: "aegovDatepickerClear", aegovDatepickerMonthChange: "aegovDatepickerMonthChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovDatepicker, isStandalone: true, selector: "aegov-datepicker", inputs: { appearance: "appearance", blackout: "blackout", errorMessage: "errorMessage", fieldId: "fieldId", format: "format", hint: "hint", isClearable: ["isClearable", "isClearable", nullableBooleanAttribute], isDisableFuture: ["isDisableFuture", "isDisableFuture", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isHeaderSelectable: ["isHeaderSelectable", "isHeaderSelectable", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], isWithConfirmation: ["isWithConfirmation", "isWithConfirmation", nullableBooleanAttribute], labelRangeEnd: "labelRangeEnd", labelRangeStart: "labelRangeStart", locale: "locale", max: "max", maxRange: ["maxRange", "maxRange", nullableNumberAttribute], min: "min", minRange: ["minRange", "minRange", nullableNumberAttribute], name: "name", placeholder: "placeholder", presets: "presets", size: "size", startDay: ["startDay", "startDay", nullableNumberAttribute], value: "value", variant: "variant", yearRangeEnd: ["yearRangeEnd", "yearRangeEnd", nullableNumberAttribute], yearRangeStart: ["yearRangeStart", "yearRangeStart", nullableNumberAttribute] }, outputs: { aegovDatepickerChange: "aegovDatepickerChange", aegovDatepickerOpen: "aegovDatepickerOpen", aegovDatepickerClose: "aegovDatepickerClose", aegovDatepickerClear: "aegovDatepickerClear", aegovDatepickerMonthChange: "aegovDatepickerMonthChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovDatepicker = __decorate([
     ProxyCmp({
@@ -663,7 +1452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'blackout', 'errorMessage', 'fieldId', 'format', 'hint', 'isClearable', 'isDisableFuture', 'isDisabled', 'isHeaderSelectable', 'isInvalid', 'isRequired', 'isWithConfirmation', 'labelRangeEnd', 'labelRangeStart', 'locale', 'max', 'maxRange', 'min', 'minRange', 'name', 'placeholder', 'presets', 'size', 'startDay', 'value', 'variant', 'yearRangeEnd', 'yearRangeStart'],
+                    inputs: ['appearance', 'blackout', 'errorMessage', 'fieldId', 'format', 'hint', { name: 'isClearable', transform: nullableBooleanAttribute }, { name: 'isDisableFuture', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isHeaderSelectable', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, { name: 'isWithConfirmation', transform: nullableBooleanAttribute }, 'labelRangeEnd', 'labelRangeStart', 'locale', 'max', { name: 'maxRange', transform: nullableNumberAttribute }, 'min', { name: 'minRange', transform: nullableNumberAttribute }, 'name', 'placeholder', 'presets', 'size', { name: 'startDay', transform: nullableNumberAttribute }, 'value', 'variant', { name: 'yearRangeEnd', transform: nullableNumberAttribute }, { name: 'yearRangeStart', transform: nullableNumberAttribute }],
                     outputs: ['aegovDatepickerChange', 'aegovDatepickerOpen', 'aegovDatepickerClose', 'aegovDatepickerClear', 'aegovDatepickerMonthChange', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovDatepickerChange: [{
@@ -682,6 +1471,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovDrawer = class AegovDrawer {
     z;
     el;
+    /**
+   * Unique ID for the drawer dialog element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Whether the drawer is currently open/visible @default false
+   */
+    set isOpen(_) { }
+    ;
+    /**
+   * Which edge the drawer slides from @default 'right'
+   */
+    set position(_) { }
+    ;
+    /**
+   * Animation strategy for open/close transitions @default 'slide'
+   */
+    set animation(_) { }
+    ;
+    /**
+   * Whether the drawer is pinned flush to edges (true) or has a gap with rounded corners (false) @default true
+   */
+    set isPinned(_) { }
+    ;
+    /**
+   * Whether to show a backdrop overlay behind the drawer @default true
+   */
+    set isOverlay(_) { }
+    ;
+    /**
+   * Backdrop overlay opacity level @default 'base'
+   */
+    set overlayOpacity(_) { }
+    ;
+    /**
+   * Whether clicking the backdrop closes the drawer @default true
+   */
+    set isCloseWithOverlay(_) { }
+    ;
+    /**
+   * Whether to prevent body scroll when drawer is open @default true
+   */
+    set isPreventScroll(_) { }
+    ;
+    /**
+   * Whether the drawer may move itself while open when an ancestor would trap
+it (a `transform`, `filter`, `contain`, `z-index` stacking context, or a
+hidden ancestor), so it still covers and stacks above the page. It moves
+only out of that ancestor, and opens in place when there is none. (It
+returns to where it was declared when it closes, and leaves with its
+declared parent if that is removed.)
+
+Set to `false` when the drawer is rendered inside another component's
+shadow DOM and forwards a `<slot>` into its content: relocating would take
+that slot out of its shadow tree, where it projects nothing. The panel and
+backdrop are `position: fixed`, so they still cover the viewport in place —
+unless an ancestor creates a containing block (`transform`, `filter`,
+`contain`, `will-change`), in which case leave this on. @default true
+   */
+    set isPortal(_) { }
+    ;
+    /**
+   * Panel width for left/right drawers, or panel height for top/bottom drawers.
+xs=320px · sm=384px · base=480px (default) · lg=640px · xl=800px · full=100vw/100dvh.
+Also scales padding and, when `is-pinned="false"`, the edge gap and border-radius.
+On viewports narrower than 640px all left/right sizes collapse to full width. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Whether to apply inner content padding. On by default; scales with size. @default true
+   */
+    set isPadding(_) { }
+    ;
+    /**
+   * Accessible label for the dialog. Passed as `aria-label` on the dialog element.
+Required for screen readers unless you pass `aria-labelledby` pointing to a
+heading rendered inside the drawer's slot.
+   */
+    set label(_) { }
+    ;
     aegovDrawerOpen = new EventEmitter();
     aegovDrawerClose = new EventEmitter();
     aegovDrawerBeforeClose = new EventEmitter();
@@ -693,7 +1564,7 @@ let AegovDrawer = class AegovDrawer {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovDrawer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovDrawer, isStandalone: true, selector: "aegov-drawer", inputs: { animation: "animation", fieldId: "fieldId", isCloseWithOverlay: "isCloseWithOverlay", isOpen: "isOpen", isOverlay: "isOverlay", isPadding: "isPadding", isPinned: "isPinned", isPortal: "isPortal", isPreventScroll: "isPreventScroll", label: "label", overlayOpacity: "overlayOpacity", position: "position", size: "size" }, outputs: { aegovDrawerOpen: "aegovDrawerOpen", aegovDrawerClose: "aegovDrawerClose", aegovDrawerBeforeClose: "aegovDrawerBeforeClose", aegovDrawerBackdropClick: "aegovDrawerBackdropClick", aegovDrawerEscapePress: "aegovDrawerEscapePress" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovDrawer, isStandalone: true, selector: "aegov-drawer", inputs: { animation: "animation", fieldId: "fieldId", isCloseWithOverlay: ["isCloseWithOverlay", "isCloseWithOverlay", nullableBooleanAttribute], isOpen: ["isOpen", "isOpen", nullableBooleanAttribute], isOverlay: ["isOverlay", "isOverlay", nullableBooleanAttribute], isPadding: ["isPadding", "isPadding", nullableBooleanAttribute], isPinned: ["isPinned", "isPinned", nullableBooleanAttribute], isPortal: ["isPortal", "isPortal", nullableBooleanAttribute], isPreventScroll: ["isPreventScroll", "isPreventScroll", nullableBooleanAttribute], label: "label", overlayOpacity: "overlayOpacity", position: "position", size: "size" }, outputs: { aegovDrawerOpen: "aegovDrawerOpen", aegovDrawerClose: "aegovDrawerClose", aegovDrawerBeforeClose: "aegovDrawerBeforeClose", aegovDrawerBackdropClick: "aegovDrawerBackdropClick", aegovDrawerEscapePress: "aegovDrawerEscapePress" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovDrawer = __decorate([
     ProxyCmp({
@@ -709,7 +1580,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['animation', 'fieldId', 'isCloseWithOverlay', 'isOpen', 'isOverlay', 'isPadding', 'isPinned', 'isPortal', 'isPreventScroll', 'label', 'overlayOpacity', 'position', 'size'],
+                    inputs: ['animation', 'fieldId', { name: 'isCloseWithOverlay', transform: nullableBooleanAttribute }, { name: 'isOpen', transform: nullableBooleanAttribute }, { name: 'isOverlay', transform: nullableBooleanAttribute }, { name: 'isPadding', transform: nullableBooleanAttribute }, { name: 'isPinned', transform: nullableBooleanAttribute }, { name: 'isPortal', transform: nullableBooleanAttribute }, { name: 'isPreventScroll', transform: nullableBooleanAttribute }, 'label', 'overlayOpacity', 'position', 'size'],
                     outputs: ['aegovDrawerOpen', 'aegovDrawerClose', 'aegovDrawerBeforeClose', 'aegovDrawerBackdropClick', 'aegovDrawerEscapePress'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovDrawerOpen: [{
@@ -726,6 +1597,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovDropdown = class AegovDropdown {
     z;
     el;
+    /**
+   * Unique ID for the dropdown menu element. Auto-generated if not provided.
+The trigger element receives a derived ID `${fieldId}-trigger` for ARIA linkage.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Trigger type for showing the dropdown @default 'click'
+   */
+    set trigger(_) { }
+    ;
+    /**
+   * Controls Tab key behaviour when the dropdown is open.
+
+- `'menu-button'` (default): Tab and Shift+Tab trap focus inside the open
+  menu, cycling through its items with wraparound — identical to
+  ArrowDown/ArrowUp. Use this for action menus, settings menus, and other
+  non-navigation dropdowns.
+
+- `'disclosure'`: Tab moves focus through the links inside the open menu,
+  then closes it when focus leaves the last item — follows the WAI-ARIA
+  Disclosure Navigation Hybrid pattern. Set automatically by
+  `aegov-navbar-item` when the dropdown is used as a nav sub-menu. @default 'menu-button'
+   */
+    set tabBehavior(_) { }
+    ;
+    /**
+   * Position of the dropdown relative to the trigger element @default 'bottom'
+   */
+    set position(_) { }
+    ;
+    /**
+   * Alignment of the dropdown @default 'start'
+   */
+    set align(_) { }
+    ;
+    /**
+   * Gap between dropdown and trigger element (in pixels) @default 8
+   */
+    set gap(_) { }
+    ;
+    /**
+   * Additional offset for dropdown positioning (in pixels) @default 0
+   */
+    set offset(_) { }
+    ;
+    /**
+   * Whether the dropdown is disabled @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Delay before showing dropdown (in milliseconds) @default 200
+   */
+    set delayStart(_) { }
+    ;
+    /**
+   * Delay before hiding dropdown (in milliseconds) @default 0
+   */
+    set delayEnd(_) { }
+    ;
     aegovDropdownOpen = new EventEmitter();
     aegovDropdownClose = new EventEmitter();
     constructor(c, r, z) {
@@ -734,7 +1666,7 @@ let AegovDropdown = class AegovDropdown {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovDropdown, isStandalone: true, selector: "aegov-dropdown", inputs: { align: "align", delayEnd: "delayEnd", delayStart: "delayStart", fieldId: "fieldId", gap: "gap", isDisabled: "isDisabled", offset: "offset", position: "position", tabBehavior: "tabBehavior", trigger: "trigger" }, outputs: { aegovDropdownOpen: "aegovDropdownOpen", aegovDropdownClose: "aegovDropdownClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovDropdown, isStandalone: true, selector: "aegov-dropdown", inputs: { align: "align", delayEnd: ["delayEnd", "delayEnd", nullableNumberAttribute], delayStart: ["delayStart", "delayStart", nullableNumberAttribute], fieldId: "fieldId", gap: ["gap", "gap", nullableNumberAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], offset: ["offset", "offset", nullableNumberAttribute], position: "position", tabBehavior: "tabBehavior", trigger: "trigger" }, outputs: { aegovDropdownOpen: "aegovDropdownOpen", aegovDropdownClose: "aegovDropdownClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovDropdown = __decorate([
     ProxyCmp({
@@ -750,7 +1682,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['align', 'delayEnd', 'delayStart', 'fieldId', 'gap', 'isDisabled', 'offset', 'position', 'tabBehavior', 'trigger'],
+                    inputs: ['align', { name: 'delayEnd', transform: nullableNumberAttribute }, { name: 'delayStart', transform: nullableNumberAttribute }, 'fieldId', { name: 'gap', transform: nullableNumberAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'offset', transform: nullableNumberAttribute }, 'position', 'tabBehavior', 'trigger'],
                     outputs: ['aegovDropdownOpen', 'aegovDropdownClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovDropdownOpen: [{
@@ -761,6 +1693,94 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovFileupload = class AegovFileupload {
     z;
     el;
+    /**
+   * Unique field ID. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Variant style: 'default' (styled input + button), 'button' (hidden input, label-as-button),
+or 'dropzone' (drag-and-drop area). @default 'default'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Component size. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Colour family. Drives idle ring/border, selected/checked fill, and value/accent text. Focus ring stays camel; error stays aered regardless.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Allow multiple file selection. @default false
+   */
+    set isMultiple(_) { }
+    ;
+    /**
+   * Accepted file types (e.g. ".pdf,.jpg,image/*").
+   */
+    set accept(_) { }
+    ;
+    /**
+   * Maximum file size in bytes.
+   */
+    set maxFileSize(_) { }
+    ;
+    /**
+   * Maximum number of files (multiple mode only). No limit by default.
+   */
+    set maxFiles(_) { }
+    ;
+    /**
+   * Disables the file upload. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Marks the field as required. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. See §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message. Use `error` slot for rich markup. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Form field name.
+   */
+    set name(_) { }
+    ;
+    /**
+   * Label text displayed above the control.
+   */
+    set label(_) { }
+    ;
+    /**
+   * Helper hint text displayed below the label. Renamed from `description` per §6.6
+(pre-production rename, no compat shim). Hidden when an error is shown.
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Custom helper text for allowed file types. Overrides auto-generated text from `accept`.
+Shown alongside the hint, distinct from validation error text.
+   */
+    set labelHelp(_) { }
+    ;
+    /**
+   * Custom text for the browse/trigger button.
+   */
+    set labelButton(_) { }
+    ;
     aegovFileuploadChange = new EventEmitter();
     aegovFileuploadRemove = new EventEmitter();
     aegovValidate = new EventEmitter();
@@ -770,7 +1790,7 @@ let AegovFileupload = class AegovFileupload {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovFileupload, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovFileupload, isStandalone: true, selector: "aegov-fileupload", inputs: { accept: "accept", appearance: "appearance", errorMessage: "errorMessage", fieldId: "fieldId", hint: "hint", isDisabled: "isDisabled", isInvalid: "isInvalid", isMultiple: "isMultiple", isRequired: "isRequired", label: "label", labelButton: "labelButton", labelHelp: "labelHelp", maxFileSize: "maxFileSize", maxFiles: "maxFiles", name: "name", size: "size", variant: "variant" }, outputs: { aegovFileuploadChange: "aegovFileuploadChange", aegovFileuploadRemove: "aegovFileuploadRemove", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovFileupload, isStandalone: true, selector: "aegov-fileupload", inputs: { accept: "accept", appearance: "appearance", errorMessage: "errorMessage", fieldId: "fieldId", hint: "hint", isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isMultiple: ["isMultiple", "isMultiple", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], label: "label", labelButton: "labelButton", labelHelp: "labelHelp", maxFileSize: ["maxFileSize", "maxFileSize", nullableNumberAttribute], maxFiles: ["maxFiles", "maxFiles", nullableNumberAttribute], name: "name", size: "size", variant: "variant" }, outputs: { aegovFileuploadChange: "aegovFileuploadChange", aegovFileuploadRemove: "aegovFileuploadRemove", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovFileupload = __decorate([
     ProxyCmp({
@@ -786,7 +1806,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['accept', 'appearance', 'errorMessage', 'fieldId', 'hint', 'isDisabled', 'isInvalid', 'isMultiple', 'isRequired', 'label', 'labelButton', 'labelHelp', 'maxFileSize', 'maxFiles', 'name', 'size', 'variant'],
+                    inputs: ['accept', 'appearance', 'errorMessage', 'fieldId', 'hint', { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isMultiple', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, 'label', 'labelButton', 'labelHelp', { name: 'maxFileSize', transform: nullableNumberAttribute }, { name: 'maxFiles', transform: nullableNumberAttribute }, 'name', 'size', 'variant'],
                     outputs: ['aegovFileuploadChange', 'aegovFileuploadRemove', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovFileuploadChange: [{
@@ -799,6 +1819,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovFooter = class AegovFooter {
     z;
     el;
+    /**
+   * Controls how footer link columns behave below the `sm` breakpoint (640px)
+— the point at which the reference footer block stops being collapsible
+altogether, well before the grid switches from 2 to 4 columns at `lg`.
+- "collapsible" (default): each column's content toggles below `sm`, always expanded at `sm+`.
+- "flat": columns are always expanded, at every breakpoint.
+Author each column as a plain title element + content — no extra markup needed for either value. @default 'collapsible'
+   */
+    set navVariant(_) { }
+    ;
+    /**
+   * Forwarded to the embedded `aegov-footer-highlights`.
+   */
+    set entityContactNumber(_) { }
+    ;
+    /**
+   * Forwarded to the embedded `aegov-footer-highlights`.
+   */
+    set entityContactNumberLabel(_) { }
+    ;
+    /**
+   * Forwarded to the embedded `aegov-footer-highlights`.
+   */
+    set entityEmail(_) { }
+    ;
+    /**
+   * Forwarded to the embedded `aegov-footer-highlights`.
+   */
+    set entityEmailLabel(_) { }
+    ;
+    /**
+   * Forwarded to the embedded `aegov-footer-highlights`.
+   */
+    set entityContactHref(_) { }
+    ;
+    /**
+   * Link to the entity's app on Apple's App Store. When set (alone or with
+`googlePlayHref`), a "Download our app" badge block renders in the
+`brand` column, below the slotted logo/description/social links.
+Entirely optional — nothing renders unless at least one of the two is
+provided.
+   */
+    set appStoreHref(_) { }
+    ;
+    /**
+   * Link to the entity's app on Google Play, shown alongside `appStoreHref`
+in the same "Download our app" block.
+   */
+    set googlePlayHref(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -826,6 +1896,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovFooterHighlights = class AegovFooterHighlights {
     z;
     el;
+    /**
+   * The entity's own contact number (e.g. "800 8877"), shown in the fixed
+"Contact us" card alongside the Tawasul 171/WhatsApp channels. Entirely
+optional and site-specific — nothing renders unless it's provided.
+   */
+    set entityContactNumber(_) { }
+    ;
+    /**
+   * Overrides the label shown before `entityContactNumber` (defaults to the
+bilingual "Toll free"/"الرقم المجاني" text used elsewhere in this block).
+   */
+    set entityContactNumberLabel(_) { }
+    ;
+    /**
+   * The entity's own contact email, shown below the contact number. Entirely
+optional — nothing renders unless it's provided.
+   */
+    set entityEmail(_) { }
+    ;
+    /**
+   * Overrides the label shown before `entityEmail` (defaults to the
+bilingual "Email"/"البريد الإلكتروني" text).
+   */
+    set entityEmailLabel(_) { }
+    ;
+    /**
+   * Target for the fixed "Contact us" link at the end of the card. The link
+text itself is fixed — only the destination is site-specific — so
+nothing renders unless this is provided.
+   */
+    set entityContactHref(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -853,13 +1955,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovFormField = class AegovFormField {
     z;
     el;
+    /**
+   * Unique ID for the form-field wrapper. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Wrapper-level invalid state. Cascades to the first form-control descendant if the
+child has not set its own value; setting it back to `false` clears what it
+cascaded. See validation-engine-addon.md §2.7. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Wrapper-level error message — cascaded to first form-control descendant unless it has its own; changing or clearing it updates the cascaded value. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Wrapper-level hint — cascaded to first form-control descendant unless it has its own; changing or clearing it updates the cascaded value. @default ''
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Colour family. Drives idle ring/border, selected/checked fill, and value/accent text. Cascades to first form-control descendant.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply.
+   */
+    set extraClass(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovFormField, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovFormField, isStandalone: true, selector: "aegov-form-field", inputs: { errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isInvalid: "isInvalid", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovFormField, isStandalone: true, selector: "aegov-form-field", inputs: { errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovFormField = __decorate([
     ProxyCmp({
@@ -874,12 +2008,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isInvalid', 'variant'],
+                    inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', { name: 'isInvalid', transform: nullableBooleanAttribute }, 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AegovHeader = class AegovHeader {
     z;
     el;
+    /**
+   * The variant of the header. Determines the layout and style.
+- "ministry": Header for ministry-level entities
+- "authority": Header for authority-level entities @default 'ministry'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * The name of the government entity. Required. Forwarded to the embedded aegov-header-banner.
+   */
+    set entityName(_) { }
+    ;
+    /**
+   * The domain/URL of the government entity. Required. Forwarded to the embedded aegov-header-banner.
+   */
+    set entityDomain(_) { }
+    ;
+    /**
+   * Forwarded to the embedded aegov-header-banner. The CSS selector or ID of the main content container to skip to (e.g. "#main-content"). When provided, the banner injects a "Skip to content" link at the top of the document body.
+   */
+    set skipContentContainer(_) { }
+    ;
+    /**
+   * Accessible name for the logo anchor. When provided, applied as aria-label on the <a> element.
+   */
+    set logoLabel(_) { }
+    ;
+    /**
+   * Accessible name for the menu toggle, and the accessible name of the drawer it opens. Defaults to "Menu" / "القائمة".
+   */
+    set labelMenu(_) { }
+    ;
+    /**
+   * Accessible name for the close button inside the menu drawer. Defaults to "Close menu" / "إغلاق القائمة".
+   */
+    set labelMenuClose(_) { }
+    ;
+    /**
+   * Breakpoint at which the `navigation` slot appears and the menu toggle
+disappears. Below it, navigation is hidden and the toggle opens the drawer.
+`"lg"` (1024px) by default; `"md"` is the narrowest allowed. @default 'lg'
+   */
+    set collapseAt(_) { }
+    ;
+    /**
+   * Panel width of the menu drawer. Below 640px all widths collapse to full width. @default 'base'
+   */
+    set drawerSize(_) { }
+    ;
+    /**
+   * Whether the main bar pins to the top of the viewport on scroll. The
+`aegov-header-banner` above it scrolls away; once it has, the bar gains a
+translucent blurred background and a shadow.
+
+Implemented by making the host itself sticky with a negative `top` equal to
+the banner's height — `position: sticky` on the bar alone cannot work,
+because a sticky element is confined to its parent's box and would unstick
+as soon as the header scrolled past. Like any sticky element, an ancestor
+with `overflow: hidden` / `auto` in the consumer's page breaks it. @default false
+   */
+    set isSticky(_) { }
+    ;
     aegovHeaderMenuOpen = new EventEmitter();
     aegovHeaderMenuClose = new EventEmitter();
     aegovHeaderStuck = new EventEmitter();
@@ -890,7 +2086,7 @@ let AegovHeader = class AegovHeader {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovHeader, isStandalone: true, selector: "aegov-header", inputs: { collapseAt: "collapseAt", drawerSize: "drawerSize", entityDomain: "entityDomain", entityName: "entityName", isSticky: "isSticky", labelMenu: "labelMenu", labelMenuClose: "labelMenuClose", logoLabel: "logoLabel", skipContentContainer: "skipContentContainer", variant: "variant" }, outputs: { aegovHeaderMenuOpen: "aegovHeaderMenuOpen", aegovHeaderMenuClose: "aegovHeaderMenuClose", aegovHeaderStuck: "aegovHeaderStuck", aegovHeaderUnstuck: "aegovHeaderUnstuck" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovHeader, isStandalone: true, selector: "aegov-header", inputs: { collapseAt: "collapseAt", drawerSize: "drawerSize", entityDomain: "entityDomain", entityName: "entityName", isSticky: ["isSticky", "isSticky", nullableBooleanAttribute], labelMenu: "labelMenu", labelMenuClose: "labelMenuClose", logoLabel: "logoLabel", skipContentContainer: "skipContentContainer", variant: "variant" }, outputs: { aegovHeaderMenuOpen: "aegovHeaderMenuOpen", aegovHeaderMenuClose: "aegovHeaderMenuClose", aegovHeaderStuck: "aegovHeaderStuck", aegovHeaderUnstuck: "aegovHeaderUnstuck" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovHeader = __decorate([
     ProxyCmp({
@@ -906,7 +2102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['collapseAt', 'drawerSize', 'entityDomain', 'entityName', 'isSticky', 'labelMenu', 'labelMenuClose', 'logoLabel', 'skipContentContainer', 'variant'],
+                    inputs: ['collapseAt', 'drawerSize', 'entityDomain', 'entityName', { name: 'isSticky', transform: nullableBooleanAttribute }, 'labelMenu', 'labelMenuClose', 'logoLabel', 'skipContentContainer', 'variant'],
                     outputs: ['aegovHeaderMenuOpen', 'aegovHeaderMenuClose', 'aegovHeaderStuck', 'aegovHeaderUnstuck'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovHeaderMenuOpen: [{
@@ -921,6 +2117,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovHeaderBanner = class AegovHeaderBanner {
     z;
     el;
+    /**
+   * The name of the government entity. Required.
+   */
+    set entityName(_) { }
+    ;
+    /**
+   * The domain/URL of the government entity. Required.
+   */
+    set entityDomain(_) { }
+    ;
+    /**
+   * The CSS selector or ID of the main content container to skip to (e.g. "#main-content"). When provided, renders a "Skip to content" link before the header for keyboard accessibility.
+   */
+    set skipContentContainer(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -948,6 +2159,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovInput = class AegovInput {
     z;
     el;
+    /**
+   * Unique ID for the native input element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The type of the input field. @default 'text'
+   */
+    set type(_) { }
+    ;
+    /**
+   * The size of the input field. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Colour family. Drives idle ring, value text, and accent hover. Focus ring stays camel; error stays aered regardless.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Whether the input is disabled. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Whether the input is readonly. @default false
+   */
+    set isReadonly(_) { }
+    ;
+    /**
+   * Placeholder text for the input.
+   */
+    set placeholder(_) { }
+    ;
+    /**
+   * The current value of the input. @default ''
+   */
+    set value(_) { }
+    ;
+    /**
+   * The name attribute for the input. Reflected so ElementInternals can read it for form submission.
+   */
+    set name(_) { }
+    ;
+    /**
+   * Whether the input is required. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Show a toggle button to reveal/hide password. Only applies when type="password". @default false
+   */
+    set isRevealable(_) { }
+    ;
+    /**
+   * Show a copy button to copy the input value to clipboard. Only applies when readonly. @default false
+   */
+    set isCopyable(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. Toggles `aria-invalid="true"` on the inner input
+and adds the `is-invalid` class on the host. See validation-engine-addon.md §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message rendered below the control when `isInvalid` is true.
+Auto-wires `aria-describedby` on the inner input. Use the `error` slot for
+richer markup. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Helper hint rendered below the control. Hidden when an error is shown so the
+two text regions don't compete for the user's attention. Use the `hint` slot
+for richer markup. @default ''
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply.
+
+This component renders in a real shadow root, which normally blocks the page's CSS
+from reaching inside it. Margin/padding utilities (e.g. `mt-4`, `md:px-6`) are copied
+in from the page's own stylesheets at runtime and work as expected; other utilities
+(colour, border, typography, etc.) still have no effect — see #35.
+   */
+    set extraClass(_) { }
+    ;
     aegovInputChange = new EventEmitter();
     aegovInputValue = new EventEmitter();
     aegovInputFocus = new EventEmitter();
@@ -959,7 +2260,7 @@ let AegovInput = class AegovInput {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovInput, isStandalone: true, selector: "aegov-input", inputs: { errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isCopyable: "isCopyable", isDisabled: "isDisabled", isInvalid: "isInvalid", isReadonly: "isReadonly", isRequired: "isRequired", isRevealable: "isRevealable", name: "name", placeholder: "placeholder", size: "size", type: "type", value: "value", variant: "variant" }, outputs: { aegovInputChange: "aegovInputChange", aegovInputValue: "aegovInputValue", aegovInputFocus: "aegovInputFocus", aegovInputBlur: "aegovInputBlur", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovInput, isStandalone: true, selector: "aegov-input", inputs: { errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isCopyable: ["isCopyable", "isCopyable", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isReadonly: ["isReadonly", "isReadonly", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], isRevealable: ["isRevealable", "isRevealable", nullableBooleanAttribute], name: "name", placeholder: "placeholder", size: "size", type: "type", value: "value", variant: "variant" }, outputs: { aegovInputChange: "aegovInputChange", aegovInputValue: "aegovInputValue", aegovInputFocus: "aegovInputFocus", aegovInputBlur: "aegovInputBlur", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovInput = __decorate([
     ProxyCmp({
@@ -975,7 +2276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isCopyable', 'isDisabled', 'isInvalid', 'isReadonly', 'isRequired', 'isRevealable', 'name', 'placeholder', 'size', 'type', 'value', 'variant'],
+                    inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', { name: 'isCopyable', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isReadonly', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, { name: 'isRevealable', transform: nullableBooleanAttribute }, 'name', 'placeholder', 'size', 'type', 'value', 'variant'],
                     outputs: ['aegovInputChange', 'aegovInputValue', 'aegovInputFocus', 'aegovInputBlur', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovInputChange: [{
@@ -992,6 +2293,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovInputGroup = class AegovInputGroup {
     z;
     el;
+    /**
+   * The size of the input group. Propagated to child aegov-input and aegov-button. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Text to display as a prefix addon before the input.
+   */
+    set addonPrefix(_) { }
+    ;
+    /**
+   * Text to display as a suffix addon after the input.
+   */
+    set addonSuffix(_) { }
+    ;
+    /**
+   * Accessible label for the group. Sets `aria-label` on the group wrapper.
+Use this to describe the purpose of a combined phone/URL/similar input group.
+   */
+    set groupLabel(_) { }
+    ;
+    /**
+   * Colour family. Drives idle ring/border, selected/checked fill, and value/accent text. Focus ring stays camel; error stays aered regardless.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply.
+   */
+    set extraClass(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -1019,6 +2351,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovLabel = class AegovLabel {
     z;
     el;
+    /**
+   * Unique ID for the label element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The ID of the form element this label is for. Automatically set by parent aegov-form-field.
+   */
+    set htmlFor(_) { }
+    ;
+    /**
+   * Colour family. Drives idle ring/border, selected/checked fill, and value/accent text. Focus ring stays camel; error stays aered regardless.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply.
+   */
+    set extraClass(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -1046,6 +2398,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovLink = class AegovLink {
     z;
     el;
+    /**
+   * Unique ID for the inner anchor element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The URL that the link points to. @required undefined
+   */
+    set href(_) { }
+    ;
+    /**
+   * Target attribute for the link (_blank, _self, _parent, _top).
+   */
+    set target(_) { }
+    ;
+    /**
+   * Rel attribute for the link (e.g., "noopener noreferrer" for external links).
+   */
+    set rel(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply to the link.
+   */
+    set extraClass(_) { }
+    ;
+    /**
+   * Button-style color variant. Setting this opts into button styling.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Button-style appearance. Setting this opts into button styling.
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Button-style size (xs/sm/base/lg/xl, optionally responsive).
+   */
+    set size(_) { }
+    ;
+    /**
+   * Render as icon-only (square). Requires a button-style appearance. @default false
+   */
+    set isIcon(_) { }
+    ;
+    /**
+   * Stretch to fill container width. @default false
+   */
+    set isFull(_) { }
+    ;
+    /**
+   * Bold text. @default true
+   */
+    set isBold(_) { }
+    ;
+    /**
+   * Disable navigation and apply disabled styling. Adds `aria-disabled="true"`,
+removes the link from tab order, and prevents default click navigation.
+Native `<a>` does not support `disabled`; this is a polyfill. @default false
+   */
+    set isDisabled(_) { }
+    ;
     aegovLinkClick = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -1053,7 +2467,7 @@ let AegovLink = class AegovLink {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovLink, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovLink, isStandalone: true, selector: "aegov-link", inputs: { appearance: "appearance", extraClass: "extraClass", fieldId: "fieldId", href: "href", isBold: "isBold", isDisabled: "isDisabled", isFull: "isFull", isIcon: "isIcon", rel: "rel", size: "size", target: "target", variant: "variant" }, outputs: { aegovLinkClick: "aegovLinkClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovLink, isStandalone: true, selector: "aegov-link", inputs: { appearance: "appearance", extraClass: "extraClass", fieldId: "fieldId", href: "href", isBold: ["isBold", "isBold", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isFull: ["isFull", "isFull", nullableBooleanAttribute], isIcon: ["isIcon", "isIcon", nullableBooleanAttribute], rel: "rel", size: "size", target: "target", variant: "variant" }, outputs: { aegovLinkClick: "aegovLinkClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovLink = __decorate([
     ProxyCmp({
@@ -1068,7 +2482,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'extraClass', 'fieldId', { name: 'href', required: true }, 'isBold', 'isDisabled', 'isFull', 'isIcon', 'rel', 'size', 'target', 'variant'],
+                    inputs: ['appearance', 'extraClass', 'fieldId', { name: 'href', required: true }, { name: 'isBold', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isFull', transform: nullableBooleanAttribute }, { name: 'isIcon', transform: nullableBooleanAttribute }, 'rel', 'size', 'target', 'variant'],
                     outputs: ['aegovLinkClick'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovLinkClick: [{
@@ -1077,6 +2491,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovModal = class AegovModal {
     z;
     el;
+    /**
+   * Unique ID for the modal dialog element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Whether the modal is currently open/visible @default false
+   */
+    set isOpen(_) { }
+    ;
+    /**
+   * Whether clicking the overlay closes the modal @default true
+   */
+    set isCloseWithOverlay(_) { }
+    ;
+    /**
+   * Whether to prevent body scroll when modal is open @default true
+   */
+    set isPreventScroll(_) { }
+    ;
+    /**
+   * Overlay opacity level @default 'base'
+   */
+    set overlayOpacity(_) { }
+    ;
+    /**
+   * Position of the modal on screen @default 'center'
+   */
+    set position(_) { }
+    ;
+    /**
+   * Size: 'sm' (compact padding/radius), 'base' (default), 'lg' (generous padding/radius), or 'xl' (extra-wide). Mirrors aegov-card sizing tokens. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Whether to apply inner content padding. On by default; scales with size. @default true
+   */
+    set isPadding(_) { }
+    ;
+    /**
+   * Accessible label for the dialog. Passed as `aria-label` on the dialog element.
+Required for screen readers unless you pass `aria-labelledby` pointing to a
+heading rendered inside the modal's slot.
+   */
+    set label(_) { }
+    ;
     aegovModalOpen = new EventEmitter();
     aegovModalClose = new EventEmitter();
     aegovModalBeforeClose = new EventEmitter();
@@ -1088,7 +2549,7 @@ let AegovModal = class AegovModal {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovModal, isStandalone: true, selector: "aegov-modal", inputs: { fieldId: "fieldId", isCloseWithOverlay: "isCloseWithOverlay", isOpen: "isOpen", isPadding: "isPadding", isPreventScroll: "isPreventScroll", label: "label", overlayOpacity: "overlayOpacity", position: "position", size: "size" }, outputs: { aegovModalOpen: "aegovModalOpen", aegovModalClose: "aegovModalClose", aegovModalBeforeClose: "aegovModalBeforeClose", aegovModalBackdropClick: "aegovModalBackdropClick", aegovModalEscapePress: "aegovModalEscapePress" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovModal, isStandalone: true, selector: "aegov-modal", inputs: { fieldId: "fieldId", isCloseWithOverlay: ["isCloseWithOverlay", "isCloseWithOverlay", nullableBooleanAttribute], isOpen: ["isOpen", "isOpen", nullableBooleanAttribute], isPadding: ["isPadding", "isPadding", nullableBooleanAttribute], isPreventScroll: ["isPreventScroll", "isPreventScroll", nullableBooleanAttribute], label: "label", overlayOpacity: "overlayOpacity", position: "position", size: "size" }, outputs: { aegovModalOpen: "aegovModalOpen", aegovModalClose: "aegovModalClose", aegovModalBeforeClose: "aegovModalBeforeClose", aegovModalBackdropClick: "aegovModalBackdropClick", aegovModalEscapePress: "aegovModalEscapePress" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovModal = __decorate([
     ProxyCmp({
@@ -1104,7 +2565,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['fieldId', 'isCloseWithOverlay', 'isOpen', 'isPadding', 'isPreventScroll', 'label', 'overlayOpacity', 'position', 'size'],
+                    inputs: ['fieldId', { name: 'isCloseWithOverlay', transform: nullableBooleanAttribute }, { name: 'isOpen', transform: nullableBooleanAttribute }, { name: 'isPadding', transform: nullableBooleanAttribute }, { name: 'isPreventScroll', transform: nullableBooleanAttribute }, 'label', 'overlayOpacity', 'position', 'size'],
                     outputs: ['aegovModalOpen', 'aegovModalClose', 'aegovModalBeforeClose', 'aegovModalBackdropClick', 'aegovModalEscapePress'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovModalOpen: [{
@@ -1121,6 +2582,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovNavbar = class AegovNavbar {
     z;
     el;
+    /**
+   * Size of the navbar items. Accepts a Tailwind-style responsive string,
+e.g. `"sm md:base lg:lg"`, resolved against the active viewport width.
+The resolved token cascades to all aegov-navbar-item children. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Tailwind gap utility class applied between items, e.g. "gap-4", "gap-6", "gap-10". @default 'gap-3'
+   */
+    set gap(_) { }
+    ;
+    /**
+   * Accessible label for the navigation landmark. Defaults to "Main navigation" (LTR) or "التنقل الرئيسي" (RTL). @default ''
+   */
+    set labelNav(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -1148,13 +2626,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovNavbarItem = class AegovNavbarItem {
     z;
     el;
+    /**
+   * URL the item links to. If unset, item renders as a non-link span.
+   */
+    set href(_) { }
+    ;
+    /**
+   * Anchor target attribute.
+   */
+    set target(_) { }
+    ;
+    /**
+   * Anchor rel attribute.
+   */
+    set rel(_) { }
+    ;
+    /**
+   * Mark this item as the current page. Sets `aria-current="page"`. @default false
+   */
+    set isActive(_) { }
+    ;
+    /**
+   * Visually disabled, not clickable, removed from arrow-key cycle. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Size token. Accepts a Tailwind-style responsive string (e.g.
+`"sm md:base lg:lg"`). Parent aegov-navbar sets this to its resolved
+value; standalone use also supports breakpoint syntax. @default 'base'
+   */
+    set size(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovNavbarItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovNavbarItem, isStandalone: true, selector: "aegov-navbar-item", inputs: { href: "href", isActive: "isActive", isDisabled: "isDisabled", rel: "rel", size: "size", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovNavbarItem, isStandalone: true, selector: "aegov-navbar-item", inputs: { href: "href", isActive: ["isActive", "isActive", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], rel: "rel", size: "size", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovNavbarItem = __decorate([
     ProxyCmp({
@@ -1169,19 +2679,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['href', 'isActive', 'isDisabled', 'rel', 'size', 'target'],
+                    inputs: ['href', { name: 'isActive', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, 'rel', 'size', 'target'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AegovNavblock = class AegovNavblock {
     z;
     el;
+    /**
+   * Unique ID for the block wrapper. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Block title text shown above items. The `title` slot overrides this.
+   */
+    set blockTitle(_) { }
+    ;
+    /**
+   * Accessible label for the navigation landmark. Defaults to "Sidebar navigation" (LTR) or "التنقل في الشريط الجانبي" (RTL). @default ''
+   */
+    set labelNav(_) { }
+    ;
+    /**
+   * Allow multiple items to be open at the same level simultaneously. @default false
+   */
+    set isMultiple(_) { }
+    ;
+    /**
+   * Expand/collapse icon style for items. @default 'chevron'
+   */
+    set icon(_) { }
+    ;
+    /**
+   * Size token. Accepts a Tailwind-style responsive string (e.g.
+`"sm md:base lg:lg"`). Resolves at runtime and cascades to all items. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Wrap the block in a bordered container with padding. @default false
+   */
+    set isBordered(_) { }
+    ;
+    /**
+   * Visual variant. `collapsible` (default) shows nested items in an
+animated accordion; `flat` renders all items at the same indentation
+level with group headers styled bold. @default 'collapsible'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * When `true` and `variant="flat"`, the active item shows a coloured
+inline-start border as an active indicator (matches the Flux sidebar style). @default false
+   */
+    set activeBorder(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovNavblock, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovNavblock, isStandalone: true, selector: "aegov-navblock", inputs: { activeBorder: "activeBorder", blockTitle: "blockTitle", fieldId: "fieldId", icon: "icon", isBordered: "isBordered", isMultiple: "isMultiple", labelNav: "labelNav", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovNavblock, isStandalone: true, selector: "aegov-navblock", inputs: { activeBorder: ["activeBorder", "activeBorder", nullableBooleanAttribute], blockTitle: "blockTitle", fieldId: "fieldId", icon: "icon", isBordered: ["isBordered", "isBordered", nullableBooleanAttribute], isMultiple: ["isMultiple", "isMultiple", nullableBooleanAttribute], labelNav: "labelNav", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovNavblock = __decorate([
     ProxyCmp({
@@ -1196,12 +2755,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeBorder', 'blockTitle', 'fieldId', 'icon', 'isBordered', 'isMultiple', 'labelNav', 'size', 'variant'],
+                    inputs: [{ name: 'activeBorder', transform: nullableBooleanAttribute }, 'blockTitle', 'fieldId', 'icon', { name: 'isBordered', transform: nullableBooleanAttribute }, { name: 'isMultiple', transform: nullableBooleanAttribute }, 'labelNav', 'size', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AegovNavblockItem = class AegovNavblockItem {
     z;
     el;
+    /**
+   * Destination URL. If set and the item has no sub-items, renders an `<a>`.
+   */
+    set href(_) { }
+    ;
+    /**
+   * Anchor target.
+   */
+    set target(_) { }
+    ;
+    /**
+   * Anchor rel.
+   */
+    set rel(_) { }
+    ;
+    /**
+   * Mark as the current page. Sets `aria-current="page"` on the link. @default false
+   */
+    set isActive(_) { }
+    ;
+    /**
+   * Visually disabled, not focusable, click no-op. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Whether the sub-region is open. Set by parent navblock or parent
+navblock-item; mutable so the row can self-toggle. @default false
+   */
+    set isOpen(_) { }
+    ;
     aegovNavblockItemToggle = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -1209,7 +2799,7 @@ let AegovNavblockItem = class AegovNavblockItem {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovNavblockItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovNavblockItem, isStandalone: true, selector: "aegov-navblock-item", inputs: { href: "href", isActive: "isActive", isDisabled: "isDisabled", isOpen: "isOpen", rel: "rel", target: "target" }, outputs: { aegovNavblockItemToggle: "aegovNavblockItemToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovNavblockItem, isStandalone: true, selector: "aegov-navblock-item", inputs: { href: "href", isActive: ["isActive", "isActive", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isOpen: ["isOpen", "isOpen", nullableBooleanAttribute], rel: "rel", target: "target" }, outputs: { aegovNavblockItemToggle: "aegovNavblockItemToggle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovNavblockItem = __decorate([
     ProxyCmp({
@@ -1224,7 +2814,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['href', 'isActive', 'isDisabled', 'isOpen', 'rel', 'target'],
+                    inputs: ['href', { name: 'isActive', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isOpen', transform: nullableBooleanAttribute }, 'rel', 'target'],
                     outputs: ['aegovNavblockItemToggle'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovNavblockItemToggle: [{
@@ -1233,6 +2823,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovOtp = class AegovOtp {
     z;
     el;
+    /**
+   * Unique ID for the first input cell. Auto-generated if not provided. Used by aegov-label for linking.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Visual appearance. "continuous" = single bordered box with dividers between cells.
+"individual" = separate bordered boxes per digit. @default 'continuous'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Number of input cells (digits/characters expected). @default 5
+   */
+    set length(_) { }
+    ;
+    /**
+   * Size of the input cells. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Colour family. Drives idle ring/border, selected/checked fill, and value/accent text. Focus ring stays camel; error stays aered regardless.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Allow letters and numbers when true. Numbers only when false. @default false
+   */
+    set isAlphanumeric(_) { }
+    ;
+    /**
+   * Regex pattern string for validation. Checked when all cells are filled.
+   */
+    set pattern(_) { }
+    ;
+    /**
+   * Disables all input cells. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Marks the field as required for form submission. Used by FormAssociated for `valueMissing`. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Form field name for FormAssociated submission.
+   */
+    set name(_) { }
+    ;
+    /**
+   * Current OTP value. Can be set externally to pre-fill cells. @default ''
+   */
+    set value(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. See §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message. Use `error` slot for rich markup. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Helper hint shown below the control. Hidden when an error is shown. @default ''
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Additional CSS classes.
+
+This component renders in a real shadow root, which normally blocks the page's CSS
+from reaching inside it. Margin/padding utilities (e.g. `mt-4`, `md:px-6`) are copied
+in from the page's own stylesheets at runtime and work as expected; other utilities
+(colour, border, typography, etc.) still have no effect — see #35.
+   */
+    set extraClass(_) { }
+    ;
     aegovOtpChange = new EventEmitter();
     aegovOtpComplete = new EventEmitter();
     aegovValidate = new EventEmitter();
@@ -1242,7 +2913,7 @@ let AegovOtp = class AegovOtp {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovOtp, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovOtp, isStandalone: true, selector: "aegov-otp", inputs: { appearance: "appearance", errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isAlphanumeric: "isAlphanumeric", isDisabled: "isDisabled", isInvalid: "isInvalid", isRequired: "isRequired", length: "length", name: "name", pattern: "pattern", size: "size", value: "value", variant: "variant" }, outputs: { aegovOtpChange: "aegovOtpChange", aegovOtpComplete: "aegovOtpComplete", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovOtp, isStandalone: true, selector: "aegov-otp", inputs: { appearance: "appearance", errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isAlphanumeric: ["isAlphanumeric", "isAlphanumeric", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], length: ["length", "length", nullableNumberAttribute], name: "name", pattern: "pattern", size: "size", value: "value", variant: "variant" }, outputs: { aegovOtpChange: "aegovOtpChange", aegovOtpComplete: "aegovOtpComplete", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovOtp = __decorate([
     ProxyCmp({
@@ -1258,7 +2929,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isAlphanumeric', 'isDisabled', 'isInvalid', 'isRequired', 'length', 'name', 'pattern', 'size', 'value', 'variant'],
+                    inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', { name: 'isAlphanumeric', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, { name: 'length', transform: nullableNumberAttribute }, 'name', 'pattern', 'size', 'value', 'variant'],
                     outputs: ['aegovOtpChange', 'aegovOtpComplete', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovOtpChange: [{
@@ -1271,6 +2942,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovPagination = class AegovPagination {
     z;
     el;
+    /**
+   * Unique ID for the pagination nav element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Total number of pages. @default 1
+   */
+    set pages(_) { }
+    ;
+    /**
+   * Currently active page (1-indexed).
+This is a controlled prop — you must update it on every aegovPaginationPageChange event. @default 1
+   */
+    set pageCurrent(_) { }
+    ;
+    /**
+   * Show First and Last navigation buttons alongside Previous and Next. @default false
+   */
+    set isEnabledFirstLast(_) { }
+    ;
+    /**
+   * Number of sibling pages shown on each side of the current page. @default 1
+   */
+    set countSibling(_) { }
+    ;
+    /**
+   * Number of pages always visible at each boundary (start and end of the list). @default 1
+   */
+    set countBoundary(_) { }
+    ;
+    /**
+   * Display variant.
+- 'default': shows page numbers, ellipsis, and prev/next buttons.
+- 'compact': shows only prev/next buttons (and first/last when isEnabledFirstLast is true). @default 'default'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Size variant of the pagination. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Disables all pagination interaction. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Label for the Previous page button. Empty defaults to localized text via isRtl. @default ''
+   */
+    set labelPrev(_) { }
+    ;
+    /**
+   * Label for the Next page button. Empty defaults to localized text via isRtl. @default ''
+   */
+    set labelNext(_) { }
+    ;
+    /**
+   * Label for the First page button (only shown when isEnabledFirstLast is true). Empty defaults to localized text via isRtl. @default ''
+   */
+    set labelFirst(_) { }
+    ;
+    /**
+   * Label for the Last page button (only shown when isEnabledFirstLast is true). Empty defaults to localized text via isRtl. @default ''
+   */
+    set labelLast(_) { }
+    ;
     aegovPaginationPageChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -1278,7 +3017,7 @@ let AegovPagination = class AegovPagination {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovPagination, isStandalone: true, selector: "aegov-pagination", inputs: { countBoundary: "countBoundary", countSibling: "countSibling", fieldId: "fieldId", isDisabled: "isDisabled", isEnabledFirstLast: "isEnabledFirstLast", labelFirst: "labelFirst", labelLast: "labelLast", labelNext: "labelNext", labelPrev: "labelPrev", pageCurrent: "pageCurrent", pages: "pages", size: "size", variant: "variant" }, outputs: { aegovPaginationPageChange: "aegovPaginationPageChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovPagination, isStandalone: true, selector: "aegov-pagination", inputs: { countBoundary: ["countBoundary", "countBoundary", nullableNumberAttribute], countSibling: ["countSibling", "countSibling", nullableNumberAttribute], fieldId: "fieldId", isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isEnabledFirstLast: ["isEnabledFirstLast", "isEnabledFirstLast", nullableBooleanAttribute], labelFirst: "labelFirst", labelLast: "labelLast", labelNext: "labelNext", labelPrev: "labelPrev", pageCurrent: ["pageCurrent", "pageCurrent", nullableNumberAttribute], pages: ["pages", "pages", nullableNumberAttribute], size: "size", variant: "variant" }, outputs: { aegovPaginationPageChange: "aegovPaginationPageChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovPagination = __decorate([
     ProxyCmp({
@@ -1293,7 +3032,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['countBoundary', 'countSibling', 'fieldId', 'isDisabled', 'isEnabledFirstLast', 'labelFirst', 'labelLast', 'labelNext', 'labelPrev', 'pageCurrent', 'pages', 'size', 'variant'],
+                    inputs: [{ name: 'countBoundary', transform: nullableNumberAttribute }, { name: 'countSibling', transform: nullableNumberAttribute }, 'fieldId', { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isEnabledFirstLast', transform: nullableBooleanAttribute }, 'labelFirst', 'labelLast', 'labelNext', 'labelPrev', { name: 'pageCurrent', transform: nullableNumberAttribute }, { name: 'pages', transform: nullableNumberAttribute }, 'size', 'variant'],
                     outputs: ['aegovPaginationPageChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovPaginationPageChange: [{
@@ -1302,6 +3041,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovPopover = class AegovPopover {
     z;
     el;
+    /**
+   * Unique ID for the popover element. Auto-generated if not provided.
+The trigger element receives a derived ID `${fieldId}-trigger` for ARIA linkage.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Trigger type for showing the popover @default 'click'
+   */
+    set trigger(_) { }
+    ;
+    /**
+   * Position of the popover relative to the trigger element @default 'bottom'
+   */
+    set position(_) { }
+    ;
+    /**
+   * Alignment of the popover @default 'center'
+   */
+    set align(_) { }
+    ;
+    /**
+   * Gap between popover and trigger element (in pixels) @default 10
+   */
+    set gap(_) { }
+    ;
+    /**
+   * Additional offset for popover positioning (in pixels) @default 0
+   */
+    set offset(_) { }
+    ;
+    /**
+   * Whether the popover is disabled @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Delay before showing popover on hover (in milliseconds) @default 200
+   */
+    set delayStart(_) { }
+    ;
+    /**
+   * Delay before hiding popover on hover (in milliseconds) @default 0
+   */
+    set delayEnd(_) { }
+    ;
     aegovPopoverOpen = new EventEmitter();
     aegovPopoverClose = new EventEmitter();
     constructor(c, r, z) {
@@ -1310,7 +3095,7 @@ let AegovPopover = class AegovPopover {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovPopover, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovPopover, isStandalone: true, selector: "aegov-popover", inputs: { align: "align", delayEnd: "delayEnd", delayStart: "delayStart", fieldId: "fieldId", gap: "gap", isDisabled: "isDisabled", offset: "offset", position: "position", trigger: "trigger" }, outputs: { aegovPopoverOpen: "aegovPopoverOpen", aegovPopoverClose: "aegovPopoverClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovPopover, isStandalone: true, selector: "aegov-popover", inputs: { align: "align", delayEnd: ["delayEnd", "delayEnd", nullableNumberAttribute], delayStart: ["delayStart", "delayStart", nullableNumberAttribute], fieldId: "fieldId", gap: ["gap", "gap", nullableNumberAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], offset: ["offset", "offset", nullableNumberAttribute], position: "position", trigger: "trigger" }, outputs: { aegovPopoverOpen: "aegovPopoverOpen", aegovPopoverClose: "aegovPopoverClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovPopover = __decorate([
     ProxyCmp({
@@ -1326,7 +3111,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['align', 'delayEnd', 'delayStart', 'fieldId', 'gap', 'isDisabled', 'offset', 'position', 'trigger'],
+                    inputs: ['align', { name: 'delayEnd', transform: nullableNumberAttribute }, { name: 'delayStart', transform: nullableNumberAttribute }, 'fieldId', { name: 'gap', transform: nullableNumberAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'offset', transform: nullableNumberAttribute }, 'position', 'trigger'],
                     outputs: ['aegovPopoverOpen', 'aegovPopoverClose'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovPopoverOpen: [{
@@ -1337,13 +3122,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovProgress = class AegovProgress {
     z;
     el;
+    /**
+   * Unique ID for the native progress element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Current value. When not set, shows indeterminate state.
+   */
+    set value(_) { }
+    ;
+    /**
+   * Maximum value. @default 100
+   */
+    set max(_) { }
+    ;
+    /**
+   * Height using Tailwind spacing scale (1, 1.5, 2, 2.5, 3, 3.5, 4, etc.).
+Each unit = 0.25rem. Default "2" = h-2 = 0.5rem (8px). @default '2'
+   */
+    set height(_) { }
+    ;
+    /**
+   * Counter placement. Hidden when not set.
+   */
+    set counter(_) { }
+    ;
+    /**
+   * Suffix appended directly to the counter value. No automatic spacing. @default ''
+   */
+    set counterSuffix(_) { }
+    ;
+    /**
+   * Accessible label applied as aria-label on the native progress element. Provide this or a visible <label for="fieldId"> for screen reader support.
+   */
+    set label(_) { }
+    ;
+    /**
+   * Description text displayed below the progress bar.
+   */
+    set description(_) { }
+    ;
+    /**
+   * Additional CSS classes.
+   */
+    set extraClass(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovProgress, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovProgress, isStandalone: true, selector: "aegov-progress", inputs: { counter: "counter", counterSuffix: "counterSuffix", description: "description", extraClass: "extraClass", fieldId: "fieldId", height: "height", label: "label", max: "max", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovProgress, isStandalone: true, selector: "aegov-progress", inputs: { counter: "counter", counterSuffix: "counterSuffix", description: "description", extraClass: "extraClass", fieldId: "fieldId", height: "height", label: "label", max: ["max", "max", nullableNumberAttribute], value: ["value", "value", nullableNumberAttribute] }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovProgress = __decorate([
     ProxyCmp({
@@ -1358,12 +3189,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['counter', 'counterSuffix', 'description', 'extraClass', 'fieldId', 'height', 'label', 'max', 'value'],
+                    inputs: ['counter', 'counterSuffix', 'description', 'extraClass', 'fieldId', 'height', 'label', { name: 'max', transform: nullableNumberAttribute }, { name: 'value', transform: nullableNumberAttribute }],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AegovRadio = class AegovRadio {
     z;
     el;
+    /**
+   * Unique ID for the native radio element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The name attribute for the radio. Reflected so ElementInternals reads it for form submission, and so radio-group can propagate it via JS property assignment.
+   */
+    set name(_) { }
+    ;
+    /**
+   * The value attribute for the radio.
+   */
+    set value(_) { }
+    ;
+    /**
+   * Whether the radio is checked. @default false
+   */
+    set isChecked(_) { }
+    ;
+    /**
+   * The size of the radio. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Colour family. Drives rest border, checked bg/border. Focus ring stays camel; error stays aered.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Visual appearance set by a parent aegov-radio-group. Not meant to be set directly. @default 'default'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Whether the radio is disabled. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Whether the radio is required. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Label text for the radio. When provided, generates an associated <label> element.
+   */
+    set label(_) { }
+    ;
+    /**
+   * Helper hint text displayed below the label. Renamed from `description` per §6.6.
+Hidden when an error is shown.
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. See §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message. Use `error` slot for rich markup. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply.
+
+This component renders in a real shadow root, which normally blocks the page's CSS
+from reaching inside it. Margin/padding utilities (e.g. `mt-4`, `md:px-6`) are copied
+in from the page's own stylesheets at runtime and work as expected; other utilities
+(colour, border, typography, etc.) still have no effect — see #35.
+   */
+    set extraClass(_) { }
+    ;
     aegovRadioChange = new EventEmitter();
     aegovValidate = new EventEmitter();
     constructor(c, r, z) {
@@ -1372,7 +3279,7 @@ let AegovRadio = class AegovRadio {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovRadio, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovRadio, isStandalone: true, selector: "aegov-radio", inputs: { appearance: "appearance", errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isChecked: "isChecked", isDisabled: "isDisabled", isInvalid: "isInvalid", isRequired: "isRequired", label: "label", name: "name", size: "size", value: "value", variant: "variant" }, outputs: { aegovRadioChange: "aegovRadioChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovRadio, isStandalone: true, selector: "aegov-radio", inputs: { appearance: "appearance", errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isChecked: ["isChecked", "isChecked", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], label: "label", name: "name", size: "size", value: "value", variant: "variant" }, outputs: { aegovRadioChange: "aegovRadioChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovRadio = __decorate([
     ProxyCmp({
@@ -1388,7 +3295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isChecked', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
+                    inputs: ['appearance', 'errorMessage', 'extraClass', 'fieldId', 'hint', { name: 'isChecked', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, 'label', 'name', 'size', 'value', 'variant'],
                     outputs: ['aegovRadioChange', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovRadioChange: [{
@@ -1399,6 +3306,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovRadioGroup = class AegovRadioGroup {
     z;
     el;
+    /**
+   * Visual appearance for the group layout. @default 'default'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Stack direction for radio items. @default 'vertical'
+   */
+    set orientation(_) { }
+    ;
+    /**
+   * Optional label rendered as a <legend> for accessibility.
+   */
+    set label(_) { }
+    ;
+    /**
+   * Size of all radios in the group. Propagated to children. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Colour family. Cascades to child radios (only if child has no own variant). Focus ring stays camel; error stays aered regardless.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * The name shared by all radios in the group. Ensures native single-select behavior.
+   */
+    set name(_) { }
+    ;
+    /**
+   * Disables all radios within the group via native fieldset disabled. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Group is required — at least one radio must be selected. Aggregate-level only. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. See §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Helper hint shown below the legend when not invalid. @default ''
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply.
+
+This component renders in a real shadow root, which normally blocks the page's CSS
+from reaching inside it. Margin/padding utilities (e.g. `mt-4`, `md:px-6`) are copied
+in from the page's own stylesheets at runtime and work as expected; other utilities
+(colour, border, typography, etc.) still have no effect — see #35.
+   */
+    set extraClass(_) { }
+    ;
     aegovRadioGroupChange = new EventEmitter();
     aegovValidate = new EventEmitter();
     constructor(c, r, z) {
@@ -1407,7 +3379,7 @@ let AegovRadioGroup = class AegovRadioGroup {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovRadioGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovRadioGroup, isStandalone: true, selector: "aegov-radio-group", inputs: { appearance: "appearance", errorMessage: "errorMessage", extraClass: "extraClass", hint: "hint", isDisabled: "isDisabled", isInvalid: "isInvalid", isRequired: "isRequired", label: "label", name: "name", orientation: "orientation", size: "size", variant: "variant" }, outputs: { aegovRadioGroupChange: "aegovRadioGroupChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovRadioGroup, isStandalone: true, selector: "aegov-radio-group", inputs: { appearance: "appearance", errorMessage: "errorMessage", extraClass: "extraClass", hint: "hint", isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], label: "label", name: "name", orientation: "orientation", size: "size", variant: "variant" }, outputs: { aegovRadioGroupChange: "aegovRadioGroupChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovRadioGroup = __decorate([
     ProxyCmp({
@@ -1423,7 +3395,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'errorMessage', 'extraClass', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', { name: 'name', required: true }, 'orientation', 'size', 'variant'],
+                    inputs: ['appearance', 'errorMessage', 'extraClass', 'hint', { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, 'label', { name: 'name', required: true }, 'orientation', 'size', 'variant'],
                     outputs: ['aegovRadioGroupChange', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovRadioGroupChange: [{
@@ -1434,6 +3406,113 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovRange = class AegovRange {
     z;
     el;
+    /**
+   * Unique ID for the native range input element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The name attribute for the range. Reflected so ElementInternals reads it for form submission.
+   */
+    set name(_) { }
+    ;
+    /**
+   * Current value (single mode). Sanitized like a native `<input type="range">`:
+clamped to `min`/`max` and rounded to the nearest `step`, on load and
+whenever it, `min`, `max` or `step` changes. @default 50
+   */
+    set value(_) { }
+    ;
+    /**
+   * Low thumb value (range mode). Sanitized like `value`. @default 25
+   */
+    set valueLow(_) { }
+    ;
+    /**
+   * High thumb value (range mode). Sanitized like `value`. @default 75
+   */
+    set valueHigh(_) { }
+    ;
+    /**
+   * Minimum value. @default 0
+   */
+    set min(_) { }
+    ;
+    /**
+   * Maximum value. @default 100
+   */
+    set max(_) { }
+    ;
+    /**
+   * Step increment. @default 1
+   */
+    set step(_) { }
+    ;
+    /**
+   * Size of the range track. Thumb remains constant. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Value display mode. @default 'none'
+   */
+    set display(_) { }
+    ;
+    /**
+   * Layout orientation. @default 'horizontal'
+   */
+    set orientation(_) { }
+    ;
+    /**
+   * Single thumb or dual thumb (range selection). @default 'single'
+   */
+    set mode(_) { }
+    ;
+    /**
+   * Colour family. Drives idle ring/border, selected/checked fill, and value/accent text. Focus ring stays camel; error stays aered regardless.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Whether the range is disabled. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Whether the range is required. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Optional label text.
+   */
+    set label(_) { }
+    ;
+    /**
+   * Helper hint shown below the control. Hidden when an error is shown. @default ''
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. See §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message. Use `error` slot for rich markup. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Additional CSS classes.
+
+This component renders in a real shadow root, which normally blocks the page's CSS
+from reaching inside it. Margin/padding utilities (e.g. `mt-4`, `md:px-6`) are copied
+in from the page's own stylesheets at runtime and work as expected; other utilities
+(colour, border, typography, etc.) still have no effect — see #35.
+   */
+    set extraClass(_) { }
+    ;
     aegovRangeInput = new EventEmitter();
     aegovRangeChange = new EventEmitter();
     aegovValidate = new EventEmitter();
@@ -1443,7 +3522,7 @@ let AegovRange = class AegovRange {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovRange, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovRange, isStandalone: true, selector: "aegov-range", inputs: { display: "display", errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isDisabled: "isDisabled", isInvalid: "isInvalid", isRequired: "isRequired", label: "label", max: "max", min: "min", mode: "mode", name: "name", orientation: "orientation", size: "size", step: "step", value: "value", valueHigh: "valueHigh", valueLow: "valueLow", variant: "variant" }, outputs: { aegovRangeInput: "aegovRangeInput", aegovRangeChange: "aegovRangeChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovRange, isStandalone: true, selector: "aegov-range", inputs: { display: "display", errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], label: "label", max: ["max", "max", nullableNumberAttribute], min: ["min", "min", nullableNumberAttribute], mode: "mode", name: "name", orientation: "orientation", size: "size", step: ["step", "step", nullableNumberAttribute], value: ["value", "value", nullableNumberAttribute], valueHigh: ["valueHigh", "valueHigh", nullableNumberAttribute], valueLow: ["valueLow", "valueLow", nullableNumberAttribute], variant: "variant" }, outputs: { aegovRangeInput: "aegovRangeInput", aegovRangeChange: "aegovRangeChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovRange = __decorate([
     ProxyCmp({
@@ -1459,7 +3538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['display', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'max', 'min', 'mode', 'name', 'orientation', 'size', 'step', 'value', 'valueHigh', 'valueLow', 'variant'],
+                    inputs: ['display', 'errorMessage', 'extraClass', 'fieldId', 'hint', { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, 'label', { name: 'max', transform: nullableNumberAttribute }, { name: 'min', transform: nullableNumberAttribute }, 'mode', 'name', 'orientation', 'size', { name: 'step', transform: nullableNumberAttribute }, { name: 'value', transform: nullableNumberAttribute }, { name: 'valueHigh', transform: nullableNumberAttribute }, { name: 'valueLow', transform: nullableNumberAttribute }, 'variant'],
                     outputs: ['aegovRangeInput', 'aegovRangeChange', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovRangeInput: [{
@@ -1472,6 +3551,101 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovSelect = class AegovSelect {
     z;
     el;
+    /**
+   * Unique ID for the select element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The visual appearance. 'default' renders a native select; 'listbox' renders a custom dropdown. @default 'default'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * The size of the select. Matches aegov-input height. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Colour family. Drives idle ring/border, selected/checked fill, and value/accent text. Focus ring stays camel; error stays aered regardless.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Whether multiple selection is enabled. Forces listbox behaviour. @default false
+   */
+    set isMultiple(_) { }
+    ;
+    /**
+   * Whether the select is disabled. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Placeholder text shown when nothing is selected.
+   */
+    set placeholder(_) { }
+    ;
+    /**
+   * The current selected value. For multiple, a comma-separated string. @default ''
+   */
+    set value(_) { }
+    ;
+    /**
+   * The name attribute for form submission.
+   */
+    set name(_) { }
+    ;
+    /**
+   * Whether the select is required. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Show a search input in the listbox dropdown to filter options. Only works with listbox appearance. @default false
+   */
+    set isSearchable(_) { }
+    ;
+    /**
+   * Message shown when search yields no results. Empty string defaults to localized text via isRtl. @default ''
+   */
+    set emptyMessage(_) { }
+    ;
+    /**
+   * Max visible items in the dropdown before scrolling. @default 6
+   */
+    set visibleItems(_) { }
+    ;
+    /**
+   * Show a clear button to reset selection. @default false
+   */
+    set isClearable(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. See §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message. Use `error` slot for rich markup. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Helper hint shown below the control. Hidden when an error is shown. @default ''
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply.
+
+This component renders in a real shadow root, which normally blocks the page's CSS
+from reaching inside it. Margin/padding utilities (e.g. `mt-4`, `md:px-6`) are copied
+in from the page's own stylesheets at runtime and work as expected; other utilities
+(colour, border, typography, etc.) still have no effect — see #35.
+   */
+    set extraClass(_) { }
+    ;
     aegovSelectChange = new EventEmitter();
     aegovSelectOpen = new EventEmitter();
     aegovSelectClose = new EventEmitter();
@@ -1482,7 +3656,7 @@ let AegovSelect = class AegovSelect {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovSelect, isStandalone: true, selector: "aegov-select", inputs: { appearance: "appearance", emptyMessage: "emptyMessage", errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isClearable: "isClearable", isDisabled: "isDisabled", isInvalid: "isInvalid", isMultiple: "isMultiple", isRequired: "isRequired", isSearchable: "isSearchable", name: "name", placeholder: "placeholder", size: "size", value: "value", variant: "variant", visibleItems: "visibleItems" }, outputs: { aegovSelectChange: "aegovSelectChange", aegovSelectOpen: "aegovSelectOpen", aegovSelectClose: "aegovSelectClose", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovSelect, isStandalone: true, selector: "aegov-select", inputs: { appearance: "appearance", emptyMessage: "emptyMessage", errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isClearable: ["isClearable", "isClearable", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isMultiple: ["isMultiple", "isMultiple", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], isSearchable: ["isSearchable", "isSearchable", nullableBooleanAttribute], name: "name", placeholder: "placeholder", size: "size", value: "value", variant: "variant", visibleItems: ["visibleItems", "visibleItems", nullableNumberAttribute] }, outputs: { aegovSelectChange: "aegovSelectChange", aegovSelectOpen: "aegovSelectOpen", aegovSelectClose: "aegovSelectClose", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovSelect = __decorate([
     ProxyCmp({
@@ -1498,7 +3672,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'emptyMessage', 'errorMessage', 'extraClass', 'fieldId', 'hint', 'isClearable', 'isDisabled', 'isInvalid', 'isMultiple', 'isRequired', 'isSearchable', 'name', 'placeholder', 'size', 'value', 'variant', 'visibleItems'],
+                    inputs: ['appearance', 'emptyMessage', 'errorMessage', 'extraClass', 'fieldId', 'hint', { name: 'isClearable', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isMultiple', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, { name: 'isSearchable', transform: nullableBooleanAttribute }, 'name', 'placeholder', 'size', 'value', 'variant', { name: 'visibleItems', transform: nullableNumberAttribute }],
                     outputs: ['aegovSelectChange', 'aegovSelectOpen', 'aegovSelectClose', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovSelectChange: [{
@@ -1513,13 +3687,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovSelectOption = class AegovSelectOption {
     z;
     el;
+    /**
+   * The value of this option. @default ''
+   */
+    set value(_) { }
+    ;
+    /**
+   * Whether this option is disabled. @default false
+   */
+    set isDisabled(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovSelectOption, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovSelectOption, isStandalone: true, selector: "aegov-select-option", inputs: { isDisabled: "isDisabled", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovSelectOption, isStandalone: true, selector: "aegov-select-option", inputs: { isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovSelectOption = __decorate([
     ProxyCmp({
@@ -1534,12 +3718,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['isDisabled', 'value'],
+                    inputs: [{ name: 'isDisabled', transform: nullableBooleanAttribute }, 'value'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AegovSelectOptionGroup = class AegovSelectOptionGroup {
     z;
     el;
+    /**
+   * The label for this option group. @default ''
+   */
+    set label(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -1567,13 +3756,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovSeparator = class AegovSeparator {
     z;
     el;
+    /**
+   * Orientation of the separator @default 'horizontal'
+   */
+    set orientation(_) { }
+    ;
+    /**
+   * Appearance: 'solid' (full-strength line) or 'light' (subtle low-contrast line). Colour resolves from `variant`. @default 'solid'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Variant: colour family applied to line + text label. 'primary' (default), 'secondary', 'neutral-max' (aeblack-800 family), or 'neutral-min' (aeblack-100 family). @default 'primary'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Optional text label displayed at the center of the separator
+   */
+    set text(_) { }
+    ;
+    /**
+   * Numeric spacing applied on either side of the separator line, in Tailwind
+spacing units (1 unit = 0.25rem = 4px). Horizontal orientation → padding
+is applied on the block axis (top + bottom); vertical → inline axis
+(start + end). Accepts any non-negative number. `0` (default) keeps no
+padding.
+
+Example: `gap="4"` produces `1rem` (16px) padding-block on a horizontal
+separator. @default 0
+   */
+    set gap(_) { }
+    ;
+    /**
+   * Whether the separator is purely decorative (no semantic meaning) @default true
+   */
+    set isDecorative(_) { }
+    ;
+    /**
+   * Additional CSS classes merged onto the inner separator element.
+   */
+    set extraClass(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovSeparator, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovSeparator, isStandalone: true, selector: "aegov-separator", inputs: { appearance: "appearance", extraClass: "extraClass", gap: "gap", isDecorative: "isDecorative", orientation: "orientation", text: "text", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovSeparator, isStandalone: true, selector: "aegov-separator", inputs: { appearance: "appearance", extraClass: "extraClass", gap: ["gap", "gap", nullableNumberAttribute], isDecorative: ["isDecorative", "isDecorative", nullableBooleanAttribute], orientation: "orientation", text: "text", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovSeparator = __decorate([
     ProxyCmp({
@@ -1588,12 +3819,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'extraClass', 'gap', 'isDecorative', 'orientation', 'text', 'variant'],
+                    inputs: ['appearance', 'extraClass', { name: 'gap', transform: nullableNumberAttribute }, { name: 'isDecorative', transform: nullableBooleanAttribute }, 'orientation', 'text', 'variant'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AegovTab = class AegovTab {
     z;
     el;
+    /**
+   * Unique identifier that must match the corresponding aegov-tab-panel's tab-id.
+   */
+    set tabId(_) { }
+    ;
+    /**
+   * Disables this tab and its associated panel. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * The currently active tab id. Set automatically by the parent aegov-tabs. @default ''
+   */
+    set activeTabId(_) { }
+    ;
+    /**
+   * Visual variant of the tabs. Set automatically by the parent aegov-tabs. @default 'simple'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Size of the tab. Set automatically by the parent aegov-tabs. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Orientation of the tabs. Set automatically by the parent aegov-tabs. @default 'horizontal'
+   */
+    set orientation(_) { }
+    ;
     aegovTabSelect = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -1601,7 +3862,7 @@ let AegovTab = class AegovTab {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovTab, isStandalone: true, selector: "aegov-tab", inputs: { activeTabId: "activeTabId", isDisabled: "isDisabled", orientation: "orientation", size: "size", tabId: "tabId", variant: "variant" }, outputs: { aegovTabSelect: "aegovTabSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovTab, isStandalone: true, selector: "aegov-tab", inputs: { activeTabId: "activeTabId", isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], orientation: "orientation", size: "size", tabId: "tabId", variant: "variant" }, outputs: { aegovTabSelect: "aegovTabSelect" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovTab = __decorate([
     ProxyCmp({
@@ -1616,7 +3877,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeTabId', 'isDisabled', 'orientation', 'size', { name: 'tabId', required: true }, 'variant'],
+                    inputs: ['activeTabId', { name: 'isDisabled', transform: nullableBooleanAttribute }, 'orientation', 'size', { name: 'tabId', required: true }, 'variant'],
                     outputs: ['aegovTabSelect'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovTabSelect: [{
@@ -1625,13 +3886,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovTabPanel = class AegovTabPanel {
     z;
     el;
+    /**
+   * Unique identifier that must match the corresponding aegov-tab's tab-id.
+   */
+    set tabId(_) { }
+    ;
+    /**
+   * Whether this panel is currently active. Set automatically by the parent aegov-tabs. @default false
+   */
+    set active(_) { }
+    ;
+    /**
+   * Additional CSS classes merged onto the inner panel element.
+   */
+    set extraClass(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovTabPanel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovTabPanel, isStandalone: true, selector: "aegov-tab-panel", inputs: { active: "active", extraClass: "extraClass", tabId: "tabId" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovTabPanel, isStandalone: true, selector: "aegov-tab-panel", inputs: { active: ["active", "active", nullableBooleanAttribute], extraClass: "extraClass", tabId: "tabId" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovTabPanel = __decorate([
     ProxyCmp({
@@ -1646,12 +3922,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['active', 'extraClass', { name: 'tabId', required: true }],
+                    inputs: [{ name: 'active', transform: nullableBooleanAttribute }, 'extraClass', { name: 'tabId', required: true }],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 let AegovTabs = class AegovTabs {
     z;
     el;
+    /**
+   * Unique ID for the tabs container. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Visual style variant of the tabs.
+- `simple`: Underline style (default)
+- `segmented`: Button-group style, ideal for toggling views
+- `pill`: Pill-shaped individual tabs @default 'simple'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * The tab-id of the tab that should be active on initial render.
+If not provided, the first non-disabled tab is activated. @default ''
+   */
+    set defaultOpen(_) { }
+    ;
+    /**
+   * Size of the tabs. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Enables horizontal scrolling when tabs overflow the container.
+A faded gradient edge is shown to indicate scrollable content. @default false
+   */
+    set isScrollable(_) { }
+    ;
+    /**
+   * Distributes tabs evenly to fill the full width of the container.
+Each tab grows equally to occupy available space. @default false
+   */
+    set isStretchable(_) { }
+    ;
+    /**
+   * Layout orientation of the tabs.
+- `horizontal`: Tabs appear above the panels (default)
+- `vertical`: Tabs appear to the side of the panels @default 'horizontal'
+   */
+    set orientation(_) { }
+    ;
+    /**
+   * Accessible label for the tablist element.
+Provides context for screen readers about what the tabs control.
+Defaults to a bilingual auto-detected string ("Tabs" / "علامات التبويب"). @default ''
+   */
+    set labelTablist(_) { }
+    ;
     aegovTabChange = new EventEmitter();
     constructor(c, r, z) {
         this.z = z;
@@ -1659,7 +3985,7 @@ let AegovTabs = class AegovTabs {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovTabs, isStandalone: true, selector: "aegov-tabs", inputs: { defaultOpen: "defaultOpen", fieldId: "fieldId", isScrollable: "isScrollable", isStretchable: "isStretchable", labelTablist: "labelTablist", orientation: "orientation", size: "size", variant: "variant" }, outputs: { aegovTabChange: "aegovTabChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovTabs, isStandalone: true, selector: "aegov-tabs", inputs: { defaultOpen: "defaultOpen", fieldId: "fieldId", isScrollable: ["isScrollable", "isScrollable", nullableBooleanAttribute], isStretchable: ["isStretchable", "isStretchable", nullableBooleanAttribute], labelTablist: "labelTablist", orientation: "orientation", size: "size", variant: "variant" }, outputs: { aegovTabChange: "aegovTabChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovTabs = __decorate([
     ProxyCmp({
@@ -1674,7 +4000,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['defaultOpen', 'fieldId', 'isScrollable', 'isStretchable', 'labelTablist', 'orientation', 'size', 'variant'],
+                    inputs: ['defaultOpen', 'fieldId', { name: 'isScrollable', transform: nullableBooleanAttribute }, { name: 'isStretchable', transform: nullableBooleanAttribute }, 'labelTablist', 'orientation', 'size', 'variant'],
                     outputs: ['aegovTabChange'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovTabChange: [{
@@ -1683,6 +4009,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovText = class AegovText {
     z;
     el;
+    /**
+   * The size of the text. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply to the text.
+   */
+    set extraClass(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -1710,6 +4046,91 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovTextarea = class AegovTextarea {
     z;
     el;
+    /**
+   * Unique ID for the native textarea element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The size of the textarea (affects font size only). @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Colour family. Drives idle ring, value text, and accent hover.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Whether the textarea is disabled. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Whether the textarea is readonly. @default false
+   */
+    set isReadonly(_) { }
+    ;
+    /**
+   * Placeholder text for the textarea.
+   */
+    set placeholder(_) { }
+    ;
+    /**
+   * The current value of the textarea. @default ''
+   */
+    set value(_) { }
+    ;
+    /**
+   * The name attribute for the textarea. Reflected so ElementInternals can read it for form submission.
+   */
+    set name(_) { }
+    ;
+    /**
+   * Whether the textarea is required. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Resize behaviour of the textarea. @default 'vertical'
+   */
+    set resize(_) { }
+    ;
+    /**
+   * Maximum number of characters. When set, a character counter is displayed.
+   */
+    set maxlength(_) { }
+    ;
+    /**
+   * Show a copy button to copy the textarea value to clipboard. Only applies when readonly. @default false
+   */
+    set isCopyable(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. Toggles `aria-invalid` and `.is-invalid` host class. See validation-engine-addon.md §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message rendered below the control when `isInvalid` is true. Use `error` slot for richer markup. @default ''
+   */
+    set errorMessage(_) { }
+    ;
+    /**
+   * Helper hint rendered below the control. Hidden when an error is shown. Use `hint` slot for richer markup. @default ''
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply.
+
+This component renders in a real shadow root, which normally blocks the page's CSS
+from reaching inside it. Margin/padding utilities (e.g. `mt-4`, `md:px-6`) are copied
+in from the page's own stylesheets at runtime and work as expected; other utilities
+(colour, border, typography, etc.) still have no effect — see #35.
+   */
+    set extraClass(_) { }
+    ;
     aegovTextareaChange = new EventEmitter();
     aegovTextareaValue = new EventEmitter();
     aegovTextareaFocus = new EventEmitter();
@@ -1721,7 +4142,7 @@ let AegovTextarea = class AegovTextarea {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovTextarea, isStandalone: true, selector: "aegov-textarea", inputs: { errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isCopyable: "isCopyable", isDisabled: "isDisabled", isInvalid: "isInvalid", isReadonly: "isReadonly", isRequired: "isRequired", maxlength: "maxlength", name: "name", placeholder: "placeholder", resize: "resize", size: "size", value: "value", variant: "variant" }, outputs: { aegovTextareaChange: "aegovTextareaChange", aegovTextareaValue: "aegovTextareaValue", aegovTextareaFocus: "aegovTextareaFocus", aegovTextareaBlur: "aegovTextareaBlur", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovTextarea, isStandalone: true, selector: "aegov-textarea", inputs: { errorMessage: "errorMessage", extraClass: "extraClass", fieldId: "fieldId", hint: "hint", isCopyable: ["isCopyable", "isCopyable", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isReadonly: ["isReadonly", "isReadonly", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], maxlength: ["maxlength", "maxlength", nullableNumberAttribute], name: "name", placeholder: "placeholder", resize: "resize", size: "size", value: "value", variant: "variant" }, outputs: { aegovTextareaChange: "aegovTextareaChange", aegovTextareaValue: "aegovTextareaValue", aegovTextareaFocus: "aegovTextareaFocus", aegovTextareaBlur: "aegovTextareaBlur", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovTextarea = __decorate([
     ProxyCmp({
@@ -1737,7 +4158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', 'isCopyable', 'isDisabled', 'isInvalid', 'isReadonly', 'isRequired', 'maxlength', 'name', 'placeholder', 'resize', 'size', 'value', 'variant'],
+                    inputs: ['errorMessage', 'extraClass', 'fieldId', 'hint', { name: 'isCopyable', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isReadonly', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, { name: 'maxlength', transform: nullableNumberAttribute }, 'name', 'placeholder', 'resize', 'size', 'value', 'variant'],
                     outputs: ['aegovTextareaChange', 'aegovTextareaValue', 'aegovTextareaFocus', 'aegovTextareaBlur', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovTextareaChange: [{
@@ -1754,6 +4175,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovTimeline = class AegovTimeline {
     z;
     el;
+    /**
+   * Unique ID for the timeline nav element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * Visual variant: default (numbered circles) or compact (dots). @default 'default'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Size of step indicators. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Layout orientation. @default 'horizontal'
+   */
+    set orientation(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -1781,6 +4222,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovTimelineStep = class AegovTimelineStep {
     z;
     el;
+    /**
+   * Step status. @default 'pending'
+   */
+    set status(_) { }
+    ;
+    /**
+   * Optional description shown below the label.
+   */
+    set description(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -1808,6 +4259,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovTitle = class AegovTitle {
     z;
     el;
+    /**
+   * Unique ID for the title element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The size of the title text. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * The semantic wrapper tag for the title. When set, renders the title
+inside the specified heading tag (`h2`–`h6`) or a `p`. When omitted,
+the title renders as a `<p>` (default).
+   */
+    set headingType(_) { }
+    ;
+    /**
+   * Additional CSS classes to apply to the title.
+   */
+    set extraClass(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -1835,6 +4308,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovToast = class AegovToast {
     z;
     el;
+    /**
+   * Semantic color variant of the toast. @default 'default'
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Appearance style: soft (light bg) or solid (dark bg). @default 'soft'
+   */
+    set appearance(_) { }
+    ;
+    /**
+   * Screen position where the toast appears. @default 'top-right'
+   */
+    set position(_) { }
+    ;
+    /**
+   * Auto-dismiss duration in milliseconds. 0 = no auto-dismiss. @default 5000
+   */
+    set duration(_) { }
+    ;
+    /**
+   * Whether the toast shows a close button. @default true
+   */
+    set isDismissible(_) { }
+    ;
+    /**
+   * Display mode for multiple toasts at the same position.
+'stack' = all toasts visible with gap between them (default).
+'rack' = toasts collapse into a deck; hover to expand. @default 'stack'
+   */
+    set mode(_) { }
+    ;
+    /**
+   * Whether to show a countdown progress bar. @default false
+   */
+    set isProgressEnabled(_) { }
+    ;
     aegovToastOpen = new EventEmitter();
     aegovToastClose = new EventEmitter();
     aegovToastDismiss = new EventEmitter();
@@ -1844,7 +4354,7 @@ let AegovToast = class AegovToast {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovToast, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovToast, isStandalone: true, selector: "aegov-toast", inputs: { appearance: "appearance", duration: "duration", isDismissible: "isDismissible", isProgressEnabled: "isProgressEnabled", mode: "mode", position: "position", variant: "variant" }, outputs: { aegovToastOpen: "aegovToastOpen", aegovToastClose: "aegovToastClose", aegovToastDismiss: "aegovToastDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovToast, isStandalone: true, selector: "aegov-toast", inputs: { appearance: "appearance", duration: ["duration", "duration", nullableNumberAttribute], isDismissible: ["isDismissible", "isDismissible", nullableBooleanAttribute], isProgressEnabled: ["isProgressEnabled", "isProgressEnabled", nullableBooleanAttribute], mode: "mode", position: "position", variant: "variant" }, outputs: { aegovToastOpen: "aegovToastOpen", aegovToastClose: "aegovToastClose", aegovToastDismiss: "aegovToastDismiss" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovToast = __decorate([
     ProxyCmp({
@@ -1860,7 +4370,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['appearance', 'duration', 'isDismissible', 'isProgressEnabled', 'mode', 'position', 'variant'],
+                    inputs: ['appearance', { name: 'duration', transform: nullableNumberAttribute }, { name: 'isDismissible', transform: nullableBooleanAttribute }, { name: 'isProgressEnabled', transform: nullableBooleanAttribute }, 'mode', 'position', 'variant'],
                     outputs: ['aegovToastOpen', 'aegovToastClose', 'aegovToastDismiss'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovToastOpen: [{
@@ -1873,6 +4383,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovToggle = class AegovToggle {
     z;
     el;
+    /**
+   * Unique ID for the native checkbox element. Auto-generated if not provided.
+   */
+    set fieldId(_) { }
+    ;
+    /**
+   * The name attribute for the toggle. Reflected so ElementInternals can read it for form submission.
+   */
+    set name(_) { }
+    ;
+    /**
+   * The value attribute for the toggle.
+   */
+    set value(_) { }
+    ;
+    /**
+   * Whether the toggle is checked/on. @default false
+   */
+    set isChecked(_) { }
+    ;
+    /**
+   * The size of the toggle. @default 'base'
+   */
+    set size(_) { }
+    ;
+    /**
+   * Colour family. Drives ON track bg. OFF track stays aeblack-200. Focus ring stays camel; error stays aered.
+   */
+    set variant(_) { }
+    ;
+    /**
+   * Whether the toggle is disabled. @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Whether the toggle is required. @default false
+   */
+    set isRequired(_) { }
+    ;
+    /**
+   * Label text for the toggle. Rendered at the end (inline-end).
+   */
+    set label(_) { }
+    ;
+    /**
+   * Helper hint text displayed below the label. Renamed from `description` per §6.6.
+Hidden when an error is shown.
+   */
+    set hint(_) { }
+    ;
+    /**
+   * Visual + a11y invalid state. See §2.3. @default false
+   */
+    set isInvalid(_) { }
+    ;
+    /**
+   * Inline error message. Use `error` slot for rich markup. @default ''
+   */
+    set errorMessage(_) { }
+    ;
     aegovToggleChange = new EventEmitter();
     aegovValidate = new EventEmitter();
     constructor(c, r, z) {
@@ -1881,7 +4452,7 @@ let AegovToggle = class AegovToggle {
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovToggle, isStandalone: true, selector: "aegov-toggle", inputs: { errorMessage: "errorMessage", fieldId: "fieldId", hint: "hint", isChecked: "isChecked", isDisabled: "isDisabled", isInvalid: "isInvalid", isRequired: "isRequired", label: "label", name: "name", size: "size", value: "value", variant: "variant" }, outputs: { aegovToggleChange: "aegovToggleChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovToggle, isStandalone: true, selector: "aegov-toggle", inputs: { errorMessage: "errorMessage", fieldId: "fieldId", hint: "hint", isChecked: ["isChecked", "isChecked", nullableBooleanAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], isInvalid: ["isInvalid", "isInvalid", nullableBooleanAttribute], isRequired: ["isRequired", "isRequired", nullableBooleanAttribute], label: "label", name: "name", size: "size", value: "value", variant: "variant" }, outputs: { aegovToggleChange: "aegovToggleChange", aegovValidate: "aegovValidate" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovToggle = __decorate([
     ProxyCmp({
@@ -1897,7 +4468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['errorMessage', 'fieldId', 'hint', 'isChecked', 'isDisabled', 'isInvalid', 'isRequired', 'label', 'name', 'size', 'value', 'variant'],
+                    inputs: ['errorMessage', 'fieldId', 'hint', { name: 'isChecked', transform: nullableBooleanAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'isInvalid', transform: nullableBooleanAttribute }, { name: 'isRequired', transform: nullableBooleanAttribute }, 'label', 'name', 'size', 'value', 'variant'],
                     outputs: ['aegovToggleChange', 'aegovValidate'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { aegovToggleChange: [{
@@ -1908,13 +4479,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
 let AegovTooltip = class AegovTooltip {
     z;
     el;
+    /**
+   * Tooltip content text (alternative to using slot)
+   */
+    set content(_) { }
+    ;
+    /**
+   * Position of the tooltip relative to the trigger element @default 'top'
+   */
+    set position(_) { }
+    ;
+    /**
+   * Alignment of the tooltip @default 'center'
+   */
+    set align(_) { }
+    ;
+    /**
+   * Trigger type for showing the tooltip @default 'hover'
+   */
+    set trigger(_) { }
+    ;
+    /**
+   * Gap between tooltip and trigger element (in pixels) @default 8
+   */
+    set gap(_) { }
+    ;
+    /**
+   * Additional offset for tooltip positioning (in pixels) @default 0
+   */
+    set offset(_) { }
+    ;
+    /**
+   * Whether the tooltip is disabled @default false
+   */
+    set isDisabled(_) { }
+    ;
+    /**
+   * Delay before showing tooltip (in milliseconds) @default 200
+   */
+    set delayStart(_) { }
+    ;
+    /**
+   * Delay before hiding tooltip (in milliseconds) @default 0
+   */
+    set delayEnd(_) { }
+    ;
     constructor(c, r, z) {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: AegovTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: AegovTooltip, isStandalone: true, selector: "aegov-tooltip", inputs: { align: "align", content: "content", delayEnd: "delayEnd", delayStart: "delayStart", gap: "gap", isDisabled: "isDisabled", offset: "offset", position: "position", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.1", type: AegovTooltip, isStandalone: true, selector: "aegov-tooltip", inputs: { align: "align", content: "content", delayEnd: ["delayEnd", "delayEnd", nullableNumberAttribute], delayStart: ["delayStart", "delayStart", nullableNumberAttribute], gap: ["gap", "gap", nullableNumberAttribute], isDisabled: ["isDisabled", "isDisabled", nullableBooleanAttribute], offset: ["offset", "offset", nullableNumberAttribute], position: "position", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AegovTooltip = __decorate([
     ProxyCmp({
@@ -1929,7 +4545,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['align', 'content', 'delayEnd', 'delayStart', 'gap', 'isDisabled', 'offset', 'position', 'trigger'],
+                    inputs: ['align', 'content', { name: 'delayEnd', transform: nullableNumberAttribute }, { name: 'delayStart', transform: nullableNumberAttribute }, { name: 'gap', transform: nullableNumberAttribute }, { name: 'isDisabled', transform: nullableBooleanAttribute }, { name: 'offset', transform: nullableNumberAttribute }, 'position', 'trigger'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
 
@@ -1993,30 +4609,27 @@ const DIRECTIVES = [
     AegovTooltip
 ];
 
-function initializeDesignSystem() {
-    return () => defineCustomElements();
-}
-const APP_INIT_PROVIDER = {
-    provide: APP_INITIALIZER,
-    useFactory: initializeDesignSystem,
-    multi: true,
-};
+/**
+ * Re-exports every wrapper. Has no providers, so importing it into a standalone
+ * component adds no code beyond the wrappers. Each wrapper registers its own element.
+ *
+ * Apps that want the global setup add `provideDesignSystem()` from
+ * `@aegov/designsystem-angular/provider` to their providers. This entry point never
+ * references it: a bundler emits the lazy loader's ~70 chunk files for any module it
+ * includes that imports the loader, even when the app never calls the function.
+ */
 class DesignSystemModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: DesignSystemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.1", ngImport: i0, type: DesignSystemModule, imports: [AegovAccordion, AegovAccordionItem, AegovAspectRatio, AegovAvatar, AegovAvatarGroup, AegovBadge, AegovBanner, AegovBentoGrid, AegovBlockquote, AegovBreadcrumbs, AegovBreadcrumbsItem, AegovButton, AegovButtonGroup, AegovCallout, AegovCard, AegovCheckbox, AegovCheckboxGroup, AegovDatepicker, AegovDrawer, AegovDropdown, AegovFileupload, AegovFooter, AegovFooterHighlights, AegovFormField, AegovHeader, AegovHeaderBanner, AegovInput, AegovInputGroup, AegovLabel, AegovLink, AegovModal, AegovNavbar, AegovNavbarItem, AegovNavblock, AegovNavblockItem, AegovOtp, AegovPagination, AegovPopover, AegovProgress, AegovRadio, AegovRadioGroup, AegovRange, AegovSelect, AegovSelectOption, AegovSelectOptionGroup, AegovSeparator, AegovTab, AegovTabPanel, AegovTabs, AegovText, AegovTextarea, AegovTimeline, AegovTimelineStep, AegovTitle, AegovToast, AegovToggle, AegovTooltip], exports: [AegovAccordion, AegovAccordionItem, AegovAspectRatio, AegovAvatar, AegovAvatarGroup, AegovBadge, AegovBanner, AegovBentoGrid, AegovBlockquote, AegovBreadcrumbs, AegovBreadcrumbsItem, AegovButton, AegovButtonGroup, AegovCallout, AegovCard, AegovCheckbox, AegovCheckboxGroup, AegovDatepicker, AegovDrawer, AegovDropdown, AegovFileupload, AegovFooter, AegovFooterHighlights, AegovFormField, AegovHeader, AegovHeaderBanner, AegovInput, AegovInputGroup, AegovLabel, AegovLink, AegovModal, AegovNavbar, AegovNavbarItem, AegovNavblock, AegovNavblockItem, AegovOtp, AegovPagination, AegovPopover, AegovProgress, AegovRadio, AegovRadioGroup, AegovRange, AegovSelect, AegovSelectOption, AegovSelectOptionGroup, AegovSeparator, AegovTab, AegovTabPanel, AegovTabs, AegovText, AegovTextarea, AegovTimeline, AegovTimelineStep, AegovTitle, AegovToast, AegovToggle, AegovTooltip] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: DesignSystemModule, providers: [APP_INIT_PROVIDER] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: DesignSystemModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: DesignSystemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...DIRECTIVES],
                     exports: [...DIRECTIVES],
-                    providers: [APP_INIT_PROVIDER],
                 }]
         }] });
-function provideDesignSystem() {
-    return makeEnvironmentProviders([APP_INIT_PROVIDER]);
-}
 
 /*
  * Public API Surface of component-library
@@ -2026,5 +4639,5 @@ function provideDesignSystem() {
  * Generated bundle index. Do not edit.
  */
 
-export { AegovAccordion, AegovAccordionItem, AegovAspectRatio, AegovAvatar, AegovAvatarGroup, AegovBadge, AegovBanner, AegovBentoGrid, AegovBlockquote, AegovBreadcrumbs, AegovBreadcrumbsItem, AegovButton, AegovButtonGroup, AegovCallout, AegovCard, AegovCheckbox, AegovCheckboxGroup, AegovDatepicker, AegovDrawer, AegovDropdown, AegovFileupload, AegovFooter, AegovFooterHighlights, AegovFormField, AegovHeader, AegovHeaderBanner, AegovInput, AegovInputGroup, AegovLabel, AegovLink, AegovModal, AegovNavbar, AegovNavbarItem, AegovNavblock, AegovNavblockItem, AegovOtp, AegovPagination, AegovPopover, AegovProgress, AegovRadio, AegovRadioGroup, AegovRange, AegovSelect, AegovSelectOption, AegovSelectOptionGroup, AegovSeparator, AegovTab, AegovTabPanel, AegovTabs, AegovText, AegovTextarea, AegovTimeline, AegovTimelineStep, AegovTitle, AegovToast, AegovToggle, AegovTooltip, DIRECTIVES, DesignSystemModule, provideDesignSystem };
+export { AegovAccordion, AegovAccordionItem, AegovAspectRatio, AegovAvatar, AegovAvatarGroup, AegovBadge, AegovBanner, AegovBentoGrid, AegovBlockquote, AegovBreadcrumbs, AegovBreadcrumbsItem, AegovButton, AegovButtonGroup, AegovCallout, AegovCard, AegovCheckbox, AegovCheckboxGroup, AegovDatepicker, AegovDrawer, AegovDropdown, AegovFileupload, AegovFooter, AegovFooterHighlights, AegovFormField, AegovHeader, AegovHeaderBanner, AegovInput, AegovInputGroup, AegovLabel, AegovLink, AegovModal, AegovNavbar, AegovNavbarItem, AegovNavblock, AegovNavblockItem, AegovOtp, AegovPagination, AegovPopover, AegovProgress, AegovRadio, AegovRadioGroup, AegovRange, AegovSelect, AegovSelectOption, AegovSelectOptionGroup, AegovSeparator, AegovTab, AegovTabPanel, AegovTabs, AegovText, AegovTextarea, AegovTimeline, AegovTimelineStep, AegovTitle, AegovToast, AegovToggle, AegovTooltip, DIRECTIVES, DesignSystemModule };
 //# sourceMappingURL=aegov-designsystem-angular.mjs.map