@pecb-ui/components 1.1.12 → 1.1.15

package/index.d.ts

@@ -7,7 +7,7 @@ import { ControlValueAccessor } from '@angular/forms';
 import * as _pecb_ui_components from '@pecb-ui/components';
 import { Observable } from 'rxjs';
 
-type ButtonVariant = 'primary' | 'primary-outline' | 'primary-2' | 'primary-2-outline' | 'neutral' | 'neutral-outline' | 'secondary' | 'text' | 'text-muted' | 'text-brand' | 'destructive' | 'destructive-outline';
+type ButtonVariant = 'primary' | 'primary-outline' | 'primary-2' | 'primary-2-outline' | 'neutral' | 'neutral-outline' | 'secondary' | 'text' | 'text-muted' | 'text-brand' | 'success' | 'destructive' | 'destructive-outline';
 type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
 type ButtonIconStyle = 'none' | 'leading' | 'trailing' | 'icon-only';
 declare class ButtonComponent {
@@ -311,8 +311,27 @@ interface PecbTableColumn {
     width?: string;
     /** Caps the cell width so long text truncates with an ellipsis (e.g. '240px'). */
     maxWidth?: string;
+    /** Floor for the column width so it is never squeezed to nothing (e.g. '120px'). */
+    minWidth?: string;
     /** Wrap long text onto multiple lines instead of truncating. Overrides the table-level `wrapText`. */
     wrap?: boolean;
+    /**
+     * Caps wrapped text at N lines and ellipsises the rest. Implies `wrap`.
+     * Overrides the table-level `maxLines`.
+     */
+    maxLines?: number;
+    /**
+     * Hard character cap. Longer values are cut at the last word boundary and
+     * suffixed with an ellipsis; the full value stays available on hover.
+     * Use it when the column width must not depend on font metrics.
+     */
+    maxChars?: number;
+    /**
+     * Hover-hint behaviour for this column: `'auto'` (default) reveals the full
+     * value only when it is actually clipped, `'always'` always reveals it,
+     * `'never'` disables the hint.
+     */
+    hint?: 'auto' | 'always' | 'never';
     align?: 'left' | 'center' | 'right';
     sortable?: boolean;
     cellTemplate?: TemplateRef<any>;
@@ -444,6 +463,28 @@ declare class TableComponent {
      * value is shown on hover via the cell's title. Per-column `wrap` overrides this.
      */
     wrapText: _angular_core.InputSignal<boolean>;
+    /**
+     * Default width cap for plain text / link / user columns that declare no
+     * `width` or `maxWidth`. This is what keeps a single long column (a URL, a
+     * description, an unbroken token) from stretching the whole table and forcing
+     * a horizontal scrollbar - the cell truncates or wraps instead.
+     *
+     * Pass `'none'` to opt out and restore raw browser sizing.
+     * @default '320px'
+     */
+    cellMaxWidth: _angular_core.InputSignal<string>;
+    /**
+     * When cells wrap, cap them at this many lines and ellipsise the rest.
+     * `undefined` (default) leaves wrapped text unbounded.
+     * Per-column `maxLines` overrides this.
+     */
+    maxLines: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Truncate long header labels to one line with an ellipsis and show the full
+     * label on hover, so a verbose header never widens its column.
+     * @default true
+     */
+    truncateHeaders: _angular_core.InputSignal<boolean>;
     /**
      * Column key currently being sorted
      */
@@ -492,10 +533,56 @@ declare class TableComponent {
     get tableClasses(): string;
     getCellValue(row: any, key: string): any;
     getAlignmentClass(column: PecbTableColumn): string;
+    /**
+     * Columns whose content is plain text the table itself renders, and which are
+     * therefore safe to cap and ellipsise automatically. Custom templates, dynamic
+     * components, status pills and action buttons are left to size themselves.
+     */
+    private isTextualColumn;
     /** Whether a column's cells wrap long text (per-column overrides the table default). */
     isCellWrapped(column: PecbTableColumn): boolean;
-    /** Full text shown on hover for truncated text/link cells (so nothing is lost). */
+    /** Line cap for wrapped cells, or `null` when wrapped text is unbounded. */
+    getCellLineClamp(column: PecbTableColumn): number | null;
+    /** `ngStyle` map that applies the line cap (a no-op when there is none). */
+    getCellTextStyle(column: PecbTableColumn): Record<string, string> | null;
+    /**
+     * Width cap for a cell. Explicit `maxWidth`/`width` win; otherwise textual
+     * columns fall back to the table-wide `cellMaxWidth` so no single column can
+     * stretch the table.
+     */
+    getCellMaxWidth(column: PecbTableColumn): string | null;
+    /** Lower bound for a column's width, so narrow viewports do not crush it. */
+    getCellMinWidth(column: PecbTableColumn): string | null;
+    /** The raw, untruncated value of a cell as a string. */
+    private getCellText;
+    /**
+     * The text actually rendered in a cell: the raw value, shortened to
+     * `column.maxChars` at the last word boundary when one is configured.
+     */
+    getDisplayValue(row: any, column: PecbTableColumn): string;
+    /** Cuts `text` to `max` characters on a word boundary and appends an ellipsis. */
+    private clampChars;
+    /**
+     * Full text shown on hover for a cell, or `null` when the column opts out.
+     * Whether it is actually applied is decided per-cell in {@link onCellEnter}.
+     */
     getCellTitle(row: any, column: PecbTableColumn): string | null;
+    /**
+     * Attaches the hover hint lazily, on the way in, so it only appears when the
+     * value is genuinely clipped - by width, by line cap, or by `maxChars`.
+     * A `title` on every cell would otherwise fire on harmless short values.
+     */
+    onCellEnter(event: Event, row: any, column: PecbTableColumn): void;
+    /** Same lazy hint for header labels, which truncate on their own width. */
+    onHeaderEnter(event: Event, column: PecbTableColumn): void;
+    /** True when an element's content overflows its box horizontally or vertically. */
+    private isElementClipped;
+    /**
+     * A `-webkit-line-clamp` box reports `scrollHeight === clientHeight`, so the
+     * plain overflow check above can never see a clamped cell as clipped. Lift the
+     * clamp for one synchronous measurement and put it straight back.
+     */
+    private isLineClampOverflowing;
     onRowClick(row: any, index: number): void;
     onRowAction(action: string, row: any, index: number, event: Event): void;
     onHeaderClick(column: PecbTableColumn): void;
@@ -529,7 +616,7 @@ declare class TableComponent {
     getLinkHref(value: string): string;
     private emitSelectionChange;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "pecb-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "paginationVariant": { "alias": "paginationVariant"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectedIndices": { "alias": "selectedIndices"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "wrapText": { "alias": "wrapText"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "selectAllAriaLabel": { "alias": "selectAllAriaLabel"; "required": false; "isSignal": true; }; "selectRowAriaLabel": { "alias": "selectRowAriaLabel"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; "selectedIndices": "selectedIndicesChange"; "sortColumn": "sortColumnChange"; "sortDirection": "sortDirectionChange"; "pageChange": "pageChange"; "rowClick": "rowClick"; "rowAction": "rowAction"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; }, ["emptyTemplate", "loadingTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "pecb-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "paginationVariant": { "alias": "paginationVariant"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectedIndices": { "alias": "selectedIndices"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "wrapText": { "alias": "wrapText"; "required": false; "isSignal": true; }; "cellMaxWidth": { "alias": "cellMaxWidth"; "required": false; "isSignal": true; }; "maxLines": { "alias": "maxLines"; "required": false; "isSignal": true; }; "truncateHeaders": { "alias": "truncateHeaders"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "selectAllAriaLabel": { "alias": "selectAllAriaLabel"; "required": false; "isSignal": true; }; "selectRowAriaLabel": { "alias": "selectRowAriaLabel"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; "selectedIndices": "selectedIndicesChange"; "sortColumn": "sortColumnChange"; "sortDirection": "sortDirectionChange"; "pageChange": "pageChange"; "rowClick": "rowClick"; "rowAction": "rowAction"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; }, ["emptyTemplate", "loadingTemplate"], never, true, never>;
 }
 
 type TabStyle = 'rounded' | 'line';
@@ -1124,6 +1211,878 @@ declare class SidebarComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "pecb-sidebar", never, { "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "sidebarLogo": { "alias": "sidebarLogo"; "required": false; "isSignal": true; }; "collapsedLogo": { "alias": "collapsedLogo"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "expandSidebarAriaLabel": { "alias": "expandSidebarAriaLabel"; "required": false; "isSignal": true; }; "collapseSidebarAriaLabel": { "alias": "collapseSidebarAriaLabel"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "itemClick": "itemClick"; "collapseChange": "collapseChange"; }, never, ["[sidebar-header]", "[sidebar-footer]"], true, never>;
 }
 
+/**
+ * Public data contracts for {@link AppSidebarComponent}.
+ *
+ * Everything the sidebar renders is plain, serialisable data — no template
+ * plumbing required at the call site. Icons are accepted either as inline SVG
+ * markup (`icon`) or as an image URL (`iconSrc`).
+ *
+ * @module components/app-sidebar
+ */
+/**
+ * Angular Router wiring, shared by every clickable entry.
+ *
+ * Setting {@link AppSidebarRouterLink.routerLink} makes the entry render as a
+ * `routerLink` anchor and highlight itself through `routerLinkActive`, so the
+ * sidebar follows real navigation — including back/forward and deep links.
+ *
+ * `@angular/router` is an **optional** peer dependency: the router directives
+ * are only instantiated for entries that actually carry a `routerLink`, so
+ * router-free applications are unaffected.
+ */
+interface AppSidebarRouterLink {
+    /** Router commands, e.g. `'/courses'` or `['/courses', id]`. */
+    routerLink?: string | unknown[];
+    /** Query parameters passed to the router. */
+    queryParams?: Record<string, unknown>;
+    /** URL fragment passed to the router. */
+    fragment?: string;
+    /** Match the full URL rather than a prefix when deciding the active state. */
+    routerLinkActiveExact?: boolean;
+}
+/**
+ * A single navigation entry.
+ *
+ * An item renders as a `routerLink` anchor when `routerLink` is set, a plain
+ * `<a>` when only `href` is set, and a `<button>` otherwise — so keyboard and
+ * screen-reader semantics stay correct either way.
+ */
+interface AppSidebarNavItem extends AppSidebarRouterLink {
+    /** Stable identity. Used for tracking, active state and expansion state. */
+    id: string;
+    /** Visible label. Also used as the collapsed-mode tooltip. */
+    label: string;
+    /** Inline SVG markup for the leading icon. */
+    icon?: string;
+    /** Image URL for the leading icon. Ignored when `icon` is set. */
+    iconSrc?: string;
+    /** Link target. When omitted, and with no `routerLink`, this is a button. */
+    href?: string;
+    /** Anchor target, e.g. `_blank`. Only applies when `href` is set. */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    /** Small trailing badge — a count or short word. */
+    badge?: string | number;
+    /** Renders the item non-interactive. */
+    disabled?: boolean;
+    /**
+     * Sub-items, nestable up to three levels. They expand inline while the rail
+     * is expanded, and inside the flyout while it is collapsed.
+     */
+    children?: AppSidebarNavItem[];
+    /** Arbitrary payload echoed back on `navigate`. */
+    data?: unknown;
+}
+/** A titled block of navigation items. */
+interface AppSidebarNavGroup {
+    /** Stable identity. */
+    id: string;
+    /** Optional uppercase heading shown above the group (hidden when collapsed). */
+    label?: string;
+    /** The group's items. */
+    items: AppSidebarNavItem[];
+}
+/**
+ * An entry in the product switcher at the top of the sidebar.
+ *
+ * A product may own its navigation. When the active product declares `items`
+ * or `groups`, the rail renders *those* and ignores the component-level
+ * navigation entirely — switching product swaps the whole tab set, which is how
+ * a multi-product shell like the Central Hub actually behaves. A hub product
+ * that only needs a dashboard simply declares one item.
+ */
+interface AppSidebarProduct extends AppSidebarRouterLink {
+    /** Stable identity, matched against `activeProductId`. */
+    id: string;
+    /** Product name. */
+    label: string;
+    /**
+     * Navigation shown while this product is active. Takes over the rail from
+     * the component-level `items` / `groups`.
+     */
+    items?: AppSidebarNavItem[];
+    /** Grouped navigation shown while this product is active. */
+    groups?: AppSidebarNavGroup[];
+    /** Secondary line shown under the name in the trigger. */
+    description?: string;
+    /** Inline SVG markup for the product tile. */
+    icon?: string;
+    /** Short text for the tile when no `icon` is given, e.g. `"St"`. */
+    initials?: string;
+    /** Link target for the menu entry. */
+    href?: string;
+    /** Anchor target, e.g. `_blank`. Only applies when `href` is set. */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    /** Groups the entry under an uppercase heading in the menu. */
+    section?: string;
+    /** Renders the entry non-interactive. */
+    disabled?: boolean;
+    /** Muted note under the label, e.g. `"Coming soon"`. */
+    hint?: string;
+    /** Gives the entry the dark "hub" tile and bolder label. */
+    featured?: boolean;
+}
+/** The signed-in user rendered at the bottom of the sidebar. */
+interface AppSidebarUser {
+    /** Display name. */
+    name: string;
+    /**
+     * Secondary line, e.g. the active role. A menu submenu marked
+     * {@link AppSidebarMenuItem.reflectsRole} overrides it live, so the block
+     * always shows the role that is actually selected.
+     */
+    role?: string;
+    /** Avatar image URL. */
+    avatarSrc?: string;
+    /** Fallback initials when no avatar image is available. */
+    initials?: string;
+}
+/** A selectable choice inside a profile-menu submenu (language, role, …). */
+interface AppSidebarMenuOption {
+    /** Stable identity. */
+    id: string;
+    /** Visible label. */
+    label: string;
+    /** Inline SVG markup shown before the label. */
+    icon?: string;
+}
+/**
+ * An entry in the profile dropdown.
+ *
+ * Supplying {@link AppSidebarMenuItem.options} turns the entry into a submenu
+ * that flies out beside the dropdown and reports selections through
+ * `menuOptionChange`.
+ */
+interface AppSidebarMenuItem extends AppSidebarRouterLink {
+    /** Stable identity. */
+    id: string;
+    /** Visible label. */
+    label: string;
+    /** Inline SVG markup for the leading icon. */
+    icon?: string;
+    /** Link target. When omitted the entry renders as a button. */
+    href?: string;
+    /** Anchor target, e.g. `_blank`. Only applies when `href` is set. */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    /** `danger` paints the entry in the destructive colour (e.g. Log out). */
+    variant?: 'default' | 'danger';
+    /** Draws a separator above the entry. */
+    dividerBefore?: boolean;
+    /** Renders the entry non-interactive. */
+    disabled?: boolean;
+    /** Turns the entry into a submenu of selectable choices. */
+    options?: AppSidebarMenuOption[];
+    /** Initially selected option id. Selection is tracked internally afterwards. */
+    selectedOptionId?: string;
+    /**
+     * Mirrors this submenu's selected option as the account block's subtitle —
+     * the "Member / Partner / Trainer" line under the user's name. Set it on the
+     * role switcher so picking a role updates the profile block immediately,
+     * with no round-trip through the host application.
+     */
+    reflectsRole?: boolean;
+}
+/** Payload emitted when a submenu choice is picked. */
+interface AppSidebarMenuOptionChange {
+    /** The menu entry that owns the submenu. */
+    item: AppSidebarMenuItem;
+    /** The chosen option. */
+    option: AppSidebarMenuOption;
+}
+/**
+ * Every user-visible string that is not supplied through data.
+ * Override any subset via the `labels` input to translate the component.
+ */
+interface AppSidebarLabels {
+    /** Aria-label of the rail toggle while the sidebar is expanded. */
+    collapse: string;
+    /** Aria-label of the rail toggle while the sidebar is collapsed. */
+    expand: string;
+    /** Aria-label of the drawer close button on small screens. */
+    closeNavigation: string;
+    /** Aria-label of the `<nav>` landmark. */
+    navigation: string;
+    /** Aria-label of the product switcher trigger. */
+    switchProduct: string;
+    /** Aria-label of the profile trigger. */
+    accountMenu: string;
+    /** Alt text for the logo image. */
+    logo: string;
+}
+/** Default English strings used when `labels` is not overridden. */
+declare const DEFAULT_APP_SIDEBAR_LABELS: AppSidebarLabels;
+
+/**
+ * Locale identifiers shared by the application-shell components.
+ *
+ * The keys are deliberately the same ids the shell's own language picker uses
+ * (`DEFAULT_APP_SIDEBAR_LANGUAGES`), so switching language is a direct lookup:
+ *
+ * ```ts
+ * onLanguage(change: AppSidebarMenuOptionChange) {
+ *   this.locale.set(change.option.id as AppShellLocale);
+ * }
+ * ```
+ *
+ * @module types
+ */
+/** A locale the shell ships translations for. */
+type AppShellLocale = 'en' | 'fr' | 'es' | 'de' | 'ja' | 'ko';
+/** Every shipped locale, in the order the language picker lists them. */
+declare const APP_SHELL_LOCALES: readonly AppShellLocale[];
+/**
+ * A complete set of translations for one label bundle — every locale present,
+ * every key filled. Anything narrower would let a locale fall back to English
+ * silently, which is the failure mode translations exist to prevent.
+ */
+type AppShellTranslations<T> = Record<AppShellLocale, T>;
+/**
+ * Resolve a bundle for a locale, tolerating region tags and unknown input.
+ *
+ * `'fr-CA'` resolves to `fr`; anything unrecognised falls back to `'en'` rather
+ * than rendering blank labels.
+ */
+declare function resolveAppShellLocale(locale: string | null | undefined): AppShellLocale;
+
+/**
+ * Shipped translations for {@link AppSidebarComponent}.
+ *
+ * Nothing the rail renders is hard-coded English: the chrome strings come from
+ * the `labels` input, and the ready-made account menu is built per locale.
+ * These bundles cover the six languages the shell's own picker offers, so
+ * switching language is a lookup rather than a translation project:
+ *
+ * ```ts
+ * labels = computed(() => APP_SIDEBAR_TRANSLATIONS[this.locale()]);
+ * menu   = computed(() => appSidebarMenu(this.locale()));
+ * ```
+ *
+ * Supplying your own strings stays supported — `labels` takes any partial
+ * bundle and merges it over the defaults, so you can override a single word
+ * without restating the rest.
+ *
+ * @module components/app-sidebar
+ */
+
+/** Chrome strings — the labels the rail renders itself, per locale. */
+declare const APP_SIDEBAR_TRANSLATIONS: AppShellTranslations<AppSidebarLabels>;
+/** The label of each entry in the ready-made account menu, per locale. */
+interface AppSidebarMenuStrings {
+    profile: string;
+    role: string;
+    language: string;
+    billing: string;
+    support: string;
+    logout: string;
+    member: string;
+    partner: string;
+    trainer: string;
+}
+/** Account-menu strings per locale. */
+declare const APP_SIDEBAR_MENU_TRANSLATIONS: AppShellTranslations<AppSidebarMenuStrings>;
+/**
+ * The rail's chrome strings for a locale. Accepts region tags (`'fr-CA'`) and
+ * falls back to English for anything unrecognised.
+ */
+declare function appSidebarLabels(locale: string | AppShellLocale): AppSidebarLabels;
+
+/**
+ * Ready-made data for {@link AppSidebarComponent}.
+ *
+ * The account dropdown is the same everywhere in the PECB estate, so it ships
+ * ready to use rather than being retyped per application — and it is built per
+ * locale, so none of its labels are hard-coded English:
+ *
+ * ```ts
+ * menu = computed(() => appSidebarMenu(this.locale()));
+ * ```
+ *
+ * `DEFAULT_APP_SIDEBAR_MENU` is simply the English build. Spread any entry to
+ * adjust it:
+ *
+ * ```ts
+ * menu = appSidebarMenu('fr').map(item =>
+ *   item.id === 'profile' ? { ...item, routerLink: '/me' } : item,
+ * );
+ * ```
+ *
+ * @module components/app-sidebar
+ */
+
+/**
+ * The line icons used by {@link DEFAULT_APP_SIDEBAR_MENU}. Exported so the same
+ * set can be reused for navigation items without redrawing them.
+ */
+declare const APP_SIDEBAR_MENU_ICONS: {
+    profile: string;
+    billing: string;
+    language: string;
+    roles: string;
+    support: string;
+    logout: string;
+    partner: string;
+    trainer: string;
+};
+/**
+ * The languages the account menu offers.
+ *
+ * Endonyms on purpose: a language picker names each language in that language,
+ * so "Deutsch" reads the same whatever the current locale is. These ids are the
+ * {@link AppShellLocale} keys, so a selection maps straight to a translation.
+ */
+declare const DEFAULT_APP_SIDEBAR_LANGUAGES: AppSidebarMenuOption[];
+/** The roles the account menu offers, translated for `locale`. */
+declare function appSidebarRoles(locale?: string | AppShellLocale): AppSidebarMenuOption[];
+/**
+ * The account dropdown, translated for `locale`, in the order the Central Hub
+ * renders it: Profile, Switch Roles, Language, Billing & Payments, Customer
+ * Service, and Log Out below a separator.
+ *
+ * Switch Roles is marked `reflectsRole`, so picking a role updates the line
+ * under the user's name straight away — the profile block doubles as the role
+ * select.
+ *
+ * Pass it straight to the `menu` input, or spread an entry to adjust it.
+ */
+declare function appSidebarMenu(locale?: string | AppShellLocale): AppSidebarMenuItem[];
+/**
+ * The English build of {@link appSidebarMenu}. Kept as a constant for the
+ * common case; call the factory when the shell is localised.
+ */
+declare const DEFAULT_APP_SIDEBAR_MENU: AppSidebarMenuItem[];
+/** The English build of {@link appSidebarRoles}. */
+declare const DEFAULT_APP_SIDEBAR_ROLES: AppSidebarMenuOption[];
+
+/** Which floating layer is currently open. Only one may be open at a time. */
+type AppSidebarLayer = 'product' | 'account' | null;
+/**
+ * Application shell sidebar — the collapsible navigation rail used by the
+ * PECB Central Hub.
+ *
+ * It bundles the four pieces that always ship together: the product switcher,
+ * the navigation tree, the collapse/expand rail, and the account dropdown with
+ * its language / role submenus. Everything is driven by plain data, so a host
+ * application only has to describe its navigation and listen for events.
+ *
+ * **Navigation belongs to the product.** Give each {@link AppSidebarProduct}
+ * its own `items` (or `groups`) and switching product swaps the entire tab set:
+ * a hub product declaring a single Dashboard shows nothing else, and the real
+ * tabs appear only once the user switches into a product. A single-product
+ * shell uses the component-level `items` / `groups` instead.
+ *
+ * **The account block is the role select.** Mark the role submenu
+ * `reflectsRole` and the line under the user's name follows the selection with
+ * no round-trip through the host — see `DEFAULT_APP_SIDEBAR_MENU`.
+ *
+ * **Layout.** The host is a plain flex child that owns its own width, so the
+ * app shell is just a flex row — no magic margins to keep in sync:
+ *
+ * ```html
+ * <div style="display:flex; min-height:100vh">
+ *   <pecb-app-sidebar [items]="nav" [(collapsed)]="collapsed" />
+ *   <main style="flex:1; min-width:0"><!-- page --></main>
+ * </div>
+ * ```
+ *
+ * **Responsive.** Below `mobileBreakpoint` the rail turns into an off-canvas
+ * drawer with a scrim, a focus trap and body scroll-lock. Bind `mobileOpen`
+ * to a hamburger button in the header — `collapsed` is ignored while the
+ * drawer is in play, and navigating closes it automatically.
+ *
+ * **Floating layers** (product menu, account menu, collapsed flyouts and
+ * tooltips) all render through the CDK overlay, so they are never clipped by
+ * the scroll container and reposition themselves inside the viewport.
+ *
+ * @example
+ * ```html
+ * <pecb-app-sidebar
+ *   [logoSrc]="'assets/my-pecb.svg'"
+ *   [collapsedLogoSrc]="'assets/pecb-mark.svg'"
+ *   [products]="products"
+ *   [(activeProductId)]="productId"
+ *   [items]="navItems"
+ *   [(activeItemId)]="activeId"
+ *   [user]="user"
+ *   [menu]="accountMenu"
+ *   [(collapsed)]="collapsed"
+ *   [(mobileOpen)]="drawerOpen"
+ *   (navigate)="go($event)"
+ *   (menuItemClick)="onAccountAction($event)"
+ *   (menuOptionChange)="onLanguageOrRole($event)"
+ * />
+ * ```
+ */
+declare class AppSidebarComponent {
+    private readonly sanitizer;
+    private readonly overlay;
+    private readonly platformId;
+    private readonly destroyRef;
+    private readonly host;
+    /** Logo image URL shown while the sidebar is expanded. */
+    readonly logoSrc: _angular_core.InputSignal<string | undefined>;
+    /** Compact logo/mark image URL shown while the sidebar is collapsed. */
+    readonly collapsedLogoSrc: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline SVG markup for the expanded logo. Preferred over `logoSrc` when both
+     * are given — vector markup stays crisp at any density and inherits colour.
+     */
+    readonly logo: _angular_core.InputSignal<string | undefined>;
+    /** Inline SVG markup for the collapsed mark. Preferred over `collapsedLogoSrc`. */
+    readonly collapsedLogo: _angular_core.InputSignal<string | undefined>;
+    /** Link the logo navigates to. Renders a plain image when omitted. */
+    readonly logoHref: _angular_core.InputSignal<string | undefined>;
+    /** Whether anything was supplied to render in the logo slot. */
+    readonly hasLogo: _angular_core.Signal<boolean>;
+    /** Product switcher entries. The switcher is hidden when empty. */
+    readonly products: _angular_core.InputSignal<AppSidebarProduct[]>;
+    /** Id of the product shown in the switcher trigger. Two-way bindable. */
+    readonly activeProductId: _angular_core.ModelSignal<string | null>;
+    /** Flat navigation list — the common case. Merged after `groups`. */
+    readonly items: _angular_core.InputSignal<AppSidebarNavItem[]>;
+    /** Grouped navigation, for sidebars with titled sections. */
+    readonly groups: _angular_core.InputSignal<AppSidebarNavGroup[]>;
+    /** Id of the highlighted item. Updated on click, so it works uncontrolled. */
+    readonly activeItemId: _angular_core.ModelSignal<string | null>;
+    /** Signed-in user. The account block is hidden when `null`. */
+    readonly user: _angular_core.InputSignal<AppSidebarUser | null>;
+    /** Entries of the account dropdown. The dropdown is skipped when empty. */
+    readonly menu: _angular_core.InputSignal<AppSidebarMenuItem[]>;
+    /** Whether the rail can be collapsed. Hides the toggle when `false`. */
+    readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Collapsed state. Two-way bindable; ignored while the drawer is active. */
+    readonly collapsed: _angular_core.ModelSignal<boolean>;
+    /** Off-canvas drawer state on small screens. Two-way bindable. */
+    readonly mobileOpen: _angular_core.ModelSignal<boolean>;
+    /** Viewport width (px) at or below which the rail becomes a drawer. */
+    readonly mobileBreakpoint: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Expanded rail width in px. Leave unset to inherit
+     * `--pecb-app-sidebar-width` from an ancestor (default 270).
+     */
+    readonly width: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Collapsed rail width in px. Leave unset to inherit
+     * `--pecb-app-sidebar-collapsed-width` from an ancestor (default 84).
+     */
+    readonly collapsedWidth: _angular_core.InputSignal<number | undefined>;
+    /** Keep at most one navigation branch expanded at a time. */
+    readonly autoCollapseSiblings: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * After switching to a product that owns its navigation, land on that
+     * product's first selectable tab and emit `navigate` for it. Turn it off to
+     * leave the rail unselected until the user picks a tab themselves.
+     */
+    readonly autoSelectFirstItem: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Show tooltips beside icons while collapsed. */
+    readonly showTooltips: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * `localStorage` key for persisting the collapsed state. Persistence is off
+     * when omitted; state then lives entirely in the `collapsed` binding.
+     */
+    readonly storageKey: _angular_core.InputSignal<string | undefined>;
+    /** Overrides for user-visible strings. Merged over the English defaults. */
+    readonly labels: _angular_core.InputSignal<Partial<AppSidebarLabels>>;
+    /** A leaf navigation item was activated. */
+    readonly navigate: _angular_core.OutputEmitterRef<AppSidebarNavItem>;
+    /** A product was picked in the switcher. */
+    readonly productChange: _angular_core.OutputEmitterRef<AppSidebarProduct>;
+    /** An account-menu entry without submenu was activated. */
+    readonly menuItemClick: _angular_core.OutputEmitterRef<AppSidebarMenuItem>;
+    /** A submenu choice (language, role, …) was picked. */
+    readonly menuOptionChange: _angular_core.OutputEmitterRef<AppSidebarMenuOptionChange>;
+    /** The account block was clicked while no `menu` is configured. */
+    readonly userClick: _angular_core.OutputEmitterRef<AppSidebarUser>;
+    private readonly mobile;
+    /** `true` while the viewport is at or below `mobileBreakpoint` — i.e. while
+     *  the rail is rendered as an off-canvas drawer. Read it from a template
+     *  reference to show a hamburger only when it is needed. */
+    readonly isMobile: _angular_core.Signal<boolean>;
+    /** Which of the two anchored menus is open. */
+    readonly openLayer: _angular_core.WritableSignal<AppSidebarLayer>;
+    /** Navigation branch shown as a flyout while collapsed. */
+    readonly flyoutItem: _angular_core.WritableSignal<AppSidebarNavItem | null>;
+    /** Account-menu entry whose submenu is open. */
+    readonly submenuItem: _angular_core.WritableSignal<AppSidebarMenuItem | null>;
+    /** Navigation item currently hovered while collapsed. */
+    readonly tooltipItem: _angular_core.WritableSignal<AppSidebarNavItem | null>;
+    /** Anchors for the overlays. Captured on interaction, so the origins stay
+     *  valid across the collapsed / drawer re-layouts. */
+    readonly productOrigin: _angular_core.WritableSignal<HTMLElement | null>;
+    readonly accountOrigin: _angular_core.WritableSignal<HTMLElement | null>;
+    readonly flyoutOrigin: _angular_core.WritableSignal<HTMLElement | null>;
+    readonly submenuOrigin: _angular_core.WritableSignal<HTMLElement | null>;
+    readonly tooltipOrigin: _angular_core.WritableSignal<HTMLElement | null>;
+    /** Ids of expanded navigation branches. */
+    private readonly expandedIds;
+    /** Measured trigger width, so anchored menus line up with their trigger. */
+    private readonly triggerWidth;
+    /**
+     * Selected option per submenu entry. Seeded from the data and updated on
+     * click, so selection is correct even when the host does not feed it back.
+     */
+    private readonly selectedOptionIds;
+    /** Sanitised icon markup, cached so change detection does not re-sanitise. */
+    private readonly iconCache;
+    /**
+     * Overlays follow their anchor while the sidebar scrolls.
+     *
+     * A `ScrollStrategy` instance belongs to exactly one overlay, and the account
+     * menu and its submenu are open at the same time — so each layer gets its own.
+     */
+    readonly productScroll: ScrollStrategy;
+    readonly accountScroll: ScrollStrategy;
+    readonly submenuScroll: ScrollStrategy;
+    readonly flyoutScroll: ScrollStrategy;
+    readonly tooltipScroll: ScrollStrategy;
+    private repositionScroll;
+    /** Resolved strings, defaults merged with the `labels` overrides. */
+    readonly text: _angular_core.Signal<AppSidebarLabels>;
+    /** `true` only when the rail is genuinely rendered narrow (never on mobile). */
+    readonly isCollapsed: _angular_core.Signal<boolean>;
+    /**
+     * The navigation the rail is currently showing.
+     *
+     * A product that declares its own `items` / `groups` owns the rail outright,
+     * so switching product swaps the whole tab set. Otherwise the component-level
+     * navigation is used: `groups` first, then a trailing untitled group for the
+     * flat `items` list.
+     */
+    readonly navGroups: _angular_core.Signal<AppSidebarNavGroup[]>;
+    /** Flattened lookup used for active-branch resolution. */
+    private readonly allItems;
+    /** The product rendered in the switcher trigger. */
+    readonly activeProduct: _angular_core.Signal<AppSidebarProduct | null>;
+    /** Product entries grouped by their `section`, preserving declaration order. */
+    readonly productSections: _angular_core.Signal<{
+        key: string;
+        label?: string;
+        products: AppSidebarProduct[];
+    }[]>;
+    /**
+     * The subtitle under the user's name.
+     *
+     * A submenu marked `reflectsRole` (the role switcher) wins over the static
+     * `user.role`, so the profile block always shows the role that is selected —
+     * the host does not have to feed the choice back in.
+     */
+    readonly accountRole: _angular_core.Signal<string | null>;
+    /** Width applied to the anchored menus — matched to the trigger they open from. */
+    readonly menuWidth: _angular_core.Signal<number>;
+    /** Product menu: under the trigger when expanded, beside it when collapsed. */
+    readonly productPositions: _angular_core.Signal<ConnectedPosition[]>;
+    /** Account menu: above the trigger when expanded, beside it when collapsed. */
+    readonly accountPositions: _angular_core.Signal<ConnectedPosition[]>;
+    /** Flyouts and submenus sit beside their anchor and flip when short on room. */
+    readonly flyoutPositions: ConnectedPosition[];
+    /** Tooltips sit to the right of the icon, vertically centred. */
+    readonly tooltipPositions: ConnectedPosition[];
+    private sidePositions;
+    constructor();
+    /** Collapse or expand the rail. No-op when `collapsible` is `false`. */
+    toggleCollapsed(): void;
+    /** Open the off-canvas drawer. */
+    openMobile(): void;
+    /** Close the off-canvas drawer. */
+    closeMobile(): void;
+    /** Toggle the off-canvas drawer — wire this to a header hamburger. */
+    toggleMobile(): void;
+    /** Close the product menu, the account menu and every flyout. */
+    closeAllLayers(): void;
+    /** `true` when the item itself is the active one. */
+    isActive(item: AppSidebarNavItem): boolean;
+    /** `true` when the item or any descendant is active. */
+    isActiveBranch(item: AppSidebarNavItem): boolean;
+    /** `true` when the item's inline branch is open. */
+    isExpanded(item: AppSidebarNavItem): boolean;
+    /**
+     * Class list for one navigation entry.
+     *
+     * Built here rather than as a stack of `[class.…]` bindings because the same
+     * markup is emitted from three branches (routerLink / href / button) at three
+     * depths — one source of truth keeps them from drifting apart.
+     */
+    navItemClass(item: AppSidebarNavItem, depth: number): string;
+    /**
+     * Handle a click on a navigation item, in the rail or inside a flyout.
+     *
+     * Branches toggle — inline while expanded, as a flyout while collapsed —
+     * and leaves become the active item, emit `navigate` and close the drawer.
+     */
+    onNavClick(item: AppSidebarNavItem, event: MouseEvent, source?: 'rail' | 'flyout'): void;
+    private toggleExpanded;
+    private siblingsOf;
+    /** Open or close the product menu, anchoring it to the trigger. */
+    toggleProductMenu(event: MouseEvent): void;
+    /** Class list for one product-menu entry. */
+    productItemClass(product: AppSidebarProduct): string;
+    /**
+     * Pick a product.
+     *
+     * When the product owns its navigation the rail swaps tab sets, so the stale
+     * expansion state is dropped and — unless `autoSelectFirstItem` is off — the
+     * rail lands on the new product's first selectable tab, emitting `navigate`
+     * for it so the host can route in the one place it already listens.
+     */
+    selectProduct(product: AppSidebarProduct, event: MouseEvent): void;
+    /** The first enabled leaf of the current navigation, depth-first. */
+    private firstSelectableItem;
+    /** Open or close the account dropdown. */
+    toggleAccountMenu(event: MouseEvent): void;
+    /** Class list for one account-menu entry. */
+    menuRowClass(item: AppSidebarMenuItem): string;
+    /** Handle a click on an account-menu entry. */
+    onMenuItemClick(item: AppSidebarMenuItem, event: MouseEvent): void;
+    /** Pick a submenu choice; emits `menuOptionChange`. */
+    selectMenuOption(item: AppSidebarMenuItem, option: AppSidebarMenuOption): void;
+    /** `true` when `option` is the current choice of `item`. */
+    isOptionSelected(item: AppSidebarMenuItem, option: AppSidebarMenuOption): boolean;
+    /** Show the collapsed-mode tooltip for a navigation item. */
+    onItemEnter(item: AppSidebarNavItem, event: Event): void;
+    /** Hide the collapsed-mode tooltip. */
+    onItemLeave(): void;
+    /**
+     * Trust inline SVG markup supplied through the data inputs.
+     *
+     * Icons come from the host application's own code, never from user input —
+     * the same contract as the rest of the library's icon inputs. Results are
+     * cached so repeated change detection does not re-run the sanitizer.
+     */
+    safeIcon(markup: string): SafeHtml;
+    /** Initials fallback for the avatar, derived from the name when not given. */
+    userInitials(user: AppSidebarUser): string;
+    /** Close everything on Escape; a second Escape closes the mobile drawer. */
+    onEscape(): void;
+    /** Close only the submenu layer — used when the parent menu is dismissed. */
+    onMenuOutsideClick(): void;
+    private measureTrigger;
+    /**
+     * Restore the collapsed state from `localStorage` once the key is known
+     * (inputs are not available in the constructor), then keep writing it back.
+     *
+     * Split across two effects so the restoring write never re-triggers the
+     * effect that performed it.
+     */
+    private syncCollapsedWithStorage;
+    private readStoredCollapsed;
+    private trackViewport;
+    private lockBodyScroll;
+    /** The host element — handy for hosts that need to measure the rail. */
+    get element(): HTMLElement;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppSidebarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppSidebarComponent, "pecb-app-sidebar", never, { "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "collapsedLogoSrc": { "alias": "collapsedLogoSrc"; "required": false; "isSignal": true; }; "logo": { "alias": "logo"; "required": false; "isSignal": true; }; "collapsedLogo": { "alias": "collapsedLogo"; "required": false; "isSignal": true; }; "logoHref": { "alias": "logoHref"; "required": false; "isSignal": true; }; "products": { "alias": "products"; "required": false; "isSignal": true; }; "activeProductId": { "alias": "activeProductId"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "activeItemId": { "alias": "activeItemId"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "menu": { "alias": "menu"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "mobileOpen": { "alias": "mobileOpen"; "required": false; "isSignal": true; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "autoCollapseSiblings": { "alias": "autoCollapseSiblings"; "required": false; "isSignal": true; }; "autoSelectFirstItem": { "alias": "autoSelectFirstItem"; "required": false; "isSignal": true; }; "showTooltips": { "alias": "showTooltips"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, { "activeProductId": "activeProductIdChange"; "activeItemId": "activeItemIdChange"; "collapsed": "collapsedChange"; "mobileOpen": "mobileOpenChange"; "navigate": "navigate"; "productChange": "productChange"; "menuItemClick": "menuItemClick"; "menuOptionChange": "menuOptionChange"; "userClick": "userClick"; }, never, ["[appSidebarHeader]", "[appSidebarPromo]", "[appSidebarFooter]"], true, never>;
+}
+
+/**
+ * Public data contracts for {@link AppHeaderComponent}.
+ *
+ * @module components/app-header
+ */
+/** Colour treatment of the status chip beside the page title. */
+type AppHeaderChipTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+/** The small pill beside the page title — a role, a state, a plan. */
+interface AppHeaderChip {
+    /** Visible text. */
+    label: string;
+    /** Colour treatment. Defaults to `success`, matching the Central Hub role chip. */
+    tone?: AppHeaderChipTone;
+}
+/** An icon button in the header's action cluster (cart, help, …). */
+interface AppHeaderAction {
+    /** Stable identity, echoed back on `actionClick`. */
+    id: string;
+    /** Inline SVG markup for the glyph. */
+    icon: string;
+    /** Accessible name. Also used as the native tooltip. */
+    label: string;
+    /**
+     * Corner badge. A `0` renders nothing, so a cart count can be bound
+     * unconditionally.
+     */
+    badge?: number | string;
+    /** Renders the button as a link. */
+    href?: string;
+    /** Anchor target, e.g. `_blank`. Only applies when `href` is set. */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    /** Renders the action non-interactive. */
+    disabled?: boolean;
+}
+/** One entry in the notification dropdown. */
+interface AppHeaderNotification {
+    /** Stable identity, echoed back on `notificationClick`. */
+    id: string;
+    /** Headline text. */
+    title: string;
+    /** Secondary line — timestamp, priority, … */
+    meta?: string;
+    /** Read entries lose the tint and the unread dot. */
+    read?: boolean;
+    /** Inline SVG markup for the leading tile. */
+    icon?: string;
+    /** Tile foreground colour, e.g. `#a11e29`. */
+    iconColor?: string;
+    /** Tile background colour, e.g. `#fbeaea`. */
+    iconBackground?: string;
+}
+/**
+ * Every user-visible string the header renders itself.
+ * Override any subset via the `labels` input to translate the component.
+ */
+interface AppHeaderLabels {
+    /** Aria-label of the hamburger. */
+    openNavigation: string;
+    /** Aria-label of the bell button. */
+    notifications: string;
+    /** Heading of the notification dropdown. */
+    notificationsTitle: string;
+    /** Footer link of the notification dropdown. */
+    viewAll: string;
+    /** Shown when there is nothing to report. */
+    empty: string;
+    /**
+     * Screen-reader suffix for the unread count on the bell.
+     * `{n}` is replaced with the number.
+     */
+    unreadCount: string;
+}
+/** Default English strings used when `labels` is not overridden. */
+declare const DEFAULT_APP_HEADER_LABELS: AppHeaderLabels;
+
+/**
+ * Shipped translations for {@link AppHeaderComponent}.
+ *
+ * Every string the bar renders itself lives here; the title, chip, actions and
+ * notifications are consumer data and are translated wherever that data comes
+ * from.
+ *
+ * ```ts
+ * labels = computed(() => APP_HEADER_TRANSLATIONS[this.locale()]);
+ * ```
+ *
+ * @module components/app-header
+ */
+
+/**
+ * Chrome strings per locale.
+ *
+ * `unreadCount` carries a `{n}` placeholder that the component substitutes, so
+ * each locale controls where the number sits — Japanese and Korean put it after
+ * the word, unlike the European forms.
+ */
+declare const APP_HEADER_TRANSLATIONS: AppShellTranslations<AppHeaderLabels>;
+/**
+ * The bar's chrome strings for a locale. Accepts region tags (`'fr-CA'`) and
+ * falls back to English for anything unrecognised.
+ */
+declare function appHeaderLabels(locale: string | AppShellLocale): AppHeaderLabels;
+
+/**
+ * Application shell header — the bar that sits above the page beside
+ * {@link AppSidebarComponent}.
+ *
+ * Page title, an optional status chip, a cluster of icon actions with corner
+ * badges, and the notification bell with its dropdown (unread tint, coloured
+ * icon tiles, "view all" footer and an empty state).
+ *
+ * It pairs with the sidebar without either knowing about the other — bind the
+ * hamburger to the rail's own drawer state:
+ *
+ * ```html
+ * <div style="display:flex; min-height:100vh">
+ *   <pecb-app-sidebar #rail [items]="nav" [(mobileOpen)]="drawerOpen" />
+ *   <div style="flex:1; min-width:0">
+ *     <pecb-app-header
+ *       heading="Central Hub"
+ *       [chip]="{ label: 'Member' }"
+ *       [actions]="[cart]"
+ *       [notifications]="notifications"
+ *       [showMenuButton]="rail.isMobile()"
+ *       (menuClick)="rail.toggleMobile()"
+ *       (actionClick)="onAction($event)"
+ *       (notificationClick)="open($event)"
+ *       (viewAllNotifications)="goToInbox()"
+ *     />
+ *     <main><!-- page --></main>
+ *   </div>
+ * </div>
+ * ```
+ *
+ * The dropdown renders through the CDK overlay, so it is never clipped by the
+ * header's own stacking context and repositions itself inside the viewport.
+ */
+declare class AppHeaderComponent {
+    private readonly sanitizer;
+    private readonly overlay;
+    /** Page title. Omit it and project `[appHeaderTitle]` for custom markup. */
+    readonly heading: _angular_core.InputSignal<string | undefined>;
+    /** Status pill shown beside the title. */
+    readonly chip: _angular_core.InputSignal<AppHeaderChip | null>;
+    /** Icon buttons in the action cluster, in render order. */
+    readonly actions: _angular_core.InputSignal<AppHeaderAction[]>;
+    /** Whether the notification bell is rendered. */
+    readonly showNotifications: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Notification entries. An empty list renders the dropdown's empty state. */
+    readonly notifications: _angular_core.InputSignal<AppHeaderNotification[]>;
+    /** How many entries the dropdown shows before the "view all" footer. */
+    readonly notificationsLimit: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Whether the dropdown is open. Two-way bindable. */
+    readonly notificationsOpen: _angular_core.ModelSignal<boolean>;
+    /**
+     * Whether the hamburger is rendered. Bind it to the sidebar's drawer state —
+     * `[showMenuButton]="rail.isMobile()"` — so the two never disagree.
+     */
+    readonly showMenuButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Keeps the header pinned while the page scrolls. */
+    readonly sticky: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Overrides for user-visible strings. Merged over the English defaults. */
+    readonly labels: _angular_core.InputSignal<Partial<AppHeaderLabels>>;
+    /** The hamburger was pressed. */
+    readonly menuClick: _angular_core.OutputEmitterRef<void>;
+    /** An action button was pressed. */
+    readonly actionClick: _angular_core.OutputEmitterRef<AppHeaderAction>;
+    /** A notification entry was pressed. */
+    readonly notificationClick: _angular_core.OutputEmitterRef<AppHeaderNotification>;
+    /** The dropdown's footer link was pressed. */
+    readonly viewAllNotifications: _angular_core.OutputEmitterRef<void>;
+    /** Anchor for the notification overlay, captured when the bell is pressed. */
+    readonly bellOrigin: _angular_core.WritableSignal<HTMLElement | null>;
+    /** The dropdown follows the bell while the page scrolls. */
+    readonly scrollStrategy: ScrollStrategy;
+    /** Below the bell, right-aligned; flips above when there is no room. */
+    readonly overlayPositions: ConnectedPosition[];
+    /** Resolved strings, defaults merged with the `labels` overrides. */
+    readonly text: _angular_core.Signal<AppHeaderLabels>;
+    /** How many notifications are unread. */
+    readonly unreadCount: _angular_core.Signal<number>;
+    /** The slice shown in the dropdown. */
+    readonly visibleNotifications: _angular_core.Signal<AppHeaderNotification[]>;
+    /** Screen-reader text for the bell's unread badge. */
+    readonly unreadLabel: _angular_core.Signal<string>;
+    /** Open or close the notification dropdown. */
+    toggleNotifications(event: MouseEvent): void;
+    /** Close the notification dropdown. */
+    closeNotifications(): void;
+    /** Handle a press on an action button. */
+    onActionClick(action: AppHeaderAction, event: MouseEvent): void;
+    /** Handle a press on a notification entry. */
+    onNotificationClick(notification: AppHeaderNotification): void;
+    /** Handle a press on the dropdown footer. */
+    onViewAll(): void;
+    /** A badge renders only for a non-zero count or a non-empty string. */
+    hasBadge(action: AppHeaderAction): boolean;
+    /** Class list for the status chip. */
+    chipClass(chip: AppHeaderChip): string;
+    /**
+     * Trust inline SVG markup supplied through the data inputs.
+     *
+     * Icons come from the host application's own code, never from user input.
+     * Results are cached so change detection does not re-run the sanitizer.
+     */
+    safeIcon(markup: string): SafeHtml;
+    private readonly iconCache;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AppHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AppHeaderComponent, "pecb-app-header", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "chip": { "alias": "chip"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showNotifications": { "alias": "showNotifications"; "required": false; "isSignal": true; }; "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "notificationsLimit": { "alias": "notificationsLimit"; "required": false; "isSignal": true; }; "notificationsOpen": { "alias": "notificationsOpen"; "required": false; "isSignal": true; }; "showMenuButton": { "alias": "showMenuButton"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, { "notificationsOpen": "notificationsOpenChange"; "menuClick": "menuClick"; "actionClick": "actionClick"; "notificationClick": "notificationClick"; "viewAllNotifications": "viewAllNotifications"; }, never, ["[appHeaderStart]", "[appHeaderTitle]", "[appHeaderEnd]"], true, never>;
+}
+
 type ConfirmationIconType = 'success' | 'warning' | 'error' | 'info';
 declare class ConfirmationComponent implements OnDestroy {
     id: _angular_core.InputSignal<string>;
@@ -1169,7 +2128,7 @@ declare class ConfirmationComponent implements OnDestroy {
 }
 
 type AlertType = 'info' | 'success' | 'warning' | 'error';
-type AlertVariant = 'banner' | 'filled';
+type AlertVariant = 'banner' | 'filled' | 'callout';
 declare class AlertComponent implements OnDestroy {
     type: _angular_core.InputSignal<AlertType>;
     variant: _angular_core.InputSignal<AlertVariant>;
@@ -1478,14 +2437,14 @@ declare class TooltipDirective implements OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[pecbTooltip]", never, { "pecbTooltip": { "alias": "pecbTooltip"; "required": false; "isSignal": true; }; "tooltipTitle": { "alias": "tooltipTitle"; "required": false; "isSignal": true; }; "tooltipTheme": { "alias": "tooltipTheme"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipTrigger": { "alias": "tooltipTrigger"; "required": false; "isSignal": true; }; "tooltipPrimaryCta": { "alias": "tooltipPrimaryCta"; "required": false; "isSignal": true; }; "tooltipSecondaryCta": { "alias": "tooltipSecondaryCta"; "required": false; "isSignal": true; }; }, { "tooltipPrimaryCtaClick": "tooltipPrimaryCtaClick"; "tooltipSecondaryCtaClick": "tooltipSecondaryCtaClick"; }, never, never, true, never>;
 }
 
-type MetricsCardVariation = '1' | '2' | '3' | '4' | '5' | '6';
+type MetricsCardVariation = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8';
 type MetricsCardType = 'data+cta' | 'data-only';
 type MetricsCardOrientation = 'left-aligned' | 'center';
 type MetricsCardBadgeStatus = 'success' | 'warning' | 'error' | 'info';
-type MetricsCardIconBg = 'white' | 'pending' | 'success' | 'error' | 'info' | 'purple';
+type MetricsCardIconBg = 'white' | 'gray' | 'pending' | 'success' | 'error' | 'info' | 'purple';
 declare class MetricsCardComponent {
     private sanitizer;
-    /** Layout variation (1–6) matching the Figma design */
+    /** Layout variation (1–8) matching the Figma design; 7 is the member-dashboard enroll card, 8 the compact stat tile (value → label, small icon top-right) */
     variation: _angular_core.InputSignal<MetricsCardVariation>;
     /** Whether to render a CTA button/link */
     type: _angular_core.InputSignal<MetricsCardType>;
@@ -1524,7 +2483,7 @@ declare class MetricsCardComponent {
     ctaClicked: _angular_core.OutputEmitterRef<void>;
     safeIconSvg: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
     get hostClasses(): string;
-    /** Footer CTA renders for variations 2, 3, 4 (left-aligned) and 6 (center) */
+    /** Footer CTA renders for variations 2, 3, 4, 8 (left-aligned) and 6 (center) */
     get showFooterCta(): boolean;
     /** Inline CTA link renders for variations 1 and 5 */
     get showInlineCta(): boolean;
@@ -1539,6 +2498,495 @@ declare class MetricsCardComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MetricsCardComponent, "pecb-metrics-card", never, { "variation": { "alias": "variation"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "hasBadge": { "alias": "hasBadge"; "required": false; "isSignal": true; }; "badgeText": { "alias": "badgeText"; "required": false; "isSignal": true; }; "badgeStatus": { "alias": "badgeStatus"; "required": false; "isSignal": true; }; "hasDescription": { "alias": "hasDescription"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "ctaText": { "alias": "ctaText"; "required": false; "isSignal": true; }; "hasIcon": { "alias": "hasIcon"; "required": false; "isSignal": true; }; "iconSvg": { "alias": "iconSvg"; "required": false; "isSignal": true; }; "iconBg": { "alias": "iconBg"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "subtext": { "alias": "subtext"; "required": false; "isSignal": true; }; }, { "ctaClicked": "ctaClicked"; }, never, never, true, never>;
 }
 
+/**
+ * Badge variant type.
+ * - `dot`: small 6px red dot indicator
+ * - `count`: numbered badge (default or small size)
+ * - `status`: colored dot + text label
+ * - `soft`: dot-less pill — tinted background + colored text (uses `status` for the tone)
+ * - `ribbon`: colored tag with bottom-right arrow fold
+ */
+type BadgeVariant = 'dot' | 'count' | 'status' | 'soft' | 'ribbon';
+/**
+ * Count badge size.
+ * - `default`: 20px height, 14px font
+ * - `small`: 14px height, 12px font
+ */
+type BadgeSize = 'default' | 'small';
+/**
+ * Status badge type — determines the dot color.
+ */
+type BadgeStatus = 'success' | 'error' | 'default' | 'processing' | 'warning';
+/**
+ * Ribbon badge color.
+ */
+type RibbonColor = 'blue' | 'orange' | 'gray' | 'red' | 'purple' | 'green' | 'black';
+/**
+ * Badge component matching the PECB Figma design system.
+ *
+ * Three sub-types: Basic (dot/count), Status (dot + label), Ribbon (colored tag).
+ *
+ * @example
+ * ```html
+ * <!-- Dot indicator -->
+ * <pecb-badge variant="dot"></pecb-badge>
+ *
+ * <!-- Count badge -->
+ * <pecb-badge variant="count" [count]="21"></pecb-badge>
+ * <pecb-badge variant="count" [count]="5" size="small"></pecb-badge>
+ *
+ * <!-- Status badge -->
+ * <pecb-badge variant="status" status="success"></pecb-badge>
+ * <pecb-badge variant="status" status="error" label="Failed"></pecb-badge>
+ *
+ * <!-- Ribbon badge -->
+ * <pecb-badge variant="ribbon" ribbonColor="blue" text="New"></pecb-badge>
+ * ```
+ */
+declare class BadgeComponent {
+    /** Unique element ID */
+    id: _angular_core.InputSignal<string>;
+    /** Badge variant */
+    variant: _angular_core.InputSignal<BadgeVariant>;
+    /** Count number (for variant='count') */
+    count: _angular_core.InputSignal<number>;
+    /** Max count before showing "99+" (for variant='count') */
+    maxCount: _angular_core.InputSignal<number>;
+    /** Count badge size */
+    size: _angular_core.InputSignal<BadgeSize>;
+    /** Status type (for variant='status') */
+    status: _angular_core.InputSignal<BadgeStatus>;
+    /** Label text (for variant='status'). Defaults to the status name. */
+    label: _angular_core.InputSignal<string>;
+    /** Whether to show the label text (for variant='status') */
+    showLabel: _angular_core.InputSignal<boolean>;
+    /** Ribbon color (for variant='ribbon') */
+    ribbonColor: _angular_core.InputSignal<RibbonColor>;
+    /** Ribbon/badge text (for variant='ribbon') */
+    text: _angular_core.InputSignal<string>;
+    /** Aria-label for the dot indicator (variant='dot'). */
+    notificationAriaLabel: _angular_core.InputSignal<string>;
+    /** Word appended after the count in the count badge's aria-label (variant='count'). */
+    notificationsLabel: _angular_core.InputSignal<string>;
+    /** Formatted count display */
+    displayCount: _angular_core.Signal<string>;
+    /** Status label — uses explicit label or falls back to status name */
+    statusLabel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "pecb-badge", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "maxCount": { "alias": "maxCount"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "ribbonColor": { "alias": "ribbonColor"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "notificationAriaLabel": { "alias": "notificationAriaLabel"; "required": false; "isSignal": true; }; "notificationsLabel": { "alias": "notificationsLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Tint applied to the head icon (and mapped to the status pill colour). */
+type CredentialCardTone = 'success' | 'warning' | 'error' | 'neutral';
+/** Plain label/value line in the card body (e.g. Issued / Expires). */
+interface CredentialCardMetaRow {
+    label: string;
+    value: string;
+}
+/** Progress line with a bar and an inline "+" action (e.g. earned credits, paid fees). */
+interface CredentialCardProgress {
+    /** Echoed back on (progressAction) */
+    id: string;
+    label: string;
+    /** Right-aligned counter text, e.g. "30/90" */
+    valueText: string;
+    /** 0-100; colours the bar: 100 green, >=50 orange, below red */
+    percent: number;
+    /** Disables the "+" button (e.g. requirement already met) */
+    actionDisabled?: boolean;
+    actionAriaLabel?: string;
+}
+/** Footer action button. */
+interface CredentialCardAction {
+    /** Echoed back on (actionClick) */
+    id: string;
+    label: string;
+    /** 'primary' = solid dark, 'ghost' = outline; defaults to 'ghost' */
+    variant?: 'primary' | 'ghost';
+    /** Raw SVG string rendered before the label */
+    icon?: string;
+    disabled?: boolean;
+}
+/**
+ * Credential card — a summary tile for a credential/qualification.
+ *
+ * Composes the head (award icon + status pill + title), a digital-badge row with a Claim/View button, meta rows, progress bars with inline "+" actions, a
+ * tinted notice (expired/suspended/revoked/pending reasons — supports <b> markup),
+ * footer action buttons, an optional centered link and an optional muted footnote.
+ * Purely presentational: every interaction surfaces through outputs.
+ */
+declare class CredentialCardComponent {
+    private sanitizer;
+    /** Credential title */
+    title: _angular_core.InputSignal<string>;
+    /** Head icon tint + status pill colour */
+    tone: _angular_core.InputSignal<CredentialCardTone>;
+    /** Status pill text; pill hidden when empty */
+    statusLabel: _angular_core.InputSignal<string>;
+    /** Show the badge (digital badge) row */
+    showBadge: _angular_core.InputSignal<boolean>;
+    /** Badge row label */
+    badgeLabel: _angular_core.InputSignal<string>;
+    /** Whether the digital badge has been claimed */
+    badgeClaimed: _angular_core.InputSignal<boolean>;
+    claimedLabel: _angular_core.InputSignal<string>;
+    notClaimedLabel: _angular_core.InputSignal<string>;
+    /** Claim/View button text; button hidden when empty */
+    badgeButtonLabel: _angular_core.InputSignal<string>;
+    /** Label/value lines (Issued, Expires, ...) */
+    metaRows: _angular_core.InputSignal<CredentialCardMetaRow[]>;
+    /** Progress lines (credits, fees, ...) */
+    progressRows: _angular_core.InputSignal<CredentialCardProgress[]>;
+    /** Notice text (supports <b>); hidden when empty */
+    noticeText: _angular_core.InputSignal<string>;
+    /** Notice tint */
+    noticeTone: _angular_core.InputSignal<"error" | "warning">;
+    /** Footer buttons */
+    actions: _angular_core.InputSignal<CredentialCardAction[]>;
+    /** 'row' = side by side, 'stack' = full-width column */
+    actionsLayout: _angular_core.InputSignal<"row" | "stack">;
+    /** Centered text link under the actions (e.g. a policy link); hidden when empty */
+    linkLabel: _angular_core.InputSignal<string>;
+    /** Muted centered footnote (e.g. an in-progress note); hidden when empty */
+    footnote: _angular_core.InputSignal<string>;
+    /** Claim/View button clicked */
+    badgeAction: _angular_core.OutputEmitterRef<void>;
+    /** A progress row's "+" clicked — emits the row id */
+    progressAction: _angular_core.OutputEmitterRef<string>;
+    /** A footer action clicked — emits the action id */
+    actionClick: _angular_core.OutputEmitterRef<string>;
+    /** The centered link clicked */
+    linkClick: _angular_core.OutputEmitterRef<void>;
+    readonly awardIcon: _angular_platform_browser.SafeHtml;
+    readonly plusIcon: _angular_platform_browser.SafeHtml;
+    readonly safeNotice: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
+    readonly pillStatus: _angular_core.Signal<BadgeStatus>;
+    clampPercent(percent: number): number;
+    barToneClass(percent: number): string;
+    actionClass(action: CredentialCardAction): string;
+    safeSvg(svg: string | undefined): _angular_platform_browser.SafeHtml | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CredentialCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CredentialCardComponent, "pecb-credential-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "badgeLabel": { "alias": "badgeLabel"; "required": false; "isSignal": true; }; "badgeClaimed": { "alias": "badgeClaimed"; "required": false; "isSignal": true; }; "claimedLabel": { "alias": "claimedLabel"; "required": false; "isSignal": true; }; "notClaimedLabel": { "alias": "notClaimedLabel"; "required": false; "isSignal": true; }; "badgeButtonLabel": { "alias": "badgeButtonLabel"; "required": false; "isSignal": true; }; "metaRows": { "alias": "metaRows"; "required": false; "isSignal": true; }; "progressRows": { "alias": "progressRows"; "required": false; "isSignal": true; }; "noticeText": { "alias": "noticeText"; "required": false; "isSignal": true; }; "noticeTone": { "alias": "noticeTone"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; "isSignal": true; }; "linkLabel": { "alias": "linkLabel"; "required": false; "isSignal": true; }; "footnote": { "alias": "footnote"; "required": false; "isSignal": true; }; }, { "badgeAction": "badgeAction"; "progressAction": "progressAction"; "actionClick": "actionClick"; "linkClick": "linkClick"; }, never, never, true, never>;
+}
+
+/**
+ * Payment plan card — one selectable payment option (e.g. "Pay annually" vs
+ * "Pay full cycle"): centered title/description, applied-benefit chips, an
+ * old/new price pair, a tinted bullet box and a full-width action button.
+ * `emphasized` renders the dark-border "best value" treatment with an optional
+ * corner badge (e.g. "Save $65").
+ */
+declare class PaymentPlanCardComponent {
+    private sanitizer;
+    title: _angular_core.InputSignal<string>;
+    /** Short line under the title */
+    description: _angular_core.InputSignal<string>;
+    /** Corner badge text (e.g. "Save $65"); hidden when empty */
+    badgeText: _angular_core.InputSignal<string>;
+    /** Small check-prefixed chips above the price (e.g. "Cap Applied") */
+    appliedChips: _angular_core.InputSignal<string[]>;
+    /** Struck-through price, hidden when empty (e.g. "$780.00") */
+    oldPriceText: _angular_core.InputSignal<string>;
+    /** Highlighted price (e.g. "$585.00") */
+    priceText: _angular_core.InputSignal<string>;
+    /** Muted line under the price */
+    subText: _angular_core.InputSignal<string>;
+    /** Tinted box bullet lines — support <b> markup */
+    bullets: _angular_core.InputSignal<string[]>;
+    buttonLabel: _angular_core.InputSignal<string>;
+    buttonVariant: _angular_core.InputSignal<"primary" | "ghost">;
+    buttonDisabled: _angular_core.InputSignal<boolean>;
+    /** Dark-border "best value" treatment */
+    emphasized: _angular_core.InputSignal<boolean>;
+    action: _angular_core.OutputEmitterRef<void>;
+    readonly safeBullets: _angular_core.Signal<_angular_platform_browser.SafeHtml[]>;
+    get cardClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaymentPlanCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaymentPlanCardComponent, "pecb-payment-plan-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "badgeText": { "alias": "badgeText"; "required": false; "isSignal": true; }; "appliedChips": { "alias": "appliedChips"; "required": false; "isSignal": true; }; "oldPriceText": { "alias": "oldPriceText"; "required": false; "isSignal": true; }; "priceText": { "alias": "priceText"; "required": false; "isSignal": true; }; "subText": { "alias": "subText"; "required": false; "isSignal": true; }; "bullets": { "alias": "bullets"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "buttonVariant": { "alias": "buttonVariant"; "required": false; "isSignal": true; }; "buttonDisabled": { "alias": "buttonDisabled"; "required": false; "isSignal": true; }; "emphasized": { "alias": "emphasized"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, never, true, never>;
+}
+
+/** One line of the payment summary. */
+interface PaymentSummaryRow {
+    label: string;
+    valueText: string;
+    /** 'success' tints the value green (e.g. a discount) */
+    highlight?: 'success' | 'none';
+    /** Bold/large emphasis (e.g. the final total) */
+    emphasis?: boolean;
+}
+/**
+ * Payment summary panel — totals rows, an optional savings note, projected
+ * content (e.g. a tax breakdown) and a full-width pay button. Presentational;
+ * make it sticky from the consumer when needed.
+ */
+declare class PaymentSummaryComponent {
+    heading: _angular_core.InputSignal<string>;
+    rows: _angular_core.InputSignal<PaymentSummaryRow[]>;
+    /** Muted line under the rows (e.g. "You save $65.00"); hidden when empty */
+    saveNote: _angular_core.InputSignal<string>;
+    buttonLabel: _angular_core.InputSignal<string>;
+    buttonDisabled: _angular_core.InputSignal<boolean>;
+    action: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaymentSummaryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaymentSummaryComponent, "pecb-payment-summary", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "saveNote": { "alias": "saveNote"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "buttonDisabled": { "alias": "buttonDisabled"; "required": false; "isSignal": true; }; }, { "action": "action"; }, never, ["*"], true, never>;
+}
+
+/** One period checkbox of a schedule card. Fully controlled by the consumer. */
+interface PaymentScheduleCardPeriod {
+    /** Echoed back on (periodToggle) */
+    id: string | number;
+    label: string;
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Already paid — checked and locked */
+    paid?: boolean;
+    /** Payment already initiated (open invoice) — locked and highlighted */
+    pending?: boolean;
+    disabled?: boolean;
+    /** Tooltip (e.g. why this period is locked, or its invoice reference) */
+    hint?: string;
+    /** Small badge after the label (e.g. "Free") */
+    badge?: string;
+}
+type PaymentScheduleCardTone = 'success' | 'warning' | 'error' | 'neutral';
+/** Meta column of the card header (e.g. Obtained in / Expires). */
+interface PaymentScheduleCardMeta {
+    label: string;
+    value: string;
+}
+/** Quick action rendered in the expanded body. */
+interface PaymentScheduleCardAction {
+    id: string;
+    label: string;
+    variant?: 'primary' | 'ghost';
+    disabled?: boolean;
+}
+/**
+ * Payment schedule card — a collapsible per-item card (e.g. one credential)
+ * with status-tinted border, meta columns, period checkboxes, quick actions
+ * and a per-item total. Selection state is fully controlled by the consumer:
+ * the card only reports (periodToggle) and never decides eligibility itself.
+ */
+declare class PaymentScheduleCardComponent {
+    title: _angular_core.InputSignal<string>;
+    /** Small chip next to the title (e.g. "Cycle 1") */
+    tagLabel: _angular_core.InputSignal<string>;
+    /** Border/status tint */
+    tone: _angular_core.InputSignal<PaymentScheduleCardTone>;
+    /** Leading round status icon tinted by tone */
+    showStatusIcon: _angular_core.InputSignal<boolean>;
+    /** Status pill text (e.g. "Overdue"); hidden when empty */
+    statusLabel: _angular_core.InputSignal<string>;
+    meta: _angular_core.InputSignal<PaymentScheduleCardMeta[]>;
+    periods: _angular_core.InputSignal<PaymentScheduleCardPeriod[]>;
+    actions: _angular_core.InputSignal<PaymentScheduleCardAction[]>;
+    /** Per-item amount shown in the expanded body (e.g. "$260.00"); hidden when empty */
+    totalText: _angular_core.InputSignal<string>;
+    /** Expanded body heading (e.g. "Payment Options"); hidden when empty */
+    bodyTitle: _angular_core.InputSignal<string>;
+    /** Small label above the amount (e.g. "Amount") */
+    amountLabel: _angular_core.InputSignal<string>;
+    /** Line above the period checkboxes (e.g. "Years (select) - $130/year") */
+    periodsLabel: _angular_core.InputSignal<string>;
+    /** Muted hint under the periods (e.g. "Select all 3 years to unlock a 10% discount") */
+    bodyHint: _angular_core.InputSignal<string>;
+    /** Suffix appended to paid period labels (e.g. " · Included") */
+    paidSuffix: _angular_core.InputSignal<string>;
+    /** Collapsible open state; supports [(expanded)] */
+    expanded: _angular_core.ModelSignal<boolean>;
+    collapsible: _angular_core.InputSignal<boolean>;
+    periodToggle: _angular_core.OutputEmitterRef<{
+        id: string | number;
+        checked: boolean;
+    }>;
+    actionClick: _angular_core.OutputEmitterRef<string>;
+    toggleExpanded(): void;
+    onPeriodChange(period: PaymentScheduleCardPeriod, checked: boolean): void;
+    isChecked(period: PaymentScheduleCardPeriod): boolean;
+    isLocked(period: PaymentScheduleCardPeriod): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaymentScheduleCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaymentScheduleCardComponent, "pecb-payment-schedule-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "tagLabel": { "alias": "tagLabel"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "showStatusIcon": { "alias": "showStatusIcon"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "periods": { "alias": "periods"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "totalText": { "alias": "totalText"; "required": false; "isSignal": true; }; "bodyTitle": { "alias": "bodyTitle"; "required": false; "isSignal": true; }; "amountLabel": { "alias": "amountLabel"; "required": false; "isSignal": true; }; "periodsLabel": { "alias": "periodsLabel"; "required": false; "isSignal": true; }; "bodyHint": { "alias": "bodyHint"; "required": false; "isSignal": true; }; "paidSuffix": { "alias": "paidSuffix"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "periodToggle": "periodToggle"; "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+/** One selectable payment period (e.g. a period). */
+interface PeriodPaymentModalPeriod {
+    /** Echoed back on (selectionChange) */
+    id: string | number;
+    /** e.g. "2026" or "2028 (Renewal)" */
+    label: string;
+    /** Already paid — shown checked and locked */
+    paid?: boolean;
+    /** Payment already initiated (e.g. an open invoice) — locked and highlighted */
+    pending?: boolean;
+    /** Force-disabled regardless of the sequential rule */
+    disabled?: boolean;
+    /** Tooltip shown on the period (e.g. the pending invoice reference) */
+    hint?: string;
+}
+/**
+ * Period payment modal — centered dialog to pick sequential payment periods
+ * (e.g. the years to pay for a credential): a period unlocks once the previous
+ * one is paid or selected, with an optional discount note, a primary
+ * "Pay $X now" button and an optional secondary "pay all" action.
+ *
+ * Presentational: amounts are computed by the consumer (backend) and passed in
+ * via `payLabel`; every interaction surfaces through outputs. Rendered in a CDK
+ * overlay like `pecb-confirmation` (same backdrop/escape/focus handling).
+ */
+declare class PeriodPaymentModalComponent implements OnDestroy {
+    private sanitizer;
+    id: _angular_core.InputSignal<string>;
+    /** Whether the dialog is visible. Supports [(isOpen)]. */
+    isOpen: _angular_core.ModelSignal<boolean>;
+    /** Dialog heading */
+    title: _angular_core.InputSignal<string>;
+    /** Intro line under the title — supports <b> markup */
+    description: _angular_core.InputSignal<string>;
+    /** Selectable periods, in payment order */
+    periods: _angular_core.InputSignal<PeriodPaymentModalPeriod[]>;
+    /** Shows a centered spinner instead of the periods while data loads */
+    loading: _angular_core.InputSignal<boolean>;
+    /**
+     * Sequential selection: a period can only be picked when the previous one is
+     * paid or selected; unselecting a period clears the later ones.
+     */
+    sequential: _angular_core.InputSignal<boolean>;
+    /** Optional tinted note (e.g. the all-years discount) — supports <b> markup */
+    note: _angular_core.InputSignal<string>;
+    /** Primary button label, e.g. "Pay $130.00 now" */
+    payLabel: _angular_core.InputSignal<string>;
+    /** Disables the primary button (e.g. nothing selected) */
+    payDisabled: _angular_core.InputSignal<boolean>;
+    /** Shows a loading state on the primary button */
+    payLoading: _angular_core.InputSignal<boolean>;
+    /** Secondary full-width action label; hidden when empty */
+    payAllLabel: _angular_core.InputSignal<string>;
+    /** Tooltip shown on periods locked by the sequential rule (e.g. "Select periods in order") */
+    lockedHint: _angular_core.InputSignal<string>;
+    /** Accessible label for the close (×) button. Override to localize. */
+    closeAriaLabel: _angular_core.InputSignal<string>;
+    closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    closeOnEscape: _angular_core.InputSignal<boolean>;
+    /** Selected period ids (excluding already-paid periods), in list order */
+    selectionChange: _angular_core.OutputEmitterRef<(string | number)[]>;
+    /** Primary button clicked */
+    pay: _angular_core.OutputEmitterRef<void>;
+    /** Secondary button clicked */
+    payAll: _angular_core.OutputEmitterRef<void>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private dialogTemplate;
+    private overlayRef;
+    private portal;
+    private subscriptions;
+    private previousActiveElement;
+    readonly selected: _angular_core.WritableSignal<ReadonlySet<string | number>>;
+    readonly safeDescription: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
+    readonly safeNote: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
+    constructor();
+    ngOnDestroy(): void;
+    get titleId(): string;
+    isChecked(period: PeriodPaymentModalPeriod): boolean;
+    isDisabled(period: PeriodPaymentModalPeriod, index: number): boolean;
+    /** Tooltip for one period: its own hint, or the sequential-lock hint. */
+    hintFor(period: PeriodPaymentModalPeriod, index: number): string | null;
+    toggle(period: PeriodPaymentModalPeriod, index: number, checked: boolean): void;
+    private emitSelection;
+    onPay(): void;
+    onPayAll(): void;
+    close(): void;
+    private openOverlay;
+    private destroyOverlay;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PeriodPaymentModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PeriodPaymentModalComponent, "pecb-period-payment-modal", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "periods": { "alias": "periods"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "sequential": { "alias": "sequential"; "required": false; "isSignal": true; }; "note": { "alias": "note"; "required": false; "isSignal": true; }; "payLabel": { "alias": "payLabel"; "required": false; "isSignal": true; }; "payDisabled": { "alias": "payDisabled"; "required": false; "isSignal": true; }; "payLoading": { "alias": "payLoading"; "required": false; "isSignal": true; }; "payAllLabel": { "alias": "payAllLabel"; "required": false; "isSignal": true; }; "lockedHint": { "alias": "lockedHint"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "selectionChange": "selectionChange"; "pay": "pay"; "payAll": "payAll"; "closed": "closed"; }, never, never, true, never>;
+}
+
+/**
+ * Outlined form field — a bordered container with the label floating on the
+ * border (fieldset/legend style). Project any control into it: native
+ * input/select/textarea (they are styled borderless inside) or another
+ * component such as `pecb-tag-select`.
+ */
+declare class OutlinedFieldComponent {
+    label: _angular_core.InputSignal<string>;
+    /** Renders the error border/label colour */
+    error: _angular_core.InputSignal<boolean>;
+    /** Message under the field; shown only when error is true */
+    errorMessage: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OutlinedFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OutlinedFieldComponent, "pecb-outlined-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface TagSelectOption {
+    label: string;
+    value: unknown;
+    disabled?: boolean;
+}
+/**
+ * Tag select — a multi-select whose trigger shows the chosen options as
+ * removable chips, with a searchable option menu underneath. Borderless by
+ * design so it can sit inside `pecb-outlined-field`; give it a border via the
+ * host page when used standalone. Implements ControlValueAccessor
+ * (value: unknown[]).
+ */
+declare class TagSelectComponent implements ControlValueAccessor {
+    private host;
+    options: _angular_core.InputSignal<TagSelectOption[]>;
+    placeholder: _angular_core.InputSignal<string>;
+    searchPlaceholder: _angular_core.InputSignal<string>;
+    /** Empty-results text inside the menu */
+    noResultsText: _angular_core.InputSignal<string>;
+    removeAriaLabel: _angular_core.InputSignal<string>;
+    selectionChange: _angular_core.OutputEmitterRef<unknown[]>;
+    readonly open: _angular_core.WritableSignal<boolean>;
+    readonly query: _angular_core.WritableSignal<string>;
+    readonly selected: _angular_core.WritableSignal<unknown[]>;
+    readonly disabled: _angular_core.WritableSignal<boolean>;
+    private onChange;
+    private onTouched;
+    readonly selectedOptions: _angular_core.Signal<TagSelectOption[]>;
+    readonly filteredOptions: _angular_core.Signal<TagSelectOption[]>;
+    onDocumentClick(event: MouseEvent): void;
+    onEscape(): void;
+    toggleMenu(): void;
+    isSelected(option: TagSelectOption): boolean;
+    toggleOption(option: TagSelectOption): void;
+    removeValue(value: unknown, event: Event): void;
+    onSearch(event: Event): void;
+    private commit;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagSelectComponent, "pecb-tag-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+/**
+ * Form section card — a numbered, collapsible container for one repeatable
+ * form section (e.g. "Activity 1 of 3"): number badge, title, subtitle,
+ * optional remove button and a collapse chevron; the form itself is projected.
+ */
+declare class FormSectionCardComponent {
+    /** 1-based number shown in the badge */
+    index: _angular_core.InputSignal<number>;
+    title: _angular_core.InputSignal<string>;
+    subtitle: _angular_core.InputSignal<string>;
+    /** Shows the remove (trash) button */
+    removable: _angular_core.InputSignal<boolean>;
+    collapsible: _angular_core.InputSignal<boolean>;
+    removeAriaLabel: _angular_core.InputSignal<string>;
+    toggleAriaLabel: _angular_core.InputSignal<string>;
+    /** Supports [(expanded)] */
+    expanded: _angular_core.ModelSignal<boolean>;
+    removed: _angular_core.OutputEmitterRef<void>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormSectionCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormSectionCardComponent, "pecb-form-section-card", never, { "index": { "alias": "index"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; "toggleAriaLabel": { "alias": "toggleAriaLabel"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "removed": "removed"; }, never, ["*"], true, never>;
+}
+
 interface FloatButtonAction {
     /** Unique identifier used for tracking and emitting click events */
     id: string;
@@ -4661,39 +6109,6 @@ declare function tryAsync<T>(operation: () => Promise<T>, errorOptions?: ErrorOp
  */
 declare function trySync<T>(operation: () => T, errorOptions?: ErrorOptions): [T, null] | [null, PecbError];
 
-/**
- * All available icon names in the PECB icon library.
- * Use with `<pecb-icon name="icon-name">` for built-in icons.
- */
-type IconName = 'activity' | 'add-square-01' | 'add-square-02' | 'add-square-03' | 'add-square-04' | 'alarm-01' | 'alarm-02' | 'alarm-03' | 'alarm-04' | 'alarm-05' | 'alarm-06' | 'alarm-check' | 'alarm-minus' | 'alarm-off' | 'alarm-plus' | 'alert-circle' | 'alert-square' | 'alert-triangle' | 'align-center' | 'align-down-01' | 'align-down-02' | 'align-horizontal-center-01' | 'align-horizontal-center-02' | 'align-horizontal-center-03' | 'align-justify' | 'align-left' | 'align-left-01' | 'align-left-02' | 'align-right' | 'align-right-01' | 'align-right-02' | 'align-up-01' | 'align-up-02' | 'align-vertical-center-01' | 'align-vertical-center-02' | 'align-vertical-center-03' | 'annotation' | 'annotation-alert' | 'annotation-check' | 'annotation-information' | 'annotation-plus' | 'annotation-typing' | 'annotation-x' | 'atom' | 'attatchment-01' | 'attatchment-02' | 'audio-settings-01' | 'audio-settings-02' | 'bag-01' | 'bag-02' | 'bag-03' | 'bag-04' | 'bag-05' | 'bank' | 'bank-note-01' | 'bank-note-02' | 'bank-note-03' | 'bank-note-04' | 'bank-note-05' | 'bank-note-06' | 'bar-chart-01' | 'bar-chart-02' | 'bar-chart-03' | 'bar-chart-04' | 'bar-chart-05' | 'bar-chart-square-01' | 'bar-chart-square-02' | 'bar-chart-square-03' | 'bar-chart-square-down-01' | 'bar-chart-square-down-02' | 'bar-chart-square-up-01' | 'bar-group-01' | 'bar-group-02' | 'bar-group-03' | 'battery-01' | 'battery-02' | 'battery-03' | 'battery-04' | 'battery-empty' | 'battery-fill-01' | 'battery-fill-02' | 'battery-fill-04' | 'bell-01' | 'bell-02' | 'bell-03' | 'bell-04' | 'bell-off-01' | 'bell-off-02' | 'bell-ringing-01' | 'bell-ringing-02' | 'bell-ringing-03' | 'bell-ringing-04' | 'bezier-01' | 'bezier-02' | 'bluetooth-01' | 'bluetooth-02' | 'bold-01' | 'bold-02' | 'book-01' | 'book-02' | 'book-03' | 'book-04' | 'book-05' | 'book-06' | 'box' | 'brackets' | 'brackets-check' | 'brackets-minus' | 'brackets-plus' | 'brackets-slash' | 'brackets-typing' | 'calculator-01' | 'calculator-02' | 'calendar-01' | 'calendar-02' | 'calendar-03' | 'calendar-04' | 'calendar-05' | 'calendar-06' | 'calendar-07' | 'calendar-check' | 'calendar-minus' | 'calendar-number' | 'calendar-plus' | 'camera-01' | 'camera-02' | 'camera-lens' | 'camera-off' | 'cancel-left' | 'cancel-right' | 'car' | 'card-01' | 'card-02' | 'card-add' | 'card-check' | 'card-down' | 'card-edit' | 'card-lock' | 'card-minus' | 'card-number' | 'card-shield' | 'card-up' | 'card-x' | 'cart' | 'center' | 'chart-breakout-circle' | 'chart-breakout-square' | 'check-01' | 'check-02' | 'check-broken' | 'check-contained' | 'check-square-broken' | 'check-square-contained' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chromecast' | 'circle' | 'clock-01' | 'clock-backward' | 'clock-check' | 'clock-forward' | 'clock-plus' | 'cloud-01' | 'cloud-02' | 'cloud-03' | 'cloud-04' | 'cloud-lightning' | 'cloud-rain' | 'cloud-snow' | 'cloud-sun' | 'code-01' | 'code-02' | 'code-03' | 'code-04' | 'coin-broken' | 'coin-hand' | 'coin-number' | 'coin-unbroken' | 'coins' | 'coins-rotate' | 'color-picker' | 'color-swatch-01' | 'color-swatch-02' | 'colors-01' | 'colors-02' | 'column-horizontal-01' | 'column-horizontal-02' | 'column-horizontal-03' | 'column-vertical-01' | 'column-vertical-02' | 'column-vertical-03' | 'compare' | 'compass' | 'component' | 'computer' | 'contrast' | 'copy-left' | 'copy-right' | 'crop-01' | 'crop-02' | 'currency-bath' | 'currency-bitcoin' | 'currency-cent' | 'currency-coin-bath' | 'currency-coin-bitcoin' | 'currency-coin-cent' | 'currency-coin-dollar' | 'currency-coin-euro' | 'currency-coin-pound' | 'currency-coin-rubel' | 'currency-coin-rupee' | 'currency-coin-yen' | 'currency-dollar' | 'currency-euro' | 'currency-pound' | 'currency-rubel' | 'currency-rupee' | 'currency-yen' | 'cursor-01' | 'cursor-02' | 'cursor-03' | 'cursor-04' | 'cursor-05' | 'cursor-06' | 'cursor-grab' | 'cursor-grabbed' | 'cursor-pointer' | 'dash' | 'data-01' | 'data-02' | 'data-03' | 'data-04' | 'delete' | 'delivery' | 'diamond' | 'disc' | 'discount-circle' | 'discount-square' | 'discount-star-01' | 'discount-star-02' | 'discount-star-03' | 'divider' | 'dot-horizontal' | 'dot-vertical' | 'download' | 'download-01' | 'download-02' | 'drop' | 'edit-01' | 'edit-02' | 'edit-03' | 'edit-04' | 'edit-contained' | 'email' | 'embed' | 'equals' | 'equals-not' | 'eraser-01' | 'eraser-02' | 'expand' | 'expand-02' | 'eye-closed' | 'eye-open' | 'face-id-01' | 'face-id-02' | 'fast-backward' | 'fast-forward' | 'favourite' | 'feather-01' | 'feather-02' | 'file' | 'file-01' | 'file-02' | 'file-03' | 'file-04' | 'file-05' | 'file-06' | 'file-attach-01' | 'file-attach-02' | 'file-attach-03' | 'file-branch' | 'file-check-01' | 'file-check-02' | 'file-code' | 'file-down-01' | 'file-down-02' | 'file-edit-01' | 'file-edit-02' | 'file-eye-01' | 'file-eye-02' | 'file-lock-01' | 'file-lock-02' | 'file-lock-03' | 'file-minus-01' | 'file-minus-02' | 'file-multiple' | 'file-none' | 'file-plus-01' | 'file-plus-02' | 'file-question-01' | 'file-question-02' | 'file-return-01' | 'file-return-02' | 'file-search-01' | 'file-search-02' | 'file-shield-01' | 'file-shield-02' | 'file-shield-03' | 'file-shred' | 'file-up-01' | 'file-up-02' | 'file-x-02' | 'filter' | 'fingerpint-01' | 'fingerpint-02' | 'flame-01' | 'flash-off' | 'flash-on' | 'flex-align-bottom-01' | 'flex-align-center-01' | 'flex-align-left-01' | 'flex-align-right-01' | 'flex-align-spaced-01' | 'flex-align-top-01' | 'flex-columns' | 'flip-01' | 'flip-02' | 'flip-left' | 'flip-right' | 'folder' | 'folder-code' | 'folder-down-01' | 'folder-down-02' | 'folder-minus-01' | 'folder-open-01' | 'folder-open-02' | 'folder-open-03' | 'folder-plus-01' | 'folder-plus-02' | 'folder-search-01' | 'folder-search-02' | 'folder-shield' | 'folder-up-01' | 'folder-up-02' | 'folder-x-01' | 'folder-x-02' | 'gear' | 'gift-01' | 'gift-02' | 'git-branch-01' | 'git-branch-02' | 'git-branch-03' | 'git-branch-04' | 'git-branch-05' | 'glasses-01' | 'glasses-02' | 'globe' | 'globe-01' | 'globe-02' | 'globe-03' | 'globe-04' | 'globe-05' | 'graduation-cap-01' | 'graduation-cap-02' | 'grid-01' | 'grid-02' | 'grid-03' | 'grid-04-filled' | 'hash-01' | 'hash-02' | 'header-01' | 'header-02' | 'headphones' | 'heart' | 'help' | 'help-circle-contained' | 'help-square-contained' | 'hexagon' | 'home-01' | 'home-02' | 'home-03' | 'home-04' | 'home-05' | 'horizontal-chart-01' | 'horizontal-chart-02' | 'horizontal-chart-03' | 'hourglass-01' | 'hourglass-02' | 'hourglass-03' | 'image' | 'image-01' | 'image-02' | 'image-03' | 'image-04' | 'image-add' | 'image-avatar' | 'image-check' | 'image-down' | 'image-focus' | 'image-indent-left' | 'image-indent-right' | 'image-minus' | 'image-no-borders' | 'image-question' | 'image-up' | 'image-x' | 'inbox-01' | 'inbox-02' | 'indent-decrease' | 'indent-increase' | 'indent-left' | 'indent-right' | 'info-square-01-contained' | 'info-square-02-contained-filled' | 'information-circle-contained' | 'intersect' | 'iphone-02' | 'italics-01' | 'italics-02' | 'key-01' | 'key-02' | 'keyboard' | 'laptop-01' | 'laptop-02' | 'layers-01' | 'layers-02' | 'layers-03' | 'layers-04' | 'layers-05' | 'layout-01' | 'layout-02' | 'layout-03' | 'layout-04' | 'layout-bottom' | 'layout-grid-01' | 'layout-left' | 'layout-right' | 'layout-scale' | 'layout-top' | 'letter-spacing-01' | 'letter-spacing-02' | 'letter-spacing-03' | 'lightbulb-01' | 'lightbulb-02' | 'lightbulb-03' | 'lightning-01' | 'lightning-02' | 'lightning-circle-contained' | 'lightning-filled' | 'lightning-square-contained' | 'line-chart-down-01' | 'line-chart-down-02' | 'line-chart-up-01' | 'line-chart-up-02' | 'line-height' | 'link' | 'link-angled' | 'link-broken' | 'link-external' | 'list' | 'list-numbers' | 'loader-01' | 'loader-02' | 'lock-01' | 'lock-02' | 'lock-03' | 'lock-04' | 'lock-open-01' | 'lock-open-02' | 'lock-open-03' | 'lock-open-04' | 'logout-01' | 'logout-02' | 'logout-03' | 'logout-04' | 'luggage-01' | 'luggage-02' | 'luggage-03' | 'luggage-04' | 'mail-01' | 'mail-02' | 'mail-03' | 'mail-04' | 'mail-05' | 'map-01' | 'map-02' | 'map-03' | 'map-04' | 'marker-01' | 'marker-02' | 'marker-03' | 'marker-04' | 'marker-05' | 'marker-06' | 'maximise-01' | 'maximise-02' | 'media-strip-01' | 'media-strip-02' | 'menu-01' | 'menu-02' | 'menu-03' | 'menu-04' | 'menu-05' | 'message-alert-circle' | 'message-alert-plus' | 'message-chat-01' | 'message-circle' | 'message-notify-circle' | 'message-notify-square' | 'message-square' | 'message-square-information' | 'message-square-plus' | 'message-square-typing' | 'message-square-x' | 'message-text-01' | 'message-text-02' | 'message-typing' | 'message-x' | 'microphone-01' | 'microphone-02' | 'microphone-off-01' | 'microphone-off-02' | 'minimise-01' | 'minimise-02' | 'minus-circle-contained' | 'minus-square-contained' | 'moon-01' | 'moon-02' | 'mouse' | 'move' | 'note-01' | 'note-02' | 'notification-box' | 'notification-bubble' | 'notification-square-01' | 'notification-square-02' | 'octagon' | 'overlap' | 'package-01' | 'package-02' | 'package-check' | 'package-minus' | 'package-plus' | 'package-x' | 'paint-bucket-01' | 'paint-bucket-02' | 'palette' | 'paperclip' | 'paperclip-01' | 'paperclip-02' | 'passport' | 'password-01' | 'password-02' | 'pause-01' | 'pause-02' | 'pause-03' | 'pen-tool-01' | 'pen-tool-02' | 'pen-tool-03' | 'pen-tool-04' | 'pencil-01' | 'pencil-02' | 'pencil-03' | 'pentagon' | 'percent-01' | 'percent-02' | 'percent-03' | 'perspective' | 'phone' | 'phone-call-01' | 'phone-call-02' | 'phone-down' | 'phone-incoming-01' | 'phone-incoming-02' | 'phone-off' | 'phone-outgoing-01' | 'phone-outgoing-02' | 'phone-up' | 'phone-x' | 'pie-chart-01' | 'pie-chart-02' | 'pie-chart-03' | 'plane' | 'play-01' | 'play-02' | 'play-03' | 'plug-01' | 'plus-01' | 'plus-02' | 'plus-03' | 'pointer-01' | 'pointer-02' | 'power' | 'presentation-01' | 'presentation-02' | 'presentation-03' | 'progress' | 'quote' | 'receipt' | 'receipt-lines' | 'refresh-01' | 'rss' | 'ruler' | 'save-01' | 'save-02' | 'scale-01' | 'scale-02' | 'scale-03' | 'scan' | 'scissors-01' | 'scissors-02' | 'scissors-03' | 'scissors-04' | 'search-01' | 'search-02' | 'send-01' | 'send-02' | 'send-03' | 'server-01' | 'server-02' | 'server-03' | 'server-04' | 'server-05' | 'server-06' | 'server-down' | 'server-up' | 'settings' | 'share' | 'shield-01' | 'shield-02' | 'shield-check' | 'shield-plus' | 'shuffle' | 'signal' | 'skew' | 'skip-back' | 'skip-forward' | 'slash-01-backward' | 'slash-01-forward' | 'slash-02-forward' | 'smiley-happy' | 'smiley-happy-plus' | 'smiley-neutral' | 'smiley-sad' | 'smiley-wink' | 'snowflake' | 'sort-horizontal' | 'sort-vertical-01' | 'sort-vertical-02' | 'space-height' | 'space-horizontal' | 'space-vertical' | 'space-width' | 'speaker' | 'square' | 'star-01' | 'star-02' | 'stars' | 'stop-01' | 'stop-02' | 'stopwatch-01' | 'stopwatch-02' | 'stopwatch-03' | 'stopwatch-04' | 'stopwatch-05' | 'stopwatch-off' | 'stopwatch-snooze' | 'sun-01' | 'sun-02' | 'sun-03' | 'sun-down' | 'sun-up' | 'superscript' | 'table' | 'tag' | 'target-01' | 'target-02' | 'target-03' | 'target-04' | 'temperature-01' | 'temperature-02' | 'temperature-03' | 'temperature-04' | 'terminal' | 'text-input-01' | 'text-input-02' | 'thumb-down' | 'thumb-up' | 'ticket-01' | 'ticket-02' | 'toggle-right' | 'toogle-left' | 'train' | 'transform' | 'trash-01' | 'trash-02' | 'trash-03' | 'trash-04' | 'trend-down-01' | 'trend-down-02' | 'trend-up-01' | 'trend-up-02' | 'triangle' | 'truck' | 'tv' | 'type-01' | 'type-02' | 'type-03' | 'type-strike-01' | 'type-strike-02' | 'umbrella' | 'umbrella-01' | 'umbrella-02' | 'underline-01' | 'underline-02' | 'union' | 'upload-01' | 'upload-02' | 'upload-03' | 'upload-04' | 'user-profile-01' | 'user-profile-02' | 'user-profile-03' | 'user-profile-add-01' | 'user-profile-add-02' | 'user-profile-check' | 'user-profile-circle' | 'user-profile-down' | 'user-profile-group' | 'user-profile-left' | 'user-profile-minus' | 'user-profile-right' | 'user-profile-square' | 'user-profile-star' | 'user-profile-up' | 'user-profile-x' | 'users-profiles-01' | 'users-profiles-02' | 'users-profiles-03' | 'users-profiles-check' | 'users-profiles-down' | 'users-profiles-left' | 'users-profiles-minus' | 'users-profiles-plus' | 'users-profiles-right' | 'users-profiles-up' | 'users-profiles-x' | 'variant' | 'video-off' | 'video-on' | 'volume-01' | 'volume-02' | 'volume-03' | 'volume-04' | 'volume-05' | 'volume-06' | 'volume-07' | 'wallert-04' | 'wallet-01' | 'wallet-02' | 'wallet-03' | 'watch-01' | 'watch-02' | 'waveform' | 'webcam' | 'wifi-off' | 'wifi-on' | 'wind-01' | 'wind-02' | 'wind-03' | 'wrench' | 'x-01' | 'x-02' | 'x-03' | 'x-circle-contained' | 'x-square-contained' | 'youtube' | 'zoom-in' | 'zoom-out' | 'custom-warning-xs-neutral';
-
-/**
- * Custom icon names — self-contained icons with built-in background and color.
- *
- * Naming: `custom-{state}-{size}-{style}`
- *
- * | State            | Description                        |
- * |------------------|------------------------------------|
- * | check            | Checkmark / completed              |
- * | certificate      | Certificate / credential           |
- * | view             | Eye / visibility                   |
- * | add              | Plus / create                      |
- * | delete           | Trash / remove                     |
- * | download         | Download arrow                     |
- * | upload           | Upload arrow                       |
- * | time             | Clock / duration                   |
- * | slide            | Presentation / slideshow           |
- * | tools            | Wrench / settings                  |
- * | doc              | Document / file                    |
- * | info             | Information circle                 |
- * | warning          | Warning triangle                   |
- * | not-applicable   | N/A / disabled                     |
- *
- * Sizes: xs (24), sm (32), md (40), lg (48), xl (56), 2xl (64)
- * Styles: active (colored), neutral (gray)
- */
-type CustomIconName = 'custom-add-2xl-active' | 'custom-add-2xl-neutral' | 'custom-add-lg-active' | 'custom-add-lg-neutral' | 'custom-add-md-active' | 'custom-add-md-neutral' | 'custom-add-sm-active' | 'custom-add-sm-neutral' | 'custom-add-xl-active' | 'custom-add-xl-neutral' | 'custom-add-xs-active' | 'custom-add-xs-neutral' | 'custom-certificate-2xl-active' | 'custom-certificate-2xl-neutral' | 'custom-certificate-lg-active' | 'custom-certificate-lg-neutral' | 'custom-certificate-md-active' | 'custom-certificate-md-neutral' | 'custom-certificate-sm-active' | 'custom-certificate-sm-neutral' | 'custom-certificate-xl-active' | 'custom-certificate-xl-neutral' | 'custom-certificate-xs-active' | 'custom-certificate-xs-neutral' | 'custom-check-2xl-active' | 'custom-check-2xl-neutral' | 'custom-check-lg-active' | 'custom-check-lg-neutral' | 'custom-check-md-active' | 'custom-check-md-neutral' | 'custom-check-sm-active' | 'custom-check-sm-neutral' | 'custom-check-xl-active' | 'custom-check-xl-neutral' | 'custom-check-xs-active' | 'custom-check-xs-neutral' | 'custom-delete-2xl-active' | 'custom-delete-2xl-neutral' | 'custom-delete-lg-active' | 'custom-delete-lg-neutral' | 'custom-delete-md-active' | 'custom-delete-md-neutral' | 'custom-delete-sm-active' | 'custom-delete-sm-neutral' | 'custom-delete-xl-active' | 'custom-delete-xl-neutral' | 'custom-delete-xs-active' | 'custom-delete-xs-neutral' | 'custom-doc-2xl-active' | 'custom-doc-2xl-neutral' | 'custom-doc-lg-active' | 'custom-doc-lg-neutral' | 'custom-doc-md-active' | 'custom-doc-md-neutral' | 'custom-doc-sm-active' | 'custom-doc-sm-neutral' | 'custom-doc-xl-active' | 'custom-doc-xl-neutral' | 'custom-doc-xs-active' | 'custom-doc-xs-neutral' | 'custom-download-2xl-active' | 'custom-download-2xl-neutral' | 'custom-download-lg-active' | 'custom-download-lg-neutral' | 'custom-download-md-active' | 'custom-download-md-neutral' | 'custom-download-sm-active' | 'custom-download-sm-neutral' | 'custom-download-xl-active' | 'custom-download-xl-neutral' | 'custom-download-xs-active' | 'custom-download-xs-neutral' | 'custom-info-2xl-active' | 'custom-info-2xl-neutral' | 'custom-info-lg-active' | 'custom-info-lg-neutral' | 'custom-info-md-active' | 'custom-info-md-neutral' | 'custom-info-sm-active' | 'custom-info-sm-neutral' | 'custom-info-xl-active' | 'custom-info-xl-neutral' | 'custom-info-xs-active' | 'custom-info-xs-neutral' | 'custom-not-applicable-2xl-active' | 'custom-not-applicable-2xl-neutral' | 'custom-not-applicable-lg-active' | 'custom-not-applicable-lg-neutral' | 'custom-not-applicable-md-active' | 'custom-not-applicable-md-neutral' | 'custom-not-applicable-sm-active' | 'custom-not-applicable-sm-neutral' | 'custom-not-applicable-xl-active' | 'custom-not-applicable-xl-neutral' | 'custom-not-applicable-xs-active' | 'custom-not-applicable-xs-neutral' | 'custom-slide-2xl-active' | 'custom-slide-2xl-neutral' | 'custom-slide-lg-active' | 'custom-slide-lg-neutral' | 'custom-slide-md-active' | 'custom-slide-md-neutral' | 'custom-slide-sm-active' | 'custom-slide-sm-neutral' | 'custom-slide-xl-active' | 'custom-slide-xl-neutral' | 'custom-slide-xs-active' | 'custom-slide-xs-neutral' | 'custom-time-2xl-active' | 'custom-time-2xl-neutral' | 'custom-time-lg-active' | 'custom-time-lg-neutral' | 'custom-time-md-active' | 'custom-time-md-neutral' | 'custom-time-sm-active' | 'custom-time-sm-neutral' | 'custom-time-xl-active' | 'custom-time-xl-neutral' | 'custom-time-xs-active' | 'custom-time-xs-neutral' | 'custom-tools-2xl-active' | 'custom-tools-2xl-neutral' | 'custom-tools-lg-active' | 'custom-tools-lg-neutral' | 'custom-tools-md-active' | 'custom-tools-md-neutral' | 'custom-tools-sm-active' | 'custom-tools-sm-neutral' | 'custom-tools-xl-active' | 'custom-tools-xl-neutral' | 'custom-tools-xs-active' | 'custom-tools-xs-neutral' | 'custom-upload-2xl-active' | 'custom-upload-2xl-neutral' | 'custom-upload-lg-active' | 'custom-upload-lg-neutral' | 'custom-upload-md-active' | 'custom-upload-md-neutral' | 'custom-upload-sm-active' | 'custom-upload-sm-neutral' | 'custom-upload-xl-active' | 'custom-upload-xl-neutral' | 'custom-upload-xs-active' | 'custom-upload-xs-neutral' | 'custom-view-2xl-active' | 'custom-view-2xl-neutral' | 'custom-view-lg-active' | 'custom-view-lg-neutral' | 'custom-view-md-active' | 'custom-view-md-neutral' | 'custom-view-sm-active' | 'custom-view-sm-neutral' | 'custom-view-xl-active' | 'custom-view-xl-neutral' | 'custom-view-xs-active' | 'custom-view-xs-neutral' | 'custom-warning' | 'custom-warning-2xl-active' | 'custom-warning-2xl-neutral' | 'custom-warning-lg-active' | 'custom-warning-lg-neutral' | 'custom-warning-md-active' | 'custom-warning-md-neutral' | 'custom-warning-sm-active' | 'custom-warning-sm-neutral' | 'custom-warning-xl-active' | 'custom-warning-xl-neutral' | 'custom-warning-xs-active';
-
 /** Container size. The inner icon is always 50 % of the container. */
 type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 /**
@@ -4738,7 +6153,7 @@ declare class IconComponent {
      * Registered icon name. When provided, the SVG is resolved from the
      * `IconRegistry`. Takes highest priority.
      */
-    name: _angular_core.InputSignal<IconName | CustomIconName | undefined>;
+    name: _angular_core.InputSignal<"embed" | "link" | "progress" | "table" | "circle" | "filter" | "image" | "annotation" | "center" | "drop" | "activity" | "add-square-01" | "add-square-02" | "add-square-03" | "add-square-04" | "alarm-01" | "alarm-02" | "alarm-03" | "alarm-04" | "alarm-05" | "alarm-06" | "alarm-check" | "alarm-minus" | "alarm-off" | "alarm-plus" | "alert-circle" | "alert-square" | "alert-triangle" | "align-center" | "align-down-01" | "align-down-02" | "align-horizontal-center-01" | "align-horizontal-center-02" | "align-horizontal-center-03" | "align-justify" | "align-left" | "align-left-01" | "align-left-02" | "align-right" | "align-right-01" | "align-right-02" | "align-up-01" | "align-up-02" | "align-vertical-center-01" | "align-vertical-center-02" | "align-vertical-center-03" | "annotation-alert" | "annotation-check" | "annotation-information" | "annotation-plus" | "annotation-typing" | "annotation-x" | "atom" | "attatchment-01" | "attatchment-02" | "audio-settings-01" | "audio-settings-02" | "bag-01" | "bag-02" | "bag-03" | "bag-04" | "bag-05" | "bank" | "bank-note-01" | "bank-note-02" | "bank-note-03" | "bank-note-04" | "bank-note-05" | "bank-note-06" | "bar-chart-01" | "bar-chart-02" | "bar-chart-03" | "bar-chart-04" | "bar-chart-05" | "bar-chart-square-01" | "bar-chart-square-02" | "bar-chart-square-03" | "bar-chart-square-down-01" | "bar-chart-square-down-02" | "bar-chart-square-up-01" | "bar-group-01" | "bar-group-02" | "bar-group-03" | "battery-01" | "battery-02" | "battery-03" | "battery-04" | "battery-empty" | "battery-fill-01" | "battery-fill-02" | "battery-fill-04" | "bell-01" | "bell-02" | "bell-03" | "bell-04" | "bell-off-01" | "bell-off-02" | "bell-ringing-01" | "bell-ringing-02" | "bell-ringing-03" | "bell-ringing-04" | "bezier-01" | "bezier-02" | "bluetooth-01" | "bluetooth-02" | "bold-01" | "bold-02" | "book-01" | "book-02" | "book-03" | "book-04" | "book-05" | "book-06" | "box" | "brackets" | "brackets-check" | "brackets-minus" | "brackets-plus" | "brackets-slash" | "brackets-typing" | "calculator-01" | "calculator-02" | "calendar-01" | "calendar-02" | "calendar-03" | "calendar-04" | "calendar-05" | "calendar-06" | "calendar-07" | "calendar-check" | "calendar-minus" | "calendar-number" | "calendar-plus" | "camera-01" | "camera-02" | "camera-lens" | "camera-off" | "cancel-left" | "cancel-right" | "car" | "card-01" | "card-02" | "card-add" | "card-check" | "card-down" | "card-edit" | "card-lock" | "card-minus" | "card-number" | "card-shield" | "card-up" | "card-x" | "cart" | "chart-breakout-circle" | "chart-breakout-square" | "check-01" | "check-02" | "check-broken" | "check-contained" | "check-square-broken" | "check-square-contained" | "chevron-double-down" | "chevron-double-left" | "chevron-double-right" | "chevron-double-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chromecast" | "clock-01" | "clock-backward" | "clock-check" | "clock-forward" | "clock-plus" | "cloud-01" | "cloud-02" | "cloud-03" | "cloud-04" | "cloud-lightning" | "cloud-rain" | "cloud-snow" | "cloud-sun" | "code-01" | "code-02" | "code-03" | "code-04" | "coin-broken" | "coin-hand" | "coin-number" | "coin-unbroken" | "coins" | "coins-rotate" | "color-picker" | "color-swatch-01" | "color-swatch-02" | "colors-01" | "colors-02" | "column-horizontal-01" | "column-horizontal-02" | "column-horizontal-03" | "column-vertical-01" | "column-vertical-02" | "column-vertical-03" | "compare" | "compass" | "component" | "computer" | "contrast" | "copy-left" | "copy-right" | "crop-01" | "crop-02" | "currency-bath" | "currency-bitcoin" | "currency-cent" | "currency-coin-bath" | "currency-coin-bitcoin" | "currency-coin-cent" | "currency-coin-dollar" | "currency-coin-euro" | "currency-coin-pound" | "currency-coin-rubel" | "currency-coin-rupee" | "currency-coin-yen" | "currency-dollar" | "currency-euro" | "currency-pound" | "currency-rubel" | "currency-rupee" | "currency-yen" | "cursor-01" | "cursor-02" | "cursor-03" | "cursor-04" | "cursor-05" | "cursor-06" | "cursor-grab" | "cursor-grabbed" | "cursor-pointer" | "dash" | "data-01" | "data-02" | "data-03" | "data-04" | "delete" | "delivery" | "diamond" | "disc" | "discount-circle" | "discount-square" | "discount-star-01" | "discount-star-02" | "discount-star-03" | "divider" | "dot-horizontal" | "dot-vertical" | "download" | "download-01" | "download-02" | "edit-01" | "edit-02" | "edit-03" | "edit-04" | "edit-contained" | "email" | "equals" | "equals-not" | "eraser-01" | "eraser-02" | "expand" | "expand-02" | "eye-closed" | "eye-open" | "face-id-01" | "face-id-02" | "fast-backward" | "fast-forward" | "favourite" | "feather-01" | "feather-02" | "file" | "file-01" | "file-02" | "file-03" | "file-04" | "file-05" | "file-06" | "file-attach-01" | "file-attach-02" | "file-attach-03" | "file-branch" | "file-check-01" | "file-check-02" | "file-code" | "file-down-01" | "file-down-02" | "file-edit-01" | "file-edit-02" | "file-eye-01" | "file-eye-02" | "file-lock-01" | "file-lock-02" | "file-lock-03" | "file-minus-01" | "file-minus-02" | "file-multiple" | "file-none" | "file-plus-01" | "file-plus-02" | "file-question-01" | "file-question-02" | "file-return-01" | "file-return-02" | "file-search-01" | "file-search-02" | "file-shield-01" | "file-shield-02" | "file-shield-03" | "file-shred" | "file-up-01" | "file-up-02" | "file-x-02" | "fingerpint-01" | "fingerpint-02" | "flame-01" | "flash-off" | "flash-on" | "flex-align-bottom-01" | "flex-align-center-01" | "flex-align-left-01" | "flex-align-right-01" | "flex-align-spaced-01" | "flex-align-top-01" | "flex-columns" | "flip-01" | "flip-02" | "flip-left" | "flip-right" | "folder" | "folder-code" | "folder-down-01" | "folder-down-02" | "folder-minus-01" | "folder-open-01" | "folder-open-02" | "folder-open-03" | "folder-plus-01" | "folder-plus-02" | "folder-search-01" | "folder-search-02" | "folder-shield" | "folder-up-01" | "folder-up-02" | "folder-x-01" | "folder-x-02" | "gear" | "gift-01" | "gift-02" | "git-branch-01" | "git-branch-02" | "git-branch-03" | "git-branch-04" | "git-branch-05" | "glasses-01" | "glasses-02" | "globe" | "globe-01" | "globe-02" | "globe-03" | "globe-04" | "globe-05" | "graduation-cap-01" | "graduation-cap-02" | "grid-01" | "grid-02" | "grid-03" | "grid-04-filled" | "hash-01" | "hash-02" | "header-01" | "header-02" | "headphones" | "heart" | "help" | "help-circle-contained" | "help-square-contained" | "hexagon" | "home-01" | "home-02" | "home-03" | "home-04" | "home-05" | "horizontal-chart-01" | "horizontal-chart-02" | "horizontal-chart-03" | "hourglass-01" | "hourglass-02" | "hourglass-03" | "image-01" | "image-02" | "image-03" | "image-04" | "image-add" | "image-avatar" | "image-check" | "image-down" | "image-focus" | "image-indent-left" | "image-indent-right" | "image-minus" | "image-no-borders" | "image-question" | "image-up" | "image-x" | "inbox-01" | "inbox-02" | "indent-decrease" | "indent-increase" | "indent-left" | "indent-right" | "info-square-01-contained" | "info-square-02-contained-filled" | "information-circle-contained" | "intersect" | "iphone-02" | "italics-01" | "italics-02" | "key-01" | "key-02" | "keyboard" | "laptop-01" | "laptop-02" | "layers-01" | "layers-02" | "layers-03" | "layers-04" | "layers-05" | "layout-01" | "layout-02" | "layout-03" | "layout-04" | "layout-bottom" | "layout-grid-01" | "layout-left" | "layout-right" | "layout-scale" | "layout-top" | "letter-spacing-01" | "letter-spacing-02" | "letter-spacing-03" | "lightbulb-01" | "lightbulb-02" | "lightbulb-03" | "lightning-01" | "lightning-02" | "lightning-circle-contained" | "lightning-filled" | "lightning-square-contained" | "line-chart-down-01" | "line-chart-down-02" | "line-chart-up-01" | "line-chart-up-02" | "line-height" | "link-angled" | "link-broken" | "link-external" | "list" | "list-numbers" | "loader-01" | "loader-02" | "lock-01" | "lock-02" | "lock-03" | "lock-04" | "lock-open-01" | "lock-open-02" | "lock-open-03" | "lock-open-04" | "logout-01" | "logout-02" | "logout-03" | "logout-04" | "luggage-01" | "luggage-02" | "luggage-03" | "luggage-04" | "mail-01" | "mail-02" | "mail-03" | "mail-04" | "mail-05" | "map-01" | "map-02" | "map-03" | "map-04" | "marker-01" | "marker-02" | "marker-03" | "marker-04" | "marker-05" | "marker-06" | "maximise-01" | "maximise-02" | "media-strip-01" | "media-strip-02" | "menu-01" | "menu-02" | "menu-03" | "menu-04" | "menu-05" | "message-alert-circle" | "message-alert-plus" | "message-chat-01" | "message-circle" | "message-notify-circle" | "message-notify-square" | "message-square" | "message-square-information" | "message-square-plus" | "message-square-typing" | "message-square-x" | "message-text-01" | "message-text-02" | "message-typing" | "message-x" | "microphone-01" | "microphone-02" | "microphone-off-01" | "microphone-off-02" | "minimise-01" | "minimise-02" | "minus-circle-contained" | "minus-square-contained" | "moon-01" | "moon-02" | "mouse" | "move" | "note-01" | "note-02" | "notification-box" | "notification-bubble" | "notification-square-01" | "notification-square-02" | "octagon" | "overlap" | "package-01" | "package-02" | "package-check" | "package-minus" | "package-plus" | "package-x" | "paint-bucket-01" | "paint-bucket-02" | "palette" | "paperclip" | "paperclip-01" | "paperclip-02" | "passport" | "password-01" | "password-02" | "pause-01" | "pause-02" | "pause-03" | "pen-tool-01" | "pen-tool-02" | "pen-tool-03" | "pen-tool-04" | "pencil-01" | "pencil-02" | "pencil-03" | "pentagon" | "percent-01" | "percent-02" | "percent-03" | "perspective" | "phone" | "phone-call-01" | "phone-call-02" | "phone-down" | "phone-incoming-01" | "phone-incoming-02" | "phone-off" | "phone-outgoing-01" | "phone-outgoing-02" | "phone-up" | "phone-x" | "pie-chart-01" | "pie-chart-02" | "pie-chart-03" | "plane" | "play-01" | "play-02" | "play-03" | "plug-01" | "plus-01" | "plus-02" | "plus-03" | "pointer-01" | "pointer-02" | "power" | "presentation-01" | "presentation-02" | "presentation-03" | "quote" | "receipt" | "receipt-lines" | "refresh-01" | "rss" | "ruler" | "save-01" | "save-02" | "scale-01" | "scale-02" | "scale-03" | "scan" | "scissors-01" | "scissors-02" | "scissors-03" | "scissors-04" | "search-01" | "search-02" | "send-01" | "send-02" | "send-03" | "server-01" | "server-02" | "server-03" | "server-04" | "server-05" | "server-06" | "server-down" | "server-up" | "settings" | "share" | "shield-01" | "shield-02" | "shield-check" | "shield-plus" | "shuffle" | "signal" | "skew" | "skip-back" | "skip-forward" | "slash-01-backward" | "slash-01-forward" | "slash-02-forward" | "smiley-happy" | "smiley-happy-plus" | "smiley-neutral" | "smiley-sad" | "smiley-wink" | "snowflake" | "sort-horizontal" | "sort-vertical-01" | "sort-vertical-02" | "space-height" | "space-horizontal" | "space-vertical" | "space-width" | "speaker" | "square" | "star-01" | "star-02" | "stars" | "stop-01" | "stop-02" | "stopwatch-01" | "stopwatch-02" | "stopwatch-03" | "stopwatch-04" | "stopwatch-05" | "stopwatch-off" | "stopwatch-snooze" | "sun-01" | "sun-02" | "sun-03" | "sun-down" | "sun-up" | "superscript" | "tag" | "target-01" | "target-02" | "target-03" | "target-04" | "temperature-01" | "temperature-02" | "temperature-03" | "temperature-04" | "terminal" | "text-input-01" | "text-input-02" | "thumb-down" | "thumb-up" | "ticket-01" | "ticket-02" | "toggle-right" | "toogle-left" | "train" | "transform" | "trash-01" | "trash-02" | "trash-03" | "trash-04" | "trend-down-01" | "trend-down-02" | "trend-up-01" | "trend-up-02" | "triangle" | "truck" | "tv" | "type-01" | "type-02" | "type-03" | "type-strike-01" | "type-strike-02" | "umbrella" | "umbrella-01" | "umbrella-02" | "underline-01" | "underline-02" | "union" | "upload-01" | "upload-02" | "upload-03" | "upload-04" | "user-profile-01" | "user-profile-02" | "user-profile-03" | "user-profile-add-01" | "user-profile-add-02" | "user-profile-check" | "user-profile-circle" | "user-profile-down" | "user-profile-group" | "user-profile-left" | "user-profile-minus" | "user-profile-right" | "user-profile-square" | "user-profile-star" | "user-profile-up" | "user-profile-x" | "users-profiles-01" | "users-profiles-02" | "users-profiles-03" | "users-profiles-check" | "users-profiles-down" | "users-profiles-left" | "users-profiles-minus" | "users-profiles-plus" | "users-profiles-right" | "users-profiles-up" | "users-profiles-x" | "variant" | "video-off" | "video-on" | "volume-01" | "volume-02" | "volume-03" | "volume-04" | "volume-05" | "volume-06" | "volume-07" | "wallert-04" | "wallet-01" | "wallet-02" | "wallet-03" | "watch-01" | "watch-02" | "waveform" | "webcam" | "wifi-off" | "wifi-on" | "wind-01" | "wind-02" | "wind-03" | "wrench" | "x-01" | "x-02" | "x-03" | "x-circle-contained" | "x-square-contained" | "youtube" | "zoom-in" | "zoom-out" | "custom-warning-xs-neutral" | "custom-add-2xl-active" | "custom-add-2xl-neutral" | "custom-add-lg-active" | "custom-add-lg-neutral" | "custom-add-md-active" | "custom-add-md-neutral" | "custom-add-sm-active" | "custom-add-sm-neutral" | "custom-add-xl-active" | "custom-add-xl-neutral" | "custom-add-xs-active" | "custom-add-xs-neutral" | "custom-amf-note-md-active" | "custom-amf-note-paid-md-active" | "custom-att-acc-md-active" | "custom-att-evaluate-md-active" | "custom-att-na-md-active" | "custom-cert-apply-md-active" | "custom-cert-refused-md-active" | "custom-cert-treatment-md-active" | "custom-cert-view-md-active" | "custom-certificate-2xl-active" | "custom-certificate-2xl-neutral" | "custom-certificate-lg-active" | "custom-certificate-lg-neutral" | "custom-certificate-md-active" | "custom-certificate-md-neutral" | "custom-certificate-sm-active" | "custom-certificate-sm-neutral" | "custom-certificate-xl-active" | "custom-certificate-xl-neutral" | "custom-certificate-xs-active" | "custom-certificate-xs-neutral" | "custom-check-2xl-active" | "custom-check-2xl-neutral" | "custom-check-lg-active" | "custom-check-lg-neutral" | "custom-check-md-active" | "custom-check-md-neutral" | "custom-check-sm-active" | "custom-check-sm-neutral" | "custom-check-xl-active" | "custom-check-xl-neutral" | "custom-check-xs-active" | "custom-check-xs-neutral" | "custom-content-classroom-md-active" | "custom-content-classroom-md-neutral" | "custom-content-elearning-md-active" | "custom-content-elearning-md-neutral" | "custom-content-liveonline-md-active" | "custom-content-liveonline-md-neutral" | "custom-content-selfstudy-md-active" | "custom-content-selfstudy-md-neutral" | "custom-content-technical-md-active" | "custom-content-technical-md-neutral" | "custom-delete-2xl-active" | "custom-delete-2xl-neutral" | "custom-delete-lg-active" | "custom-delete-lg-neutral" | "custom-delete-md-active" | "custom-delete-md-neutral" | "custom-delete-sm-active" | "custom-delete-sm-neutral" | "custom-delete-xl-active" | "custom-delete-xl-neutral" | "custom-delete-xs-active" | "custom-delete-xs-neutral" | "custom-doc-2xl-active" | "custom-doc-2xl-neutral" | "custom-doc-lg-active" | "custom-doc-lg-neutral" | "custom-doc-md-active" | "custom-doc-md-neutral" | "custom-doc-sm-active" | "custom-doc-sm-neutral" | "custom-doc-xl-active" | "custom-doc-xl-neutral" | "custom-doc-xs-active" | "custom-doc-xs-neutral" | "custom-download-2xl-active" | "custom-download-2xl-neutral" | "custom-download-lg-active" | "custom-download-lg-neutral" | "custom-download-md-active" | "custom-download-md-neutral" | "custom-download-sm-active" | "custom-download-sm-neutral" | "custom-download-xl-active" | "custom-download-xl-neutral" | "custom-download-xs-active" | "custom-download-xs-neutral" | "custom-exam-failed-md-active" | "custom-exam-missed-md-active" | "custom-exam-passed-md-active" | "custom-exam-schedule-md-active" | "custom-exam-scheduled-md-active" | "custom-exam-waiting-md-active" | "custom-info-2xl-active" | "custom-info-2xl-neutral" | "custom-info-lg-active" | "custom-info-lg-neutral" | "custom-info-md-active" | "custom-info-md-neutral" | "custom-info-sm-active" | "custom-info-sm-neutral" | "custom-info-xl-active" | "custom-info-xl-neutral" | "custom-info-xs-active" | "custom-info-xs-neutral" | "custom-not-applicable-2xl-active" | "custom-not-applicable-2xl-neutral" | "custom-not-applicable-lg-active" | "custom-not-applicable-lg-neutral" | "custom-not-applicable-md-active" | "custom-not-applicable-md-neutral" | "custom-not-applicable-sm-active" | "custom-not-applicable-sm-neutral" | "custom-not-applicable-xl-active" | "custom-not-applicable-xl-neutral" | "custom-not-applicable-xs-active" | "custom-not-applicable-xs-neutral" | "custom-slide-2xl-active" | "custom-slide-2xl-neutral" | "custom-slide-lg-active" | "custom-slide-lg-neutral" | "custom-slide-md-active" | "custom-slide-md-neutral" | "custom-slide-sm-active" | "custom-slide-sm-neutral" | "custom-slide-xl-active" | "custom-slide-xl-neutral" | "custom-slide-xs-active" | "custom-slide-xs-neutral" | "custom-time-2xl-active" | "custom-time-2xl-neutral" | "custom-time-lg-active" | "custom-time-lg-neutral" | "custom-time-md-active" | "custom-time-md-neutral" | "custom-time-sm-active" | "custom-time-sm-neutral" | "custom-time-xl-active" | "custom-time-xl-neutral" | "custom-time-xs-active" | "custom-time-xs-neutral" | "custom-tools-2xl-active" | "custom-tools-2xl-neutral" | "custom-tools-lg-active" | "custom-tools-lg-neutral" | "custom-tools-md-active" | "custom-tools-md-neutral" | "custom-tools-sm-active" | "custom-tools-sm-neutral" | "custom-tools-xl-active" | "custom-tools-xl-neutral" | "custom-tools-xs-active" | "custom-tools-xs-neutral" | "custom-upload-2xl-active" | "custom-upload-2xl-neutral" | "custom-upload-lg-active" | "custom-upload-lg-neutral" | "custom-upload-md-active" | "custom-upload-md-neutral" | "custom-upload-sm-active" | "custom-upload-sm-neutral" | "custom-upload-xl-active" | "custom-upload-xl-neutral" | "custom-upload-xs-active" | "custom-upload-xs-neutral" | "custom-view-2xl-active" | "custom-view-2xl-neutral" | "custom-view-lg-active" | "custom-view-lg-neutral" | "custom-view-md-active" | "custom-view-md-neutral" | "custom-view-sm-active" | "custom-view-sm-neutral" | "custom-view-xl-active" | "custom-view-xl-neutral" | "custom-view-xs-active" | "custom-view-xs-neutral" | "custom-warning-2xl-active" | "custom-warning-2xl-neutral" | "custom-warning-lg-active" | "custom-warning-lg-neutral" | "custom-warning-md-active" | "custom-warning-md-neutral" | "custom-warning-sm-active" | "custom-warning-sm-neutral" | "custom-warning-xl-active" | "custom-warning-xl-neutral" | "custom-warning-xs-active" | undefined>;
     /**
      * Inline SVG string to render inside the container.
      * When provided, this takes precedence over projected content.
@@ -4779,6 +6194,12 @@ declare class IconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "pecb-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "svgIcon": { "alias": "svgIcon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * All available icon names in the PECB icon library.
+ * Use with `<pecb-icon name="icon-name">` for built-in icons.
+ */
+type IconName = 'activity' | 'add-square-01' | 'add-square-02' | 'add-square-03' | 'add-square-04' | 'alarm-01' | 'alarm-02' | 'alarm-03' | 'alarm-04' | 'alarm-05' | 'alarm-06' | 'alarm-check' | 'alarm-minus' | 'alarm-off' | 'alarm-plus' | 'alert-circle' | 'alert-square' | 'alert-triangle' | 'align-center' | 'align-down-01' | 'align-down-02' | 'align-horizontal-center-01' | 'align-horizontal-center-02' | 'align-horizontal-center-03' | 'align-justify' | 'align-left' | 'align-left-01' | 'align-left-02' | 'align-right' | 'align-right-01' | 'align-right-02' | 'align-up-01' | 'align-up-02' | 'align-vertical-center-01' | 'align-vertical-center-02' | 'align-vertical-center-03' | 'annotation' | 'annotation-alert' | 'annotation-check' | 'annotation-information' | 'annotation-plus' | 'annotation-typing' | 'annotation-x' | 'atom' | 'attatchment-01' | 'attatchment-02' | 'audio-settings-01' | 'audio-settings-02' | 'bag-01' | 'bag-02' | 'bag-03' | 'bag-04' | 'bag-05' | 'bank' | 'bank-note-01' | 'bank-note-02' | 'bank-note-03' | 'bank-note-04' | 'bank-note-05' | 'bank-note-06' | 'bar-chart-01' | 'bar-chart-02' | 'bar-chart-03' | 'bar-chart-04' | 'bar-chart-05' | 'bar-chart-square-01' | 'bar-chart-square-02' | 'bar-chart-square-03' | 'bar-chart-square-down-01' | 'bar-chart-square-down-02' | 'bar-chart-square-up-01' | 'bar-group-01' | 'bar-group-02' | 'bar-group-03' | 'battery-01' | 'battery-02' | 'battery-03' | 'battery-04' | 'battery-empty' | 'battery-fill-01' | 'battery-fill-02' | 'battery-fill-04' | 'bell-01' | 'bell-02' | 'bell-03' | 'bell-04' | 'bell-off-01' | 'bell-off-02' | 'bell-ringing-01' | 'bell-ringing-02' | 'bell-ringing-03' | 'bell-ringing-04' | 'bezier-01' | 'bezier-02' | 'bluetooth-01' | 'bluetooth-02' | 'bold-01' | 'bold-02' | 'book-01' | 'book-02' | 'book-03' | 'book-04' | 'book-05' | 'book-06' | 'box' | 'brackets' | 'brackets-check' | 'brackets-minus' | 'brackets-plus' | 'brackets-slash' | 'brackets-typing' | 'calculator-01' | 'calculator-02' | 'calendar-01' | 'calendar-02' | 'calendar-03' | 'calendar-04' | 'calendar-05' | 'calendar-06' | 'calendar-07' | 'calendar-check' | 'calendar-minus' | 'calendar-number' | 'calendar-plus' | 'camera-01' | 'camera-02' | 'camera-lens' | 'camera-off' | 'cancel-left' | 'cancel-right' | 'car' | 'card-01' | 'card-02' | 'card-add' | 'card-check' | 'card-down' | 'card-edit' | 'card-lock' | 'card-minus' | 'card-number' | 'card-shield' | 'card-up' | 'card-x' | 'cart' | 'center' | 'chart-breakout-circle' | 'chart-breakout-square' | 'check-01' | 'check-02' | 'check-broken' | 'check-contained' | 'check-square-broken' | 'check-square-contained' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chromecast' | 'circle' | 'clock-01' | 'clock-backward' | 'clock-check' | 'clock-forward' | 'clock-plus' | 'cloud-01' | 'cloud-02' | 'cloud-03' | 'cloud-04' | 'cloud-lightning' | 'cloud-rain' | 'cloud-snow' | 'cloud-sun' | 'code-01' | 'code-02' | 'code-03' | 'code-04' | 'coin-broken' | 'coin-hand' | 'coin-number' | 'coin-unbroken' | 'coins' | 'coins-rotate' | 'color-picker' | 'color-swatch-01' | 'color-swatch-02' | 'colors-01' | 'colors-02' | 'column-horizontal-01' | 'column-horizontal-02' | 'column-horizontal-03' | 'column-vertical-01' | 'column-vertical-02' | 'column-vertical-03' | 'compare' | 'compass' | 'component' | 'computer' | 'contrast' | 'copy-left' | 'copy-right' | 'crop-01' | 'crop-02' | 'currency-bath' | 'currency-bitcoin' | 'currency-cent' | 'currency-coin-bath' | 'currency-coin-bitcoin' | 'currency-coin-cent' | 'currency-coin-dollar' | 'currency-coin-euro' | 'currency-coin-pound' | 'currency-coin-rubel' | 'currency-coin-rupee' | 'currency-coin-yen' | 'currency-dollar' | 'currency-euro' | 'currency-pound' | 'currency-rubel' | 'currency-rupee' | 'currency-yen' | 'cursor-01' | 'cursor-02' | 'cursor-03' | 'cursor-04' | 'cursor-05' | 'cursor-06' | 'cursor-grab' | 'cursor-grabbed' | 'cursor-pointer' | 'dash' | 'data-01' | 'data-02' | 'data-03' | 'data-04' | 'delete' | 'delivery' | 'diamond' | 'disc' | 'discount-circle' | 'discount-square' | 'discount-star-01' | 'discount-star-02' | 'discount-star-03' | 'divider' | 'dot-horizontal' | 'dot-vertical' | 'download' | 'download-01' | 'download-02' | 'drop' | 'edit-01' | 'edit-02' | 'edit-03' | 'edit-04' | 'edit-contained' | 'email' | 'embed' | 'equals' | 'equals-not' | 'eraser-01' | 'eraser-02' | 'expand' | 'expand-02' | 'eye-closed' | 'eye-open' | 'face-id-01' | 'face-id-02' | 'fast-backward' | 'fast-forward' | 'favourite' | 'feather-01' | 'feather-02' | 'file' | 'file-01' | 'file-02' | 'file-03' | 'file-04' | 'file-05' | 'file-06' | 'file-attach-01' | 'file-attach-02' | 'file-attach-03' | 'file-branch' | 'file-check-01' | 'file-check-02' | 'file-code' | 'file-down-01' | 'file-down-02' | 'file-edit-01' | 'file-edit-02' | 'file-eye-01' | 'file-eye-02' | 'file-lock-01' | 'file-lock-02' | 'file-lock-03' | 'file-minus-01' | 'file-minus-02' | 'file-multiple' | 'file-none' | 'file-plus-01' | 'file-plus-02' | 'file-question-01' | 'file-question-02' | 'file-return-01' | 'file-return-02' | 'file-search-01' | 'file-search-02' | 'file-shield-01' | 'file-shield-02' | 'file-shield-03' | 'file-shred' | 'file-up-01' | 'file-up-02' | 'file-x-02' | 'filter' | 'fingerpint-01' | 'fingerpint-02' | 'flame-01' | 'flash-off' | 'flash-on' | 'flex-align-bottom-01' | 'flex-align-center-01' | 'flex-align-left-01' | 'flex-align-right-01' | 'flex-align-spaced-01' | 'flex-align-top-01' | 'flex-columns' | 'flip-01' | 'flip-02' | 'flip-left' | 'flip-right' | 'folder' | 'folder-code' | 'folder-down-01' | 'folder-down-02' | 'folder-minus-01' | 'folder-open-01' | 'folder-open-02' | 'folder-open-03' | 'folder-plus-01' | 'folder-plus-02' | 'folder-search-01' | 'folder-search-02' | 'folder-shield' | 'folder-up-01' | 'folder-up-02' | 'folder-x-01' | 'folder-x-02' | 'gear' | 'gift-01' | 'gift-02' | 'git-branch-01' | 'git-branch-02' | 'git-branch-03' | 'git-branch-04' | 'git-branch-05' | 'glasses-01' | 'glasses-02' | 'globe' | 'globe-01' | 'globe-02' | 'globe-03' | 'globe-04' | 'globe-05' | 'graduation-cap-01' | 'graduation-cap-02' | 'grid-01' | 'grid-02' | 'grid-03' | 'grid-04-filled' | 'hash-01' | 'hash-02' | 'header-01' | 'header-02' | 'headphones' | 'heart' | 'help' | 'help-circle-contained' | 'help-square-contained' | 'hexagon' | 'home-01' | 'home-02' | 'home-03' | 'home-04' | 'home-05' | 'horizontal-chart-01' | 'horizontal-chart-02' | 'horizontal-chart-03' | 'hourglass-01' | 'hourglass-02' | 'hourglass-03' | 'image' | 'image-01' | 'image-02' | 'image-03' | 'image-04' | 'image-add' | 'image-avatar' | 'image-check' | 'image-down' | 'image-focus' | 'image-indent-left' | 'image-indent-right' | 'image-minus' | 'image-no-borders' | 'image-question' | 'image-up' | 'image-x' | 'inbox-01' | 'inbox-02' | 'indent-decrease' | 'indent-increase' | 'indent-left' | 'indent-right' | 'info-square-01-contained' | 'info-square-02-contained-filled' | 'information-circle-contained' | 'intersect' | 'iphone-02' | 'italics-01' | 'italics-02' | 'key-01' | 'key-02' | 'keyboard' | 'laptop-01' | 'laptop-02' | 'layers-01' | 'layers-02' | 'layers-03' | 'layers-04' | 'layers-05' | 'layout-01' | 'layout-02' | 'layout-03' | 'layout-04' | 'layout-bottom' | 'layout-grid-01' | 'layout-left' | 'layout-right' | 'layout-scale' | 'layout-top' | 'letter-spacing-01' | 'letter-spacing-02' | 'letter-spacing-03' | 'lightbulb-01' | 'lightbulb-02' | 'lightbulb-03' | 'lightning-01' | 'lightning-02' | 'lightning-circle-contained' | 'lightning-filled' | 'lightning-square-contained' | 'line-chart-down-01' | 'line-chart-down-02' | 'line-chart-up-01' | 'line-chart-up-02' | 'line-height' | 'link' | 'link-angled' | 'link-broken' | 'link-external' | 'list' | 'list-numbers' | 'loader-01' | 'loader-02' | 'lock-01' | 'lock-02' | 'lock-03' | 'lock-04' | 'lock-open-01' | 'lock-open-02' | 'lock-open-03' | 'lock-open-04' | 'logout-01' | 'logout-02' | 'logout-03' | 'logout-04' | 'luggage-01' | 'luggage-02' | 'luggage-03' | 'luggage-04' | 'mail-01' | 'mail-02' | 'mail-03' | 'mail-04' | 'mail-05' | 'map-01' | 'map-02' | 'map-03' | 'map-04' | 'marker-01' | 'marker-02' | 'marker-03' | 'marker-04' | 'marker-05' | 'marker-06' | 'maximise-01' | 'maximise-02' | 'media-strip-01' | 'media-strip-02' | 'menu-01' | 'menu-02' | 'menu-03' | 'menu-04' | 'menu-05' | 'message-alert-circle' | 'message-alert-plus' | 'message-chat-01' | 'message-circle' | 'message-notify-circle' | 'message-notify-square' | 'message-square' | 'message-square-information' | 'message-square-plus' | 'message-square-typing' | 'message-square-x' | 'message-text-01' | 'message-text-02' | 'message-typing' | 'message-x' | 'microphone-01' | 'microphone-02' | 'microphone-off-01' | 'microphone-off-02' | 'minimise-01' | 'minimise-02' | 'minus-circle-contained' | 'minus-square-contained' | 'moon-01' | 'moon-02' | 'mouse' | 'move' | 'note-01' | 'note-02' | 'notification-box' | 'notification-bubble' | 'notification-square-01' | 'notification-square-02' | 'octagon' | 'overlap' | 'package-01' | 'package-02' | 'package-check' | 'package-minus' | 'package-plus' | 'package-x' | 'paint-bucket-01' | 'paint-bucket-02' | 'palette' | 'paperclip' | 'paperclip-01' | 'paperclip-02' | 'passport' | 'password-01' | 'password-02' | 'pause-01' | 'pause-02' | 'pause-03' | 'pen-tool-01' | 'pen-tool-02' | 'pen-tool-03' | 'pen-tool-04' | 'pencil-01' | 'pencil-02' | 'pencil-03' | 'pentagon' | 'percent-01' | 'percent-02' | 'percent-03' | 'perspective' | 'phone' | 'phone-call-01' | 'phone-call-02' | 'phone-down' | 'phone-incoming-01' | 'phone-incoming-02' | 'phone-off' | 'phone-outgoing-01' | 'phone-outgoing-02' | 'phone-up' | 'phone-x' | 'pie-chart-01' | 'pie-chart-02' | 'pie-chart-03' | 'plane' | 'play-01' | 'play-02' | 'play-03' | 'plug-01' | 'plus-01' | 'plus-02' | 'plus-03' | 'pointer-01' | 'pointer-02' | 'power' | 'presentation-01' | 'presentation-02' | 'presentation-03' | 'progress' | 'quote' | 'receipt' | 'receipt-lines' | 'refresh-01' | 'rss' | 'ruler' | 'save-01' | 'save-02' | 'scale-01' | 'scale-02' | 'scale-03' | 'scan' | 'scissors-01' | 'scissors-02' | 'scissors-03' | 'scissors-04' | 'search-01' | 'search-02' | 'send-01' | 'send-02' | 'send-03' | 'server-01' | 'server-02' | 'server-03' | 'server-04' | 'server-05' | 'server-06' | 'server-down' | 'server-up' | 'settings' | 'share' | 'shield-01' | 'shield-02' | 'shield-check' | 'shield-plus' | 'shuffle' | 'signal' | 'skew' | 'skip-back' | 'skip-forward' | 'slash-01-backward' | 'slash-01-forward' | 'slash-02-forward' | 'smiley-happy' | 'smiley-happy-plus' | 'smiley-neutral' | 'smiley-sad' | 'smiley-wink' | 'snowflake' | 'sort-horizontal' | 'sort-vertical-01' | 'sort-vertical-02' | 'space-height' | 'space-horizontal' | 'space-vertical' | 'space-width' | 'speaker' | 'square' | 'star-01' | 'star-02' | 'stars' | 'stop-01' | 'stop-02' | 'stopwatch-01' | 'stopwatch-02' | 'stopwatch-03' | 'stopwatch-04' | 'stopwatch-05' | 'stopwatch-off' | 'stopwatch-snooze' | 'sun-01' | 'sun-02' | 'sun-03' | 'sun-down' | 'sun-up' | 'superscript' | 'table' | 'tag' | 'target-01' | 'target-02' | 'target-03' | 'target-04' | 'temperature-01' | 'temperature-02' | 'temperature-03' | 'temperature-04' | 'terminal' | 'text-input-01' | 'text-input-02' | 'thumb-down' | 'thumb-up' | 'ticket-01' | 'ticket-02' | 'toggle-right' | 'toogle-left' | 'train' | 'transform' | 'trash-01' | 'trash-02' | 'trash-03' | 'trash-04' | 'trend-down-01' | 'trend-down-02' | 'trend-up-01' | 'trend-up-02' | 'triangle' | 'truck' | 'tv' | 'type-01' | 'type-02' | 'type-03' | 'type-strike-01' | 'type-strike-02' | 'umbrella' | 'umbrella-01' | 'umbrella-02' | 'underline-01' | 'underline-02' | 'union' | 'upload-01' | 'upload-02' | 'upload-03' | 'upload-04' | 'user-profile-01' | 'user-profile-02' | 'user-profile-03' | 'user-profile-add-01' | 'user-profile-add-02' | 'user-profile-check' | 'user-profile-circle' | 'user-profile-down' | 'user-profile-group' | 'user-profile-left' | 'user-profile-minus' | 'user-profile-right' | 'user-profile-square' | 'user-profile-star' | 'user-profile-up' | 'user-profile-x' | 'users-profiles-01' | 'users-profiles-02' | 'users-profiles-03' | 'users-profiles-check' | 'users-profiles-down' | 'users-profiles-left' | 'users-profiles-minus' | 'users-profiles-plus' | 'users-profiles-right' | 'users-profiles-up' | 'users-profiles-x' | 'variant' | 'video-off' | 'video-on' | 'volume-01' | 'volume-02' | 'volume-03' | 'volume-04' | 'volume-05' | 'volume-06' | 'volume-07' | 'wallert-04' | 'wallet-01' | 'wallet-02' | 'wallet-03' | 'watch-01' | 'watch-02' | 'waveform' | 'webcam' | 'wifi-off' | 'wifi-on' | 'wind-01' | 'wind-02' | 'wind-03' | 'wrench' | 'x-01' | 'x-02' | 'x-03' | 'x-circle-contained' | 'x-square-contained' | 'youtube' | 'zoom-in' | 'zoom-out' | 'custom-warning-xs-neutral';
+
 /**
  * Global registry for SVG icons.
  *
@@ -4818,6 +6239,46 @@ declare class IconRegistry {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<IconRegistry>;
 }
 
+/**
+ * Custom icon names — self-contained icons with built-in background and color.
+ *
+ * Naming: `custom-{state}-{size}-{style}`
+ *
+ * | State            | Description                        |
+ * |------------------|------------------------------------|
+ * | check            | Checkmark / completed              |
+ * | certificate      | Certificate / credential           |
+ * | view             | Eye / visibility                   |
+ * | add              | Plus / create                      |
+ * | delete           | Trash / remove                     |
+ * | download         | Download arrow                     |
+ * | upload           | Upload arrow                       |
+ * | time             | Clock / duration                   |
+ * | slide            | Presentation / slideshow           |
+ * | tools            | Wrench / settings                  |
+ * | doc              | Document / file                    |
+ * | info             | Information circle                 |
+ * | warning          | Warning triangle                   |
+ * | not-applicable   | N/A / disabled                     |
+ *
+ * Sizes: xs (24), sm (32), md (40), lg (48), xl (56), 2xl (64)
+ * Styles: active (colored), neutral (gray)
+ *
+ * Course-progress set (member dashboard tracker) — multi-color artwork icons
+ * available in `md` only; `-off` source artwork maps to the `neutral` style:
+ *
+ * | State                                                              | Column      |
+ * |--------------------------------------------------------------------|-------------|
+ * | content-classroom, content-selfstudy, content-elearning,           | Content     |
+ * | content-liveonline, content-technical (active + neutral)           |             |
+ * | att-acc, att-evaluate, att-na                                      | Attendance  |
+ * | exam-passed, exam-schedule, exam-scheduled, exam-missed,           | Exam        |
+ * | exam-failed, exam-waiting                                          |             |
+ * | cert-view, cert-apply, cert-treatment, cert-refused                | Certificate |
+ * | amf-note, amf-note-paid                                            | AMF/Renewal |
+ */
+type CustomIconName = 'custom-add-2xl-active' | 'custom-add-2xl-neutral' | 'custom-add-lg-active' | 'custom-add-lg-neutral' | 'custom-add-md-active' | 'custom-add-md-neutral' | 'custom-add-sm-active' | 'custom-add-sm-neutral' | 'custom-add-xl-active' | 'custom-add-xl-neutral' | 'custom-add-xs-active' | 'custom-add-xs-neutral' | 'custom-amf-note-md-active' | 'custom-amf-note-paid-md-active' | 'custom-att-acc-md-active' | 'custom-att-evaluate-md-active' | 'custom-att-na-md-active' | 'custom-cert-apply-md-active' | 'custom-cert-refused-md-active' | 'custom-cert-treatment-md-active' | 'custom-cert-view-md-active' | 'custom-certificate-2xl-active' | 'custom-certificate-2xl-neutral' | 'custom-certificate-lg-active' | 'custom-certificate-lg-neutral' | 'custom-certificate-md-active' | 'custom-certificate-md-neutral' | 'custom-certificate-sm-active' | 'custom-certificate-sm-neutral' | 'custom-certificate-xl-active' | 'custom-certificate-xl-neutral' | 'custom-certificate-xs-active' | 'custom-certificate-xs-neutral' | 'custom-check-2xl-active' | 'custom-check-2xl-neutral' | 'custom-check-lg-active' | 'custom-check-lg-neutral' | 'custom-check-md-active' | 'custom-check-md-neutral' | 'custom-check-sm-active' | 'custom-check-sm-neutral' | 'custom-check-xl-active' | 'custom-check-xl-neutral' | 'custom-check-xs-active' | 'custom-check-xs-neutral' | 'custom-content-classroom-md-active' | 'custom-content-classroom-md-neutral' | 'custom-content-elearning-md-active' | 'custom-content-elearning-md-neutral' | 'custom-content-liveonline-md-active' | 'custom-content-liveonline-md-neutral' | 'custom-content-selfstudy-md-active' | 'custom-content-selfstudy-md-neutral' | 'custom-content-technical-md-active' | 'custom-content-technical-md-neutral' | 'custom-delete-2xl-active' | 'custom-delete-2xl-neutral' | 'custom-delete-lg-active' | 'custom-delete-lg-neutral' | 'custom-delete-md-active' | 'custom-delete-md-neutral' | 'custom-delete-sm-active' | 'custom-delete-sm-neutral' | 'custom-delete-xl-active' | 'custom-delete-xl-neutral' | 'custom-delete-xs-active' | 'custom-delete-xs-neutral' | 'custom-doc-2xl-active' | 'custom-doc-2xl-neutral' | 'custom-doc-lg-active' | 'custom-doc-lg-neutral' | 'custom-doc-md-active' | 'custom-doc-md-neutral' | 'custom-doc-sm-active' | 'custom-doc-sm-neutral' | 'custom-doc-xl-active' | 'custom-doc-xl-neutral' | 'custom-doc-xs-active' | 'custom-doc-xs-neutral' | 'custom-download-2xl-active' | 'custom-download-2xl-neutral' | 'custom-download-lg-active' | 'custom-download-lg-neutral' | 'custom-download-md-active' | 'custom-download-md-neutral' | 'custom-download-sm-active' | 'custom-download-sm-neutral' | 'custom-download-xl-active' | 'custom-download-xl-neutral' | 'custom-download-xs-active' | 'custom-download-xs-neutral' | 'custom-exam-failed-md-active' | 'custom-exam-missed-md-active' | 'custom-exam-passed-md-active' | 'custom-exam-schedule-md-active' | 'custom-exam-scheduled-md-active' | 'custom-exam-waiting-md-active' | 'custom-info-2xl-active' | 'custom-info-2xl-neutral' | 'custom-info-lg-active' | 'custom-info-lg-neutral' | 'custom-info-md-active' | 'custom-info-md-neutral' | 'custom-info-sm-active' | 'custom-info-sm-neutral' | 'custom-info-xl-active' | 'custom-info-xl-neutral' | 'custom-info-xs-active' | 'custom-info-xs-neutral' | 'custom-not-applicable-2xl-active' | 'custom-not-applicable-2xl-neutral' | 'custom-not-applicable-lg-active' | 'custom-not-applicable-lg-neutral' | 'custom-not-applicable-md-active' | 'custom-not-applicable-md-neutral' | 'custom-not-applicable-sm-active' | 'custom-not-applicable-sm-neutral' | 'custom-not-applicable-xl-active' | 'custom-not-applicable-xl-neutral' | 'custom-not-applicable-xs-active' | 'custom-not-applicable-xs-neutral' | 'custom-slide-2xl-active' | 'custom-slide-2xl-neutral' | 'custom-slide-lg-active' | 'custom-slide-lg-neutral' | 'custom-slide-md-active' | 'custom-slide-md-neutral' | 'custom-slide-sm-active' | 'custom-slide-sm-neutral' | 'custom-slide-xl-active' | 'custom-slide-xl-neutral' | 'custom-slide-xs-active' | 'custom-slide-xs-neutral' | 'custom-time-2xl-active' | 'custom-time-2xl-neutral' | 'custom-time-lg-active' | 'custom-time-lg-neutral' | 'custom-time-md-active' | 'custom-time-md-neutral' | 'custom-time-sm-active' | 'custom-time-sm-neutral' | 'custom-time-xl-active' | 'custom-time-xl-neutral' | 'custom-time-xs-active' | 'custom-time-xs-neutral' | 'custom-tools-2xl-active' | 'custom-tools-2xl-neutral' | 'custom-tools-lg-active' | 'custom-tools-lg-neutral' | 'custom-tools-md-active' | 'custom-tools-md-neutral' | 'custom-tools-sm-active' | 'custom-tools-sm-neutral' | 'custom-tools-xl-active' | 'custom-tools-xl-neutral' | 'custom-tools-xs-active' | 'custom-tools-xs-neutral' | 'custom-upload-2xl-active' | 'custom-upload-2xl-neutral' | 'custom-upload-lg-active' | 'custom-upload-lg-neutral' | 'custom-upload-md-active' | 'custom-upload-md-neutral' | 'custom-upload-sm-active' | 'custom-upload-sm-neutral' | 'custom-upload-xl-active' | 'custom-upload-xl-neutral' | 'custom-upload-xs-active' | 'custom-upload-xs-neutral' | 'custom-view-2xl-active' | 'custom-view-2xl-neutral' | 'custom-view-lg-active' | 'custom-view-lg-neutral' | 'custom-view-md-active' | 'custom-view-md-neutral' | 'custom-view-sm-active' | 'custom-view-sm-neutral' | 'custom-view-xl-active' | 'custom-view-xl-neutral' | 'custom-view-xs-active' | 'custom-view-xs-neutral' | 'custom-warning-2xl-active' | 'custom-warning-2xl-neutral' | 'custom-warning-lg-active' | 'custom-warning-lg-neutral' | 'custom-warning-md-active' | 'custom-warning-md-neutral' | 'custom-warning-sm-active' | 'custom-warning-sm-neutral' | 'custom-warning-xl-active' | 'custom-warning-xl-neutral' | 'custom-warning-xs-active' | 'custom-warning-xs-neutral';
+
 /**
  * Map of every PECB icon name to its inline SVG string.
  *
@@ -4977,6 +6438,7 @@ declare class DashboardGridComponent {
 type ProgressType = 'bar' | 'circle' | 'spinner';
 type ProgressBarSize = 'sm' | 'lg';
 type ProgressCircleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ProgressArcSize = 'sm' | 'md' | 'lg';
 declare class SpinnerComponent {
     id: _angular_core.InputSignal<string>;
     size: _angular_core.InputSignal<number>;
@@ -5031,6 +6493,41 @@ declare class ProgressCircleComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressCircleComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressCircleComponent, "pecb-progress-circle", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showPercentage": { "alias": "showPercentage"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+/**
+ * Half-round (180°) progress gauge with a "value/max" label under the arc —
+ * e.g. the CPD column of the member dashboard's course progress tracker
+ * ("170/180"). Green as soon as there is any progress, muted at zero.
+ *
+ * @example
+ * <pecb-progress-arc [value]="170" [max]="180" />
+ */
+declare class ProgressArcComponent {
+    id: _angular_core.InputSignal<string>;
+    /** Current value (e.g. CPD credits earned) */
+    value: _angular_core.InputSignal<number>;
+    /** Target value the arc fills towards (e.g. CPD credits required) */
+    max: _angular_core.InputSignal<number>;
+    /** Show the "value/max" label under the arc */
+    showLabel: _angular_core.InputSignal<boolean>;
+    /** Gauge width: sm (48px), md (60px), lg (80px) */
+    size: _angular_core.InputSignal<ProgressArcSize>;
+    /** Custom fill color — overrides the automatic green/muted coloring */
+    color: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    private readonly arcLength;
+    private readonly sizeMap;
+    private readonly fontSizeMap;
+    widthValue: _angular_core.Signal<number>;
+    heightValue: _angular_core.Signal<number>;
+    fontSize: _angular_core.Signal<number>;
+    clampedValue: _angular_core.Signal<number>;
+    percent: _angular_core.Signal<number>;
+    dashArray: _angular_core.Signal<string>;
+    fillColor: _angular_core.Signal<string>;
+    get arcClasses(): string[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressArcComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressArcComponent, "pecb-progress-arc", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 
 type CodeInputState = 'default' | 'error';
 type CodeInputDirection = 'horizontal' | 'vertical';
@@ -5684,6 +7181,10 @@ declare class ProjectLayoutComponent {
     calendarAriaLabel: _angular_core.InputSignal<string>;
     /** Prefix for the profile button accessible label (e.g. "Profile: Jane Doe"). */
     profileAriaLabel: _angular_core.InputSignal<string>;
+    /** Accessible label for the mobile hamburger that opens the sidebar drawer. */
+    openNavAriaLabel: _angular_core.InputSignal<string>;
+    /** Accessible label for the backdrop that closes the sidebar drawer. */
+    closeNavAriaLabel: _angular_core.InputSignal<string>;
     showLanguage: _angular_core.InputSignal<boolean>;
     language: _angular_core.InputSignal<string>;
     showBell: _angular_core.InputSignal<boolean>;
@@ -5712,11 +7213,23 @@ declare class ProjectLayoutComponent {
     profileClick: _angular_core.OutputEmitterRef<void>;
     sidebarItemClick: _angular_core.OutputEmitterRef<SidebarMenuItem>;
     sidebarCollapsed: _angular_core.WritableSignal<boolean>;
+    /**
+     * Whether the off-canvas sidebar drawer is open. Only has a visual effect
+     * below the `sm` breakpoint — above it the sidebar is always in the grid,
+     * and the CSS that reads this flag is scoped to the mobile media query.
+     */
+    mobileNavOpen: _angular_core.WritableSignal<boolean>;
     onCategoryChange(event: Event): void;
+    toggleMobileNav(): void;
+    closeMobileNav(): void;
+    /** Closing on Escape matches the drawer/modal behaviour elsewhere. */
+    onEscape(): void;
+    /** Navigating away should dismiss the drawer it was opened from. */
+    onSidebarItemClick(item: SidebarMenuItem): void;
     layoutClasses: _angular_core.Signal<string[]>;
     contentClasses: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProjectLayoutComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProjectLayoutComponent, "pecb-project-layout", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "pageTitle": { "alias": "pageTitle"; "required": false; "isSignal": true; }; "contentStyle": { "alias": "contentStyle"; "required": false; "isSignal": true; }; "showSidebar": { "alias": "showSidebar"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "sidebarSections": { "alias": "sidebarSections"; "required": false; "isSignal": true; }; "sidebarShowHeader": { "alias": "sidebarShowHeader"; "required": false; "isSignal": true; }; "sidebarLogoSrc": { "alias": "sidebarLogoSrc"; "required": false; "isSignal": true; }; "sidebarLogo": { "alias": "sidebarLogo"; "required": false; "isSignal": true; }; "sidebarCollapsedLogo": { "alias": "sidebarCollapsedLogo"; "required": false; "isSignal": true; }; "sidebarShowFooter": { "alias": "sidebarShowFooter"; "required": false; "isSignal": true; }; "searchType": { "alias": "searchType"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "productSearchPlaceholder": { "alias": "productSearchPlaceholder"; "required": false; "isSignal": true; }; "productCategories": { "alias": "productCategories"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "productSearchAriaLabel": { "alias": "productSearchAriaLabel"; "required": false; "isSignal": true; }; "categoryAriaLabel": { "alias": "categoryAriaLabel"; "required": false; "isSignal": true; }; "notificationsAriaLabel": { "alias": "notificationsAriaLabel"; "required": false; "isSignal": true; }; "cartAriaLabel": { "alias": "cartAriaLabel"; "required": false; "isSignal": true; }; "calendarAriaLabel": { "alias": "calendarAriaLabel"; "required": false; "isSignal": true; }; "profileAriaLabel": { "alias": "profileAriaLabel"; "required": false; "isSignal": true; }; "showLanguage": { "alias": "showLanguage"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "showBell": { "alias": "showBell"; "required": false; "isSignal": true; }; "showCart": { "alias": "showCart"; "required": false; "isSignal": true; }; "showCalendar": { "alias": "showCalendar"; "required": false; "isSignal": true; }; "profileName": { "alias": "profileName"; "required": false; "isSignal": true; }; "profileRole": { "alias": "profileRole"; "required": false; "isSignal": true; }; "profileImage": { "alias": "profileImage"; "required": false; "isSignal": true; }; "profileType": { "alias": "profileType"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "productSearchChange": "productSearchChange"; "categoryChange": "categoryChange"; "languageClick": "languageClick"; "bellClick": "bellClick"; "cartClick": "cartClick"; "calendarClick": "calendarClick"; "profileClick": "profileClick"; "sidebarItemClick": "sidebarItemClick"; }, never, ["[sidebar-header]", "[sidebar-footer]", "[layoutHeaderActions]", "[layoutContent]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProjectLayoutComponent, "pecb-project-layout", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "pageTitle": { "alias": "pageTitle"; "required": false; "isSignal": true; }; "contentStyle": { "alias": "contentStyle"; "required": false; "isSignal": true; }; "showSidebar": { "alias": "showSidebar"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "sidebarSections": { "alias": "sidebarSections"; "required": false; "isSignal": true; }; "sidebarShowHeader": { "alias": "sidebarShowHeader"; "required": false; "isSignal": true; }; "sidebarLogoSrc": { "alias": "sidebarLogoSrc"; "required": false; "isSignal": true; }; "sidebarLogo": { "alias": "sidebarLogo"; "required": false; "isSignal": true; }; "sidebarCollapsedLogo": { "alias": "sidebarCollapsedLogo"; "required": false; "isSignal": true; }; "sidebarShowFooter": { "alias": "sidebarShowFooter"; "required": false; "isSignal": true; }; "searchType": { "alias": "searchType"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "productSearchPlaceholder": { "alias": "productSearchPlaceholder"; "required": false; "isSignal": true; }; "productCategories": { "alias": "productCategories"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "productSearchAriaLabel": { "alias": "productSearchAriaLabel"; "required": false; "isSignal": true; }; "categoryAriaLabel": { "alias": "categoryAriaLabel"; "required": false; "isSignal": true; }; "notificationsAriaLabel": { "alias": "notificationsAriaLabel"; "required": false; "isSignal": true; }; "cartAriaLabel": { "alias": "cartAriaLabel"; "required": false; "isSignal": true; }; "calendarAriaLabel": { "alias": "calendarAriaLabel"; "required": false; "isSignal": true; }; "profileAriaLabel": { "alias": "profileAriaLabel"; "required": false; "isSignal": true; }; "openNavAriaLabel": { "alias": "openNavAriaLabel"; "required": false; "isSignal": true; }; "closeNavAriaLabel": { "alias": "closeNavAriaLabel"; "required": false; "isSignal": true; }; "showLanguage": { "alias": "showLanguage"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "showBell": { "alias": "showBell"; "required": false; "isSignal": true; }; "showCart": { "alias": "showCart"; "required": false; "isSignal": true; }; "showCalendar": { "alias": "showCalendar"; "required": false; "isSignal": true; }; "profileName": { "alias": "profileName"; "required": false; "isSignal": true; }; "profileRole": { "alias": "profileRole"; "required": false; "isSignal": true; }; "profileImage": { "alias": "profileImage"; "required": false; "isSignal": true; }; "profileType": { "alias": "profileType"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "productSearchChange": "productSearchChange"; "categoryChange": "categoryChange"; "languageClick": "languageClick"; "bellClick": "bellClick"; "cartClick": "cartClick"; "calendarClick": "calendarClick"; "profileClick": "profileClick"; "sidebarItemClick": "sidebarItemClick"; }, never, ["[sidebar-header]", "[sidebar-footer]", "[layoutHeaderActions]", "[layoutContent]"], true, never>;
 }
 
 interface HierarchicalTableColumn {
@@ -6013,83 +7526,6 @@ declare class ExpandableRowTableComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ExpandableRowTableComponent, "pecb-expandable-row-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "progressConfig": { "alias": "progressConfig"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "filterAriaLabel": { "alias": "filterAriaLabel"; "required": false; "isSignal": true; }; "expandHeaderLabel": { "alias": "expandHeaderLabel"; "required": false; "isSignal": true; }; "expandRowAriaLabel": { "alias": "expandRowAriaLabel"; "required": false; "isSignal": true; }; "collapseRowAriaLabel": { "alias": "collapseRowAriaLabel"; "required": false; "isSignal": true; }; "previousPageAriaLabel": { "alias": "previousPageAriaLabel"; "required": false; "isSignal": true; }; "nextPageAriaLabel": { "alias": "nextPageAriaLabel"; "required": false; "isSignal": true; }; "pageAriaLabel": { "alias": "pageAriaLabel"; "required": false; "isSignal": true; }; "itemsPerPageLabel": { "alias": "itemsPerPageLabel"; "required": false; "isSignal": true; }; "itemsInfoTemplate": { "alias": "itemsInfoTemplate"; "required": false; "isSignal": true; }; }, { "rowToggled": "rowToggled"; "actionClicked": "actionClicked"; "searchChanged": "searchChanged"; "filterClicked": "filterClicked"; "pageChanged": "pageChanged"; }, ["expandedRowTemplate"], ["[toolbarLeft]", "[toolbarRight]"], true, never>;
 }
 
-/**
- * Badge variant type.
- * - `dot`: small 6px red dot indicator
- * - `count`: numbered badge (default or small size)
- * - `status`: colored dot + text label
- * - `ribbon`: colored tag with bottom-right arrow fold
- */
-type BadgeVariant = 'dot' | 'count' | 'status' | 'ribbon';
-/**
- * Count badge size.
- * - `default`: 20px height, 14px font
- * - `small`: 14px height, 12px font
- */
-type BadgeSize = 'default' | 'small';
-/**
- * Status badge type — determines the dot color.
- */
-type BadgeStatus = 'success' | 'error' | 'default' | 'processing' | 'warning';
-/**
- * Ribbon badge color.
- */
-type RibbonColor = 'blue' | 'orange' | 'gray' | 'red' | 'purple' | 'green' | 'black';
-/**
- * Badge component matching the PECB Figma design system.
- *
- * Three sub-types: Basic (dot/count), Status (dot + label), Ribbon (colored tag).
- *
- * @example
- * ```html
- * <!-- Dot indicator -->
- * <pecb-badge variant="dot"></pecb-badge>
- *
- * <!-- Count badge -->
- * <pecb-badge variant="count" [count]="21"></pecb-badge>
- * <pecb-badge variant="count" [count]="5" size="small"></pecb-badge>
- *
- * <!-- Status badge -->
- * <pecb-badge variant="status" status="success"></pecb-badge>
- * <pecb-badge variant="status" status="error" label="Failed"></pecb-badge>
- *
- * <!-- Ribbon badge -->
- * <pecb-badge variant="ribbon" ribbonColor="blue" text="New"></pecb-badge>
- * ```
- */
-declare class BadgeComponent {
-    /** Unique element ID */
-    id: _angular_core.InputSignal<string>;
-    /** Badge variant */
-    variant: _angular_core.InputSignal<BadgeVariant>;
-    /** Count number (for variant='count') */
-    count: _angular_core.InputSignal<number>;
-    /** Max count before showing "99+" (for variant='count') */
-    maxCount: _angular_core.InputSignal<number>;
-    /** Count badge size */
-    size: _angular_core.InputSignal<BadgeSize>;
-    /** Status type (for variant='status') */
-    status: _angular_core.InputSignal<BadgeStatus>;
-    /** Label text (for variant='status'). Defaults to the status name. */
-    label: _angular_core.InputSignal<string>;
-    /** Whether to show the label text (for variant='status') */
-    showLabel: _angular_core.InputSignal<boolean>;
-    /** Ribbon color (for variant='ribbon') */
-    ribbonColor: _angular_core.InputSignal<RibbonColor>;
-    /** Ribbon/badge text (for variant='ribbon') */
-    text: _angular_core.InputSignal<string>;
-    /** Aria-label for the dot indicator (variant='dot'). */
-    notificationAriaLabel: _angular_core.InputSignal<string>;
-    /** Word appended after the count in the count badge's aria-label (variant='count'). */
-    notificationsLabel: _angular_core.InputSignal<string>;
-    /** Formatted count display */
-    displayCount: _angular_core.Signal<string>;
-    /** Status label — uses explicit label or falls back to status name */
-    statusLabel: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "pecb-badge", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "maxCount": { "alias": "maxCount"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "ribbonColor": { "alias": "ribbonColor"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "notificationAriaLabel": { "alias": "notificationAriaLabel"; "required": false; "isSignal": true; }; "notificationsLabel": { "alias": "notificationsLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 /**
  * Position of the sticky (affix) panel.
  * - `left`: sticky panel on the left, scrollable content on the right
@@ -6960,7 +8396,7 @@ declare class FilterColumnsComponent implements OnInit, OnChanges, OnDestroy, Af
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterColumnsComponent, "pecb-filter-columns", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "filterFields": { "alias": "filterFields"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "showSaveAsView": { "alias": "showSaveAsView"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "filtersTabLabel": { "alias": "filtersTabLabel"; "required": false; "isSignal": true; }; "columnsTabLabel": { "alias": "columnsTabLabel"; "required": false; "isSignal": true; }; "columnsDescription": { "alias": "columnsDescription"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "deselectAllLabel": { "alias": "deselectAllLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; "columnsWarning": { "alias": "columnsWarning"; "required": false; "isSignal": true; }; "saveAsViewLabel": { "alias": "saveAsViewLabel"; "required": false; "isSignal": true; }; "viewNameLabel": { "alias": "viewNameLabel"; "required": false; "isSignal": true; }; "setDefaultViewLabel": { "alias": "setDefaultViewLabel"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "applied": "applied"; "cancelled": "cancelled"; "closed": "closed"; }, never, never, true, never>;
 }
 
-type FileUploadVariant = 'dropzone' | 'inline';
+type FileUploadVariant = 'dropzone' | 'inline' | 'compact';
 type FileUploadState = 'default' | 'uploading' | 'complete' | 'error';
 interface UploadedFile {
     id: string;
@@ -6981,6 +8417,10 @@ declare class FileUploadComponent implements OnInit {
     id: _angular_core.InputSignal<string>;
     /** Visual variant: dropzone (big area) or inline (compact row) */
     variant: _angular_core.InputSignal<FileUploadVariant>;
+    /** compact variant: text before the browse link */
+    compactText: _angular_core.InputSignal<string>;
+    /** compact variant: the highlighted browse link */
+    compactBrowseLabel: _angular_core.InputSignal<string>;
     /** Whether multiple files can be uploaded */
     multiple: _angular_core.InputSignal<boolean>;
     /** Accepted file types (e.g. '.pdf,.png,.jpg') */
@@ -7089,7 +8529,7 @@ declare class FileUploadComponent implements OnInit {
     formatFileDate(date: Date): string;
     getFileTypeColor(type: string): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileUploadComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "pecb-file-upload", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "uploadTitle": { "alias": "uploadTitle"; "required": false; "isSignal": true; }; "uploadDescription": { "alias": "uploadDescription"; "required": false; "isSignal": true; }; "maxSizeLabel": { "alias": "maxSizeLabel"; "required": false; "isSignal": true; }; "acceptedFormatsText": { "alias": "acceptedFormatsText"; "required": false; "isSignal": true; }; "browseLabel": { "alias": "browseLabel"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "clickToUploadText": { "alias": "clickToUploadText"; "required": false; "isSignal": true; }; "dragAndDropText": { "alias": "dragAndDropText"; "required": false; "isSignal": true; }; "orDividerText": { "alias": "orDividerText"; "required": false; "isSignal": true; }; "uploadingTitle": { "alias": "uploadingTitle"; "required": false; "isSignal": true; }; "clearUploadText": { "alias": "clearUploadText"; "required": false; "isSignal": true; }; "failedToUploadText": { "alias": "failedToUploadText"; "required": false; "isSignal": true; }; "defaultErrorMessage": { "alias": "defaultErrorMessage"; "required": false; "isSignal": true; }; "tryAgainText": { "alias": "tryAgainText"; "required": false; "isSignal": true; }; "uploadedFilesLabel": { "alias": "uploadedFilesLabel"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "cancelUploadAriaLabel": { "alias": "cancelUploadAriaLabel"; "required": false; "isSignal": true; }; "deleteFileAriaLabel": { "alias": "deleteFileAriaLabel"; "required": false; "isSignal": true; }; "downloadFileAriaLabel": { "alias": "downloadFileAriaLabel"; "required": false; "isSignal": true; }; "uploadedSuffix": { "alias": "uploadedSuffix"; "required": false; "isSignal": true; }; "uploadFileAriaLabelPrefix": { "alias": "uploadFileAriaLabelPrefix"; "required": false; "isSignal": true; }; "uploadFilesAriaLabelPrefix": { "alias": "uploadFilesAriaLabelPrefix"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "initialFiles": { "alias": "initialFiles"; "required": false; "isSignal": true; }; }, { "filesSelected": "filesSelected"; "fileCancelled": "fileCancelled"; "fileRetry": "fileRetry"; "fileDeleted": "fileDeleted"; "fileDownload": "fileDownload"; "cleared": "cleared"; "closeClicked": "closeClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "pecb-file-upload", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compactText": { "alias": "compactText"; "required": false; "isSignal": true; }; "compactBrowseLabel": { "alias": "compactBrowseLabel"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "uploadTitle": { "alias": "uploadTitle"; "required": false; "isSignal": true; }; "uploadDescription": { "alias": "uploadDescription"; "required": false; "isSignal": true; }; "maxSizeLabel": { "alias": "maxSizeLabel"; "required": false; "isSignal": true; }; "acceptedFormatsText": { "alias": "acceptedFormatsText"; "required": false; "isSignal": true; }; "browseLabel": { "alias": "browseLabel"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "clickToUploadText": { "alias": "clickToUploadText"; "required": false; "isSignal": true; }; "dragAndDropText": { "alias": "dragAndDropText"; "required": false; "isSignal": true; }; "orDividerText": { "alias": "orDividerText"; "required": false; "isSignal": true; }; "uploadingTitle": { "alias": "uploadingTitle"; "required": false; "isSignal": true; }; "clearUploadText": { "alias": "clearUploadText"; "required": false; "isSignal": true; }; "failedToUploadText": { "alias": "failedToUploadText"; "required": false; "isSignal": true; }; "defaultErrorMessage": { "alias": "defaultErrorMessage"; "required": false; "isSignal": true; }; "tryAgainText": { "alias": "tryAgainText"; "required": false; "isSignal": true; }; "uploadedFilesLabel": { "alias": "uploadedFilesLabel"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "cancelUploadAriaLabel": { "alias": "cancelUploadAriaLabel"; "required": false; "isSignal": true; }; "deleteFileAriaLabel": { "alias": "deleteFileAriaLabel"; "required": false; "isSignal": true; }; "downloadFileAriaLabel": { "alias": "downloadFileAriaLabel"; "required": false; "isSignal": true; }; "uploadedSuffix": { "alias": "uploadedSuffix"; "required": false; "isSignal": true; }; "uploadFileAriaLabelPrefix": { "alias": "uploadFileAriaLabelPrefix"; "required": false; "isSignal": true; }; "uploadFilesAriaLabelPrefix": { "alias": "uploadFilesAriaLabelPrefix"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "initialFiles": { "alias": "initialFiles"; "required": false; "isSignal": true; }; }, { "filesSelected": "filesSelected"; "fileCancelled": "fileCancelled"; "fileRetry": "fileRetry"; "fileDeleted": "fileDeleted"; "fileDownload": "fileDownload"; "cleared": "cleared"; "closeClicked": "closeClicked"; }, never, never, true, never>;
 }
 
 type ToolbarVariant = 'buttons' | 'tabs';
@@ -7389,5 +8829,233 @@ declare class TourComponent implements OnInit, OnChanges {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TourComponent, "pecb-tour", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "indicatorType": { "alias": "indicatorType"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "initialStep": { "alias": "initialStep"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; "previousClicked": "previousClicked"; "nextClicked": "nextClicked"; "finished": "finished"; "stepChanged": "stepChanged"; }, never, never, true, never>;
 }
 
-export { AccordionItemComponent, AccordionSmallComponent, AddButtonComponent, AdminHeaderComponent, AdminHeaderFieldTemplateDirective, AffixComponent, AlertComponent, AnchorComponent, ApplicationStatusBarComponent, AuditorStatusComponent, AuthorDateTimeComponent, BackToTopComponent, BadgeComponent, BlurDirective, BottomSheetComponent, BreadcrumbsComponent, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, CancelUpdateButtonsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CertificateUploadBarComponent, CheckDeleteIconComponent, CheckboxComponent, CheckboxDisplayComponent, CodeInputComponent, CodeSnippetComponent, ColorPaletteComponent, ConfirmationComponent, ContentTypeTagComponent, CourseContentPanelComponent, CoursePlayerComponent, DEFAULT_COURSE_CONTENT_PANEL_LABELS, DEFAULT_LANGUAGES, DEFAULT_VIDEO_PLAYER_LABELS, DEFAULT_VIDEO_PLAYER_RATES, DashboardGridComponent, DatepickerComponent, DividerComponent, DropdownComponent, EMPTY_STATE_MAX_BUTTONS, EditButtonComponent, EditCoverPhotoComponent, EmptyStateComponent, ExpandableRowTableComponent, FileUploadComponent, FilterColumnsComponent, FloatButtonComponent, FloatButtonItemComponent, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, FullscreenModalHeaderDirective, GeneralComponent, GridComponent, GridItemComponent, HeaderActionsComponent, HeaderComponent, HeaderDividerComponent, HeaderLanguageComponent, HeaderSearchComponent, HeaderUserComponent, HierarchicalTableComponent, HorizontalStepsComponent, IconComponent, IconRegistry, IconTagComponent, InformationBoxComponent, InputComponent, LanguageDropdownComponent, LinkButtonComponent, LoadingService, MediaComponent, MessageBubbleComponent, MessageItemComponent, MetricsCardComponent, MiniIconButtonComponent, NoResultsComponent, NoteSidebarItemComponent, NotesPanelComponent, NotificationService, NotificationStatusLinkComponent, PECB_COLOR_PALETTE, PECB_CUSTOM_ICONS, PECB_FONT_STYLES, PECB_ICONS, PECB_TYPE_SCALE, PaginationComponent, PriceMethodComponent, ProfileComponent, ProfileElementsCardComponent, ProfileGroupComponent, ProgressBarComponent, ProgressCircleComponent, ProjectLayoutComponent, QuantitySelectorComponent, QuestionTypeTagComponent, RadioComponent, RadioDisplayComponent, RatingNumberComponent, ReasonForReturnComponent, RequestSentByComponent, RequestStatusBarComponent, ResultPageComponent, RightModalComponent, RightModalContentDirective, RightModalFooterDirective, RightModalHeaderDirective, ShadowDirective, SidebarComponent, SkeletonComponent, SlidePointsComponent, SpacerComponent, SpinnerComponent, StandardsPdfCardComponent, StatisticsCardComponent, StatusComponent, StepperComponent, TabComponent, TableComponent, TagComponent, TestimonialComponent, TextFormFieldComponent, ThemeService, ToggleComponent, ToolbarBarComponent, TooltipComponent, TooltipDirective, TourComponent, TranscriptLineComponent, TypographyComponent, UserWithEmailComponent, VerifyChecklistComponent, VideoPlayerComponent, VideoUploadBarComponent, VirtualTableComponent, addClass, announceToScreenReader, capitalize, closestElement, copyToClipboard, courseModuleStats, courseProgress, createAuthError, createAuthorizationError, createConfigError, createError, createNetworkError, createValidationError, disableBodyScroll, escapeHtml, findCourseLesson, findCourseModule, formatCount, formatCourseDuration, formatCourseTime, formatErrorForLog, formatErrorMessage, formatVideoTime, generateLinkedIds, generateUniqueId, getAriaCurrent, getButtonAriaAttributes, getComputedStyleValue, getDialogAriaAttributes, getFocusableElements, getInitials, getInputAriaAttributes, getOptionAriaAttributes, getProgressAriaAttributes, getScrollParent, getTabAriaAttributes, getVisuallyHiddenStyles, handleError, hasClass, isBlank, isBrowser, isElementVisible, isNotBlank, isPecbError, isRecoverableError, matchesSelector, parseLessonPartTitle, pluralize, prefersHighContrast, prefersReducedMotion, registerErrorHandler, removeClass, resolveLessonStatus, scrollIntoView, slugify, stripHtml, toCamelCase, toKebabCase, toPascalCase, toSnakeCase, toggleClass, trapFocus, truncate, tryAsync, trySync, wrapError };
-export type { AccordionVariant, AddButtonVariant, AdminHeaderAction, AdminHeaderActionType, AdminHeaderBadgeVariant, AdminHeaderField, AdminHeaderFieldType, AdminHeaderMetadata, AdminHeaderMetadataType, AdminHeaderProfile, AffixPosition, AlertType, AlertVariant, Alignment, AnchorDirection, AnchorItem, AnchorLevel, AnimationTiming, AppStatusColor, AriaAttributes, AriaLive, AriaRole, AuditorStatusType, BadgeSize, BadgeStatus, BadgeVariant, BlurSize, BreadcrumbItem, BreadcrumbSeparator, Breakpoint, ButtonGroupIconMode, ButtonGroupItemPosition, ButtonIconStyle, ButtonSize, ButtonVariant, CalendarDay, Callback, CardElevation, CardRadius, CardRole, CheckDeleteType, CheckboxDisplayState, CheckboxLabelPosition, ClosableWithHooks, CodeInputDirection, CodeInputState, CodeSnippetTheme, CodeSnippetVariant, ColorPaletteGroup, ColorPaletteItem, ColorVariant, Colorable, ColumnOption, ComponentSize, ConfirmationIconType, ContentStyle, ContentTagDisplay, ContentTagType, CourseContentPanelAccent, CourseContentPanelDensity, CourseContentPanelLabels, CourseContentPanelLayout, CourseContentPanelTab, CourseLesson, CourseLessonRunView, CourseLessonStatus, CourseLessonType, CourseLessonView, CourseModule, CourseModuleStats, CourseModuleView, CoursePlayerPanelPosition, CourseProgressStats, CourseTimelineRow, CourseTranscriptCue, CourseTranscriptRow, CustomIconName, DashboardGridGap, DashboardGridLayout, DatepickerSize, Direction, Disableable, DividerType, DropdownOption, DropdownSize, EditButtonVariant, ElevationLevel, EmptyStateButton, EmptyStateIconTheme, ErrorCategory, ErrorHandler, ErrorOptions, ErrorSeverity, EventHandler, ExpandableRowColumn, ExpandableRowPageEvent, ExpandableRowProgressConfig, ExtendedColorVariant, FieldItem, FieldStyle, FileUploadEvent, FileUploadState, FileUploadVariant, FilterColumnsActiveTab, FilterColumnsApplyEvent, FilterField, FilterFieldType, FilterState, FloatButtonAction, FloatButtonPosition, Focusable, FormControlBase, GridAlign, GridColumns, GridGap, GridItemSpan, GridPadding, GridVerticalAlign, HeaderActionButton, HeaderLanguageOption, HeaderSearchCategory, HeaderSearchType, HierarchicalTableAction, HierarchicalTableColumn, HierarchicalTablePageEvent, IconColor, IconName, IconShape, IconSize, IconTagType, InformationBoxVariant, InputSize, InputType, LanguageDisplayMode, LanguageOption, LinkButtonType, Loadable, LoadingState, MarkedDate, MediaGroup, MediaItem, MediaSize, MediaType, MenuItem, MessageBubbleType, MessageDirection, MessageItemStatus, MetricsCardBadgeStatus, MetricsCardIconBg, MetricsCardOrientation, MetricsCardType, MetricsCardVariation, MiniIconAction, NonNullableProps, NoteGroup, NoteItem, NoteSidebarPosition, NoteSidebarState, Notification, NotificationConfig, NotificationPosition, NotificationStatusType, NotificationType, OptionalProps, Orientation, OverlayComponent, PageChangeEvent, PaginationSize, PaginationState, PaginationVariant, PdfCardVariant, PecbError, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, Position, ProfileBadge, ProfileGroupItem, ProfileGroupSize, ProfileIndicator, ProfileSize, ProfileType, ProgressBarSize, ProgressCircleSize, ProgressType, QuestionTagDisplay, QuestionTagType, QuizType, RadioDisplayState, RadioLabelPosition, RadioVariant, RadiusScale, RatingStyle, RequestStatusIconType, RequireProps, ResultPageAction, ResultPageIcon, RibbonColor, RightModalSize, SearchMode, SelectableItem, ShadowHardSize, ShadowSize, ShadowSoftSize, ShadowType, SidebarMenuItem, SidebarSection, Size, Sizeable, SkeletonShape, SkeletonSize, SkeletonType, SortState, SpacerSize, SpacingScale, StateVariant, StatisticsIconColor, StatusColor, StatusSize, StatusType, StatusVariant, StepItem, StepOrder, StepState, StepperDirection, StepperSize, StepperTailStyle, StepperType, TabItem, TabSize, TabStyle, TableAction, TableColumn, TableRowActionEvent, TableSelectionEvent, TableSize, TableSortEvent, TableStatusConfig, TableUserConfig, TableVariant, TagAction, TagStyle, Templatable, TestimonialData, TestimonialVariant, TextFormFieldType, ThemeConfig, ThemeMode, ThemeVariables, ToggleLabelPosition, ToggleSize, ToolbarButton, ToolbarTab, ToolbarVariant, TooltipPointerPosition, TooltipTheme, TourIndicatorType, TourPlacement, TourStep, TourType, TranscriptLineState, TreeNode, TypographyScaleEntry, TypographyStyleEntry, UploadedFile, Validatable, ValidationError, ValidationState, VerifyChecklistItem, VerifyItemStatus, VideoPlayerError, VideoPlayerLabels, VideoPlayerPreload, VideoPlayerSource, VideoPlayerTimeEvent, VideoPlayerTrack, VirtualTableColumn, VirtualTablePageEvent, VirtualTableProgressConfig };
+/**
+ * Card size:
+ * - 'default' — program cards (80px icon tile, 19px title, description)
+ * - 'compact' — application cards (64px icon tile, 16px title)
+ */
+type HubCardSize = 'default' | 'compact';
+/**
+ * Central Hub navigation card — an icon tile, a title, an optional
+ * description and an optional status badge (e.g. "Soon").
+ *
+ * Renders as an `<a>` when [href] is set (and the card is enabled),
+ * otherwise as a keyboard-accessible button-like element that emits
+ * (cardClick).
+ *
+ * The icon can be provided three ways (first match wins):
+ * 1. [iconSrc]  — image URL (svg/png)
+ * 2. [iconSvg]  — raw SVG string (sanitized internally)
+ * 3. projected content marked with the `hubCardIcon` attribute
+ */
+declare class HubCardComponent {
+    private sanitizer;
+    /** Card title (required) */
+    title: _angular_core.InputSignal<string>;
+    /** Supporting text under the title; hidden when empty */
+    description: _angular_core.InputSignal<string>;
+    /** 'default' for program cards, 'compact' for application cards */
+    size: _angular_core.InputSignal<HubCardSize>;
+    /** Badge shown in the top-right corner (e.g. "Soon"); hidden when empty */
+    badgeText: _angular_core.InputSignal<string>;
+    /** Disables interaction and dims the card */
+    disabled: _angular_core.InputSignal<boolean>;
+    /** When set, the card renders as a link */
+    href: _angular_core.InputSignal<string>;
+    /** Link target, e.g. "_blank" — only used together with [href] */
+    target: _angular_core.InputSignal<string>;
+    /** Icon image URL — rendered inside the icon tile */
+    iconSrc: _angular_core.InputSignal<string>;
+    /** Raw SVG string for the icon — used when [iconSrc] is empty */
+    iconSvg: _angular_core.InputSignal<string>;
+    /** Emitted on click / Enter / Space when the card has no [href] */
+    cardClick: _angular_core.OutputEmitterRef<void>;
+    /** Card renders as a link only when enabled and an href is provided */
+    isLink: _angular_core.Signal<boolean>;
+    /** rel="noopener noreferrer" is applied automatically for target="_blank" */
+    rel: _angular_core.Signal<"noopener noreferrer" | null>;
+    safeIconSvg: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
+    hostClasses: _angular_core.Signal<string>;
+    onActivate(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HubCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HubCardComponent, "pecb-hub-card", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "badgeText": { "alias": "badgeText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "iconSvg": { "alias": "iconSvg"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, ["[hubCardIcon]"], true, never>;
+}
+
+/**
+ * Responsive grid wrapper for <pecb-hub-card> elements, with an optional
+ * section heading (e.g. "Programs", "Applications").
+ *
+ * Columns adapt automatically to the available container width — no media
+ * queries needed by the consumer: cards wrap once they would shrink below
+ * [minCardWidth], down to a single column on narrow screens.
+ *
+ * @example
+ * <pecb-hub-card-grid sectionTitle="Programs">
+ *   <pecb-hub-card title="Skills" description="..." iconSrc="..." />
+ *   <pecb-hub-card title="Store" description="..." iconSrc="..." />
+ * </pecb-hub-card-grid>
+ */
+declare class HubCardGridComponent {
+    /** Optional section heading rendered above the grid */
+    sectionTitle: _angular_core.InputSignal<string>;
+    /** Minimum card width in px before the grid wraps to fewer columns */
+    minCardWidth: _angular_core.InputSignal<number>;
+    /** Gap between cards in px */
+    gap: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HubCardGridComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HubCardGridComponent, "pecb-hub-card-grid", never, { "sectionTitle": { "alias": "sectionTitle"; "required": false; "isSignal": true; }; "minCardWidth": { "alias": "minCardWidth"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Priority of a recommended action — drives the pill and default tones. */
+type ActionItemPriority = 'high' | 'medium' | 'low';
+/**
+ * "Recommended action" row — a leading icon in a tinted tile, a bold title,
+ * a muted description, a small priority pill (High/Medium/Low mapped to
+ * error/warning/neutral tones) and a trailing CTA button.
+ *
+ * The icon tint, pill tone and CTA variant all derive from [priority] by
+ * default; [ctaVariant] and [priorityLabel] override the derived values
+ * (e.g. for translated labels).
+ *
+ * @example
+ * <pecb-action-item
+ *   icon="refresh-01"
+ *   title="Renew ISO/IEC 27001 Lead Auditor"
+ *   description="Expires in 25 days — start early to avoid a lapse."
+ *   priority="high"
+ *   ctaLabel="Renew"
+ *   (ctaClicked)="renew()"
+ * />
+ */
+declare class ActionItemComponent {
+    /** Leading icon name (general or custom registry icon); hidden when empty */
+    icon: _angular_core.InputSignal<"" | "embed" | "link" | "progress" | "table" | "circle" | "filter" | "image" | "annotation" | "center" | "drop" | "activity" | "add-square-01" | "add-square-02" | "add-square-03" | "add-square-04" | "alarm-01" | "alarm-02" | "alarm-03" | "alarm-04" | "alarm-05" | "alarm-06" | "alarm-check" | "alarm-minus" | "alarm-off" | "alarm-plus" | "alert-circle" | "alert-square" | "alert-triangle" | "align-center" | "align-down-01" | "align-down-02" | "align-horizontal-center-01" | "align-horizontal-center-02" | "align-horizontal-center-03" | "align-justify" | "align-left" | "align-left-01" | "align-left-02" | "align-right" | "align-right-01" | "align-right-02" | "align-up-01" | "align-up-02" | "align-vertical-center-01" | "align-vertical-center-02" | "align-vertical-center-03" | "annotation-alert" | "annotation-check" | "annotation-information" | "annotation-plus" | "annotation-typing" | "annotation-x" | "atom" | "attatchment-01" | "attatchment-02" | "audio-settings-01" | "audio-settings-02" | "bag-01" | "bag-02" | "bag-03" | "bag-04" | "bag-05" | "bank" | "bank-note-01" | "bank-note-02" | "bank-note-03" | "bank-note-04" | "bank-note-05" | "bank-note-06" | "bar-chart-01" | "bar-chart-02" | "bar-chart-03" | "bar-chart-04" | "bar-chart-05" | "bar-chart-square-01" | "bar-chart-square-02" | "bar-chart-square-03" | "bar-chart-square-down-01" | "bar-chart-square-down-02" | "bar-chart-square-up-01" | "bar-group-01" | "bar-group-02" | "bar-group-03" | "battery-01" | "battery-02" | "battery-03" | "battery-04" | "battery-empty" | "battery-fill-01" | "battery-fill-02" | "battery-fill-04" | "bell-01" | "bell-02" | "bell-03" | "bell-04" | "bell-off-01" | "bell-off-02" | "bell-ringing-01" | "bell-ringing-02" | "bell-ringing-03" | "bell-ringing-04" | "bezier-01" | "bezier-02" | "bluetooth-01" | "bluetooth-02" | "bold-01" | "bold-02" | "book-01" | "book-02" | "book-03" | "book-04" | "book-05" | "book-06" | "box" | "brackets" | "brackets-check" | "brackets-minus" | "brackets-plus" | "brackets-slash" | "brackets-typing" | "calculator-01" | "calculator-02" | "calendar-01" | "calendar-02" | "calendar-03" | "calendar-04" | "calendar-05" | "calendar-06" | "calendar-07" | "calendar-check" | "calendar-minus" | "calendar-number" | "calendar-plus" | "camera-01" | "camera-02" | "camera-lens" | "camera-off" | "cancel-left" | "cancel-right" | "car" | "card-01" | "card-02" | "card-add" | "card-check" | "card-down" | "card-edit" | "card-lock" | "card-minus" | "card-number" | "card-shield" | "card-up" | "card-x" | "cart" | "chart-breakout-circle" | "chart-breakout-square" | "check-01" | "check-02" | "check-broken" | "check-contained" | "check-square-broken" | "check-square-contained" | "chevron-double-down" | "chevron-double-left" | "chevron-double-right" | "chevron-double-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chromecast" | "clock-01" | "clock-backward" | "clock-check" | "clock-forward" | "clock-plus" | "cloud-01" | "cloud-02" | "cloud-03" | "cloud-04" | "cloud-lightning" | "cloud-rain" | "cloud-snow" | "cloud-sun" | "code-01" | "code-02" | "code-03" | "code-04" | "coin-broken" | "coin-hand" | "coin-number" | "coin-unbroken" | "coins" | "coins-rotate" | "color-picker" | "color-swatch-01" | "color-swatch-02" | "colors-01" | "colors-02" | "column-horizontal-01" | "column-horizontal-02" | "column-horizontal-03" | "column-vertical-01" | "column-vertical-02" | "column-vertical-03" | "compare" | "compass" | "component" | "computer" | "contrast" | "copy-left" | "copy-right" | "crop-01" | "crop-02" | "currency-bath" | "currency-bitcoin" | "currency-cent" | "currency-coin-bath" | "currency-coin-bitcoin" | "currency-coin-cent" | "currency-coin-dollar" | "currency-coin-euro" | "currency-coin-pound" | "currency-coin-rubel" | "currency-coin-rupee" | "currency-coin-yen" | "currency-dollar" | "currency-euro" | "currency-pound" | "currency-rubel" | "currency-rupee" | "currency-yen" | "cursor-01" | "cursor-02" | "cursor-03" | "cursor-04" | "cursor-05" | "cursor-06" | "cursor-grab" | "cursor-grabbed" | "cursor-pointer" | "dash" | "data-01" | "data-02" | "data-03" | "data-04" | "delete" | "delivery" | "diamond" | "disc" | "discount-circle" | "discount-square" | "discount-star-01" | "discount-star-02" | "discount-star-03" | "divider" | "dot-horizontal" | "dot-vertical" | "download" | "download-01" | "download-02" | "edit-01" | "edit-02" | "edit-03" | "edit-04" | "edit-contained" | "email" | "equals" | "equals-not" | "eraser-01" | "eraser-02" | "expand" | "expand-02" | "eye-closed" | "eye-open" | "face-id-01" | "face-id-02" | "fast-backward" | "fast-forward" | "favourite" | "feather-01" | "feather-02" | "file" | "file-01" | "file-02" | "file-03" | "file-04" | "file-05" | "file-06" | "file-attach-01" | "file-attach-02" | "file-attach-03" | "file-branch" | "file-check-01" | "file-check-02" | "file-code" | "file-down-01" | "file-down-02" | "file-edit-01" | "file-edit-02" | "file-eye-01" | "file-eye-02" | "file-lock-01" | "file-lock-02" | "file-lock-03" | "file-minus-01" | "file-minus-02" | "file-multiple" | "file-none" | "file-plus-01" | "file-plus-02" | "file-question-01" | "file-question-02" | "file-return-01" | "file-return-02" | "file-search-01" | "file-search-02" | "file-shield-01" | "file-shield-02" | "file-shield-03" | "file-shred" | "file-up-01" | "file-up-02" | "file-x-02" | "fingerpint-01" | "fingerpint-02" | "flame-01" | "flash-off" | "flash-on" | "flex-align-bottom-01" | "flex-align-center-01" | "flex-align-left-01" | "flex-align-right-01" | "flex-align-spaced-01" | "flex-align-top-01" | "flex-columns" | "flip-01" | "flip-02" | "flip-left" | "flip-right" | "folder" | "folder-code" | "folder-down-01" | "folder-down-02" | "folder-minus-01" | "folder-open-01" | "folder-open-02" | "folder-open-03" | "folder-plus-01" | "folder-plus-02" | "folder-search-01" | "folder-search-02" | "folder-shield" | "folder-up-01" | "folder-up-02" | "folder-x-01" | "folder-x-02" | "gear" | "gift-01" | "gift-02" | "git-branch-01" | "git-branch-02" | "git-branch-03" | "git-branch-04" | "git-branch-05" | "glasses-01" | "glasses-02" | "globe" | "globe-01" | "globe-02" | "globe-03" | "globe-04" | "globe-05" | "graduation-cap-01" | "graduation-cap-02" | "grid-01" | "grid-02" | "grid-03" | "grid-04-filled" | "hash-01" | "hash-02" | "header-01" | "header-02" | "headphones" | "heart" | "help" | "help-circle-contained" | "help-square-contained" | "hexagon" | "home-01" | "home-02" | "home-03" | "home-04" | "home-05" | "horizontal-chart-01" | "horizontal-chart-02" | "horizontal-chart-03" | "hourglass-01" | "hourglass-02" | "hourglass-03" | "image-01" | "image-02" | "image-03" | "image-04" | "image-add" | "image-avatar" | "image-check" | "image-down" | "image-focus" | "image-indent-left" | "image-indent-right" | "image-minus" | "image-no-borders" | "image-question" | "image-up" | "image-x" | "inbox-01" | "inbox-02" | "indent-decrease" | "indent-increase" | "indent-left" | "indent-right" | "info-square-01-contained" | "info-square-02-contained-filled" | "information-circle-contained" | "intersect" | "iphone-02" | "italics-01" | "italics-02" | "key-01" | "key-02" | "keyboard" | "laptop-01" | "laptop-02" | "layers-01" | "layers-02" | "layers-03" | "layers-04" | "layers-05" | "layout-01" | "layout-02" | "layout-03" | "layout-04" | "layout-bottom" | "layout-grid-01" | "layout-left" | "layout-right" | "layout-scale" | "layout-top" | "letter-spacing-01" | "letter-spacing-02" | "letter-spacing-03" | "lightbulb-01" | "lightbulb-02" | "lightbulb-03" | "lightning-01" | "lightning-02" | "lightning-circle-contained" | "lightning-filled" | "lightning-square-contained" | "line-chart-down-01" | "line-chart-down-02" | "line-chart-up-01" | "line-chart-up-02" | "line-height" | "link-angled" | "link-broken" | "link-external" | "list" | "list-numbers" | "loader-01" | "loader-02" | "lock-01" | "lock-02" | "lock-03" | "lock-04" | "lock-open-01" | "lock-open-02" | "lock-open-03" | "lock-open-04" | "logout-01" | "logout-02" | "logout-03" | "logout-04" | "luggage-01" | "luggage-02" | "luggage-03" | "luggage-04" | "mail-01" | "mail-02" | "mail-03" | "mail-04" | "mail-05" | "map-01" | "map-02" | "map-03" | "map-04" | "marker-01" | "marker-02" | "marker-03" | "marker-04" | "marker-05" | "marker-06" | "maximise-01" | "maximise-02" | "media-strip-01" | "media-strip-02" | "menu-01" | "menu-02" | "menu-03" | "menu-04" | "menu-05" | "message-alert-circle" | "message-alert-plus" | "message-chat-01" | "message-circle" | "message-notify-circle" | "message-notify-square" | "message-square" | "message-square-information" | "message-square-plus" | "message-square-typing" | "message-square-x" | "message-text-01" | "message-text-02" | "message-typing" | "message-x" | "microphone-01" | "microphone-02" | "microphone-off-01" | "microphone-off-02" | "minimise-01" | "minimise-02" | "minus-circle-contained" | "minus-square-contained" | "moon-01" | "moon-02" | "mouse" | "move" | "note-01" | "note-02" | "notification-box" | "notification-bubble" | "notification-square-01" | "notification-square-02" | "octagon" | "overlap" | "package-01" | "package-02" | "package-check" | "package-minus" | "package-plus" | "package-x" | "paint-bucket-01" | "paint-bucket-02" | "palette" | "paperclip" | "paperclip-01" | "paperclip-02" | "passport" | "password-01" | "password-02" | "pause-01" | "pause-02" | "pause-03" | "pen-tool-01" | "pen-tool-02" | "pen-tool-03" | "pen-tool-04" | "pencil-01" | "pencil-02" | "pencil-03" | "pentagon" | "percent-01" | "percent-02" | "percent-03" | "perspective" | "phone" | "phone-call-01" | "phone-call-02" | "phone-down" | "phone-incoming-01" | "phone-incoming-02" | "phone-off" | "phone-outgoing-01" | "phone-outgoing-02" | "phone-up" | "phone-x" | "pie-chart-01" | "pie-chart-02" | "pie-chart-03" | "plane" | "play-01" | "play-02" | "play-03" | "plug-01" | "plus-01" | "plus-02" | "plus-03" | "pointer-01" | "pointer-02" | "power" | "presentation-01" | "presentation-02" | "presentation-03" | "quote" | "receipt" | "receipt-lines" | "refresh-01" | "rss" | "ruler" | "save-01" | "save-02" | "scale-01" | "scale-02" | "scale-03" | "scan" | "scissors-01" | "scissors-02" | "scissors-03" | "scissors-04" | "search-01" | "search-02" | "send-01" | "send-02" | "send-03" | "server-01" | "server-02" | "server-03" | "server-04" | "server-05" | "server-06" | "server-down" | "server-up" | "settings" | "share" | "shield-01" | "shield-02" | "shield-check" | "shield-plus" | "shuffle" | "signal" | "skew" | "skip-back" | "skip-forward" | "slash-01-backward" | "slash-01-forward" | "slash-02-forward" | "smiley-happy" | "smiley-happy-plus" | "smiley-neutral" | "smiley-sad" | "smiley-wink" | "snowflake" | "sort-horizontal" | "sort-vertical-01" | "sort-vertical-02" | "space-height" | "space-horizontal" | "space-vertical" | "space-width" | "speaker" | "square" | "star-01" | "star-02" | "stars" | "stop-01" | "stop-02" | "stopwatch-01" | "stopwatch-02" | "stopwatch-03" | "stopwatch-04" | "stopwatch-05" | "stopwatch-off" | "stopwatch-snooze" | "sun-01" | "sun-02" | "sun-03" | "sun-down" | "sun-up" | "superscript" | "tag" | "target-01" | "target-02" | "target-03" | "target-04" | "temperature-01" | "temperature-02" | "temperature-03" | "temperature-04" | "terminal" | "text-input-01" | "text-input-02" | "thumb-down" | "thumb-up" | "ticket-01" | "ticket-02" | "toggle-right" | "toogle-left" | "train" | "transform" | "trash-01" | "trash-02" | "trash-03" | "trash-04" | "trend-down-01" | "trend-down-02" | "trend-up-01" | "trend-up-02" | "triangle" | "truck" | "tv" | "type-01" | "type-02" | "type-03" | "type-strike-01" | "type-strike-02" | "umbrella" | "umbrella-01" | "umbrella-02" | "underline-01" | "underline-02" | "union" | "upload-01" | "upload-02" | "upload-03" | "upload-04" | "user-profile-01" | "user-profile-02" | "user-profile-03" | "user-profile-add-01" | "user-profile-add-02" | "user-profile-check" | "user-profile-circle" | "user-profile-down" | "user-profile-group" | "user-profile-left" | "user-profile-minus" | "user-profile-right" | "user-profile-square" | "user-profile-star" | "user-profile-up" | "user-profile-x" | "users-profiles-01" | "users-profiles-02" | "users-profiles-03" | "users-profiles-check" | "users-profiles-down" | "users-profiles-left" | "users-profiles-minus" | "users-profiles-plus" | "users-profiles-right" | "users-profiles-up" | "users-profiles-x" | "variant" | "video-off" | "video-on" | "volume-01" | "volume-02" | "volume-03" | "volume-04" | "volume-05" | "volume-06" | "volume-07" | "wallert-04" | "wallet-01" | "wallet-02" | "wallet-03" | "watch-01" | "watch-02" | "waveform" | "webcam" | "wifi-off" | "wifi-on" | "wind-01" | "wind-02" | "wind-03" | "wrench" | "x-01" | "x-02" | "x-03" | "x-circle-contained" | "x-square-contained" | "youtube" | "zoom-in" | "zoom-out" | "custom-warning-xs-neutral" | "custom-add-2xl-active" | "custom-add-2xl-neutral" | "custom-add-lg-active" | "custom-add-lg-neutral" | "custom-add-md-active" | "custom-add-md-neutral" | "custom-add-sm-active" | "custom-add-sm-neutral" | "custom-add-xl-active" | "custom-add-xl-neutral" | "custom-add-xs-active" | "custom-add-xs-neutral" | "custom-amf-note-md-active" | "custom-amf-note-paid-md-active" | "custom-att-acc-md-active" | "custom-att-evaluate-md-active" | "custom-att-na-md-active" | "custom-cert-apply-md-active" | "custom-cert-refused-md-active" | "custom-cert-treatment-md-active" | "custom-cert-view-md-active" | "custom-certificate-2xl-active" | "custom-certificate-2xl-neutral" | "custom-certificate-lg-active" | "custom-certificate-lg-neutral" | "custom-certificate-md-active" | "custom-certificate-md-neutral" | "custom-certificate-sm-active" | "custom-certificate-sm-neutral" | "custom-certificate-xl-active" | "custom-certificate-xl-neutral" | "custom-certificate-xs-active" | "custom-certificate-xs-neutral" | "custom-check-2xl-active" | "custom-check-2xl-neutral" | "custom-check-lg-active" | "custom-check-lg-neutral" | "custom-check-md-active" | "custom-check-md-neutral" | "custom-check-sm-active" | "custom-check-sm-neutral" | "custom-check-xl-active" | "custom-check-xl-neutral" | "custom-check-xs-active" | "custom-check-xs-neutral" | "custom-content-classroom-md-active" | "custom-content-classroom-md-neutral" | "custom-content-elearning-md-active" | "custom-content-elearning-md-neutral" | "custom-content-liveonline-md-active" | "custom-content-liveonline-md-neutral" | "custom-content-selfstudy-md-active" | "custom-content-selfstudy-md-neutral" | "custom-content-technical-md-active" | "custom-content-technical-md-neutral" | "custom-delete-2xl-active" | "custom-delete-2xl-neutral" | "custom-delete-lg-active" | "custom-delete-lg-neutral" | "custom-delete-md-active" | "custom-delete-md-neutral" | "custom-delete-sm-active" | "custom-delete-sm-neutral" | "custom-delete-xl-active" | "custom-delete-xl-neutral" | "custom-delete-xs-active" | "custom-delete-xs-neutral" | "custom-doc-2xl-active" | "custom-doc-2xl-neutral" | "custom-doc-lg-active" | "custom-doc-lg-neutral" | "custom-doc-md-active" | "custom-doc-md-neutral" | "custom-doc-sm-active" | "custom-doc-sm-neutral" | "custom-doc-xl-active" | "custom-doc-xl-neutral" | "custom-doc-xs-active" | "custom-doc-xs-neutral" | "custom-download-2xl-active" | "custom-download-2xl-neutral" | "custom-download-lg-active" | "custom-download-lg-neutral" | "custom-download-md-active" | "custom-download-md-neutral" | "custom-download-sm-active" | "custom-download-sm-neutral" | "custom-download-xl-active" | "custom-download-xl-neutral" | "custom-download-xs-active" | "custom-download-xs-neutral" | "custom-exam-failed-md-active" | "custom-exam-missed-md-active" | "custom-exam-passed-md-active" | "custom-exam-schedule-md-active" | "custom-exam-scheduled-md-active" | "custom-exam-waiting-md-active" | "custom-info-2xl-active" | "custom-info-2xl-neutral" | "custom-info-lg-active" | "custom-info-lg-neutral" | "custom-info-md-active" | "custom-info-md-neutral" | "custom-info-sm-active" | "custom-info-sm-neutral" | "custom-info-xl-active" | "custom-info-xl-neutral" | "custom-info-xs-active" | "custom-info-xs-neutral" | "custom-not-applicable-2xl-active" | "custom-not-applicable-2xl-neutral" | "custom-not-applicable-lg-active" | "custom-not-applicable-lg-neutral" | "custom-not-applicable-md-active" | "custom-not-applicable-md-neutral" | "custom-not-applicable-sm-active" | "custom-not-applicable-sm-neutral" | "custom-not-applicable-xl-active" | "custom-not-applicable-xl-neutral" | "custom-not-applicable-xs-active" | "custom-not-applicable-xs-neutral" | "custom-slide-2xl-active" | "custom-slide-2xl-neutral" | "custom-slide-lg-active" | "custom-slide-lg-neutral" | "custom-slide-md-active" | "custom-slide-md-neutral" | "custom-slide-sm-active" | "custom-slide-sm-neutral" | "custom-slide-xl-active" | "custom-slide-xl-neutral" | "custom-slide-xs-active" | "custom-slide-xs-neutral" | "custom-time-2xl-active" | "custom-time-2xl-neutral" | "custom-time-lg-active" | "custom-time-lg-neutral" | "custom-time-md-active" | "custom-time-md-neutral" | "custom-time-sm-active" | "custom-time-sm-neutral" | "custom-time-xl-active" | "custom-time-xl-neutral" | "custom-time-xs-active" | "custom-time-xs-neutral" | "custom-tools-2xl-active" | "custom-tools-2xl-neutral" | "custom-tools-lg-active" | "custom-tools-lg-neutral" | "custom-tools-md-active" | "custom-tools-md-neutral" | "custom-tools-sm-active" | "custom-tools-sm-neutral" | "custom-tools-xl-active" | "custom-tools-xl-neutral" | "custom-tools-xs-active" | "custom-tools-xs-neutral" | "custom-upload-2xl-active" | "custom-upload-2xl-neutral" | "custom-upload-lg-active" | "custom-upload-lg-neutral" | "custom-upload-md-active" | "custom-upload-md-neutral" | "custom-upload-sm-active" | "custom-upload-sm-neutral" | "custom-upload-xl-active" | "custom-upload-xl-neutral" | "custom-upload-xs-active" | "custom-upload-xs-neutral" | "custom-view-2xl-active" | "custom-view-2xl-neutral" | "custom-view-lg-active" | "custom-view-lg-neutral" | "custom-view-md-active" | "custom-view-md-neutral" | "custom-view-sm-active" | "custom-view-sm-neutral" | "custom-view-xl-active" | "custom-view-xl-neutral" | "custom-view-xs-active" | "custom-view-xs-neutral" | "custom-warning-2xl-active" | "custom-warning-2xl-neutral" | "custom-warning-lg-active" | "custom-warning-lg-neutral" | "custom-warning-md-active" | "custom-warning-md-neutral" | "custom-warning-sm-active" | "custom-warning-sm-neutral" | "custom-warning-xl-active" | "custom-warning-xl-neutral" | "custom-warning-xs-active">;
+    /** Icon tile shape — the design uses a rounded-square tile */
+    iconShape: _angular_core.InputSignal<IconShape>;
+    /** Action title (required) */
+    title: _angular_core.InputSignal<string>;
+    /** Muted description line under the title; hidden when empty */
+    description: _angular_core.InputSignal<string>;
+    /** Priority — drives the pill tone, icon tint and default CTA variant */
+    priority: _angular_core.InputSignal<ActionItemPriority>;
+    /** Pill text override (e.g. a translated label); defaults per priority */
+    priorityLabel: _angular_core.InputSignal<string>;
+    /** Trailing CTA button label; the button is hidden when empty */
+    ctaLabel: _angular_core.InputSignal<string>;
+    /** CTA button variant override; defaults to destructive for high priority, primary-2 otherwise */
+    ctaVariant: _angular_core.InputSignal<"" | ButtonVariant>;
+    /** Emitted when the CTA button is clicked */
+    ctaClicked: _angular_core.OutputEmitterRef<void>;
+    statusType: _angular_core.Signal<"error" | "neutral" | "warning">;
+    iconColor: _angular_core.Signal<IconColor>;
+    priorityText: _angular_core.Signal<string>;
+    ctaVariantValue: _angular_core.Signal<ButtonVariant>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ActionItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ActionItemComponent, "pecb-action-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconShape": { "alias": "iconShape"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "priority": { "alias": "priority"; "required": false; "isSignal": true; }; "priorityLabel": { "alias": "priorityLabel"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "ctaVariant": { "alias": "ctaVariant"; "required": false; "isSignal": true; }; }, { "ctaClicked": "ctaClicked"; }, never, never, true, never>;
+}
+
+/**
+ * Compact list/timeline row — a small round icon, a bold title, a muted
+ * subline and an optional right-aligned meta text (e.g. a timestamp).
+ * Used for feeds like "News releases" and "Recent activity".
+ *
+ * Consecutive rows are divided by a 1px border automatically (the first row
+ * has no divider); place the rows as direct siblings for this to apply.
+ *
+ * Renders as an `<a>` when [href] is set, otherwise as a plain row that
+ * emits (itemClick) when interactive consumers need it.
+ *
+ * @example
+ * <pecb-list-item
+ *   icon="bell-01"
+ *   title="PECB launches ISO/IEC 42001 Lead Implementer training course"
+ *   subtitle="Aug 18, 2026"
+ *   href="https://pecb.com/en/news"
+ *   target="_blank"
+ * />
+ */
+declare class ListItemComponent {
+    /** Leading icon name (general or custom registry icon); hidden when empty */
+    icon: _angular_core.InputSignal<"" | "embed" | "link" | "progress" | "table" | "circle" | "filter" | "image" | "annotation" | "center" | "drop" | "activity" | "add-square-01" | "add-square-02" | "add-square-03" | "add-square-04" | "alarm-01" | "alarm-02" | "alarm-03" | "alarm-04" | "alarm-05" | "alarm-06" | "alarm-check" | "alarm-minus" | "alarm-off" | "alarm-plus" | "alert-circle" | "alert-square" | "alert-triangle" | "align-center" | "align-down-01" | "align-down-02" | "align-horizontal-center-01" | "align-horizontal-center-02" | "align-horizontal-center-03" | "align-justify" | "align-left" | "align-left-01" | "align-left-02" | "align-right" | "align-right-01" | "align-right-02" | "align-up-01" | "align-up-02" | "align-vertical-center-01" | "align-vertical-center-02" | "align-vertical-center-03" | "annotation-alert" | "annotation-check" | "annotation-information" | "annotation-plus" | "annotation-typing" | "annotation-x" | "atom" | "attatchment-01" | "attatchment-02" | "audio-settings-01" | "audio-settings-02" | "bag-01" | "bag-02" | "bag-03" | "bag-04" | "bag-05" | "bank" | "bank-note-01" | "bank-note-02" | "bank-note-03" | "bank-note-04" | "bank-note-05" | "bank-note-06" | "bar-chart-01" | "bar-chart-02" | "bar-chart-03" | "bar-chart-04" | "bar-chart-05" | "bar-chart-square-01" | "bar-chart-square-02" | "bar-chart-square-03" | "bar-chart-square-down-01" | "bar-chart-square-down-02" | "bar-chart-square-up-01" | "bar-group-01" | "bar-group-02" | "bar-group-03" | "battery-01" | "battery-02" | "battery-03" | "battery-04" | "battery-empty" | "battery-fill-01" | "battery-fill-02" | "battery-fill-04" | "bell-01" | "bell-02" | "bell-03" | "bell-04" | "bell-off-01" | "bell-off-02" | "bell-ringing-01" | "bell-ringing-02" | "bell-ringing-03" | "bell-ringing-04" | "bezier-01" | "bezier-02" | "bluetooth-01" | "bluetooth-02" | "bold-01" | "bold-02" | "book-01" | "book-02" | "book-03" | "book-04" | "book-05" | "book-06" | "box" | "brackets" | "brackets-check" | "brackets-minus" | "brackets-plus" | "brackets-slash" | "brackets-typing" | "calculator-01" | "calculator-02" | "calendar-01" | "calendar-02" | "calendar-03" | "calendar-04" | "calendar-05" | "calendar-06" | "calendar-07" | "calendar-check" | "calendar-minus" | "calendar-number" | "calendar-plus" | "camera-01" | "camera-02" | "camera-lens" | "camera-off" | "cancel-left" | "cancel-right" | "car" | "card-01" | "card-02" | "card-add" | "card-check" | "card-down" | "card-edit" | "card-lock" | "card-minus" | "card-number" | "card-shield" | "card-up" | "card-x" | "cart" | "chart-breakout-circle" | "chart-breakout-square" | "check-01" | "check-02" | "check-broken" | "check-contained" | "check-square-broken" | "check-square-contained" | "chevron-double-down" | "chevron-double-left" | "chevron-double-right" | "chevron-double-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chromecast" | "clock-01" | "clock-backward" | "clock-check" | "clock-forward" | "clock-plus" | "cloud-01" | "cloud-02" | "cloud-03" | "cloud-04" | "cloud-lightning" | "cloud-rain" | "cloud-snow" | "cloud-sun" | "code-01" | "code-02" | "code-03" | "code-04" | "coin-broken" | "coin-hand" | "coin-number" | "coin-unbroken" | "coins" | "coins-rotate" | "color-picker" | "color-swatch-01" | "color-swatch-02" | "colors-01" | "colors-02" | "column-horizontal-01" | "column-horizontal-02" | "column-horizontal-03" | "column-vertical-01" | "column-vertical-02" | "column-vertical-03" | "compare" | "compass" | "component" | "computer" | "contrast" | "copy-left" | "copy-right" | "crop-01" | "crop-02" | "currency-bath" | "currency-bitcoin" | "currency-cent" | "currency-coin-bath" | "currency-coin-bitcoin" | "currency-coin-cent" | "currency-coin-dollar" | "currency-coin-euro" | "currency-coin-pound" | "currency-coin-rubel" | "currency-coin-rupee" | "currency-coin-yen" | "currency-dollar" | "currency-euro" | "currency-pound" | "currency-rubel" | "currency-rupee" | "currency-yen" | "cursor-01" | "cursor-02" | "cursor-03" | "cursor-04" | "cursor-05" | "cursor-06" | "cursor-grab" | "cursor-grabbed" | "cursor-pointer" | "dash" | "data-01" | "data-02" | "data-03" | "data-04" | "delete" | "delivery" | "diamond" | "disc" | "discount-circle" | "discount-square" | "discount-star-01" | "discount-star-02" | "discount-star-03" | "divider" | "dot-horizontal" | "dot-vertical" | "download" | "download-01" | "download-02" | "edit-01" | "edit-02" | "edit-03" | "edit-04" | "edit-contained" | "email" | "equals" | "equals-not" | "eraser-01" | "eraser-02" | "expand" | "expand-02" | "eye-closed" | "eye-open" | "face-id-01" | "face-id-02" | "fast-backward" | "fast-forward" | "favourite" | "feather-01" | "feather-02" | "file" | "file-01" | "file-02" | "file-03" | "file-04" | "file-05" | "file-06" | "file-attach-01" | "file-attach-02" | "file-attach-03" | "file-branch" | "file-check-01" | "file-check-02" | "file-code" | "file-down-01" | "file-down-02" | "file-edit-01" | "file-edit-02" | "file-eye-01" | "file-eye-02" | "file-lock-01" | "file-lock-02" | "file-lock-03" | "file-minus-01" | "file-minus-02" | "file-multiple" | "file-none" | "file-plus-01" | "file-plus-02" | "file-question-01" | "file-question-02" | "file-return-01" | "file-return-02" | "file-search-01" | "file-search-02" | "file-shield-01" | "file-shield-02" | "file-shield-03" | "file-shred" | "file-up-01" | "file-up-02" | "file-x-02" | "fingerpint-01" | "fingerpint-02" | "flame-01" | "flash-off" | "flash-on" | "flex-align-bottom-01" | "flex-align-center-01" | "flex-align-left-01" | "flex-align-right-01" | "flex-align-spaced-01" | "flex-align-top-01" | "flex-columns" | "flip-01" | "flip-02" | "flip-left" | "flip-right" | "folder" | "folder-code" | "folder-down-01" | "folder-down-02" | "folder-minus-01" | "folder-open-01" | "folder-open-02" | "folder-open-03" | "folder-plus-01" | "folder-plus-02" | "folder-search-01" | "folder-search-02" | "folder-shield" | "folder-up-01" | "folder-up-02" | "folder-x-01" | "folder-x-02" | "gear" | "gift-01" | "gift-02" | "git-branch-01" | "git-branch-02" | "git-branch-03" | "git-branch-04" | "git-branch-05" | "glasses-01" | "glasses-02" | "globe" | "globe-01" | "globe-02" | "globe-03" | "globe-04" | "globe-05" | "graduation-cap-01" | "graduation-cap-02" | "grid-01" | "grid-02" | "grid-03" | "grid-04-filled" | "hash-01" | "hash-02" | "header-01" | "header-02" | "headphones" | "heart" | "help" | "help-circle-contained" | "help-square-contained" | "hexagon" | "home-01" | "home-02" | "home-03" | "home-04" | "home-05" | "horizontal-chart-01" | "horizontal-chart-02" | "horizontal-chart-03" | "hourglass-01" | "hourglass-02" | "hourglass-03" | "image-01" | "image-02" | "image-03" | "image-04" | "image-add" | "image-avatar" | "image-check" | "image-down" | "image-focus" | "image-indent-left" | "image-indent-right" | "image-minus" | "image-no-borders" | "image-question" | "image-up" | "image-x" | "inbox-01" | "inbox-02" | "indent-decrease" | "indent-increase" | "indent-left" | "indent-right" | "info-square-01-contained" | "info-square-02-contained-filled" | "information-circle-contained" | "intersect" | "iphone-02" | "italics-01" | "italics-02" | "key-01" | "key-02" | "keyboard" | "laptop-01" | "laptop-02" | "layers-01" | "layers-02" | "layers-03" | "layers-04" | "layers-05" | "layout-01" | "layout-02" | "layout-03" | "layout-04" | "layout-bottom" | "layout-grid-01" | "layout-left" | "layout-right" | "layout-scale" | "layout-top" | "letter-spacing-01" | "letter-spacing-02" | "letter-spacing-03" | "lightbulb-01" | "lightbulb-02" | "lightbulb-03" | "lightning-01" | "lightning-02" | "lightning-circle-contained" | "lightning-filled" | "lightning-square-contained" | "line-chart-down-01" | "line-chart-down-02" | "line-chart-up-01" | "line-chart-up-02" | "line-height" | "link-angled" | "link-broken" | "link-external" | "list" | "list-numbers" | "loader-01" | "loader-02" | "lock-01" | "lock-02" | "lock-03" | "lock-04" | "lock-open-01" | "lock-open-02" | "lock-open-03" | "lock-open-04" | "logout-01" | "logout-02" | "logout-03" | "logout-04" | "luggage-01" | "luggage-02" | "luggage-03" | "luggage-04" | "mail-01" | "mail-02" | "mail-03" | "mail-04" | "mail-05" | "map-01" | "map-02" | "map-03" | "map-04" | "marker-01" | "marker-02" | "marker-03" | "marker-04" | "marker-05" | "marker-06" | "maximise-01" | "maximise-02" | "media-strip-01" | "media-strip-02" | "menu-01" | "menu-02" | "menu-03" | "menu-04" | "menu-05" | "message-alert-circle" | "message-alert-plus" | "message-chat-01" | "message-circle" | "message-notify-circle" | "message-notify-square" | "message-square" | "message-square-information" | "message-square-plus" | "message-square-typing" | "message-square-x" | "message-text-01" | "message-text-02" | "message-typing" | "message-x" | "microphone-01" | "microphone-02" | "microphone-off-01" | "microphone-off-02" | "minimise-01" | "minimise-02" | "minus-circle-contained" | "minus-square-contained" | "moon-01" | "moon-02" | "mouse" | "move" | "note-01" | "note-02" | "notification-box" | "notification-bubble" | "notification-square-01" | "notification-square-02" | "octagon" | "overlap" | "package-01" | "package-02" | "package-check" | "package-minus" | "package-plus" | "package-x" | "paint-bucket-01" | "paint-bucket-02" | "palette" | "paperclip" | "paperclip-01" | "paperclip-02" | "passport" | "password-01" | "password-02" | "pause-01" | "pause-02" | "pause-03" | "pen-tool-01" | "pen-tool-02" | "pen-tool-03" | "pen-tool-04" | "pencil-01" | "pencil-02" | "pencil-03" | "pentagon" | "percent-01" | "percent-02" | "percent-03" | "perspective" | "phone" | "phone-call-01" | "phone-call-02" | "phone-down" | "phone-incoming-01" | "phone-incoming-02" | "phone-off" | "phone-outgoing-01" | "phone-outgoing-02" | "phone-up" | "phone-x" | "pie-chart-01" | "pie-chart-02" | "pie-chart-03" | "plane" | "play-01" | "play-02" | "play-03" | "plug-01" | "plus-01" | "plus-02" | "plus-03" | "pointer-01" | "pointer-02" | "power" | "presentation-01" | "presentation-02" | "presentation-03" | "quote" | "receipt" | "receipt-lines" | "refresh-01" | "rss" | "ruler" | "save-01" | "save-02" | "scale-01" | "scale-02" | "scale-03" | "scan" | "scissors-01" | "scissors-02" | "scissors-03" | "scissors-04" | "search-01" | "search-02" | "send-01" | "send-02" | "send-03" | "server-01" | "server-02" | "server-03" | "server-04" | "server-05" | "server-06" | "server-down" | "server-up" | "settings" | "share" | "shield-01" | "shield-02" | "shield-check" | "shield-plus" | "shuffle" | "signal" | "skew" | "skip-back" | "skip-forward" | "slash-01-backward" | "slash-01-forward" | "slash-02-forward" | "smiley-happy" | "smiley-happy-plus" | "smiley-neutral" | "smiley-sad" | "smiley-wink" | "snowflake" | "sort-horizontal" | "sort-vertical-01" | "sort-vertical-02" | "space-height" | "space-horizontal" | "space-vertical" | "space-width" | "speaker" | "square" | "star-01" | "star-02" | "stars" | "stop-01" | "stop-02" | "stopwatch-01" | "stopwatch-02" | "stopwatch-03" | "stopwatch-04" | "stopwatch-05" | "stopwatch-off" | "stopwatch-snooze" | "sun-01" | "sun-02" | "sun-03" | "sun-down" | "sun-up" | "superscript" | "tag" | "target-01" | "target-02" | "target-03" | "target-04" | "temperature-01" | "temperature-02" | "temperature-03" | "temperature-04" | "terminal" | "text-input-01" | "text-input-02" | "thumb-down" | "thumb-up" | "ticket-01" | "ticket-02" | "toggle-right" | "toogle-left" | "train" | "transform" | "trash-01" | "trash-02" | "trash-03" | "trash-04" | "trend-down-01" | "trend-down-02" | "trend-up-01" | "trend-up-02" | "triangle" | "truck" | "tv" | "type-01" | "type-02" | "type-03" | "type-strike-01" | "type-strike-02" | "umbrella" | "umbrella-01" | "umbrella-02" | "underline-01" | "underline-02" | "union" | "upload-01" | "upload-02" | "upload-03" | "upload-04" | "user-profile-01" | "user-profile-02" | "user-profile-03" | "user-profile-add-01" | "user-profile-add-02" | "user-profile-check" | "user-profile-circle" | "user-profile-down" | "user-profile-group" | "user-profile-left" | "user-profile-minus" | "user-profile-right" | "user-profile-square" | "user-profile-star" | "user-profile-up" | "user-profile-x" | "users-profiles-01" | "users-profiles-02" | "users-profiles-03" | "users-profiles-check" | "users-profiles-down" | "users-profiles-left" | "users-profiles-minus" | "users-profiles-plus" | "users-profiles-right" | "users-profiles-up" | "users-profiles-x" | "variant" | "video-off" | "video-on" | "volume-01" | "volume-02" | "volume-03" | "volume-04" | "volume-05" | "volume-06" | "volume-07" | "wallert-04" | "wallet-01" | "wallet-02" | "wallet-03" | "watch-01" | "watch-02" | "waveform" | "webcam" | "wifi-off" | "wifi-on" | "wind-01" | "wind-02" | "wind-03" | "wrench" | "x-01" | "x-02" | "x-03" | "x-circle-contained" | "x-square-contained" | "youtube" | "zoom-in" | "zoom-out" | "custom-warning-xs-neutral" | "custom-add-2xl-active" | "custom-add-2xl-neutral" | "custom-add-lg-active" | "custom-add-lg-neutral" | "custom-add-md-active" | "custom-add-md-neutral" | "custom-add-sm-active" | "custom-add-sm-neutral" | "custom-add-xl-active" | "custom-add-xl-neutral" | "custom-add-xs-active" | "custom-add-xs-neutral" | "custom-amf-note-md-active" | "custom-amf-note-paid-md-active" | "custom-att-acc-md-active" | "custom-att-evaluate-md-active" | "custom-att-na-md-active" | "custom-cert-apply-md-active" | "custom-cert-refused-md-active" | "custom-cert-treatment-md-active" | "custom-cert-view-md-active" | "custom-certificate-2xl-active" | "custom-certificate-2xl-neutral" | "custom-certificate-lg-active" | "custom-certificate-lg-neutral" | "custom-certificate-md-active" | "custom-certificate-md-neutral" | "custom-certificate-sm-active" | "custom-certificate-sm-neutral" | "custom-certificate-xl-active" | "custom-certificate-xl-neutral" | "custom-certificate-xs-active" | "custom-certificate-xs-neutral" | "custom-check-2xl-active" | "custom-check-2xl-neutral" | "custom-check-lg-active" | "custom-check-lg-neutral" | "custom-check-md-active" | "custom-check-md-neutral" | "custom-check-sm-active" | "custom-check-sm-neutral" | "custom-check-xl-active" | "custom-check-xl-neutral" | "custom-check-xs-active" | "custom-check-xs-neutral" | "custom-content-classroom-md-active" | "custom-content-classroom-md-neutral" | "custom-content-elearning-md-active" | "custom-content-elearning-md-neutral" | "custom-content-liveonline-md-active" | "custom-content-liveonline-md-neutral" | "custom-content-selfstudy-md-active" | "custom-content-selfstudy-md-neutral" | "custom-content-technical-md-active" | "custom-content-technical-md-neutral" | "custom-delete-2xl-active" | "custom-delete-2xl-neutral" | "custom-delete-lg-active" | "custom-delete-lg-neutral" | "custom-delete-md-active" | "custom-delete-md-neutral" | "custom-delete-sm-active" | "custom-delete-sm-neutral" | "custom-delete-xl-active" | "custom-delete-xl-neutral" | "custom-delete-xs-active" | "custom-delete-xs-neutral" | "custom-doc-2xl-active" | "custom-doc-2xl-neutral" | "custom-doc-lg-active" | "custom-doc-lg-neutral" | "custom-doc-md-active" | "custom-doc-md-neutral" | "custom-doc-sm-active" | "custom-doc-sm-neutral" | "custom-doc-xl-active" | "custom-doc-xl-neutral" | "custom-doc-xs-active" | "custom-doc-xs-neutral" | "custom-download-2xl-active" | "custom-download-2xl-neutral" | "custom-download-lg-active" | "custom-download-lg-neutral" | "custom-download-md-active" | "custom-download-md-neutral" | "custom-download-sm-active" | "custom-download-sm-neutral" | "custom-download-xl-active" | "custom-download-xl-neutral" | "custom-download-xs-active" | "custom-download-xs-neutral" | "custom-exam-failed-md-active" | "custom-exam-missed-md-active" | "custom-exam-passed-md-active" | "custom-exam-schedule-md-active" | "custom-exam-scheduled-md-active" | "custom-exam-waiting-md-active" | "custom-info-2xl-active" | "custom-info-2xl-neutral" | "custom-info-lg-active" | "custom-info-lg-neutral" | "custom-info-md-active" | "custom-info-md-neutral" | "custom-info-sm-active" | "custom-info-sm-neutral" | "custom-info-xl-active" | "custom-info-xl-neutral" | "custom-info-xs-active" | "custom-info-xs-neutral" | "custom-not-applicable-2xl-active" | "custom-not-applicable-2xl-neutral" | "custom-not-applicable-lg-active" | "custom-not-applicable-lg-neutral" | "custom-not-applicable-md-active" | "custom-not-applicable-md-neutral" | "custom-not-applicable-sm-active" | "custom-not-applicable-sm-neutral" | "custom-not-applicable-xl-active" | "custom-not-applicable-xl-neutral" | "custom-not-applicable-xs-active" | "custom-not-applicable-xs-neutral" | "custom-slide-2xl-active" | "custom-slide-2xl-neutral" | "custom-slide-lg-active" | "custom-slide-lg-neutral" | "custom-slide-md-active" | "custom-slide-md-neutral" | "custom-slide-sm-active" | "custom-slide-sm-neutral" | "custom-slide-xl-active" | "custom-slide-xl-neutral" | "custom-slide-xs-active" | "custom-slide-xs-neutral" | "custom-time-2xl-active" | "custom-time-2xl-neutral" | "custom-time-lg-active" | "custom-time-lg-neutral" | "custom-time-md-active" | "custom-time-md-neutral" | "custom-time-sm-active" | "custom-time-sm-neutral" | "custom-time-xl-active" | "custom-time-xl-neutral" | "custom-time-xs-active" | "custom-time-xs-neutral" | "custom-tools-2xl-active" | "custom-tools-2xl-neutral" | "custom-tools-lg-active" | "custom-tools-lg-neutral" | "custom-tools-md-active" | "custom-tools-md-neutral" | "custom-tools-sm-active" | "custom-tools-sm-neutral" | "custom-tools-xl-active" | "custom-tools-xl-neutral" | "custom-tools-xs-active" | "custom-tools-xs-neutral" | "custom-upload-2xl-active" | "custom-upload-2xl-neutral" | "custom-upload-lg-active" | "custom-upload-lg-neutral" | "custom-upload-md-active" | "custom-upload-md-neutral" | "custom-upload-sm-active" | "custom-upload-sm-neutral" | "custom-upload-xl-active" | "custom-upload-xl-neutral" | "custom-upload-xs-active" | "custom-upload-xs-neutral" | "custom-view-2xl-active" | "custom-view-2xl-neutral" | "custom-view-lg-active" | "custom-view-lg-neutral" | "custom-view-md-active" | "custom-view-md-neutral" | "custom-view-sm-active" | "custom-view-sm-neutral" | "custom-view-xl-active" | "custom-view-xl-neutral" | "custom-view-xs-active" | "custom-view-xs-neutral" | "custom-warning-2xl-active" | "custom-warning-2xl-neutral" | "custom-warning-lg-active" | "custom-warning-lg-neutral" | "custom-warning-md-active" | "custom-warning-md-neutral" | "custom-warning-sm-active" | "custom-warning-sm-neutral" | "custom-warning-xl-active" | "custom-warning-xl-neutral" | "custom-warning-xs-active">;
+    /** Icon tile color — e.g. 'gray' for activity feeds, 'error' for urgent rows */
+    iconColor: _angular_core.InputSignal<IconColor>;
+    /** Row title (required) */
+    title: _angular_core.InputSignal<string>;
+    /** Muted subline under the title; hidden when empty */
+    subtitle: _angular_core.InputSignal<string>;
+    /** Right-aligned meta text (e.g. "2 days ago"); hidden when empty */
+    meta: _angular_core.InputSignal<string>;
+    /** When set, the row renders as a link */
+    href: _angular_core.InputSignal<string>;
+    /** Link target, e.g. "_blank" — only used together with [href] */
+    target: _angular_core.InputSignal<string>;
+    /** Emitted on click when the row has no [href] */
+    itemClick: _angular_core.OutputEmitterRef<void>;
+    isLink: _angular_core.Signal<boolean>;
+    /** rel="noopener noreferrer" is applied automatically for target="_blank" */
+    rel: _angular_core.Signal<"noopener noreferrer" | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListItemComponent, "pecb-list-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
+/**
+ * Course/recommendation tile — a dark icon tile, an uppercase category tag
+ * (brand red), a bold title, a muted meta line (e.g. "5 days · Advanced")
+ * and a CTA link ("View course" with a trailing arrow), with hover elevation.
+ *
+ * The icon can be provided three ways (first match wins):
+ * 1. [icon]     — registry icon name (general or custom); black-stroke
+ *                 registry icons are recolored white inside the dark tile
+ * 2. [iconSrc]  — image URL (svg/png)
+ * 3. [iconSvg]  — raw SVG string (sanitized internally)
+ * The tile is hidden when none is set.
+ *
+ * Renders as an `<a>` when [href] is set, otherwise as a keyboard-accessible
+ * button-like element that emits (cardClick).
+ *
+ * @example
+ * <pecb-course-tile
+ *   icon="graduation-hat-01"
+ *   category="AI Management"
+ *   title="ISO/IEC 42001 Lead Implementer"
+ *   meta="5 days · Advanced"
+ *   href="https://pecb.com/en/education-and-certification-for-individuals"
+ *   target="_blank"
+ * />
+ */
+declare class CourseTileComponent {
+    private sanitizer;
+    private registry;
+    /** Registry icon name shown in the dark tile; see also [iconSrc]/[iconSvg] */
+    icon: _angular_core.InputSignal<"" | "embed" | "link" | "progress" | "table" | "circle" | "filter" | "image" | "annotation" | "center" | "drop" | "activity" | "add-square-01" | "add-square-02" | "add-square-03" | "add-square-04" | "alarm-01" | "alarm-02" | "alarm-03" | "alarm-04" | "alarm-05" | "alarm-06" | "alarm-check" | "alarm-minus" | "alarm-off" | "alarm-plus" | "alert-circle" | "alert-square" | "alert-triangle" | "align-center" | "align-down-01" | "align-down-02" | "align-horizontal-center-01" | "align-horizontal-center-02" | "align-horizontal-center-03" | "align-justify" | "align-left" | "align-left-01" | "align-left-02" | "align-right" | "align-right-01" | "align-right-02" | "align-up-01" | "align-up-02" | "align-vertical-center-01" | "align-vertical-center-02" | "align-vertical-center-03" | "annotation-alert" | "annotation-check" | "annotation-information" | "annotation-plus" | "annotation-typing" | "annotation-x" | "atom" | "attatchment-01" | "attatchment-02" | "audio-settings-01" | "audio-settings-02" | "bag-01" | "bag-02" | "bag-03" | "bag-04" | "bag-05" | "bank" | "bank-note-01" | "bank-note-02" | "bank-note-03" | "bank-note-04" | "bank-note-05" | "bank-note-06" | "bar-chart-01" | "bar-chart-02" | "bar-chart-03" | "bar-chart-04" | "bar-chart-05" | "bar-chart-square-01" | "bar-chart-square-02" | "bar-chart-square-03" | "bar-chart-square-down-01" | "bar-chart-square-down-02" | "bar-chart-square-up-01" | "bar-group-01" | "bar-group-02" | "bar-group-03" | "battery-01" | "battery-02" | "battery-03" | "battery-04" | "battery-empty" | "battery-fill-01" | "battery-fill-02" | "battery-fill-04" | "bell-01" | "bell-02" | "bell-03" | "bell-04" | "bell-off-01" | "bell-off-02" | "bell-ringing-01" | "bell-ringing-02" | "bell-ringing-03" | "bell-ringing-04" | "bezier-01" | "bezier-02" | "bluetooth-01" | "bluetooth-02" | "bold-01" | "bold-02" | "book-01" | "book-02" | "book-03" | "book-04" | "book-05" | "book-06" | "box" | "brackets" | "brackets-check" | "brackets-minus" | "brackets-plus" | "brackets-slash" | "brackets-typing" | "calculator-01" | "calculator-02" | "calendar-01" | "calendar-02" | "calendar-03" | "calendar-04" | "calendar-05" | "calendar-06" | "calendar-07" | "calendar-check" | "calendar-minus" | "calendar-number" | "calendar-plus" | "camera-01" | "camera-02" | "camera-lens" | "camera-off" | "cancel-left" | "cancel-right" | "car" | "card-01" | "card-02" | "card-add" | "card-check" | "card-down" | "card-edit" | "card-lock" | "card-minus" | "card-number" | "card-shield" | "card-up" | "card-x" | "cart" | "chart-breakout-circle" | "chart-breakout-square" | "check-01" | "check-02" | "check-broken" | "check-contained" | "check-square-broken" | "check-square-contained" | "chevron-double-down" | "chevron-double-left" | "chevron-double-right" | "chevron-double-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chromecast" | "clock-01" | "clock-backward" | "clock-check" | "clock-forward" | "clock-plus" | "cloud-01" | "cloud-02" | "cloud-03" | "cloud-04" | "cloud-lightning" | "cloud-rain" | "cloud-snow" | "cloud-sun" | "code-01" | "code-02" | "code-03" | "code-04" | "coin-broken" | "coin-hand" | "coin-number" | "coin-unbroken" | "coins" | "coins-rotate" | "color-picker" | "color-swatch-01" | "color-swatch-02" | "colors-01" | "colors-02" | "column-horizontal-01" | "column-horizontal-02" | "column-horizontal-03" | "column-vertical-01" | "column-vertical-02" | "column-vertical-03" | "compare" | "compass" | "component" | "computer" | "contrast" | "copy-left" | "copy-right" | "crop-01" | "crop-02" | "currency-bath" | "currency-bitcoin" | "currency-cent" | "currency-coin-bath" | "currency-coin-bitcoin" | "currency-coin-cent" | "currency-coin-dollar" | "currency-coin-euro" | "currency-coin-pound" | "currency-coin-rubel" | "currency-coin-rupee" | "currency-coin-yen" | "currency-dollar" | "currency-euro" | "currency-pound" | "currency-rubel" | "currency-rupee" | "currency-yen" | "cursor-01" | "cursor-02" | "cursor-03" | "cursor-04" | "cursor-05" | "cursor-06" | "cursor-grab" | "cursor-grabbed" | "cursor-pointer" | "dash" | "data-01" | "data-02" | "data-03" | "data-04" | "delete" | "delivery" | "diamond" | "disc" | "discount-circle" | "discount-square" | "discount-star-01" | "discount-star-02" | "discount-star-03" | "divider" | "dot-horizontal" | "dot-vertical" | "download" | "download-01" | "download-02" | "edit-01" | "edit-02" | "edit-03" | "edit-04" | "edit-contained" | "email" | "equals" | "equals-not" | "eraser-01" | "eraser-02" | "expand" | "expand-02" | "eye-closed" | "eye-open" | "face-id-01" | "face-id-02" | "fast-backward" | "fast-forward" | "favourite" | "feather-01" | "feather-02" | "file" | "file-01" | "file-02" | "file-03" | "file-04" | "file-05" | "file-06" | "file-attach-01" | "file-attach-02" | "file-attach-03" | "file-branch" | "file-check-01" | "file-check-02" | "file-code" | "file-down-01" | "file-down-02" | "file-edit-01" | "file-edit-02" | "file-eye-01" | "file-eye-02" | "file-lock-01" | "file-lock-02" | "file-lock-03" | "file-minus-01" | "file-minus-02" | "file-multiple" | "file-none" | "file-plus-01" | "file-plus-02" | "file-question-01" | "file-question-02" | "file-return-01" | "file-return-02" | "file-search-01" | "file-search-02" | "file-shield-01" | "file-shield-02" | "file-shield-03" | "file-shred" | "file-up-01" | "file-up-02" | "file-x-02" | "fingerpint-01" | "fingerpint-02" | "flame-01" | "flash-off" | "flash-on" | "flex-align-bottom-01" | "flex-align-center-01" | "flex-align-left-01" | "flex-align-right-01" | "flex-align-spaced-01" | "flex-align-top-01" | "flex-columns" | "flip-01" | "flip-02" | "flip-left" | "flip-right" | "folder" | "folder-code" | "folder-down-01" | "folder-down-02" | "folder-minus-01" | "folder-open-01" | "folder-open-02" | "folder-open-03" | "folder-plus-01" | "folder-plus-02" | "folder-search-01" | "folder-search-02" | "folder-shield" | "folder-up-01" | "folder-up-02" | "folder-x-01" | "folder-x-02" | "gear" | "gift-01" | "gift-02" | "git-branch-01" | "git-branch-02" | "git-branch-03" | "git-branch-04" | "git-branch-05" | "glasses-01" | "glasses-02" | "globe" | "globe-01" | "globe-02" | "globe-03" | "globe-04" | "globe-05" | "graduation-cap-01" | "graduation-cap-02" | "grid-01" | "grid-02" | "grid-03" | "grid-04-filled" | "hash-01" | "hash-02" | "header-01" | "header-02" | "headphones" | "heart" | "help" | "help-circle-contained" | "help-square-contained" | "hexagon" | "home-01" | "home-02" | "home-03" | "home-04" | "home-05" | "horizontal-chart-01" | "horizontal-chart-02" | "horizontal-chart-03" | "hourglass-01" | "hourglass-02" | "hourglass-03" | "image-01" | "image-02" | "image-03" | "image-04" | "image-add" | "image-avatar" | "image-check" | "image-down" | "image-focus" | "image-indent-left" | "image-indent-right" | "image-minus" | "image-no-borders" | "image-question" | "image-up" | "image-x" | "inbox-01" | "inbox-02" | "indent-decrease" | "indent-increase" | "indent-left" | "indent-right" | "info-square-01-contained" | "info-square-02-contained-filled" | "information-circle-contained" | "intersect" | "iphone-02" | "italics-01" | "italics-02" | "key-01" | "key-02" | "keyboard" | "laptop-01" | "laptop-02" | "layers-01" | "layers-02" | "layers-03" | "layers-04" | "layers-05" | "layout-01" | "layout-02" | "layout-03" | "layout-04" | "layout-bottom" | "layout-grid-01" | "layout-left" | "layout-right" | "layout-scale" | "layout-top" | "letter-spacing-01" | "letter-spacing-02" | "letter-spacing-03" | "lightbulb-01" | "lightbulb-02" | "lightbulb-03" | "lightning-01" | "lightning-02" | "lightning-circle-contained" | "lightning-filled" | "lightning-square-contained" | "line-chart-down-01" | "line-chart-down-02" | "line-chart-up-01" | "line-chart-up-02" | "line-height" | "link-angled" | "link-broken" | "link-external" | "list" | "list-numbers" | "loader-01" | "loader-02" | "lock-01" | "lock-02" | "lock-03" | "lock-04" | "lock-open-01" | "lock-open-02" | "lock-open-03" | "lock-open-04" | "logout-01" | "logout-02" | "logout-03" | "logout-04" | "luggage-01" | "luggage-02" | "luggage-03" | "luggage-04" | "mail-01" | "mail-02" | "mail-03" | "mail-04" | "mail-05" | "map-01" | "map-02" | "map-03" | "map-04" | "marker-01" | "marker-02" | "marker-03" | "marker-04" | "marker-05" | "marker-06" | "maximise-01" | "maximise-02" | "media-strip-01" | "media-strip-02" | "menu-01" | "menu-02" | "menu-03" | "menu-04" | "menu-05" | "message-alert-circle" | "message-alert-plus" | "message-chat-01" | "message-circle" | "message-notify-circle" | "message-notify-square" | "message-square" | "message-square-information" | "message-square-plus" | "message-square-typing" | "message-square-x" | "message-text-01" | "message-text-02" | "message-typing" | "message-x" | "microphone-01" | "microphone-02" | "microphone-off-01" | "microphone-off-02" | "minimise-01" | "minimise-02" | "minus-circle-contained" | "minus-square-contained" | "moon-01" | "moon-02" | "mouse" | "move" | "note-01" | "note-02" | "notification-box" | "notification-bubble" | "notification-square-01" | "notification-square-02" | "octagon" | "overlap" | "package-01" | "package-02" | "package-check" | "package-minus" | "package-plus" | "package-x" | "paint-bucket-01" | "paint-bucket-02" | "palette" | "paperclip" | "paperclip-01" | "paperclip-02" | "passport" | "password-01" | "password-02" | "pause-01" | "pause-02" | "pause-03" | "pen-tool-01" | "pen-tool-02" | "pen-tool-03" | "pen-tool-04" | "pencil-01" | "pencil-02" | "pencil-03" | "pentagon" | "percent-01" | "percent-02" | "percent-03" | "perspective" | "phone" | "phone-call-01" | "phone-call-02" | "phone-down" | "phone-incoming-01" | "phone-incoming-02" | "phone-off" | "phone-outgoing-01" | "phone-outgoing-02" | "phone-up" | "phone-x" | "pie-chart-01" | "pie-chart-02" | "pie-chart-03" | "plane" | "play-01" | "play-02" | "play-03" | "plug-01" | "plus-01" | "plus-02" | "plus-03" | "pointer-01" | "pointer-02" | "power" | "presentation-01" | "presentation-02" | "presentation-03" | "quote" | "receipt" | "receipt-lines" | "refresh-01" | "rss" | "ruler" | "save-01" | "save-02" | "scale-01" | "scale-02" | "scale-03" | "scan" | "scissors-01" | "scissors-02" | "scissors-03" | "scissors-04" | "search-01" | "search-02" | "send-01" | "send-02" | "send-03" | "server-01" | "server-02" | "server-03" | "server-04" | "server-05" | "server-06" | "server-down" | "server-up" | "settings" | "share" | "shield-01" | "shield-02" | "shield-check" | "shield-plus" | "shuffle" | "signal" | "skew" | "skip-back" | "skip-forward" | "slash-01-backward" | "slash-01-forward" | "slash-02-forward" | "smiley-happy" | "smiley-happy-plus" | "smiley-neutral" | "smiley-sad" | "smiley-wink" | "snowflake" | "sort-horizontal" | "sort-vertical-01" | "sort-vertical-02" | "space-height" | "space-horizontal" | "space-vertical" | "space-width" | "speaker" | "square" | "star-01" | "star-02" | "stars" | "stop-01" | "stop-02" | "stopwatch-01" | "stopwatch-02" | "stopwatch-03" | "stopwatch-04" | "stopwatch-05" | "stopwatch-off" | "stopwatch-snooze" | "sun-01" | "sun-02" | "sun-03" | "sun-down" | "sun-up" | "superscript" | "tag" | "target-01" | "target-02" | "target-03" | "target-04" | "temperature-01" | "temperature-02" | "temperature-03" | "temperature-04" | "terminal" | "text-input-01" | "text-input-02" | "thumb-down" | "thumb-up" | "ticket-01" | "ticket-02" | "toggle-right" | "toogle-left" | "train" | "transform" | "trash-01" | "trash-02" | "trash-03" | "trash-04" | "trend-down-01" | "trend-down-02" | "trend-up-01" | "trend-up-02" | "triangle" | "truck" | "tv" | "type-01" | "type-02" | "type-03" | "type-strike-01" | "type-strike-02" | "umbrella" | "umbrella-01" | "umbrella-02" | "underline-01" | "underline-02" | "union" | "upload-01" | "upload-02" | "upload-03" | "upload-04" | "user-profile-01" | "user-profile-02" | "user-profile-03" | "user-profile-add-01" | "user-profile-add-02" | "user-profile-check" | "user-profile-circle" | "user-profile-down" | "user-profile-group" | "user-profile-left" | "user-profile-minus" | "user-profile-right" | "user-profile-square" | "user-profile-star" | "user-profile-up" | "user-profile-x" | "users-profiles-01" | "users-profiles-02" | "users-profiles-03" | "users-profiles-check" | "users-profiles-down" | "users-profiles-left" | "users-profiles-minus" | "users-profiles-plus" | "users-profiles-right" | "users-profiles-up" | "users-profiles-x" | "variant" | "video-off" | "video-on" | "volume-01" | "volume-02" | "volume-03" | "volume-04" | "volume-05" | "volume-06" | "volume-07" | "wallert-04" | "wallet-01" | "wallet-02" | "wallet-03" | "watch-01" | "watch-02" | "waveform" | "webcam" | "wifi-off" | "wifi-on" | "wind-01" | "wind-02" | "wind-03" | "wrench" | "x-01" | "x-02" | "x-03" | "x-circle-contained" | "x-square-contained" | "youtube" | "zoom-in" | "zoom-out" | "custom-warning-xs-neutral" | "custom-add-2xl-active" | "custom-add-2xl-neutral" | "custom-add-lg-active" | "custom-add-lg-neutral" | "custom-add-md-active" | "custom-add-md-neutral" | "custom-add-sm-active" | "custom-add-sm-neutral" | "custom-add-xl-active" | "custom-add-xl-neutral" | "custom-add-xs-active" | "custom-add-xs-neutral" | "custom-amf-note-md-active" | "custom-amf-note-paid-md-active" | "custom-att-acc-md-active" | "custom-att-evaluate-md-active" | "custom-att-na-md-active" | "custom-cert-apply-md-active" | "custom-cert-refused-md-active" | "custom-cert-treatment-md-active" | "custom-cert-view-md-active" | "custom-certificate-2xl-active" | "custom-certificate-2xl-neutral" | "custom-certificate-lg-active" | "custom-certificate-lg-neutral" | "custom-certificate-md-active" | "custom-certificate-md-neutral" | "custom-certificate-sm-active" | "custom-certificate-sm-neutral" | "custom-certificate-xl-active" | "custom-certificate-xl-neutral" | "custom-certificate-xs-active" | "custom-certificate-xs-neutral" | "custom-check-2xl-active" | "custom-check-2xl-neutral" | "custom-check-lg-active" | "custom-check-lg-neutral" | "custom-check-md-active" | "custom-check-md-neutral" | "custom-check-sm-active" | "custom-check-sm-neutral" | "custom-check-xl-active" | "custom-check-xl-neutral" | "custom-check-xs-active" | "custom-check-xs-neutral" | "custom-content-classroom-md-active" | "custom-content-classroom-md-neutral" | "custom-content-elearning-md-active" | "custom-content-elearning-md-neutral" | "custom-content-liveonline-md-active" | "custom-content-liveonline-md-neutral" | "custom-content-selfstudy-md-active" | "custom-content-selfstudy-md-neutral" | "custom-content-technical-md-active" | "custom-content-technical-md-neutral" | "custom-delete-2xl-active" | "custom-delete-2xl-neutral" | "custom-delete-lg-active" | "custom-delete-lg-neutral" | "custom-delete-md-active" | "custom-delete-md-neutral" | "custom-delete-sm-active" | "custom-delete-sm-neutral" | "custom-delete-xl-active" | "custom-delete-xl-neutral" | "custom-delete-xs-active" | "custom-delete-xs-neutral" | "custom-doc-2xl-active" | "custom-doc-2xl-neutral" | "custom-doc-lg-active" | "custom-doc-lg-neutral" | "custom-doc-md-active" | "custom-doc-md-neutral" | "custom-doc-sm-active" | "custom-doc-sm-neutral" | "custom-doc-xl-active" | "custom-doc-xl-neutral" | "custom-doc-xs-active" | "custom-doc-xs-neutral" | "custom-download-2xl-active" | "custom-download-2xl-neutral" | "custom-download-lg-active" | "custom-download-lg-neutral" | "custom-download-md-active" | "custom-download-md-neutral" | "custom-download-sm-active" | "custom-download-sm-neutral" | "custom-download-xl-active" | "custom-download-xl-neutral" | "custom-download-xs-active" | "custom-download-xs-neutral" | "custom-exam-failed-md-active" | "custom-exam-missed-md-active" | "custom-exam-passed-md-active" | "custom-exam-schedule-md-active" | "custom-exam-scheduled-md-active" | "custom-exam-waiting-md-active" | "custom-info-2xl-active" | "custom-info-2xl-neutral" | "custom-info-lg-active" | "custom-info-lg-neutral" | "custom-info-md-active" | "custom-info-md-neutral" | "custom-info-sm-active" | "custom-info-sm-neutral" | "custom-info-xl-active" | "custom-info-xl-neutral" | "custom-info-xs-active" | "custom-info-xs-neutral" | "custom-not-applicable-2xl-active" | "custom-not-applicable-2xl-neutral" | "custom-not-applicable-lg-active" | "custom-not-applicable-lg-neutral" | "custom-not-applicable-md-active" | "custom-not-applicable-md-neutral" | "custom-not-applicable-sm-active" | "custom-not-applicable-sm-neutral" | "custom-not-applicable-xl-active" | "custom-not-applicable-xl-neutral" | "custom-not-applicable-xs-active" | "custom-not-applicable-xs-neutral" | "custom-slide-2xl-active" | "custom-slide-2xl-neutral" | "custom-slide-lg-active" | "custom-slide-lg-neutral" | "custom-slide-md-active" | "custom-slide-md-neutral" | "custom-slide-sm-active" | "custom-slide-sm-neutral" | "custom-slide-xl-active" | "custom-slide-xl-neutral" | "custom-slide-xs-active" | "custom-slide-xs-neutral" | "custom-time-2xl-active" | "custom-time-2xl-neutral" | "custom-time-lg-active" | "custom-time-lg-neutral" | "custom-time-md-active" | "custom-time-md-neutral" | "custom-time-sm-active" | "custom-time-sm-neutral" | "custom-time-xl-active" | "custom-time-xl-neutral" | "custom-time-xs-active" | "custom-time-xs-neutral" | "custom-tools-2xl-active" | "custom-tools-2xl-neutral" | "custom-tools-lg-active" | "custom-tools-lg-neutral" | "custom-tools-md-active" | "custom-tools-md-neutral" | "custom-tools-sm-active" | "custom-tools-sm-neutral" | "custom-tools-xl-active" | "custom-tools-xl-neutral" | "custom-tools-xs-active" | "custom-tools-xs-neutral" | "custom-upload-2xl-active" | "custom-upload-2xl-neutral" | "custom-upload-lg-active" | "custom-upload-lg-neutral" | "custom-upload-md-active" | "custom-upload-md-neutral" | "custom-upload-sm-active" | "custom-upload-sm-neutral" | "custom-upload-xl-active" | "custom-upload-xl-neutral" | "custom-upload-xs-active" | "custom-upload-xs-neutral" | "custom-view-2xl-active" | "custom-view-2xl-neutral" | "custom-view-lg-active" | "custom-view-lg-neutral" | "custom-view-md-active" | "custom-view-md-neutral" | "custom-view-sm-active" | "custom-view-sm-neutral" | "custom-view-xl-active" | "custom-view-xl-neutral" | "custom-view-xs-active" | "custom-view-xs-neutral" | "custom-warning-2xl-active" | "custom-warning-2xl-neutral" | "custom-warning-lg-active" | "custom-warning-lg-neutral" | "custom-warning-md-active" | "custom-warning-md-neutral" | "custom-warning-sm-active" | "custom-warning-sm-neutral" | "custom-warning-xl-active" | "custom-warning-xl-neutral" | "custom-warning-xs-active">;
+    /** Icon image URL — used when [icon] is empty */
+    iconSrc: _angular_core.InputSignal<string>;
+    /** Raw SVG string for the icon — used when [icon] and [iconSrc] are empty */
+    iconSvg: _angular_core.InputSignal<string>;
+    /** Uppercase category tag above the title (e.g. "AI Management"); hidden when empty */
+    category: _angular_core.InputSignal<string>;
+    /** Course title (required) */
+    title: _angular_core.InputSignal<string>;
+    /** Muted meta line (e.g. "5 days · Advanced"); hidden when empty */
+    meta: _angular_core.InputSignal<string>;
+    /** CTA link text at the bottom of the tile */
+    ctaLabel: _angular_core.InputSignal<string>;
+    /** When set, the tile renders as a link */
+    href: _angular_core.InputSignal<string>;
+    /** Link target, e.g. "_blank" — only used together with [href] */
+    target: _angular_core.InputSignal<string>;
+    /** Emitted on click / Enter / Space when the tile has no [href] */
+    cardClick: _angular_core.OutputEmitterRef<void>;
+    isLink: _angular_core.Signal<boolean>;
+    /** rel="noopener noreferrer" is applied automatically for target="_blank" */
+    rel: _angular_core.Signal<"noopener noreferrer" | null>;
+    /** The icon tile renders only when an icon source is provided */
+    hasThumb: _angular_core.Signal<boolean>;
+    safeThumbSvg: _angular_core.Signal<_angular_platform_browser.SafeHtml | null>;
+    onActivate(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CourseTileComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CourseTileComponent, "pecb-course-tile", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSrc": { "alias": "iconSrc"; "required": false; "isSignal": true; }; "iconSvg": { "alias": "iconSvg"; "required": false; "isSignal": true; }; "category": { "alias": "category"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "meta": { "alias": "meta"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
+}
+
+export { APP_HEADER_TRANSLATIONS, APP_SHELL_LOCALES, APP_SIDEBAR_MENU_ICONS, APP_SIDEBAR_MENU_TRANSLATIONS, APP_SIDEBAR_TRANSLATIONS, AccordionItemComponent, AccordionSmallComponent, ActionItemComponent, AddButtonComponent, AdminHeaderComponent, AdminHeaderFieldTemplateDirective, AffixComponent, AlertComponent, AnchorComponent, AppHeaderComponent, AppSidebarComponent, ApplicationStatusBarComponent, AuditorStatusComponent, AuthorDateTimeComponent, BackToTopComponent, BadgeComponent, BlurDirective, BottomSheetComponent, BreadcrumbsComponent, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, CancelUpdateButtonsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CertificateUploadBarComponent, CheckDeleteIconComponent, CheckboxComponent, CheckboxDisplayComponent, CodeInputComponent, CodeSnippetComponent, ColorPaletteComponent, ConfirmationComponent, ContentTypeTagComponent, CourseContentPanelComponent, CoursePlayerComponent, CourseTileComponent, CredentialCardComponent, DEFAULT_APP_HEADER_LABELS, DEFAULT_APP_SIDEBAR_LABELS, DEFAULT_APP_SIDEBAR_LANGUAGES, DEFAULT_APP_SIDEBAR_MENU, DEFAULT_APP_SIDEBAR_ROLES, DEFAULT_COURSE_CONTENT_PANEL_LABELS, DEFAULT_LANGUAGES, DEFAULT_VIDEO_PLAYER_LABELS, DEFAULT_VIDEO_PLAYER_RATES, DashboardGridComponent, DatepickerComponent, DividerComponent, DropdownComponent, EMPTY_STATE_MAX_BUTTONS, EditButtonComponent, EditCoverPhotoComponent, EmptyStateComponent, ExpandableRowTableComponent, FileUploadComponent, FilterColumnsComponent, FloatButtonComponent, FloatButtonItemComponent, FormSectionCardComponent, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, FullscreenModalHeaderDirective, GeneralComponent, GridComponent, GridItemComponent, HeaderActionsComponent, HeaderComponent, HeaderDividerComponent, HeaderLanguageComponent, HeaderSearchComponent, HeaderUserComponent, HierarchicalTableComponent, HorizontalStepsComponent, HubCardComponent, HubCardGridComponent, IconComponent, IconRegistry, IconTagComponent, InformationBoxComponent, InputComponent, LanguageDropdownComponent, LinkButtonComponent, ListItemComponent, LoadingService, MediaComponent, MessageBubbleComponent, MessageItemComponent, MetricsCardComponent, MiniIconButtonComponent, NoResultsComponent, NoteSidebarItemComponent, NotesPanelComponent, NotificationService, NotificationStatusLinkComponent, OutlinedFieldComponent, PECB_COLOR_PALETTE, PECB_CUSTOM_ICONS, PECB_FONT_STYLES, PECB_ICONS, PECB_TYPE_SCALE, PaginationComponent, PaymentPlanCardComponent, PaymentScheduleCardComponent, PaymentSummaryComponent, PeriodPaymentModalComponent, PriceMethodComponent, ProfileComponent, ProfileElementsCardComponent, ProfileGroupComponent, ProgressArcComponent, ProgressBarComponent, ProgressCircleComponent, ProjectLayoutComponent, QuantitySelectorComponent, QuestionTypeTagComponent, RadioComponent, RadioDisplayComponent, RatingNumberComponent, ReasonForReturnComponent, RequestSentByComponent, RequestStatusBarComponent, ResultPageComponent, RightModalComponent, RightModalContentDirective, RightModalFooterDirective, RightModalHeaderDirective, ShadowDirective, SidebarComponent, SkeletonComponent, SlidePointsComponent, SpacerComponent, SpinnerComponent, StandardsPdfCardComponent, StatisticsCardComponent, StatusComponent, StepperComponent, TabComponent, TableComponent, TagComponent, TagSelectComponent, TestimonialComponent, TextFormFieldComponent, ThemeService, ToggleComponent, ToolbarBarComponent, TooltipComponent, TooltipDirective, TourComponent, TranscriptLineComponent, TypographyComponent, UserWithEmailComponent, VerifyChecklistComponent, VideoPlayerComponent, VideoUploadBarComponent, VirtualTableComponent, addClass, announceToScreenReader, appHeaderLabels, appSidebarLabels, appSidebarMenu, appSidebarRoles, capitalize, closestElement, copyToClipboard, courseModuleStats, courseProgress, createAuthError, createAuthorizationError, createConfigError, createError, createNetworkError, createValidationError, disableBodyScroll, escapeHtml, findCourseLesson, findCourseModule, formatCount, formatCourseDuration, formatCourseTime, formatErrorForLog, formatErrorMessage, formatVideoTime, generateLinkedIds, generateUniqueId, getAriaCurrent, getButtonAriaAttributes, getComputedStyleValue, getDialogAriaAttributes, getFocusableElements, getInitials, getInputAriaAttributes, getOptionAriaAttributes, getProgressAriaAttributes, getScrollParent, getTabAriaAttributes, getVisuallyHiddenStyles, handleError, hasClass, isBlank, isBrowser, isElementVisible, isNotBlank, isPecbError, isRecoverableError, matchesSelector, parseLessonPartTitle, pluralize, prefersHighContrast, prefersReducedMotion, registerErrorHandler, removeClass, resolveAppShellLocale, resolveLessonStatus, scrollIntoView, slugify, stripHtml, toCamelCase, toKebabCase, toPascalCase, toSnakeCase, toggleClass, trapFocus, truncate, tryAsync, trySync, wrapError };
+export type { AccordionVariant, ActionItemPriority, AddButtonVariant, AdminHeaderAction, AdminHeaderActionType, AdminHeaderBadgeVariant, AdminHeaderField, AdminHeaderFieldType, AdminHeaderMetadata, AdminHeaderMetadataType, AdminHeaderProfile, AffixPosition, AlertType, AlertVariant, Alignment, AnchorDirection, AnchorItem, AnchorLevel, AnimationTiming, AppHeaderAction, AppHeaderChip, AppHeaderChipTone, AppHeaderLabels, AppHeaderNotification, AppShellLocale, AppShellTranslations, AppSidebarLabels, AppSidebarMenuItem, AppSidebarMenuOption, AppSidebarMenuOptionChange, AppSidebarMenuStrings, AppSidebarNavGroup, AppSidebarNavItem, AppSidebarProduct, AppSidebarRouterLink, AppSidebarUser, AppStatusColor, AriaAttributes, AriaLive, AriaRole, AuditorStatusType, BadgeSize, BadgeStatus, BadgeVariant, BlurSize, BreadcrumbItem, BreadcrumbSeparator, Breakpoint, ButtonGroupIconMode, ButtonGroupItemPosition, ButtonIconStyle, ButtonSize, ButtonVariant, CalendarDay, Callback, CardElevation, CardRadius, CardRole, CheckDeleteType, CheckboxDisplayState, CheckboxLabelPosition, ClosableWithHooks, CodeInputDirection, CodeInputState, CodeSnippetTheme, CodeSnippetVariant, ColorPaletteGroup, ColorPaletteItem, ColorVariant, Colorable, ColumnOption, ComponentSize, ConfirmationIconType, ContentStyle, ContentTagDisplay, ContentTagType, CourseContentPanelAccent, CourseContentPanelDensity, CourseContentPanelLabels, CourseContentPanelLayout, CourseContentPanelTab, CourseLesson, CourseLessonRunView, CourseLessonStatus, CourseLessonType, CourseLessonView, CourseModule, CourseModuleStats, CourseModuleView, CoursePlayerPanelPosition, CourseProgressStats, CourseTimelineRow, CourseTranscriptCue, CourseTranscriptRow, CredentialCardAction, CredentialCardMetaRow, CredentialCardProgress, CredentialCardTone, CustomIconName, DashboardGridGap, DashboardGridLayout, DatepickerSize, Direction, Disableable, DividerType, DropdownOption, DropdownSize, EditButtonVariant, ElevationLevel, EmptyStateButton, EmptyStateIconTheme, ErrorCategory, ErrorHandler, ErrorOptions, ErrorSeverity, EventHandler, ExpandableRowColumn, ExpandableRowPageEvent, ExpandableRowProgressConfig, ExtendedColorVariant, FieldItem, FieldStyle, FileUploadEvent, FileUploadState, FileUploadVariant, FilterColumnsActiveTab, FilterColumnsApplyEvent, FilterField, FilterFieldType, FilterState, FloatButtonAction, FloatButtonPosition, Focusable, FormControlBase, GridAlign, GridColumns, GridGap, GridItemSpan, GridPadding, GridVerticalAlign, HeaderActionButton, HeaderLanguageOption, HeaderSearchCategory, HeaderSearchType, HierarchicalTableAction, HierarchicalTableColumn, HierarchicalTablePageEvent, HubCardSize, IconColor, IconName, IconShape, IconSize, IconTagType, InformationBoxVariant, InputSize, InputType, LanguageDisplayMode, LanguageOption, LinkButtonType, Loadable, LoadingState, MarkedDate, MediaGroup, MediaItem, MediaSize, MediaType, MenuItem, MessageBubbleType, MessageDirection, MessageItemStatus, MetricsCardBadgeStatus, MetricsCardIconBg, MetricsCardOrientation, MetricsCardType, MetricsCardVariation, MiniIconAction, NonNullableProps, NoteGroup, NoteItem, NoteSidebarPosition, NoteSidebarState, Notification, NotificationConfig, NotificationPosition, NotificationStatusType, NotificationType, OptionalProps, Orientation, OverlayComponent, PageChangeEvent, PaginationSize, PaginationState, PaginationVariant, PaymentScheduleCardAction, PaymentScheduleCardMeta, PaymentScheduleCardPeriod, PaymentScheduleCardTone, PaymentSummaryRow, PdfCardVariant, PecbError, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, PeriodPaymentModalPeriod, Position, ProfileBadge, ProfileGroupItem, ProfileGroupSize, ProfileIndicator, ProfileSize, ProfileType, ProgressArcSize, ProgressBarSize, ProgressCircleSize, ProgressType, QuestionTagDisplay, QuestionTagType, QuizType, RadioDisplayState, RadioLabelPosition, RadioVariant, RadiusScale, RatingStyle, RequestStatusIconType, RequireProps, ResultPageAction, ResultPageIcon, RibbonColor, RightModalSize, SearchMode, SelectableItem, ShadowHardSize, ShadowSize, ShadowSoftSize, ShadowType, SidebarMenuItem, SidebarSection, Size, Sizeable, SkeletonShape, SkeletonSize, SkeletonType, SortState, SpacerSize, SpacingScale, StateVariant, StatisticsIconColor, StatusColor, StatusSize, StatusType, StatusVariant, StepItem, StepOrder, StepState, StepperDirection, StepperSize, StepperTailStyle, StepperType, TabItem, TabSize, TabStyle, TableAction, TableColumn, TableRowActionEvent, TableSelectionEvent, TableSize, TableSortEvent, TableStatusConfig, TableUserConfig, TableVariant, TagAction, TagSelectOption, TagStyle, Templatable, TestimonialData, TestimonialVariant, TextFormFieldType, ThemeConfig, ThemeMode, ThemeVariables, ToggleLabelPosition, ToggleSize, ToolbarButton, ToolbarTab, ToolbarVariant, TooltipPointerPosition, TooltipTheme, TourIndicatorType, TourPlacement, TourStep, TourType, TranscriptLineState, TreeNode, TypographyScaleEntry, TypographyStyleEntry, UploadedFile, Validatable, ValidationError, ValidationState, VerifyChecklistItem, VerifyItemStatus, VideoPlayerError, VideoPlayerLabels, VideoPlayerPreload, VideoPlayerSource, VideoPlayerTimeEvent, VideoPlayerTrack, VirtualTableColumn, VirtualTablePageEvent, VirtualTableProgressConfig };