@rblabs-dev/axiom 1.2.1 → 1.2.3

package/fesm2022/rblabs-dev-axiom.mjs

@@ -1,2955 +1,15 @@
-import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Injectable, InjectionToken, ViewEncapsulation, afterNextRender, afterRenderEffect, booleanAttribute, computed, inject, input, makeEnvironmentProviders, output, provideAppInitializer, signal, viewChild } from "@angular/core";
-import { NavigationEnd, Router, RouterLink } from "@angular/router";
-import * as i1 from "@angular/forms";
-import { FormControl, ReactiveFormsModule } from "@angular/forms";
-import { MatButton, MatIconButton } from "@angular/material/button";
-import { MAT_DIALOG_DATA, MatDialog, MatDialogActions, MatDialogContent, MatDialogRef, MatDialogTitle } from "@angular/material/dialog";
-import { MatIcon, MatIconRegistry } from "@angular/material/icon";
-import { filter, firstValueFrom } from "rxjs";
-import { MatTooltip } from "@angular/material/tooltip";
-import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
-import { BreakpointObserver } from "@angular/cdk/layout";
-import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
-import { MatSidenav, MatSidenavContainer, MatSidenavContent } from "@angular/material/sidenav";
-let nextId$2 = 0;
-var RbMonogramComponent = class RbMonogramComponent {
-	gradientId = `rb-monogram-gradient-${nextId$2++}`;
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbMonogramComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "14.0.0",
-		version: "22.2.3",
-		type: RbMonogramComponent,
-		isStandalone: true,
-		selector: "rb-monogram",
-		host: {
-			attributes: { "aria-hidden": "true" },
-			classAttribute: "rb-monogram"
-		},
-		ngImport: i0,
-		template: `
-    <svg class="rb-monogram__svg" viewBox="0 0 64 64" focusable="false">
-      <defs>
-        <linearGradient
-          [attr.id]="gradientId"
-          x1="8"
-          y1="8"
-          x2="56"
-          y2="56"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop class="rb-monogram__gradient-start" />
-          <stop class="rb-monogram__gradient-end" offset="1" />
-        </linearGradient>
-      </defs>
-      <rect class="rb-monogram__frame" width="64" height="64" rx="16" />
-      <rect x="5" y="5" width="54" height="54" rx="14" [attr.fill]="'url(#' + gradientId + ')'" />
-      <g class="rb-monogram__letters">
-        <path d="M17 47V17h7.3c4.9 0 7.8 2.7 7.8 6.9s-2.9 6.8-7.8 6.8H17M24.3 30.7 34.5 47" />
-        <path
-          d="M40 17v30M40 17h6.8c4.4 0 7.1 2.6 7.1 6.2s-2.7 5.9-7.1 5.9H40M40 29.1h7.5c4.7 0 7.7 3.2 7.7 7.1s-3 7.8-7.7 7.8H40"
-        />
-      </g>
-    </svg>
-  `,
-		isInline: true,
-		styles: ["rb-monogram{display:inline-block;flex:none;inline-size:var(--rb-size-monogram);aspect-ratio:1;line-height:0}rb-monogram .rb-monogram__svg{display:block;inline-size:100%;block-size:100%}rb-monogram .rb-monogram__frame{fill:var(--rb-color-brand-navy)}rb-monogram .rb-monogram__gradient-start{stop-color:var(--rb-color-brand-start)}rb-monogram .rb-monogram__gradient-end{stop-color:var(--rb-color-brand-end)}rb-monogram .rb-monogram__letters{fill:none;stroke:var(--rb-color-brand-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5}\n"],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbMonogramComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-monogram",
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: {
-				class: "rb-monogram",
-				"aria-hidden": "true"
-			},
-			template: `
-    <svg class="rb-monogram__svg" viewBox="0 0 64 64" focusable="false">
-      <defs>
-        <linearGradient
-          [attr.id]="gradientId"
-          x1="8"
-          y1="8"
-          x2="56"
-          y2="56"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop class="rb-monogram__gradient-start" />
-          <stop class="rb-monogram__gradient-end" offset="1" />
-        </linearGradient>
-      </defs>
-      <rect class="rb-monogram__frame" width="64" height="64" rx="16" />
-      <rect x="5" y="5" width="54" height="54" rx="14" [attr.fill]="'url(#' + gradientId + ')'" />
-      <g class="rb-monogram__letters">
-        <path d="M17 47V17h7.3c4.9 0 7.8 2.7 7.8 6.9s-2.9 6.8-7.8 6.8H17M24.3 30.7 34.5 47" />
-        <path
-          d="M40 17v30M40 17h6.8c4.4 0 7.1 2.6 7.1 6.2s-2.7 5.9-7.1 5.9H40M40 29.1h7.5c4.7 0 7.7 3.2 7.7 7.1s-3 7.8-7.7 7.8H40"
-        />
-      </g>
-    </svg>
-  `,
-			styles: ["rb-monogram{display:inline-block;flex:none;inline-size:var(--rb-size-monogram);aspect-ratio:1;line-height:0}rb-monogram .rb-monogram__svg{display:block;inline-size:100%;block-size:100%}rb-monogram .rb-monogram__frame{fill:var(--rb-color-brand-navy)}rb-monogram .rb-monogram__gradient-start{stop-color:var(--rb-color-brand-start)}rb-monogram .rb-monogram__gradient-end{stop-color:var(--rb-color-brand-end)}rb-monogram .rb-monogram__letters{fill:none;stroke:var(--rb-color-brand-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5}\n"]
-		}]
-	}]
-});
-var RbBrandLockupComponent = class RbBrandLockupComponent {
-	appName = input.required(...ngDevMode ? [{ debugName: "appName" }] : /* istanbul ignore next */ []);
-	link = input("/", ...ngDevMode ? [{ debugName: "link" }] : /* istanbul ignore next */ []);
-	compact = input(false, {
-		...ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {},
-		transform: (value) => value === "" ? true : value
-	});
-	accessibleName = computed(() => `RB Labs ${this.appName()} home`, ...ngDevMode ? [{ debugName: "accessibleName" }] : /* istanbul ignore next */ []);
-	compactAttribute = computed(() => {
-		const compact = this.compact();
-		return compact === true ? "always" : compact || null;
-	}, ...ngDevMode ? [{ debugName: "compactAttribute" }] : /* istanbul ignore next */ []);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbBrandLockupComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.1.0",
-		version: "22.2.3",
-		type: RbBrandLockupComponent,
-		isStandalone: true,
-		selector: "rb-brand-lockup",
-		inputs: {
-			appName: {
-				classPropertyName: "appName",
-				publicName: "appName",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			},
-			link: {
-				classPropertyName: "link",
-				publicName: "link",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			compact: {
-				classPropertyName: "compact",
-				publicName: "compact",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		host: {
-			properties: { "attr.data-compact": "compactAttribute()" },
-			classAttribute: "rb-brand-lockup"
-		},
-		ngImport: i0,
-		template: `
-    <a class="rb-brand-lockup__link" [routerLink]="link()" [attr.aria-label]="accessibleName()">
-      <rb-monogram class="rb-brand-lockup__mark" />
-      <span class="rb-brand-lockup__wordmark">
-        <span class="rb-brand-lockup__brand">RB Labs</span>
-        <span class="rb-brand-lockup__app"><span aria-hidden="true">·</span> {{ appName() }}</span>
-      </span>
-    </a>
-  `,
-		isInline: true,
-		styles: ["rb-brand-lockup{display:inline-flex;min-width:0}rb-brand-lockup .rb-brand-lockup__link{display:inline-flex;min-width:0;gap:var(--rb-space-3);align-items:center;border-radius:var(--rb-radius-sm);color:inherit;text-decoration:none}rb-brand-lockup .rb-brand-lockup__wordmark{display:inline-flex;min-width:0;gap:var(--rb-space-1);align-items:baseline;font:var(--rb-type-title-small);white-space:nowrap}rb-brand-lockup .rb-brand-lockup__brand{color:var(--rb-color-text-strong)}rb-brand-lockup .rb-brand-lockup__app{overflow:hidden;color:var(--rb-color-text-muted);font-weight:var(--rb-font-weight-medium);text-overflow:ellipsis}rb-brand-lockup[data-compact=always] .rb-brand-lockup__mark{inline-size:var(--rb-size-monogram-sm)}rb-brand-lockup[data-compact=always] .rb-brand-lockup__wordmark{display:none}@media(width<40rem){rb-brand-lockup[data-compact=below-sm] .rb-brand-lockup__mark{inline-size:var(--rb-size-monogram-sm)}rb-brand-lockup[data-compact=below-sm] .rb-brand-lockup__wordmark{display:none}}\n"],
-		dependencies: [{
-			kind: "component",
-			type: RbMonogramComponent,
-			selector: "rb-monogram"
-		}, {
-			kind: "directive",
-			type: RouterLink,
-			selector: "[routerLink]",
-			inputs: [
-				"target",
-				"queryParams",
-				"fragment",
-				"queryParamsHandling",
-				"state",
-				"info",
-				"relativeTo",
-				"preserveFragment",
-				"skipLocationChange",
-				"replaceUrl",
-				"browserUrl",
-				"routerLink"
-			]
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbBrandLockupComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-brand-lockup",
-			imports: [RbMonogramComponent, RouterLink],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: {
-				class: "rb-brand-lockup",
-				"[attr.data-compact]": "compactAttribute()"
-			},
-			template: `
-    <a class="rb-brand-lockup__link" [routerLink]="link()" [attr.aria-label]="accessibleName()">
-      <rb-monogram class="rb-brand-lockup__mark" />
-      <span class="rb-brand-lockup__wordmark">
-        <span class="rb-brand-lockup__brand">RB Labs</span>
-        <span class="rb-brand-lockup__app"><span aria-hidden="true">·</span> {{ appName() }}</span>
-      </span>
-    </a>
-  `,
-			styles: ["rb-brand-lockup{display:inline-flex;min-width:0}rb-brand-lockup .rb-brand-lockup__link{display:inline-flex;min-width:0;gap:var(--rb-space-3);align-items:center;border-radius:var(--rb-radius-sm);color:inherit;text-decoration:none}rb-brand-lockup .rb-brand-lockup__wordmark{display:inline-flex;min-width:0;gap:var(--rb-space-1);align-items:baseline;font:var(--rb-type-title-small);white-space:nowrap}rb-brand-lockup .rb-brand-lockup__brand{color:var(--rb-color-text-strong)}rb-brand-lockup .rb-brand-lockup__app{overflow:hidden;color:var(--rb-color-text-muted);font-weight:var(--rb-font-weight-medium);text-overflow:ellipsis}rb-brand-lockup[data-compact=always] .rb-brand-lockup__mark{inline-size:var(--rb-size-monogram-sm)}rb-brand-lockup[data-compact=always] .rb-brand-lockup__wordmark{display:none}@media(width<40rem){rb-brand-lockup[data-compact=below-sm] .rb-brand-lockup__mark{inline-size:var(--rb-size-monogram-sm)}rb-brand-lockup[data-compact=below-sm] .rb-brand-lockup__wordmark{display:none}}\n"]
-		}]
-	}],
-	propDecorators: {
-		appName: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "appName",
-				required: true
-			}]
-		}],
-		link: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "link",
-				required: false
-			}]
-		}],
-		compact: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "compact",
-				required: false
-			}]
-		}]
-	}
-});
-const RB_BREAKPOINT_WIDTHS = {
-	xs: "30rem",
-	sm: "40rem",
-	md: "48rem",
-	lg: "60rem",
-	xl: "75rem",
-	"2xl": "87.5rem"
-};
-const RB_BREAKPOINTS = {
-	belowXs: "(width < 30rem)",
-	belowSm: "(width < 40rem)",
-	belowMd: "(width < 48rem)",
-	belowLg: "(width < 60rem)",
-	belowXl: "(width < 75rem)",
-	below2xl: "(width < 87.5rem)",
-	aboveXs: "(width >= 30rem)",
-	aboveSm: "(width >= 40rem)",
-	aboveMd: "(width >= 48rem)",
-	aboveLg: "(width >= 60rem)",
-	aboveXl: "(width >= 75rem)",
-	above2xl: "(width >= 87.5rem)"
-};
-let nextId$1 = 0;
-function rbConfirmDialogId() {
-	return `rb-confirm-dialog-${nextId$1++}`;
-}
-var RbConfirmDialogComponent = class RbConfirmDialogComponent {
-	data = inject(MAT_DIALOG_DATA);
-	dialogRef = inject(MatDialogRef);
-	reasonInput = viewChild("reasonInput", ...ngDevMode ? [{ debugName: "reasonInput" }] : /* istanbul ignore next */ []);
-	id = rbConfirmDialogId();
-	descriptionId = this.data.descriptionId ?? `${this.id}-description`;
-	reasonId = `${this.id}-reason`;
-	tone = this.data.tone ?? "primary";
-	minimumReasonLength = this.data.reason?.minimumLength ?? 3;
-	trimmedMinLength = (control) => String(control.value).trim().length >= this.minimumReasonLength ? null : { trimmedMinLength: true };
-	reason = new FormControl("", {
-		nonNullable: true,
-		validators: this.data.reason ? [this.trimmedMinLength] : []
-	});
-	submitted = signal(false, ...ngDevMode ? [{ debugName: "submitted" }] : /* istanbul ignore next */ []);
-	showReasonError() {
-		return this.submitted() && this.reason.invalid;
-	}
-	reasonDescribedBy() {
-		const ids = [this.data.reason?.hint ? `${this.reasonId}-hint` : null, this.showReasonError() ? `${this.reasonId}-error` : null].filter((value) => value !== null);
-		return ids.length > 0 ? ids.join(" ") : null;
-	}
-	cancel() {
-		this.dialogRef.close({ confirmed: false });
-	}
-	confirm() {
-		if (this.data.reason) {
-			this.submitted.set(true);
-			if (this.reason.invalid) {
-				this.reasonInput()?.nativeElement.focus();
-				return;
-			}
-		}
-		this.dialogRef.close({
-			confirmed: true,
-			...this.data.reason ? { reason: this.reason.value.trim() } : {}
-		});
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbConfirmDialogComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RbConfirmDialogComponent,
-		isStandalone: true,
-		selector: "rb-confirm-dialog",
-		host: {
-			properties: { "attr.data-tone": "tone" },
-			classAttribute: "rb-confirm-dialog"
-		},
-		viewQueries: [{
-			propertyName: "reasonInput",
-			first: true,
-			predicate: ["reasonInput"],
-			descendants: true,
-			isSignal: true
-		}],
-		ngImport: i0,
-		template: `
-    <div class="rb-confirm-dialog__layout">
-      <span class="rb-confirm-dialog__icon" aria-hidden="true">
-        <mat-icon fontSet="material-symbols-outlined">{{
-          tone === 'danger' ? 'warning' : 'help'
-        }}</mat-icon>
-      </span>
-      <div class="rb-confirm-dialog__body">
-        <h2 mat-dialog-title class="rb-confirm-dialog__title">{{ data.title }}</h2>
-        <mat-dialog-content class="rb-confirm-dialog__content">
-          <p class="rb-confirm-dialog__description" [id]="descriptionId">{{ data.description }}</p>
-          @if (data.reason) {
-            <div class="rb-field" [class.rb-field--invalid]="showReasonError()">
-              <label class="rb-field__label" [for]="reasonId">{{
-                data.reason.label ?? 'Reason'
-              }}</label>
-              <input
-                #reasonInput
-                class="rb-field__control"
-                type="text"
-                autocomplete="off"
-                [id]="reasonId"
-                [formControl]="reason"
-                [attr.aria-invalid]="showReasonError() ? 'true' : null"
-                [attr.aria-describedby]="reasonDescribedBy()"
-              />
-              @if (data.reason.hint) {
-                <p class="rb-field__hint" [id]="reasonId + '-hint'">{{ data.reason.hint }}</p>
-              }
-              @if (showReasonError()) {
-                <p class="rb-field__error" [id]="reasonId + '-error'">
-                  Enter at least {{ minimumReasonLength }} characters.
-                </p>
-              }
-            </div>
-          }
-        </mat-dialog-content>
-      </div>
-    </div>
-    <mat-dialog-actions align="end" class="rb-confirm-dialog__actions">
-      <button matButton type="button" (click)="cancel()">{{ data.cancelLabel ?? 'Cancel' }}</button>
-      <button
-        matButton="filled"
-        type="button"
-        [color]="tone === 'danger' ? 'warn' : 'primary'"
-        (click)="confirm()"
-      >
-        {{ data.confirmLabel }}
-      </button>
-    </mat-dialog-actions>
-  `,
-		isInline: true,
-		styles: ["rb-confirm-dialog{--mat-dialog-headline-padding: 0;--mat-dialog-content-padding: 0;--mat-dialog-with-actions-content-padding: 0;--mat-dialog-actions-padding: var(--rb-space-6);--mat-dialog-subhead-color: var(--rb-color-text-strong);--mat-dialog-subhead-font: var(--rb-font-sans);--mat-dialog-subhead-size: var(--rb-type-title-large-size);--mat-dialog-subhead-line-height: var(--rb-type-title-large-line-height);--mat-dialog-subhead-weight: var(--rb-type-title-large-weight);--mat-dialog-subhead-tracking: var(--rb-type-title-large-tracking);--mat-dialog-supporting-text-color: var(--rb-color-text-muted);--mat-dialog-supporting-text-font: var(--rb-font-sans);--mat-dialog-supporting-text-size: var(--rb-type-body-medium-size);--mat-dialog-supporting-text-line-height: var(--rb-type-body-medium-line-height);--mat-dialog-supporting-text-weight: var(--rb-type-body-medium-weight);--mat-dialog-supporting-text-tracking: var(--rb-type-body-medium-tracking)}rb-confirm-dialog .rb-confirm-dialog__layout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--rb-space-4);min-height:0;padding:var(--rb-space-6) var(--rb-space-6) 0}@media(width<30rem){rb-confirm-dialog .rb-confirm-dialog__layout{gap:var(--rb-space-3);padding-inline:var(--rb-space-4)}}rb-confirm-dialog .rb-confirm-dialog__icon{display:grid;width:var(--rb-size-touch-target);height:var(--rb-size-touch-target);place-items:center;border-radius:var(--rb-radius-full);background-color:var(--rb-color-primary-soft);color:var(--rb-color-on-primary-soft)}rb-confirm-dialog[data-tone=danger] .rb-confirm-dialog__icon{background-color:var(--rb-color-danger-soft);color:var(--rb-color-danger)}rb-confirm-dialog .rb-confirm-dialog__body{display:grid;gap:var(--rb-space-1);min-width:0}rb-confirm-dialog .rb-confirm-dialog__title{overflow-wrap:anywhere}rb-confirm-dialog .rb-confirm-dialog__content{display:grid;gap:var(--rb-space-5);overflow-wrap:anywhere}rb-confirm-dialog .rb-confirm-dialog__description{margin:0}rb-confirm-dialog .rb-confirm-dialog__actions{gap:var(--rb-space-2);min-height:0}@media(width<30rem){rb-confirm-dialog .rb-confirm-dialog__actions{padding-inline:var(--rb-space-4)}}\n"],
-		dependencies: [
-			{
-				kind: "component",
-				type: MatButton,
-				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
-				inputs: ["matButton"],
-				exportAs: ["matButton", "matAnchor"]
-			},
-			{
-				kind: "directive",
-				type: MatDialogActions,
-				selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]",
-				inputs: ["align"]
-			},
-			{
-				kind: "directive",
-				type: MatDialogContent,
-				selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
-			},
-			{
-				kind: "directive",
-				type: MatDialogTitle,
-				selector: "[mat-dialog-title], [matDialogTitle]",
-				inputs: ["id"],
-				exportAs: ["matDialogTitle"]
-			},
-			{
-				kind: "component",
-				type: MatIcon,
-				selector: "mat-icon",
-				inputs: [
-					"color",
-					"inline",
-					"svgIcon",
-					"fontSet",
-					"fontIcon"
-				],
-				exportAs: ["matIcon"]
-			},
-			{
-				kind: "ngmodule",
-				type: ReactiveFormsModule
-			},
-			{
-				kind: "directive",
-				type: i1.DefaultValueAccessor,
-				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
-			},
-			{
-				kind: "directive",
-				type: i1.NgControlStatus,
-				selector: "[formControlName],[ngModel],[formControl]"
-			},
-			{
-				kind: "directive",
-				type: i1.FormControlDirective,
-				selector: "[formControl]",
-				inputs: [
-					"formControl",
-					"disabled",
-					"ngModel"
-				],
-				outputs: ["ngModelChange"],
-				exportAs: ["ngForm"]
-			}
-		],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbConfirmDialogComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-confirm-dialog",
-			imports: [
-				MatButton,
-				MatDialogActions,
-				MatDialogContent,
-				MatDialogTitle,
-				MatIcon,
-				ReactiveFormsModule
-			],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: {
-				class: "rb-confirm-dialog",
-				"[attr.data-tone]": "tone"
-			},
-			template: `
-    <div class="rb-confirm-dialog__layout">
-      <span class="rb-confirm-dialog__icon" aria-hidden="true">
-        <mat-icon fontSet="material-symbols-outlined">{{
-          tone === 'danger' ? 'warning' : 'help'
-        }}</mat-icon>
-      </span>
-      <div class="rb-confirm-dialog__body">
-        <h2 mat-dialog-title class="rb-confirm-dialog__title">{{ data.title }}</h2>
-        <mat-dialog-content class="rb-confirm-dialog__content">
-          <p class="rb-confirm-dialog__description" [id]="descriptionId">{{ data.description }}</p>
-          @if (data.reason) {
-            <div class="rb-field" [class.rb-field--invalid]="showReasonError()">
-              <label class="rb-field__label" [for]="reasonId">{{
-                data.reason.label ?? 'Reason'
-              }}</label>
-              <input
-                #reasonInput
-                class="rb-field__control"
-                type="text"
-                autocomplete="off"
-                [id]="reasonId"
-                [formControl]="reason"
-                [attr.aria-invalid]="showReasonError() ? 'true' : null"
-                [attr.aria-describedby]="reasonDescribedBy()"
-              />
-              @if (data.reason.hint) {
-                <p class="rb-field__hint" [id]="reasonId + '-hint'">{{ data.reason.hint }}</p>
-              }
-              @if (showReasonError()) {
-                <p class="rb-field__error" [id]="reasonId + '-error'">
-                  Enter at least {{ minimumReasonLength }} characters.
-                </p>
-              }
-            </div>
-          }
-        </mat-dialog-content>
-      </div>
-    </div>
-    <mat-dialog-actions align="end" class="rb-confirm-dialog__actions">
-      <button matButton type="button" (click)="cancel()">{{ data.cancelLabel ?? 'Cancel' }}</button>
-      <button
-        matButton="filled"
-        type="button"
-        [color]="tone === 'danger' ? 'warn' : 'primary'"
-        (click)="confirm()"
-      >
-        {{ data.confirmLabel }}
-      </button>
-    </mat-dialog-actions>
-  `,
-			styles: ["rb-confirm-dialog{--mat-dialog-headline-padding: 0;--mat-dialog-content-padding: 0;--mat-dialog-with-actions-content-padding: 0;--mat-dialog-actions-padding: var(--rb-space-6);--mat-dialog-subhead-color: var(--rb-color-text-strong);--mat-dialog-subhead-font: var(--rb-font-sans);--mat-dialog-subhead-size: var(--rb-type-title-large-size);--mat-dialog-subhead-line-height: var(--rb-type-title-large-line-height);--mat-dialog-subhead-weight: var(--rb-type-title-large-weight);--mat-dialog-subhead-tracking: var(--rb-type-title-large-tracking);--mat-dialog-supporting-text-color: var(--rb-color-text-muted);--mat-dialog-supporting-text-font: var(--rb-font-sans);--mat-dialog-supporting-text-size: var(--rb-type-body-medium-size);--mat-dialog-supporting-text-line-height: var(--rb-type-body-medium-line-height);--mat-dialog-supporting-text-weight: var(--rb-type-body-medium-weight);--mat-dialog-supporting-text-tracking: var(--rb-type-body-medium-tracking)}rb-confirm-dialog .rb-confirm-dialog__layout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--rb-space-4);min-height:0;padding:var(--rb-space-6) var(--rb-space-6) 0}@media(width<30rem){rb-confirm-dialog .rb-confirm-dialog__layout{gap:var(--rb-space-3);padding-inline:var(--rb-space-4)}}rb-confirm-dialog .rb-confirm-dialog__icon{display:grid;width:var(--rb-size-touch-target);height:var(--rb-size-touch-target);place-items:center;border-radius:var(--rb-radius-full);background-color:var(--rb-color-primary-soft);color:var(--rb-color-on-primary-soft)}rb-confirm-dialog[data-tone=danger] .rb-confirm-dialog__icon{background-color:var(--rb-color-danger-soft);color:var(--rb-color-danger)}rb-confirm-dialog .rb-confirm-dialog__body{display:grid;gap:var(--rb-space-1);min-width:0}rb-confirm-dialog .rb-confirm-dialog__title{overflow-wrap:anywhere}rb-confirm-dialog .rb-confirm-dialog__content{display:grid;gap:var(--rb-space-5);overflow-wrap:anywhere}rb-confirm-dialog .rb-confirm-dialog__description{margin:0}rb-confirm-dialog .rb-confirm-dialog__actions{gap:var(--rb-space-2);min-height:0}@media(width<30rem){rb-confirm-dialog .rb-confirm-dialog__actions{padding-inline:var(--rb-space-4)}}\n"]
-		}]
-	}],
-	propDecorators: { reasonInput: [{
-		type: i0.ViewChild,
-		args: ["reasonInput", { isSignal: true }]
-	}] }
-});
-var RbConfirmDialogService = class RbConfirmDialogService {
-	dialog = inject(MatDialog);
-	async confirm(data) {
-		const descriptionId = `${rbConfirmDialogId()}-description`;
-		const dialogRef = this.dialog.open(RbConfirmDialogComponent, {
-			data: {
-				...data,
-				descriptionId
-			},
-			role: data.tone === "danger" ? "alertdialog" : "dialog",
-			ariaDescribedBy: descriptionId,
-			autoFocus: "first-tabbable",
-			restoreFocus: true,
-			width: "min(var(--rb-size-card-wide), calc(100vw - 2 * var(--rb-space-4)))",
-			maxWidth: "100vw",
-			panelClass: ["rb-confirm-dialog-panel", "rb-scope"]
-		});
-		return await firstValueFrom(dialogRef.afterClosed()) ?? { confirmed: false };
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbConfirmDialogService,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Injectable
-	});
-	static ɵprov = i0.ɵɵngDeclareInjectable({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbConfirmDialogService,
-		providedIn: "root"
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbConfirmDialogService,
-	decorators: [{
-		type: Injectable,
-		args: [{ providedIn: "root" }]
-	}]
-});
-var RbEmptyStateComponent = class RbEmptyStateComponent {
-	title = input.required(...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
-	description = input("", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
-	icon = input("inbox", ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
-	headingLevel = input(3, ...ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []);
-	layout = input("centered", ...ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []);
-	actionLabel = input("", ...ngDevMode ? [{ debugName: "actionLabel" }] : /* istanbul ignore next */ []);
-	action = output();
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbEmptyStateComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RbEmptyStateComponent,
-		isStandalone: true,
-		selector: "rb-empty-state",
-		inputs: {
-			title: {
-				classPropertyName: "title",
-				publicName: "title",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			},
-			description: {
-				classPropertyName: "description",
-				publicName: "description",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			icon: {
-				classPropertyName: "icon",
-				publicName: "icon",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			headingLevel: {
-				classPropertyName: "headingLevel",
-				publicName: "headingLevel",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			layout: {
-				classPropertyName: "layout",
-				publicName: "layout",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			actionLabel: {
-				classPropertyName: "actionLabel",
-				publicName: "actionLabel",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		outputs: { action: "action" },
-		host: {
-			properties: {
-				"attr.title": "null",
-				"attr.data-layout": "layout()"
-			},
-			classAttribute: "rb-empty-state"
-		},
-		ngImport: i0,
-		template: `
-    <mat-icon class="rb-empty-state__icon" fontSet="material-symbols-outlined" aria-hidden="true">{{
-      icon()
-    }}</mat-icon>
-    <div class="rb-empty-state__copy">
-      @switch (headingLevel()) {
-        @case (2) {
-          <h2 class="rb-empty-state__title">{{ title() }}</h2>
-        }
-        @case (4) {
-          <h4 class="rb-empty-state__title">{{ title() }}</h4>
-        }
-        @case (5) {
-          <h5 class="rb-empty-state__title">{{ title() }}</h5>
-        }
-        @case (6) {
-          <h6 class="rb-empty-state__title">{{ title() }}</h6>
-        }
-        @default {
-          <h3 class="rb-empty-state__title">{{ title() }}</h3>
-        }
-      }
-      @if (description()) {
-        <p class="rb-empty-state__description">{{ description() }}</p>
-      }
-      <div class="rb-empty-state__actions">
-        @if (actionLabel()) {
-          <button matButton="outlined" type="button" (click)="action.emit()">
-            {{ actionLabel() }}
-          </button>
-        }
-        <ng-content select="[rbActions]" />
-      </div>
-    </div>
-  `,
-		isInline: true,
-		styles: ["rb-empty-state{display:flex;flex-direction:column;gap:var(--rb-space-3);align-items:center;min-width:0;padding:var(--rb-space-8) var(--rb-space-4);color:var(--rb-color-text-muted);text-align:center}rb-empty-state .rb-empty-state__icon{flex:none;width:var(--rb-space-10);height:var(--rb-space-10);color:var(--rb-color-primary);font-size:var(--rb-space-10)}rb-empty-state .rb-empty-state__copy{display:grid;gap:var(--rb-space-2);justify-items:center;min-width:0;max-width:30rem}rb-empty-state .rb-empty-state__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-title-medium);letter-spacing:var(--rb-type-title-medium-tracking);overflow-wrap:anywhere}rb-empty-state .rb-empty-state__description{margin:0;font:var(--rb-type-body-medium);overflow-wrap:anywhere}rb-empty-state .rb-empty-state__actions{display:flex;flex-wrap:wrap;gap:var(--rb-space-2);justify-content:center;margin-block-start:var(--rb-space-2)}rb-empty-state .rb-empty-state__actions:empty{display:none}rb-empty-state[data-layout=inline]{flex-direction:row;gap:var(--rb-space-3);align-items:flex-start;padding:var(--rb-space-4);border:1px dashed var(--rb-color-border-strong);border-radius:var(--rb-radius-md);background-color:var(--rb-color-surface-sunken);text-align:start}rb-empty-state[data-layout=inline] .rb-empty-state__icon{width:var(--rb-size-icon-lg);height:var(--rb-size-icon-lg);font-size:var(--rb-size-icon-lg)}rb-empty-state[data-layout=inline] .rb-empty-state__copy{gap:var(--rb-space-1);justify-items:start;max-width:none}rb-empty-state[data-layout=inline] .rb-empty-state__title{font:var(--rb-type-title-small);letter-spacing:var(--rb-type-title-small-tracking)}rb-empty-state[data-layout=inline] .rb-empty-state__actions{justify-content:flex-start}\n"],
-		dependencies: [{
-			kind: "component",
-			type: MatButton,
-			selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
-			inputs: ["matButton"],
-			exportAs: ["matButton", "matAnchor"]
-		}, {
-			kind: "component",
-			type: MatIcon,
-			selector: "mat-icon",
-			inputs: [
-				"color",
-				"inline",
-				"svgIcon",
-				"fontSet",
-				"fontIcon"
-			],
-			exportAs: ["matIcon"]
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbEmptyStateComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-empty-state",
-			imports: [MatButton, MatIcon],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: {
-				class: "rb-empty-state",
-				"[attr.title]": "null",
-				"[attr.data-layout]": "layout()"
-			},
-			template: `
-    <mat-icon class="rb-empty-state__icon" fontSet="material-symbols-outlined" aria-hidden="true">{{
-      icon()
-    }}</mat-icon>
-    <div class="rb-empty-state__copy">
-      @switch (headingLevel()) {
-        @case (2) {
-          <h2 class="rb-empty-state__title">{{ title() }}</h2>
-        }
-        @case (4) {
-          <h4 class="rb-empty-state__title">{{ title() }}</h4>
-        }
-        @case (5) {
-          <h5 class="rb-empty-state__title">{{ title() }}</h5>
-        }
-        @case (6) {
-          <h6 class="rb-empty-state__title">{{ title() }}</h6>
-        }
-        @default {
-          <h3 class="rb-empty-state__title">{{ title() }}</h3>
-        }
-      }
-      @if (description()) {
-        <p class="rb-empty-state__description">{{ description() }}</p>
-      }
-      <div class="rb-empty-state__actions">
-        @if (actionLabel()) {
-          <button matButton="outlined" type="button" (click)="action.emit()">
-            {{ actionLabel() }}
-          </button>
-        }
-        <ng-content select="[rbActions]" />
-      </div>
-    </div>
-  `,
-			styles: ["rb-empty-state{display:flex;flex-direction:column;gap:var(--rb-space-3);align-items:center;min-width:0;padding:var(--rb-space-8) var(--rb-space-4);color:var(--rb-color-text-muted);text-align:center}rb-empty-state .rb-empty-state__icon{flex:none;width:var(--rb-space-10);height:var(--rb-space-10);color:var(--rb-color-primary);font-size:var(--rb-space-10)}rb-empty-state .rb-empty-state__copy{display:grid;gap:var(--rb-space-2);justify-items:center;min-width:0;max-width:30rem}rb-empty-state .rb-empty-state__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-title-medium);letter-spacing:var(--rb-type-title-medium-tracking);overflow-wrap:anywhere}rb-empty-state .rb-empty-state__description{margin:0;font:var(--rb-type-body-medium);overflow-wrap:anywhere}rb-empty-state .rb-empty-state__actions{display:flex;flex-wrap:wrap;gap:var(--rb-space-2);justify-content:center;margin-block-start:var(--rb-space-2)}rb-empty-state .rb-empty-state__actions:empty{display:none}rb-empty-state[data-layout=inline]{flex-direction:row;gap:var(--rb-space-3);align-items:flex-start;padding:var(--rb-space-4);border:1px dashed var(--rb-color-border-strong);border-radius:var(--rb-radius-md);background-color:var(--rb-color-surface-sunken);text-align:start}rb-empty-state[data-layout=inline] .rb-empty-state__icon{width:var(--rb-size-icon-lg);height:var(--rb-size-icon-lg);font-size:var(--rb-size-icon-lg)}rb-empty-state[data-layout=inline] .rb-empty-state__copy{gap:var(--rb-space-1);justify-items:start;max-width:none}rb-empty-state[data-layout=inline] .rb-empty-state__title{font:var(--rb-type-title-small);letter-spacing:var(--rb-type-title-small-tracking)}rb-empty-state[data-layout=inline] .rb-empty-state__actions{justify-content:flex-start}\n"]
-		}]
-	}],
-	propDecorators: {
-		title: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "title",
-				required: true
-			}]
-		}],
-		description: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "description",
-				required: false
-			}]
-		}],
-		icon: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "icon",
-				required: false
-			}]
-		}],
-		headingLevel: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "headingLevel",
-				required: false
-			}]
-		}],
-		layout: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "layout",
-				required: false
-			}]
-		}],
-		actionLabel: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "actionLabel",
-				required: false
-			}]
-		}],
-		action: [{
-			type: i0.Output,
-			args: ["action"]
-		}]
-	}
-});
-const RB_TONE_ICONS = {
-	neutral: null,
-	info: "info",
-	active: "autorenew",
-	success: "check_circle",
-	warning: "warning",
-	danger: "error"
-};
-const RB_MESSAGE_TONE_LABELS = {
-	neutral: null,
-	info: "Information",
-	success: "Success",
-	warning: "Warning",
-	danger: "Error"
-};
-var RbMessageComponent = class RbMessageComponent {
-	tone = input("neutral", ...ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []);
-	title = input("", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
-	icon = input("", ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
-	live = input("auto", ...ngDevMode ? [{ debugName: "live" }] : /* istanbul ignore next */ []);
-	resolvedIcon = computed(() => this.icon() || RB_TONE_ICONS[this.tone()] || "info", ...ngDevMode ? [{ debugName: "resolvedIcon" }] : /* istanbul ignore next */ []);
-	toneLabel = computed(() => RB_MESSAGE_TONE_LABELS[this.tone()], ...ngDevMode ? [{ debugName: "toneLabel" }] : /* istanbul ignore next */ []);
-	politeness = computed(() => {
-		const live = this.live();
-		if (live !== "auto") return live;
-		return this.tone() === "danger" ? "assertive" : "polite";
-	}, ...ngDevMode ? [{ debugName: "politeness" }] : /* istanbul ignore next */ []);
-	role = computed(() => {
-		const politeness = this.politeness();
-		if (politeness === "off") return null;
-		return politeness === "assertive" ? "alert" : "status";
-	}, ...ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []);
-	ariaLive = computed(() => {
-		const politeness = this.politeness();
-		return politeness === "off" ? null : politeness;
-	}, ...ngDevMode ? [{ debugName: "ariaLive" }] : /* istanbul ignore next */ []);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbMessageComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RbMessageComponent,
-		isStandalone: true,
-		selector: "rb-message",
-		inputs: {
-			tone: {
-				classPropertyName: "tone",
-				publicName: "tone",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			title: {
-				classPropertyName: "title",
-				publicName: "title",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			icon: {
-				classPropertyName: "icon",
-				publicName: "icon",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			live: {
-				classPropertyName: "live",
-				publicName: "live",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		host: {
-			properties: {
-				"attr.title": "null",
-				"attr.data-tone": "tone()",
-				"attr.role": "role()",
-				"attr.aria-live": "ariaLive()"
-			},
-			classAttribute: "rb-message"
-		},
-		ngImport: i0,
-		template: `
-    <mat-icon class="rb-message__icon" fontSet="material-symbols-outlined" aria-hidden="true">{{
-      resolvedIcon()
-    }}</mat-icon>
-    <div class="rb-message__copy">
-      @if (title()) {
-        <p class="rb-message__title">
-          @if (toneLabel()) {
-            <span class="rb-visually-hidden">{{ toneLabel() }}: </span>
-          }
-          {{ title() }}
-        </p>
-      } @else if (toneLabel()) {
-        <span class="rb-visually-hidden">{{ toneLabel() }}: </span>
-      }
-      <div class="rb-message__body"><ng-content /></div>
-    </div>
-  `,
-		isInline: true,
-		styles: ["rb-message{display:flex;gap:var(--rb-space-3);align-items:flex-start;min-width:0;padding:var(--rb-space-3) var(--rb-space-4);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-md);background-color:var(--rb-color-surface-sunken);color:var(--rb-color-text);font:var(--rb-type-body-medium);letter-spacing:var(--rb-type-body-medium-tracking)}rb-message[data-tone=info]{border-color:var(--rb-color-info-border);background-color:var(--rb-color-info-soft);color:var(--rb-color-info)}rb-message[data-tone=success]{border-color:var(--rb-color-success-border);background-color:var(--rb-color-success-soft);color:var(--rb-color-success)}rb-message[data-tone=warning]{border-color:var(--rb-color-warning-border);background-color:var(--rb-color-warning-soft);color:var(--rb-color-warning)}rb-message[data-tone=danger]{border-color:var(--rb-color-danger-border);background-color:var(--rb-color-danger-soft);color:var(--rb-color-danger)}rb-message .rb-message__icon{flex:none;width:var(--rb-size-icon-md);height:var(--rb-size-icon-md);font-size:var(--rb-size-icon-md)}rb-message .rb-message__copy{display:grid;flex:1 1 auto;gap:var(--rb-space-1);min-width:0}rb-message .rb-message__title{margin:0;font-weight:var(--rb-font-weight-semibold)}rb-message .rb-message__body{min-width:0;overflow-wrap:anywhere}rb-message .rb-message__body:empty{display:none}rb-message .rb-message__body>:where(p,ul,ol){margin:0}rb-message .rb-message__body>*+*{margin-block-start:var(--rb-space-2)}rb-message .rb-message__body a{color:inherit;font-weight:var(--rb-font-weight-semibold)}\n"],
-		dependencies: [{
-			kind: "component",
-			type: MatIcon,
-			selector: "mat-icon",
-			inputs: [
-				"color",
-				"inline",
-				"svgIcon",
-				"fontSet",
-				"fontIcon"
-			],
-			exportAs: ["matIcon"]
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbMessageComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-message",
-			imports: [MatIcon],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: {
-				class: "rb-message",
-				"[attr.title]": "null",
-				"[attr.data-tone]": "tone()",
-				"[attr.role]": "role()",
-				"[attr.aria-live]": "ariaLive()"
-			},
-			template: `
-    <mat-icon class="rb-message__icon" fontSet="material-symbols-outlined" aria-hidden="true">{{
-      resolvedIcon()
-    }}</mat-icon>
-    <div class="rb-message__copy">
-      @if (title()) {
-        <p class="rb-message__title">
-          @if (toneLabel()) {
-            <span class="rb-visually-hidden">{{ toneLabel() }}: </span>
-          }
-          {{ title() }}
-        </p>
-      } @else if (toneLabel()) {
-        <span class="rb-visually-hidden">{{ toneLabel() }}: </span>
-      }
-      <div class="rb-message__body"><ng-content /></div>
-    </div>
-  `,
-			styles: ["rb-message{display:flex;gap:var(--rb-space-3);align-items:flex-start;min-width:0;padding:var(--rb-space-3) var(--rb-space-4);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-md);background-color:var(--rb-color-surface-sunken);color:var(--rb-color-text);font:var(--rb-type-body-medium);letter-spacing:var(--rb-type-body-medium-tracking)}rb-message[data-tone=info]{border-color:var(--rb-color-info-border);background-color:var(--rb-color-info-soft);color:var(--rb-color-info)}rb-message[data-tone=success]{border-color:var(--rb-color-success-border);background-color:var(--rb-color-success-soft);color:var(--rb-color-success)}rb-message[data-tone=warning]{border-color:var(--rb-color-warning-border);background-color:var(--rb-color-warning-soft);color:var(--rb-color-warning)}rb-message[data-tone=danger]{border-color:var(--rb-color-danger-border);background-color:var(--rb-color-danger-soft);color:var(--rb-color-danger)}rb-message .rb-message__icon{flex:none;width:var(--rb-size-icon-md);height:var(--rb-size-icon-md);font-size:var(--rb-size-icon-md)}rb-message .rb-message__copy{display:grid;flex:1 1 auto;gap:var(--rb-space-1);min-width:0}rb-message .rb-message__title{margin:0;font-weight:var(--rb-font-weight-semibold)}rb-message .rb-message__body{min-width:0;overflow-wrap:anywhere}rb-message .rb-message__body:empty{display:none}rb-message .rb-message__body>:where(p,ul,ol){margin:0}rb-message .rb-message__body>*+*{margin-block-start:var(--rb-space-2)}rb-message .rb-message__body a{color:inherit;font-weight:var(--rb-font-weight-semibold)}\n"]
-		}]
-	}],
-	propDecorators: {
-		tone: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "tone",
-				required: false
-			}]
-		}],
-		title: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "title",
-				required: false
-			}]
-		}],
-		icon: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "icon",
-				required: false
-			}]
-		}],
-		live: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "live",
-				required: false
-			}]
-		}]
-	}
-});
-var RbPageHeaderComponent = class RbPageHeaderComponent {
-	title = input.required(...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
-	eyebrow = input("", ...ngDevMode ? [{ debugName: "eyebrow" }] : /* istanbul ignore next */ []);
-	description = input("", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
-	metrics = input([], ...ngDevMode ? [{ debugName: "metrics" }] : /* istanbul ignore next */ []);
-	toneIcon(metric) {
-		return RB_TONE_ICONS[metric.tone ?? "neutral"];
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbPageHeaderComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RbPageHeaderComponent,
-		isStandalone: true,
-		selector: "rb-page-header",
-		inputs: {
-			title: {
-				classPropertyName: "title",
-				publicName: "title",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			},
-			eyebrow: {
-				classPropertyName: "eyebrow",
-				publicName: "eyebrow",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			description: {
-				classPropertyName: "description",
-				publicName: "description",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			metrics: {
-				classPropertyName: "metrics",
-				publicName: "metrics",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		host: {
-			properties: { "attr.title": "null" },
-			classAttribute: "rb-page-header"
-		},
-		ngImport: i0,
-		template: `
-    <header class="rb-page-header__main">
-      <div class="rb-page-header__copy">
-        @if (eyebrow()) {
-          <p class="rb-page-header__eyebrow">{{ eyebrow() }}</p>
-        }
-        <h1 class="rb-page-header__title">{{ title() }}</h1>
-        @if (description()) {
-          <p class="rb-page-header__description">{{ description() }}</p>
-        }
-      </div>
-      <div class="rb-page-header__actions"><ng-content select="[rbActions]" /></div>
-    </header>
-    @if (metrics().length > 0) {
-      <dl class="rb-page-header__metrics">
-        @for (metric of metrics(); track metric.label) {
-          <div class="rb-page-header__metric" [attr.data-tone]="metric.tone ?? 'neutral'">
-            <dt class="rb-page-header__metric-label">{{ metric.label }}</dt>
-            <dd class="rb-page-header__metric-value">
-              @if (toneIcon(metric); as icon) {
-                <mat-icon fontSet="material-symbols-outlined" aria-hidden="true">{{
-                  icon
-                }}</mat-icon>
-              }
-              <span>{{ metric.value }}</span>
-            </dd>
-          </div>
-        }
-      </dl>
-    }
-  `,
-		isInline: true,
-		styles: ["rb-page-header{display:grid;gap:var(--rb-space-5);min-width:0}rb-page-header .rb-page-header__main{display:flex;gap:var(--rb-space-5);align-items:flex-start;justify-content:space-between;min-width:0}@media(width<40rem){rb-page-header .rb-page-header__main{flex-direction:column;gap:var(--rb-space-4)}}rb-page-header .rb-page-header__copy{display:grid;gap:var(--rb-space-2);min-width:0;max-width:48rem}rb-page-header .rb-page-header__eyebrow{margin:0;color:var(--rb-color-primary);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-page-header .rb-page-header__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-page-title);letter-spacing:var(--rb-type-page-title-tracking);overflow-wrap:anywhere}rb-page-header .rb-page-header__description{margin:0;color:var(--rb-color-text-muted);font:var(--rb-type-body-large)}rb-page-header .rb-page-header__actions{display:flex;flex:none;flex-wrap:wrap;gap:var(--rb-space-2);align-items:center;justify-content:flex-end}@media(width<40rem){rb-page-header .rb-page-header__actions{justify-content:flex-start}}rb-page-header .rb-page-header__actions:empty{display:none}rb-page-header .rb-page-header__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--rb-space-3);margin:0}rb-page-header .rb-page-header__metric{display:grid;gap:var(--rb-space-1);align-content:start;min-width:0;padding:var(--rb-space-3) var(--rb-space-4);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-md);background-color:var(--rb-color-surface)}rb-page-header .rb-page-header__metric-label{color:var(--rb-color-text-subtle);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-page-header .rb-page-header__metric-value{display:flex;gap:var(--rb-space-2);align-items:center;min-width:0;margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-title-large);letter-spacing:var(--rb-type-title-large-tracking);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}rb-page-header .rb-page-header__metric-value .mat-icon{flex:none;width:var(--rb-size-icon-md);height:var(--rb-size-icon-md);font-size:var(--rb-size-icon-md)}rb-page-header .rb-page-header__metric[data-tone=active]{border-color:var(--rb-color-info-border)}rb-page-header .rb-page-header__metric[data-tone=active] .mat-icon{color:var(--rb-color-info)}rb-page-header .rb-page-header__metric[data-tone=success]{border-color:var(--rb-color-success-border)}rb-page-header .rb-page-header__metric[data-tone=success] .mat-icon{color:var(--rb-color-success)}rb-page-header .rb-page-header__metric[data-tone=warning]{border-color:var(--rb-color-warning-border)}rb-page-header .rb-page-header__metric[data-tone=warning] .mat-icon{color:var(--rb-color-warning)}rb-page-header .rb-page-header__metric[data-tone=danger]{border-color:var(--rb-color-danger-border)}rb-page-header .rb-page-header__metric[data-tone=danger] .mat-icon{color:var(--rb-color-danger)}\n"],
-		dependencies: [{
-			kind: "component",
-			type: MatIcon,
-			selector: "mat-icon",
-			inputs: [
-				"color",
-				"inline",
-				"svgIcon",
-				"fontSet",
-				"fontIcon"
-			],
-			exportAs: ["matIcon"]
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbPageHeaderComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-page-header",
-			imports: [MatIcon],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: {
-				class: "rb-page-header",
-				"[attr.title]": "null"
-			},
-			template: `
-    <header class="rb-page-header__main">
-      <div class="rb-page-header__copy">
-        @if (eyebrow()) {
-          <p class="rb-page-header__eyebrow">{{ eyebrow() }}</p>
-        }
-        <h1 class="rb-page-header__title">{{ title() }}</h1>
-        @if (description()) {
-          <p class="rb-page-header__description">{{ description() }}</p>
-        }
-      </div>
-      <div class="rb-page-header__actions"><ng-content select="[rbActions]" /></div>
-    </header>
-    @if (metrics().length > 0) {
-      <dl class="rb-page-header__metrics">
-        @for (metric of metrics(); track metric.label) {
-          <div class="rb-page-header__metric" [attr.data-tone]="metric.tone ?? 'neutral'">
-            <dt class="rb-page-header__metric-label">{{ metric.label }}</dt>
-            <dd class="rb-page-header__metric-value">
-              @if (toneIcon(metric); as icon) {
-                <mat-icon fontSet="material-symbols-outlined" aria-hidden="true">{{
-                  icon
-                }}</mat-icon>
-              }
-              <span>{{ metric.value }}</span>
-            </dd>
-          </div>
-        }
-      </dl>
-    }
-  `,
-			styles: ["rb-page-header{display:grid;gap:var(--rb-space-5);min-width:0}rb-page-header .rb-page-header__main{display:flex;gap:var(--rb-space-5);align-items:flex-start;justify-content:space-between;min-width:0}@media(width<40rem){rb-page-header .rb-page-header__main{flex-direction:column;gap:var(--rb-space-4)}}rb-page-header .rb-page-header__copy{display:grid;gap:var(--rb-space-2);min-width:0;max-width:48rem}rb-page-header .rb-page-header__eyebrow{margin:0;color:var(--rb-color-primary);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-page-header .rb-page-header__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-page-title);letter-spacing:var(--rb-type-page-title-tracking);overflow-wrap:anywhere}rb-page-header .rb-page-header__description{margin:0;color:var(--rb-color-text-muted);font:var(--rb-type-body-large)}rb-page-header .rb-page-header__actions{display:flex;flex:none;flex-wrap:wrap;gap:var(--rb-space-2);align-items:center;justify-content:flex-end}@media(width<40rem){rb-page-header .rb-page-header__actions{justify-content:flex-start}}rb-page-header .rb-page-header__actions:empty{display:none}rb-page-header .rb-page-header__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--rb-space-3);margin:0}rb-page-header .rb-page-header__metric{display:grid;gap:var(--rb-space-1);align-content:start;min-width:0;padding:var(--rb-space-3) var(--rb-space-4);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-md);background-color:var(--rb-color-surface)}rb-page-header .rb-page-header__metric-label{color:var(--rb-color-text-subtle);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-page-header .rb-page-header__metric-value{display:flex;gap:var(--rb-space-2);align-items:center;min-width:0;margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-title-large);letter-spacing:var(--rb-type-title-large-tracking);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}rb-page-header .rb-page-header__metric-value .mat-icon{flex:none;width:var(--rb-size-icon-md);height:var(--rb-size-icon-md);font-size:var(--rb-size-icon-md)}rb-page-header .rb-page-header__metric[data-tone=active]{border-color:var(--rb-color-info-border)}rb-page-header .rb-page-header__metric[data-tone=active] .mat-icon{color:var(--rb-color-info)}rb-page-header .rb-page-header__metric[data-tone=success]{border-color:var(--rb-color-success-border)}rb-page-header .rb-page-header__metric[data-tone=success] .mat-icon{color:var(--rb-color-success)}rb-page-header .rb-page-header__metric[data-tone=warning]{border-color:var(--rb-color-warning-border)}rb-page-header .rb-page-header__metric[data-tone=warning] .mat-icon{color:var(--rb-color-warning)}rb-page-header .rb-page-header__metric[data-tone=danger]{border-color:var(--rb-color-danger-border)}rb-page-header .rb-page-header__metric[data-tone=danger] .mat-icon{color:var(--rb-color-danger)}\n"]
-		}]
-	}],
-	propDecorators: {
-		title: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "title",
-				required: true
-			}]
-		}],
-		eyebrow: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "eyebrow",
-				required: false
-			}]
-		}],
-		description: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "description",
-				required: false
-			}]
-		}],
-		metrics: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "metrics",
-				required: false
-			}]
-		}]
-	}
-});
-var RbPanelComponent = class RbPanelComponent {
-	title = input("", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
-	description = input("", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
-	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
-	headingLevel = input(2, ...ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []);
-	flush = input(false, {
-		...ngDevMode ? { debugName: "flush" } : /* istanbul ignore next */ {},
-		transform: booleanAttribute
-	});
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbPanelComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RbPanelComponent,
-		isStandalone: true,
-		selector: "rb-panel",
-		inputs: {
-			title: {
-				classPropertyName: "title",
-				publicName: "title",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			description: {
-				classPropertyName: "description",
-				publicName: "description",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			variant: {
-				classPropertyName: "variant",
-				publicName: "variant",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			headingLevel: {
-				classPropertyName: "headingLevel",
-				publicName: "headingLevel",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			flush: {
-				classPropertyName: "flush",
-				publicName: "flush",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		host: {
-			properties: {
-				"attr.title": "null",
-				"attr.data-variant": "variant()",
-				"attr.data-flush": "flush() ? \"\" : null"
-			},
-			classAttribute: "rb-panel"
-		},
-		ngImport: i0,
-		template: `
-    @if (title() || description()) {
-      <header class="rb-panel__header">
-        <div class="rb-panel__heading">
-          @if (title()) {
-            @switch (headingLevel()) {
-              @case (3) {
-                <h3 class="rb-panel__title">{{ title() }}</h3>
-              }
-              @case (4) {
-                <h4 class="rb-panel__title">{{ title() }}</h4>
-              }
-              @case (5) {
-                <h5 class="rb-panel__title">{{ title() }}</h5>
-              }
-              @case (6) {
-                <h6 class="rb-panel__title">{{ title() }}</h6>
-              }
-              @default {
-                <h2 class="rb-panel__title">{{ title() }}</h2>
-              }
-            }
-          }
-          @if (description()) {
-            <p class="rb-panel__description">{{ description() }}</p>
-          }
-        </div>
-        <div class="rb-panel__actions"><ng-content select="[rbActions]" /></div>
-      </header>
-    }
-    <div class="rb-panel__body"><ng-content /></div>
-  `,
-		isInline: true,
-		styles: ["rb-panel{display:block;min-width:0;border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-lg);background-color:var(--rb-color-surface);color:var(--rb-color-text);box-shadow:var(--rb-elevation-1)}rb-panel[data-variant=soft]{background-color:var(--rb-color-surface-sunken);box-shadow:var(--rb-elevation-0)}rb-panel[data-variant=elevated]{border-color:transparent;background-color:var(--rb-color-surface-raised);box-shadow:var(--rb-elevation-2)}rb-panel[data-variant=danger]{border-color:var(--rb-color-danger-border)}rb-panel[data-variant=danger] .rb-panel__title{color:var(--rb-color-danger)}rb-panel .rb-panel__header{display:flex;gap:var(--rb-space-4);align-items:flex-start;justify-content:space-between;padding:var(--rb-space-5) var(--rb-space-6);border-block-end:1px solid var(--rb-color-border)}@media(width<40rem){rb-panel .rb-panel__header{flex-direction:column;gap:var(--rb-space-3);padding:var(--rb-space-4)}}rb-panel[data-variant=danger] .rb-panel__header{border-block-end-color:var(--rb-color-danger-border)}rb-panel .rb-panel__heading{display:grid;gap:var(--rb-space-1);min-width:0}rb-panel .rb-panel__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-title-medium);letter-spacing:var(--rb-type-title-medium-tracking);overflow-wrap:anywhere}rb-panel .rb-panel__description{margin:0;color:var(--rb-color-text-muted);font:var(--rb-type-body-medium)}rb-panel .rb-panel__actions{display:flex;flex:none;flex-wrap:wrap;gap:var(--rb-space-2);align-items:center}rb-panel .rb-panel__actions:empty{display:none}rb-panel .rb-panel__body{min-width:0;padding:var(--rb-space-6)}@media(width<40rem){rb-panel .rb-panel__body{padding:var(--rb-space-4)}}rb-panel[data-flush] .rb-panel__body{padding:0}rb-panel[data-flush] .rb-panel__body>.rb-table-scroll{border:0;border-radius:0 0 var(--rb-radius-lg) var(--rb-radius-lg);background-color:transparent}\n"],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbPanelComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-panel",
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: {
-				class: "rb-panel",
-				"[attr.title]": "null",
-				"[attr.data-variant]": "variant()",
-				"[attr.data-flush]": "flush() ? \"\" : null"
-			},
-			template: `
-    @if (title() || description()) {
-      <header class="rb-panel__header">
-        <div class="rb-panel__heading">
-          @if (title()) {
-            @switch (headingLevel()) {
-              @case (3) {
-                <h3 class="rb-panel__title">{{ title() }}</h3>
-              }
-              @case (4) {
-                <h4 class="rb-panel__title">{{ title() }}</h4>
-              }
-              @case (5) {
-                <h5 class="rb-panel__title">{{ title() }}</h5>
-              }
-              @case (6) {
-                <h6 class="rb-panel__title">{{ title() }}</h6>
-              }
-              @default {
-                <h2 class="rb-panel__title">{{ title() }}</h2>
-              }
-            }
-          }
-          @if (description()) {
-            <p class="rb-panel__description">{{ description() }}</p>
-          }
-        </div>
-        <div class="rb-panel__actions"><ng-content select="[rbActions]" /></div>
-      </header>
-    }
-    <div class="rb-panel__body"><ng-content /></div>
-  `,
-			styles: ["rb-panel{display:block;min-width:0;border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-lg);background-color:var(--rb-color-surface);color:var(--rb-color-text);box-shadow:var(--rb-elevation-1)}rb-panel[data-variant=soft]{background-color:var(--rb-color-surface-sunken);box-shadow:var(--rb-elevation-0)}rb-panel[data-variant=elevated]{border-color:transparent;background-color:var(--rb-color-surface-raised);box-shadow:var(--rb-elevation-2)}rb-panel[data-variant=danger]{border-color:var(--rb-color-danger-border)}rb-panel[data-variant=danger] .rb-panel__title{color:var(--rb-color-danger)}rb-panel .rb-panel__header{display:flex;gap:var(--rb-space-4);align-items:flex-start;justify-content:space-between;padding:var(--rb-space-5) var(--rb-space-6);border-block-end:1px solid var(--rb-color-border)}@media(width<40rem){rb-panel .rb-panel__header{flex-direction:column;gap:var(--rb-space-3);padding:var(--rb-space-4)}}rb-panel[data-variant=danger] .rb-panel__header{border-block-end-color:var(--rb-color-danger-border)}rb-panel .rb-panel__heading{display:grid;gap:var(--rb-space-1);min-width:0}rb-panel .rb-panel__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-title-medium);letter-spacing:var(--rb-type-title-medium-tracking);overflow-wrap:anywhere}rb-panel .rb-panel__description{margin:0;color:var(--rb-color-text-muted);font:var(--rb-type-body-medium)}rb-panel .rb-panel__actions{display:flex;flex:none;flex-wrap:wrap;gap:var(--rb-space-2);align-items:center}rb-panel .rb-panel__actions:empty{display:none}rb-panel .rb-panel__body{min-width:0;padding:var(--rb-space-6)}@media(width<40rem){rb-panel .rb-panel__body{padding:var(--rb-space-4)}}rb-panel[data-flush] .rb-panel__body{padding:0}rb-panel[data-flush] .rb-panel__body>.rb-table-scroll{border:0;border-radius:0 0 var(--rb-radius-lg) var(--rb-radius-lg);background-color:transparent}\n"]
-		}]
-	}],
-	propDecorators: {
-		title: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "title",
-				required: false
-			}]
-		}],
-		description: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "description",
-				required: false
-			}]
-		}],
-		variant: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "variant",
-				required: false
-			}]
-		}],
-		headingLevel: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "headingLevel",
-				required: false
-			}]
-		}],
-		flush: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "flush",
-				required: false
-			}]
-		}]
-	}
-});
-var RbStatusChipComponent = class RbStatusChipComponent {
-	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
-	tone = input("neutral", ...ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []);
-	icon = input("", ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
-	size = input("default", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
-	resolvedIcon = computed(() => this.icon() || RB_TONE_ICONS[this.tone()], ...ngDevMode ? [{ debugName: "resolvedIcon" }] : /* istanbul ignore next */ []);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbStatusChipComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RbStatusChipComponent,
-		isStandalone: true,
-		selector: "rb-status-chip",
-		inputs: {
-			label: {
-				classPropertyName: "label",
-				publicName: "label",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			},
-			tone: {
-				classPropertyName: "tone",
-				publicName: "tone",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			icon: {
-				classPropertyName: "icon",
-				publicName: "icon",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			size: {
-				classPropertyName: "size",
-				publicName: "size",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		host: {
-			properties: {
-				"attr.data-tone": "tone()",
-				"attr.data-size": "size()"
-			},
-			classAttribute: "rb-status-chip"
-		},
-		ngImport: i0,
-		template: `
-    @if (resolvedIcon(); as icon) {
-      <mat-icon
-        class="rb-status-chip__icon"
-        fontSet="material-symbols-outlined"
-        aria-hidden="true"
-        >{{ icon }}</mat-icon
-      >
-    }
-    <span class="rb-status-chip__label">{{ label() }}</span>
-  `,
-		isInline: true,
-		styles: ["rb-status-chip{display:inline-flex;gap:var(--rb-space-1);align-items:center;max-width:100%;min-height:var(--rb-size-control-height-sm);padding:0 var(--rb-space-3);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-full);background-color:var(--rb-color-surface-sunken);color:var(--rb-color-text-muted);font:var(--rb-type-label-medium);letter-spacing:var(--rb-type-label-medium-tracking);vertical-align:middle;white-space:nowrap}rb-status-chip[data-size=compact]{min-height:var(--rb-space-6);padding:0 var(--rb-space-2)}rb-status-chip .rb-status-chip__icon{flex:none;width:var(--rb-size-icon-sm);height:var(--rb-size-icon-sm);font-size:var(--rb-size-icon-sm)}rb-status-chip .rb-status-chip__label{min-width:0;overflow:hidden;text-overflow:ellipsis}rb-status-chip[data-tone=active]{border-color:var(--rb-color-info-border);background-color:var(--rb-color-info-soft);color:var(--rb-color-info)}rb-status-chip[data-tone=success]{border-color:var(--rb-color-success-border);background-color:var(--rb-color-success-soft);color:var(--rb-color-success)}rb-status-chip[data-tone=warning]{border-color:var(--rb-color-warning-border);background-color:var(--rb-color-warning-soft);color:var(--rb-color-warning)}rb-status-chip[data-tone=danger]{border-color:var(--rb-color-danger-border);background-color:var(--rb-color-danger-soft);color:var(--rb-color-danger)}\n"],
-		dependencies: [{
-			kind: "component",
-			type: MatIcon,
-			selector: "mat-icon",
-			inputs: [
-				"color",
-				"inline",
-				"svgIcon",
-				"fontSet",
-				"fontIcon"
-			],
-			exportAs: ["matIcon"]
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbStatusChipComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-status-chip",
-			imports: [MatIcon],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: {
-				class: "rb-status-chip",
-				"[attr.data-tone]": "tone()",
-				"[attr.data-size]": "size()"
-			},
-			template: `
-    @if (resolvedIcon(); as icon) {
-      <mat-icon
-        class="rb-status-chip__icon"
-        fontSet="material-symbols-outlined"
-        aria-hidden="true"
-        >{{ icon }}</mat-icon
-      >
-    }
-    <span class="rb-status-chip__label">{{ label() }}</span>
-  `,
-			styles: ["rb-status-chip{display:inline-flex;gap:var(--rb-space-1);align-items:center;max-width:100%;min-height:var(--rb-size-control-height-sm);padding:0 var(--rb-space-3);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-full);background-color:var(--rb-color-surface-sunken);color:var(--rb-color-text-muted);font:var(--rb-type-label-medium);letter-spacing:var(--rb-type-label-medium-tracking);vertical-align:middle;white-space:nowrap}rb-status-chip[data-size=compact]{min-height:var(--rb-space-6);padding:0 var(--rb-space-2)}rb-status-chip .rb-status-chip__icon{flex:none;width:var(--rb-size-icon-sm);height:var(--rb-size-icon-sm);font-size:var(--rb-size-icon-sm)}rb-status-chip .rb-status-chip__label{min-width:0;overflow:hidden;text-overflow:ellipsis}rb-status-chip[data-tone=active]{border-color:var(--rb-color-info-border);background-color:var(--rb-color-info-soft);color:var(--rb-color-info)}rb-status-chip[data-tone=success]{border-color:var(--rb-color-success-border);background-color:var(--rb-color-success-soft);color:var(--rb-color-success)}rb-status-chip[data-tone=warning]{border-color:var(--rb-color-warning-border);background-color:var(--rb-color-warning-soft);color:var(--rb-color-warning)}rb-status-chip[data-tone=danger]{border-color:var(--rb-color-danger-border);background-color:var(--rb-color-danger-soft);color:var(--rb-color-danger)}\n"]
-		}]
-	}],
-	propDecorators: {
-		label: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "label",
-				required: true
-			}]
-		}],
-		tone: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "tone",
-				required: false
-			}]
-		}],
-		icon: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "icon",
-				required: false
-			}]
-		}],
-		size: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "size",
-				required: false
-			}]
-		}]
-	}
-});
-var RbTechnicalValueComponent = class RbTechnicalValueComponent {
-	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
-	displayValue = input("", ...ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []);
-	host = inject(ElementRef);
-	destroyRef = inject(DestroyRef);
-	text = viewChild.required("text", ...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
-	truncated = signal(false, ...ngDevMode ? [{ debugName: "truncated" }] : /* istanbul ignore next */ []);
-	shownValue = computed(() => this.displayValue() || this.value(), ...ngDevMode ? [{ debugName: "shownValue" }] : /* istanbul ignore next */ []);
-	shortened = computed(() => this.shownValue() !== this.value(), ...ngDevMode ? [{ debugName: "shortened" }] : /* istanbul ignore next */ []);
-	tooltipEnabled = computed(() => this.value() !== "" && (this.shortened() || this.truncated()), ...ngDevMode ? [{ debugName: "tooltipEnabled" }] : /* istanbul ignore next */ []);
-	constructor() {
-		afterRenderEffect({ read: () => {
-			this.shownValue();
-			this.measure();
-		} });
-		afterNextRender(() => {
-			if (typeof ResizeObserver === "undefined") return;
-			const observer = new ResizeObserver(() => this.measure());
-			observer.observe(this.text().nativeElement);
-			this.destroyRef.onDestroy(() => observer.disconnect());
-		});
-	}
-	copyFullValue(event) {
-		if (!this.shortened() || !event.clipboardData) return;
-		const selection = this.host.nativeElement.ownerDocument.getSelection();
-		const host = this.host.nativeElement;
-		if (!selection || !host.contains(selection.anchorNode) || !host.contains(selection.focusNode)) return;
-		event.clipboardData.setData("text/plain", this.value());
-		event.preventDefault();
-	}
-	measure() {
-		const element = this.text().nativeElement;
-		this.truncated.set(element.scrollWidth > element.clientWidth);
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbTechnicalValueComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RbTechnicalValueComponent,
-		isStandalone: true,
-		selector: "rb-technical-value",
-		inputs: {
-			value: {
-				classPropertyName: "value",
-				publicName: "value",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			},
-			displayValue: {
-				classPropertyName: "displayValue",
-				publicName: "displayValue",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		host: {
-			listeners: { "copy": "copyFullValue($event)" },
-			classAttribute: "rb-technical-value"
-		},
-		viewQueries: [{
-			propertyName: "text",
-			first: true,
-			predicate: ["text"],
-			descendants: true,
-			isSignal: true
-		}],
-		ngImport: i0,
-		template: `
-    <span
-      #text
-      class="rb-technical-value__text"
-      [matTooltip]="value()"
-      [matTooltipDisabled]="!tooltipEnabled()"
-      [attr.aria-hidden]="shortened() ? 'true' : null"
-      >{{ shownValue() }}</span
-    >
-    @if (shortened()) {
-      <span class="rb-visually-hidden">{{ value() }}</span>
-    }
-  `,
-		isInline: true,
-		styles: ["rb-technical-value{display:block;min-width:0;max-width:100%}rb-technical-value .rb-technical-value__text{display:block;min-width:0;max-width:100%;overflow:hidden;color:inherit;font-family:var(--rb-font-mono);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}\n"],
-		dependencies: [{
-			kind: "directive",
-			type: MatTooltip,
-			selector: "[matTooltip]",
-			inputs: [
-				"matTooltipPosition",
-				"matTooltipPositionAtOrigin",
-				"matTooltipDisabled",
-				"matTooltipShowDelay",
-				"matTooltipHideDelay",
-				"matTooltipTouchGestures",
-				"matTooltip",
-				"matTooltipClass"
-			],
-			exportAs: ["matTooltip"]
-		}],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbTechnicalValueComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-technical-value",
-			imports: [MatTooltip],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: {
-				class: "rb-technical-value",
-				"(copy)": "copyFullValue($event)"
-			},
-			template: `
-    <span
-      #text
-      class="rb-technical-value__text"
-      [matTooltip]="value()"
-      [matTooltipDisabled]="!tooltipEnabled()"
-      [attr.aria-hidden]="shortened() ? 'true' : null"
-      >{{ shownValue() }}</span
-    >
-    @if (shortened()) {
-      <span class="rb-visually-hidden">{{ value() }}</span>
-    }
-  `,
-			styles: ["rb-technical-value{display:block;min-width:0;max-width:100%}rb-technical-value .rb-technical-value__text{display:block;min-width:0;max-width:100%;overflow:hidden;color:inherit;font-family:var(--rb-font-mono);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}\n"]
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: {
-		value: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "value",
-				required: true
-			}]
-		}],
-		displayValue: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "displayValue",
-				required: false
-			}]
-		}],
-		text: [{
-			type: i0.ViewChild,
-			args: ["text", { isSignal: true }]
-		}]
-	}
-});
-const RB_THEME_STORAGE_KEY = "rb-theme";
-const RB_THEME_COLORS = {
-	light: "#f4f7fb",
-	dark: "#08111d"
-};
-const RB_THEME_OPTIONS = new InjectionToken("RB_THEME_OPTIONS", {
-	providedIn: "root",
-	factory: () => ({})
-});
-const DARK_SCHEME_QUERY = "(prefers-color-scheme: dark)";
-function isTheme(value) {
-	return value === "light" || value === "dark";
-}
-var ThemeService = class ThemeService {
-	document = inject(DOCUMENT);
-	options = inject(RB_THEME_OPTIONS);
-	window = this.document.defaultView;
-	darkScheme = this.window?.matchMedia?.(DARK_SCHEME_QUERY) ?? null;
-	systemTheme = signal(this.darkScheme?.matches ? "dark" : "light", ...ngDevMode ? [{ debugName: "systemTheme" }] : /* istanbul ignore next */ []);
-	storedTheme = signal(null, ...ngDevMode ? [{ debugName: "storedTheme" }] : /* istanbul ignore next */ []);
-	forcedTheme = signal(this.options.forcedTheme ?? null, ...ngDevMode ? [{ debugName: "forcedTheme" }] : /* istanbul ignore next */ []);
-	initialized = false;
-	preference = this.storedTheme.asReadonly();
-	theme = computed(() => this.forcedTheme() ?? this.storedTheme() ?? this.systemTheme(), ...ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []);
-	isDark = computed(() => this.theme() === "dark", ...ngDevMode ? [{ debugName: "isDark" }] : /* istanbul ignore next */ []);
-	isForced = computed(() => this.forcedTheme() !== null, ...ngDevMode ? [{ debugName: "isForced" }] : /* istanbul ignore next */ []);
-	constructor() {
-		const onSystemChange = (event) => {
-			this.systemTheme.set(event.matches ? "dark" : "light");
-			this.apply();
-		};
-		this.darkScheme?.addEventListener("change", onSystemChange);
-		inject(DestroyRef).onDestroy(() => this.darkScheme?.removeEventListener("change", onSystemChange));
-	}
-	initialize() {
-		if (!this.initialized) {
-			this.initialized = true;
-			this.storedTheme.set(this.readStoredTheme());
-		}
-		this.apply();
-	}
-	toggle() {
-		this.setTheme(this.theme() === "dark" ? "light" : "dark");
-	}
-	setTheme(theme) {
-		this.initialized = true;
-		this.storedTheme.set(theme);
-		this.write(RB_THEME_STORAGE_KEY, theme);
-		this.apply();
-	}
-	clearPreference() {
-		this.initialized = true;
-		this.storedTheme.set(null);
-		this.remove(RB_THEME_STORAGE_KEY);
-		this.apply();
-	}
-	forceTheme(theme) {
-		this.forcedTheme.set(theme);
-		this.apply();
-	}
-	apply() {
-		const root = this.document.documentElement;
-		const theme = this.theme();
-		const explicit = this.forcedTheme() ?? this.storedTheme();
-		root.dataset["theme"] = theme;
-		if (explicit) root.style.colorScheme = explicit;
-		else root.style.removeProperty("color-scheme");
-		for (const meta of Array.from(this.document.querySelectorAll("meta[name=\"theme-color\"]"))) meta.content = RB_THEME_COLORS[theme];
-	}
-	readStoredTheme() {
-		const stored = this.read(RB_THEME_STORAGE_KEY);
-		let theme = isTheme(stored) ? stored : null;
-		for (const legacyKey of this.options.legacyStorageKeys ?? []) {
-			const legacy = this.read(legacyKey);
-			if (theme === null && isTheme(legacy)) {
-				theme = legacy;
-				this.write(RB_THEME_STORAGE_KEY, legacy);
-			}
-			if (legacy !== null) this.remove(legacyKey);
-		}
-		return theme;
-	}
-	read(key) {
-		try {
-			return this.window?.localStorage.getItem(key) ?? null;
-		} catch {
-			return null;
-		}
-	}
-	write(key, value) {
-		try {
-			this.window?.localStorage.setItem(key, value);
-		} catch {}
-	}
-	remove(key) {
-		try {
-			this.window?.localStorage.removeItem(key);
-		} catch {}
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: ThemeService,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Injectable
-	});
-	static ɵprov = i0.ɵɵngDeclareInjectable({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: ThemeService,
-		providedIn: "root"
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: ThemeService,
-	decorators: [{
-		type: Injectable,
-		args: [{ providedIn: "root" }]
-	}],
-	ctorParameters: () => []
-});
-const RB_ICON_FONT_SET = "material-symbols-outlined";
-function provideRbDesignSystem(options = {}) {
-	return makeEnvironmentProviders([{
-		provide: RB_THEME_OPTIONS,
-		useValue: options
-	}, provideAppInitializer(() => {
-		inject(ThemeService).initialize();
-		inject(MatIconRegistry).setDefaultFontSetClass(RB_ICON_FONT_SET);
-	})]);
-}
-var RbThemeToggleComponent = class RbThemeToggleComponent {
-	theme = inject(ThemeService);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbThemeToggleComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RbThemeToggleComponent,
-		isStandalone: true,
-		selector: "rb-theme-toggle",
-		ngImport: i0,
-		template: `
-    @if (!theme.isForced()) {
-      <button
-        mat-icon-button
-        type="button"
-        class="rb-theme-toggle"
-        aria-label="Dark theme"
-        matTooltip="Dark theme"
-        [attr.aria-pressed]="theme.isDark()"
-        (click)="theme.toggle()"
-      >
-        <mat-icon fontSet="material-symbols-outlined" aria-hidden="true">dark_mode</mat-icon>
-      </button>
-    }
-  `,
-		isInline: true,
-		styles: [":host{display:inline-flex}.rb-theme-toggle[aria-pressed=true]{background-color:var(--rb-color-primary-soft);color:var(--rb-color-on-primary-soft)}\n"],
-		dependencies: [
-			{
-				kind: "component",
-				type: MatIconButton,
-				selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
-				exportAs: ["matButton", "matAnchor"]
-			},
-			{
-				kind: "component",
-				type: MatIcon,
-				selector: "mat-icon",
-				inputs: [
-					"color",
-					"inline",
-					"svgIcon",
-					"fontSet",
-					"fontIcon"
-				],
-				exportAs: ["matIcon"]
-			},
-			{
-				kind: "directive",
-				type: MatTooltip,
-				selector: "[matTooltip]",
-				inputs: [
-					"matTooltipPosition",
-					"matTooltipPositionAtOrigin",
-					"matTooltipDisabled",
-					"matTooltipShowDelay",
-					"matTooltipHideDelay",
-					"matTooltipTouchGestures",
-					"matTooltip",
-					"matTooltipClass"
-				],
-				exportAs: ["matTooltip"]
-			}
-		],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbThemeToggleComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-theme-toggle",
-			imports: [
-				MatIconButton,
-				MatIcon,
-				MatTooltip
-			],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: `
-    @if (!theme.isForced()) {
-      <button
-        mat-icon-button
-        type="button"
-        class="rb-theme-toggle"
-        aria-label="Dark theme"
-        matTooltip="Dark theme"
-        [attr.aria-pressed]="theme.isDark()"
-        (click)="theme.toggle()"
-      >
-        <mat-icon fontSet="material-symbols-outlined" aria-hidden="true">dark_mode</mat-icon>
-      </button>
-    }
-  `,
-			styles: [":host{display:inline-flex}.rb-theme-toggle[aria-pressed=true]{background-color:var(--rb-color-primary-soft);color:var(--rb-color-on-primary-soft)}\n"]
-		}]
-	}]
-});
-var RbShellFooterComponent = class RbShellFooterComponent {
-	appName = input.required(...ngDevMode ? [{ debugName: "appName" }] : /* istanbul ignore next */ []);
-	year = (/* @__PURE__ */ new Date()).getFullYear();
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbShellFooterComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.1.0",
-		version: "22.2.3",
-		type: RbShellFooterComponent,
-		isStandalone: true,
-		selector: "rb-shell-footer",
-		inputs: { appName: {
-			classPropertyName: "appName",
-			publicName: "appName",
-			isSignal: true,
-			isRequired: true,
-			transformFunction: null
-		} },
-		host: { classAttribute: "rb-shell-footer" },
-		ngImport: i0,
-		template: `
-    <footer class="rb-shell-footer__inner">
-      <p class="rb-shell-footer__copy">© {{ year }} RB Labs · {{ appName() }}</p>
-      <div class="rb-shell-footer__extra"><ng-content /></div>
-    </footer>
-  `,
-		isInline: true,
-		styles: ["@charset \"UTF-8\";rb-shell-footer{display:block;border-block-start:1px solid var(--rb-color-border);color:var(--rb-color-text-subtle);font:var(--rb-type-body-small)}rb-shell-footer .rb-shell-footer__inner{display:flex;flex-wrap:wrap;gap:var(--rb-space-1) var(--rb-space-2);align-items:center;inline-size:min(100%,var(--rb-size-content-max));margin-inline:auto;padding:var(--rb-space-4) var(--rb-space-page)}rb-shell-footer .rb-shell-footer__copy{margin:0}rb-shell-footer .rb-shell-footer__extra{display:inline-flex;flex-wrap:wrap;gap:var(--rb-space-1) var(--rb-space-3);align-items:center}rb-shell-footer .rb-shell-footer__extra:before{content:\"\\b7\"/\"\"}rb-shell-footer .rb-shell-footer__extra:empty{display:none}rb-shell-footer .rb-shell-footer__extra a{color:inherit;text-decoration:underline;text-underline-offset:.2em}rb-shell-footer .rb-shell-footer__extra a:hover{color:var(--rb-color-text-strong)}\n"],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbShellFooterComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-shell-footer",
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: { class: "rb-shell-footer" },
-			template: `
-    <footer class="rb-shell-footer__inner">
-      <p class="rb-shell-footer__copy">© {{ year }} RB Labs · {{ appName() }}</p>
-      <div class="rb-shell-footer__extra"><ng-content /></div>
-    </footer>
-  `,
-			styles: ["@charset \"UTF-8\";rb-shell-footer{display:block;border-block-start:1px solid var(--rb-color-border);color:var(--rb-color-text-subtle);font:var(--rb-type-body-small)}rb-shell-footer .rb-shell-footer__inner{display:flex;flex-wrap:wrap;gap:var(--rb-space-1) var(--rb-space-2);align-items:center;inline-size:min(100%,var(--rb-size-content-max));margin-inline:auto;padding:var(--rb-space-4) var(--rb-space-page)}rb-shell-footer .rb-shell-footer__copy{margin:0}rb-shell-footer .rb-shell-footer__extra{display:inline-flex;flex-wrap:wrap;gap:var(--rb-space-1) var(--rb-space-3);align-items:center}rb-shell-footer .rb-shell-footer__extra:before{content:\"\\b7\"/\"\"}rb-shell-footer .rb-shell-footer__extra:empty{display:none}rb-shell-footer .rb-shell-footer__extra a{color:inherit;text-decoration:underline;text-underline-offset:.2em}rb-shell-footer .rb-shell-footer__extra a:hover{color:var(--rb-color-text-strong)}\n"]
-		}]
-	}],
-	propDecorators: { appName: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "appName",
-			required: true
-		}]
-	}] }
-});
-var RbAppShellComponent = class RbAppShellComponent {
-	appName = input.required(...ngDevMode ? [{ debugName: "appName" }] : /* istanbul ignore next */ []);
-	homeLink = input("/", ...ngDevMode ? [{ debugName: "homeLink" }] : /* istanbul ignore next */ []);
-	navigation = input("none", ...ngDevMode ? [{ debugName: "navigation" }] : /* istanbul ignore next */ []);
-	hasSidenav = computed(() => this.navigation() === "sidenav", ...ngDevMode ? [{ debugName: "hasSidenav" }] : /* istanbul ignore next */ []);
-	breakpointObserver = inject(BreakpointObserver);
-	isDrawer = signal(this.breakpointObserver.isMatched(RB_BREAKPOINTS.belowLg), ...ngDevMode ? [{ debugName: "isDrawer" }] : /* istanbul ignore next */ []);
-	drawerOpen = signal(false, ...ngDevMode ? [{ debugName: "drawerOpen" }] : /* istanbul ignore next */ []);
-	main = viewChild.required("main", ...ngDevMode ? [{ debugName: "main" }] : /* istanbul ignore next */ []);
-	constructor() {
-		const destroyRef = inject(DestroyRef);
-		this.breakpointObserver.observe(RB_BREAKPOINTS.belowLg).pipe(takeUntilDestroyed(destroyRef)).subscribe(({ matches }) => {
-			this.isDrawer.set(matches);
-			if (!matches) this.drawerOpen.set(false);
-		});
-		inject(Router).events.pipe(filter((event) => event instanceof NavigationEnd), takeUntilDestroyed(destroyRef)).subscribe(() => this.drawerOpen.set(false));
-	}
-	toggleDrawer() {
-		this.drawerOpen.update((open) => !open);
-	}
-	skipToMain(event) {
-		event.preventDefault();
-		this.main().nativeElement.focus();
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbAppShellComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RbAppShellComponent,
-		isStandalone: true,
-		selector: "rb-app-shell",
-		inputs: {
-			appName: {
-				classPropertyName: "appName",
-				publicName: "appName",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			},
-			homeLink: {
-				classPropertyName: "homeLink",
-				publicName: "homeLink",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			navigation: {
-				classPropertyName: "navigation",
-				publicName: "navigation",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		host: {
-			properties: {
-				"attr.data-navigation": "navigation()",
-				"attr.data-drawer": "isDrawer() ? \"\" : null"
-			},
-			classAttribute: "rb-app-shell"
-		},
-		viewQueries: [{
-			propertyName: "main",
-			first: true,
-			predicate: ["main"],
-			descendants: true,
-			isSignal: true
-		}],
-		ngImport: i0,
-		template: `
-    <a class="rb-skip-link" href="#main-content" (click)="skipToMain($event)"
-      >Skip to main content</a
-    >
-
-    <header class="rb-app-shell__topbar">
-      @if (hasSidenav() && isDrawer()) {
-        <button
-          matIconButton
-          type="button"
-          class="rb-app-shell__menu"
-          aria-label="Navigation"
-          matTooltip="Navigation"
-          aria-controls="rb-app-shell-sidenav"
-          [attr.aria-expanded]="drawerOpen()"
-          (click)="toggleDrawer()"
-        >
-          <mat-icon fontSet="material-symbols-outlined" aria-hidden="true">menu</mat-icon>
-        </button>
-      }
-      <rb-brand-lockup [appName]="appName()" [link]="homeLink()" compact="below-sm" />
-      <div class="rb-app-shell__title"><ng-content select="[rbShellTitle]" /></div>
-      <div class="rb-app-shell__actions">
-        <ng-content select="[rbShellActions]" />
-        <rb-theme-toggle />
-      </div>
-    </header>
-
-    @if (hasSidenav()) {
-      <mat-sidenav-container class="rb-app-shell__container">
-        <mat-sidenav
-          id="rb-app-shell-sidenav"
-          class="rb-app-shell__sidenav"
-          [mode]="isDrawer() ? 'over' : 'side'"
-          [opened]="!isDrawer() || drawerOpen()"
-          (closedStart)="drawerOpen.set(false)"
-        >
-          <ng-content select="[rbShellSidenav]" />
-        </mat-sidenav>
-        <mat-sidenav-content class="rb-app-shell__scroller">
-          <ng-container [ngTemplateOutlet]="body" />
-        </mat-sidenav-content>
-      </mat-sidenav-container>
-    } @else {
-      <ng-container [ngTemplateOutlet]="body" />
-    }
-
-    <ng-template #body>
-      <div class="rb-app-shell__body">
-        @if (navigation() === 'modules') {
-          <div class="rb-app-shell__module-nav"><ng-content select="[rbShellModuleNav]" /></div>
-        }
-        <main #main class="rb-app-shell__main" id="main-content" tabindex="-1">
-          <ng-content />
-        </main>
-      </div>
-      <rb-shell-footer [appName]="appName()"
-        ><ng-content select="[rbShellFooter]"
-      /></rb-shell-footer>
-    </ng-template>
-  `,
-		isInline: true,
-		styles: ["html:has(rb-app-shell:not([data-navigation=sidenav])){scroll-padding-block-start:calc(var(--rb-size-shell-topbar) + var(--rb-space-4))}rb-app-shell{display:flex;flex-direction:column;min-block-size:100dvh}rb-app-shell[data-navigation=sidenav]{block-size:100dvh}rb-app-shell .rb-app-shell__topbar{position:sticky;inset-block-start:0;z-index:var(--rb-z-sticky);display:flex;flex:none;gap:var(--rb-space-3);align-items:center;block-size:var(--rb-size-shell-topbar);padding-inline:var(--rb-space-page);border-block-end:1px solid var(--rb-color-border);background-color:var(--rb-color-glass);box-shadow:var(--rb-elevation-1);-webkit-backdrop-filter:blur(var(--rb-space-4));backdrop-filter:blur(var(--rb-space-4))}rb-app-shell .rb-app-shell__menu{flex:none;margin-inline-start:calc(-1 * var(--rb-space-2))}rb-app-shell .rb-app-shell__title{display:flex;flex:1 1 auto;min-width:0;align-items:center;padding-inline-start:var(--rb-space-3);border-inline-start:1px solid var(--rb-color-border);overflow:hidden;color:var(--rb-color-text-muted);font:var(--rb-type-label-large);text-overflow:ellipsis;white-space:nowrap}@media(width<40rem){rb-app-shell .rb-app-shell__title{visibility:hidden;border-inline-start:0}}rb-app-shell .rb-app-shell__title:empty{border-inline-start:0}rb-app-shell .rb-app-shell__actions{display:flex;flex:none;gap:var(--rb-space-2);align-items:center}rb-app-shell .rb-app-shell__container{flex:1 1 auto;min-block-size:0;background-color:transparent}rb-app-shell .rb-app-shell__sidenav{inline-size:var(--rb-size-shell-nav);border-inline-end:1px solid var(--rb-color-border);border-radius:0;background-color:var(--rb-color-surface-nav);color:var(--rb-color-text)}rb-app-shell[data-drawer] .rb-app-shell__sidenav{box-shadow:var(--rb-elevation-3)}rb-app-shell .rb-app-shell__scroller{display:flex;flex-direction:column}rb-app-shell [rbShellSidenav]{display:grid;gap:var(--rb-space-1);align-content:start;padding:var(--rb-space-4) var(--rb-space-3)}rb-app-shell .rb-app-shell__body{display:grid;flex:1 0 auto;gap:var(--rb-space-6);align-content:start;inline-size:min(100%,var(--rb-size-content-max));margin-inline:auto;padding:var(--rb-space-page)}rb-app-shell[data-navigation=modules] .rb-app-shell__body{grid-template-columns:var(--rb-size-shell-module-nav) minmax(0,1fr);align-items:start}@media(width<60rem){rb-app-shell[data-navigation=modules] .rb-app-shell__body{grid-template-columns:minmax(0,1fr);gap:var(--rb-space-4)}}rb-app-shell .rb-app-shell__module-nav{position:sticky;inset-block-start:calc(var(--rb-size-shell-topbar) + var(--rb-space-page));min-width:0}@media(width<60rem){rb-app-shell .rb-app-shell__module-nav{position:static}}rb-app-shell [rbShellModuleNav]{display:flex;flex-direction:column;gap:var(--rb-space-1);padding:var(--rb-space-2);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-lg);background-color:var(--rb-color-surface);box-shadow:var(--rb-elevation-1)}@media(width<60rem){rb-app-shell [rbShellModuleNav]{flex-flow:row wrap}}@media(width<40rem){rb-app-shell [rbShellModuleNav]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:var(--rb-space-1)}}rb-app-shell .rb-app-shell__main{min-width:0}rb-app-shell .rb-app-shell__main:focus{outline:none}rb-app-shell rb-shell-footer{flex:none}rb-app-shell .rb-shell-nav-heading{margin:var(--rb-space-4) 0 var(--rb-space-1);padding-inline:var(--rb-space-3);color:var(--rb-color-text-subtle);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-app-shell .rb-shell-nav-heading:first-child{margin-block-start:0}rb-app-shell .rb-shell-nav-link{display:flex;gap:var(--rb-space-3);align-items:center;min-block-size:var(--rb-size-control-height);padding:var(--rb-space-2) var(--rb-space-3);border-radius:var(--rb-radius-sm);color:var(--rb-color-text-muted);font:var(--rb-type-label-large);text-decoration:none;transition:background-color var(--rb-motion-duration-fast) var(--rb-motion-easing-standard),color var(--rb-motion-duration-fast) var(--rb-motion-easing-standard)}@media(pointer:coarse){rb-app-shell .rb-shell-nav-link{min-block-size:var(--rb-size-touch-target)}}rb-app-shell .rb-shell-nav-link mat-icon{flex:none;inline-size:var(--rb-size-icon-md);block-size:var(--rb-size-icon-md);font-size:var(--rb-size-icon-md)}rb-app-shell .rb-shell-nav-link:hover{background-color:var(--rb-color-overlay-hover);color:var(--rb-color-text-strong)}rb-app-shell .rb-shell-nav-link[aria-current=page]{background-color:var(--rb-color-primary-soft);color:var(--rb-color-on-primary-soft)}@media(width<40rem){rb-app-shell [rbShellModuleNav] .rb-shell-nav-link{flex-direction:column;gap:var(--rb-space-1);justify-content:center;min-block-size:var(--rb-space-12);padding-inline:var(--rb-space-1);font:var(--rb-type-label-medium);text-align:center;overflow-wrap:anywhere}}\n"],
-		dependencies: [
-			{
-				kind: "component",
-				type: MatIcon,
-				selector: "mat-icon",
-				inputs: [
-					"color",
-					"inline",
-					"svgIcon",
-					"fontSet",
-					"fontIcon"
-				],
-				exportAs: ["matIcon"]
-			},
-			{
-				kind: "component",
-				type: MatIconButton,
-				selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
-				exportAs: ["matButton", "matAnchor"]
-			},
-			{
-				kind: "component",
-				type: MatSidenav,
-				selector: "mat-sidenav",
-				inputs: [
-					"fixedInViewport",
-					"fixedTopGap",
-					"fixedBottomGap"
-				],
-				exportAs: ["matSidenav"]
-			},
-			{
-				kind: "component",
-				type: MatSidenavContainer,
-				selector: "mat-sidenav-container",
-				exportAs: ["matSidenavContainer"]
-			},
-			{
-				kind: "component",
-				type: MatSidenavContent,
-				selector: "mat-sidenav-content"
-			},
-			{
-				kind: "directive",
-				type: MatTooltip,
-				selector: "[matTooltip]",
-				inputs: [
-					"matTooltipPosition",
-					"matTooltipPositionAtOrigin",
-					"matTooltipDisabled",
-					"matTooltipShowDelay",
-					"matTooltipHideDelay",
-					"matTooltipTouchGestures",
-					"matTooltip",
-					"matTooltipClass"
-				],
-				exportAs: ["matTooltip"]
-			},
-			{
-				kind: "directive",
-				type: NgTemplateOutlet,
-				selector: "[ngTemplateOutlet]",
-				inputs: [
-					"ngTemplateOutletContext",
-					"ngTemplateOutlet",
-					"ngTemplateOutletInjector"
-				]
-			},
-			{
-				kind: "component",
-				type: RbBrandLockupComponent,
-				selector: "rb-brand-lockup",
-				inputs: [
-					"appName",
-					"link",
-					"compact"
-				]
-			},
-			{
-				kind: "component",
-				type: RbShellFooterComponent,
-				selector: "rb-shell-footer",
-				inputs: ["appName"]
-			},
-			{
-				kind: "component",
-				type: RbThemeToggleComponent,
-				selector: "rb-theme-toggle"
-			}
-		],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbAppShellComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-app-shell",
-			imports: [
-				MatIcon,
-				MatIconButton,
-				MatSidenav,
-				MatSidenavContainer,
-				MatSidenavContent,
-				MatTooltip,
-				NgTemplateOutlet,
-				RbBrandLockupComponent,
-				RbShellFooterComponent,
-				RbThemeToggleComponent
-			],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: {
-				class: "rb-app-shell",
-				"[attr.data-navigation]": "navigation()",
-				"[attr.data-drawer]": "isDrawer() ? \"\" : null"
-			},
-			template: `
-    <a class="rb-skip-link" href="#main-content" (click)="skipToMain($event)"
-      >Skip to main content</a
-    >
-
-    <header class="rb-app-shell__topbar">
-      @if (hasSidenav() && isDrawer()) {
-        <button
-          matIconButton
-          type="button"
-          class="rb-app-shell__menu"
-          aria-label="Navigation"
-          matTooltip="Navigation"
-          aria-controls="rb-app-shell-sidenav"
-          [attr.aria-expanded]="drawerOpen()"
-          (click)="toggleDrawer()"
-        >
-          <mat-icon fontSet="material-symbols-outlined" aria-hidden="true">menu</mat-icon>
-        </button>
-      }
-      <rb-brand-lockup [appName]="appName()" [link]="homeLink()" compact="below-sm" />
-      <div class="rb-app-shell__title"><ng-content select="[rbShellTitle]" /></div>
-      <div class="rb-app-shell__actions">
-        <ng-content select="[rbShellActions]" />
-        <rb-theme-toggle />
-      </div>
-    </header>
-
-    @if (hasSidenav()) {
-      <mat-sidenav-container class="rb-app-shell__container">
-        <mat-sidenav
-          id="rb-app-shell-sidenav"
-          class="rb-app-shell__sidenav"
-          [mode]="isDrawer() ? 'over' : 'side'"
-          [opened]="!isDrawer() || drawerOpen()"
-          (closedStart)="drawerOpen.set(false)"
-        >
-          <ng-content select="[rbShellSidenav]" />
-        </mat-sidenav>
-        <mat-sidenav-content class="rb-app-shell__scroller">
-          <ng-container [ngTemplateOutlet]="body" />
-        </mat-sidenav-content>
-      </mat-sidenav-container>
-    } @else {
-      <ng-container [ngTemplateOutlet]="body" />
-    }
-
-    <ng-template #body>
-      <div class="rb-app-shell__body">
-        @if (navigation() === 'modules') {
-          <div class="rb-app-shell__module-nav"><ng-content select="[rbShellModuleNav]" /></div>
-        }
-        <main #main class="rb-app-shell__main" id="main-content" tabindex="-1">
-          <ng-content />
-        </main>
-      </div>
-      <rb-shell-footer [appName]="appName()"
-        ><ng-content select="[rbShellFooter]"
-      /></rb-shell-footer>
-    </ng-template>
-  `,
-			styles: ["html:has(rb-app-shell:not([data-navigation=sidenav])){scroll-padding-block-start:calc(var(--rb-size-shell-topbar) + var(--rb-space-4))}rb-app-shell{display:flex;flex-direction:column;min-block-size:100dvh}rb-app-shell[data-navigation=sidenav]{block-size:100dvh}rb-app-shell .rb-app-shell__topbar{position:sticky;inset-block-start:0;z-index:var(--rb-z-sticky);display:flex;flex:none;gap:var(--rb-space-3);align-items:center;block-size:var(--rb-size-shell-topbar);padding-inline:var(--rb-space-page);border-block-end:1px solid var(--rb-color-border);background-color:var(--rb-color-glass);box-shadow:var(--rb-elevation-1);-webkit-backdrop-filter:blur(var(--rb-space-4));backdrop-filter:blur(var(--rb-space-4))}rb-app-shell .rb-app-shell__menu{flex:none;margin-inline-start:calc(-1 * var(--rb-space-2))}rb-app-shell .rb-app-shell__title{display:flex;flex:1 1 auto;min-width:0;align-items:center;padding-inline-start:var(--rb-space-3);border-inline-start:1px solid var(--rb-color-border);overflow:hidden;color:var(--rb-color-text-muted);font:var(--rb-type-label-large);text-overflow:ellipsis;white-space:nowrap}@media(width<40rem){rb-app-shell .rb-app-shell__title{visibility:hidden;border-inline-start:0}}rb-app-shell .rb-app-shell__title:empty{border-inline-start:0}rb-app-shell .rb-app-shell__actions{display:flex;flex:none;gap:var(--rb-space-2);align-items:center}rb-app-shell .rb-app-shell__container{flex:1 1 auto;min-block-size:0;background-color:transparent}rb-app-shell .rb-app-shell__sidenav{inline-size:var(--rb-size-shell-nav);border-inline-end:1px solid var(--rb-color-border);border-radius:0;background-color:var(--rb-color-surface-nav);color:var(--rb-color-text)}rb-app-shell[data-drawer] .rb-app-shell__sidenav{box-shadow:var(--rb-elevation-3)}rb-app-shell .rb-app-shell__scroller{display:flex;flex-direction:column}rb-app-shell [rbShellSidenav]{display:grid;gap:var(--rb-space-1);align-content:start;padding:var(--rb-space-4) var(--rb-space-3)}rb-app-shell .rb-app-shell__body{display:grid;flex:1 0 auto;gap:var(--rb-space-6);align-content:start;inline-size:min(100%,var(--rb-size-content-max));margin-inline:auto;padding:var(--rb-space-page)}rb-app-shell[data-navigation=modules] .rb-app-shell__body{grid-template-columns:var(--rb-size-shell-module-nav) minmax(0,1fr);align-items:start}@media(width<60rem){rb-app-shell[data-navigation=modules] .rb-app-shell__body{grid-template-columns:minmax(0,1fr);gap:var(--rb-space-4)}}rb-app-shell .rb-app-shell__module-nav{position:sticky;inset-block-start:calc(var(--rb-size-shell-topbar) + var(--rb-space-page));min-width:0}@media(width<60rem){rb-app-shell .rb-app-shell__module-nav{position:static}}rb-app-shell [rbShellModuleNav]{display:flex;flex-direction:column;gap:var(--rb-space-1);padding:var(--rb-space-2);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-lg);background-color:var(--rb-color-surface);box-shadow:var(--rb-elevation-1)}@media(width<60rem){rb-app-shell [rbShellModuleNav]{flex-flow:row wrap}}@media(width<40rem){rb-app-shell [rbShellModuleNav]{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:var(--rb-space-1)}}rb-app-shell .rb-app-shell__main{min-width:0}rb-app-shell .rb-app-shell__main:focus{outline:none}rb-app-shell rb-shell-footer{flex:none}rb-app-shell .rb-shell-nav-heading{margin:var(--rb-space-4) 0 var(--rb-space-1);padding-inline:var(--rb-space-3);color:var(--rb-color-text-subtle);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-app-shell .rb-shell-nav-heading:first-child{margin-block-start:0}rb-app-shell .rb-shell-nav-link{display:flex;gap:var(--rb-space-3);align-items:center;min-block-size:var(--rb-size-control-height);padding:var(--rb-space-2) var(--rb-space-3);border-radius:var(--rb-radius-sm);color:var(--rb-color-text-muted);font:var(--rb-type-label-large);text-decoration:none;transition:background-color var(--rb-motion-duration-fast) var(--rb-motion-easing-standard),color var(--rb-motion-duration-fast) var(--rb-motion-easing-standard)}@media(pointer:coarse){rb-app-shell .rb-shell-nav-link{min-block-size:var(--rb-size-touch-target)}}rb-app-shell .rb-shell-nav-link mat-icon{flex:none;inline-size:var(--rb-size-icon-md);block-size:var(--rb-size-icon-md);font-size:var(--rb-size-icon-md)}rb-app-shell .rb-shell-nav-link:hover{background-color:var(--rb-color-overlay-hover);color:var(--rb-color-text-strong)}rb-app-shell .rb-shell-nav-link[aria-current=page]{background-color:var(--rb-color-primary-soft);color:var(--rb-color-on-primary-soft)}@media(width<40rem){rb-app-shell [rbShellModuleNav] .rb-shell-nav-link{flex-direction:column;gap:var(--rb-space-1);justify-content:center;min-block-size:var(--rb-space-12);padding-inline:var(--rb-space-1);font:var(--rb-type-label-medium);text-align:center;overflow-wrap:anywhere}}\n"]
-		}]
-	}],
-	ctorParameters: () => [],
-	propDecorators: {
-		appName: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "appName",
-				required: true
-			}]
-		}],
-		homeLink: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "homeLink",
-				required: false
-			}]
-		}],
-		navigation: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "navigation",
-				required: false
-			}]
-		}],
-		main: [{
-			type: i0.ViewChild,
-			args: ["main", { isSignal: true }]
-		}]
-	}
-});
-let nextId = 0;
-var RbCentralSignInComponent = class RbCentralSignInComponent {
-	appName = input.required(...ngDevMode ? [{ debugName: "appName" }] : /* istanbul ignore next */ []);
-	title = input("", ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
-	eyebrow = input("", ...ngDevMode ? [{ debugName: "eyebrow" }] : /* istanbul ignore next */ []);
-	description = input("", ...ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []);
-	icon = input("login", ...ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []);
-	authHost = input("auth.rblabs.dev", ...ngDevMode ? [{ debugName: "authHost" }] : /* istanbul ignore next */ []);
-	note = input("", ...ngDevMode ? [{ debugName: "note" }] : /* istanbul ignore next */ []);
-	error = input(null, ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
-	backLink = input("/", ...ngDevMode ? [{ debugName: "backLink" }] : /* istanbul ignore next */ []);
-	signIn = output();
-	titleId = `rb-central-sign-in-title-${nextId++}`;
-	resolvedTitle = computed(() => this.title() || `Sign in to RB Labs ${this.appName()}`, ...ngDevMode ? [{ debugName: "resolvedTitle" }] : /* istanbul ignore next */ []);
-	resolvedDescription = computed(() => this.description() || `You will be taken to RB Labs Auth to sign in, then returned to ${this.appName()}.`, ...ngDevMode ? [{ debugName: "resolvedDescription" }] : /* istanbul ignore next */ []);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbCentralSignInComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: RbCentralSignInComponent,
-		isStandalone: true,
-		selector: "rb-central-sign-in",
-		inputs: {
-			appName: {
-				classPropertyName: "appName",
-				publicName: "appName",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			},
-			title: {
-				classPropertyName: "title",
-				publicName: "title",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			eyebrow: {
-				classPropertyName: "eyebrow",
-				publicName: "eyebrow",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			description: {
-				classPropertyName: "description",
-				publicName: "description",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			icon: {
-				classPropertyName: "icon",
-				publicName: "icon",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			authHost: {
-				classPropertyName: "authHost",
-				publicName: "authHost",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			note: {
-				classPropertyName: "note",
-				publicName: "note",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			error: {
-				classPropertyName: "error",
-				publicName: "error",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			backLink: {
-				classPropertyName: "backLink",
-				publicName: "backLink",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		outputs: { signIn: "signIn" },
-		host: {
-			properties: { "attr.title": "null" },
-			classAttribute: "rb-central-sign-in"
-		},
-		ngImport: i0,
-		template: `
-    <section class="rb-central-sign-in__card" [attr.aria-labelledby]="titleId">
-      <div class="rb-central-sign-in__intro">
-        <span class="rb-central-sign-in__icon" aria-hidden="true">
-          <mat-icon fontSet="material-symbols-outlined">{{ icon() }}</mat-icon>
-        </span>
-        @if (eyebrow()) {
-          <p class="rb-central-sign-in__eyebrow">{{ eyebrow() }}</p>
-        }
-        <h1 class="rb-central-sign-in__title" [id]="titleId">{{ resolvedTitle() }}</h1>
-        <p class="rb-central-sign-in__description">{{ resolvedDescription() }}</p>
-      </div>
-
-      <div class="rb-central-sign-in__provider">
-        <rb-monogram class="rb-central-sign-in__mark" />
-        <span class="rb-central-sign-in__provider-name">
-          <strong>RB Labs Auth</strong>
-          <code>{{ authHost() }}</code>
-        </span>
-      </div>
-
-      @if (error()) {
-        <rb-message tone="danger">
-          <p>{{ error() }}</p>
-        </rb-message>
-      }
-
-      <div class="rb-central-sign-in__actions">
-        <button
-          class="rb-central-sign-in__continue"
-          matButton="filled"
-          type="button"
-          (click)="signIn.emit()"
-        >
-          Continue to RB Labs Auth
-          <mat-icon fontSet="material-symbols-outlined" aria-hidden="true" iconPositionEnd
-            >arrow_forward</mat-icon
-          >
-        </button>
-        <a class="rb-central-sign-in__back" matButton="outlined" [routerLink]="backLink()"
-          >Back to home</a
-        >
-      </div>
-
-      @if (note()) {
-        <p class="rb-central-sign-in__note">{{ note() }}</p>
-      }
-    </section>
-  `,
-		isInline: true,
-		styles: ["rb-central-sign-in{display:block;inline-size:min(100%,var(--rb-size-card))}rb-central-sign-in .rb-central-sign-in__card{display:grid;gap:var(--rb-space-6);padding:var(--rb-space-8);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-lg);background-color:var(--rb-color-surface-raised);color:var(--rb-color-text);box-shadow:var(--rb-elevation-2)}@media(width<40rem){rb-central-sign-in .rb-central-sign-in__card{gap:var(--rb-space-5);padding:var(--rb-space-6) var(--rb-space-5)}}rb-central-sign-in .rb-central-sign-in__intro{display:grid;gap:var(--rb-space-2);min-width:0}rb-central-sign-in .rb-central-sign-in__icon{display:grid;place-items:center;inline-size:var(--rb-space-12);block-size:var(--rb-space-12);margin-block-end:var(--rb-space-2);border-radius:var(--rb-radius-md);background-color:var(--rb-color-primary-soft);color:var(--rb-color-on-primary-soft)}rb-central-sign-in .rb-central-sign-in__icon mat-icon{inline-size:var(--rb-size-icon-lg);block-size:var(--rb-size-icon-lg);font-size:var(--rb-size-icon-lg)}rb-central-sign-in .rb-central-sign-in__eyebrow{margin:0;color:var(--rb-color-primary);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-central-sign-in .rb-central-sign-in__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-headline-small);letter-spacing:var(--rb-type-headline-small-tracking);overflow-wrap:anywhere}rb-central-sign-in .rb-central-sign-in__description{margin:0;color:var(--rb-color-text-muted);font:var(--rb-type-body-medium)}rb-central-sign-in .rb-central-sign-in__provider{display:flex;gap:var(--rb-space-3);align-items:center;padding:var(--rb-space-3) var(--rb-space-4);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-md);background-color:var(--rb-color-surface-sunken)}rb-central-sign-in .rb-central-sign-in__mark{flex:none;inline-size:var(--rb-size-monogram-sm)}rb-central-sign-in .rb-central-sign-in__provider-name{display:grid;min-width:0}rb-central-sign-in .rb-central-sign-in__provider-name strong{color:var(--rb-color-text-strong);font:var(--rb-type-title-small);letter-spacing:var(--rb-type-title-small-tracking)}rb-central-sign-in .rb-central-sign-in__provider-name code{color:var(--rb-color-text-muted);font:var(--rb-type-body-small);font-family:var(--rb-font-mono);overflow-wrap:anywhere}rb-central-sign-in .rb-central-sign-in__actions{display:grid;gap:var(--rb-space-3)}rb-central-sign-in .rb-central-sign-in__note{margin:0;padding-block-start:var(--rb-space-4);border-block-start:1px solid var(--rb-color-border);color:var(--rb-color-text-muted);font:var(--rb-type-body-small)}\n"],
-		dependencies: [
-			{
-				kind: "component",
-				type: MatButton,
-				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
-				inputs: ["matButton"],
-				exportAs: ["matButton", "matAnchor"]
-			},
-			{
-				kind: "component",
-				type: MatIcon,
-				selector: "mat-icon",
-				inputs: [
-					"color",
-					"inline",
-					"svgIcon",
-					"fontSet",
-					"fontIcon"
-				],
-				exportAs: ["matIcon"]
-			},
-			{
-				kind: "component",
-				type: RbMessageComponent,
-				selector: "rb-message",
-				inputs: [
-					"tone",
-					"title",
-					"icon",
-					"live"
-				]
-			},
-			{
-				kind: "component",
-				type: RbMonogramComponent,
-				selector: "rb-monogram"
-			},
-			{
-				kind: "directive",
-				type: RouterLink,
-				selector: "[routerLink]",
-				inputs: [
-					"target",
-					"queryParams",
-					"fragment",
-					"queryParamsHandling",
-					"state",
-					"info",
-					"relativeTo",
-					"preserveFragment",
-					"skipLocationChange",
-					"replaceUrl",
-					"browserUrl",
-					"routerLink"
-				]
-			}
-		],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbCentralSignInComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-central-sign-in",
-			imports: [
-				MatButton,
-				MatIcon,
-				RbMessageComponent,
-				RbMonogramComponent,
-				RouterLink
-			],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: {
-				class: "rb-central-sign-in",
-				"[attr.title]": "null"
-			},
-			template: `
-    <section class="rb-central-sign-in__card" [attr.aria-labelledby]="titleId">
-      <div class="rb-central-sign-in__intro">
-        <span class="rb-central-sign-in__icon" aria-hidden="true">
-          <mat-icon fontSet="material-symbols-outlined">{{ icon() }}</mat-icon>
-        </span>
-        @if (eyebrow()) {
-          <p class="rb-central-sign-in__eyebrow">{{ eyebrow() }}</p>
-        }
-        <h1 class="rb-central-sign-in__title" [id]="titleId">{{ resolvedTitle() }}</h1>
-        <p class="rb-central-sign-in__description">{{ resolvedDescription() }}</p>
-      </div>
-
-      <div class="rb-central-sign-in__provider">
-        <rb-monogram class="rb-central-sign-in__mark" />
-        <span class="rb-central-sign-in__provider-name">
-          <strong>RB Labs Auth</strong>
-          <code>{{ authHost() }}</code>
-        </span>
-      </div>
-
-      @if (error()) {
-        <rb-message tone="danger">
-          <p>{{ error() }}</p>
-        </rb-message>
-      }
-
-      <div class="rb-central-sign-in__actions">
-        <button
-          class="rb-central-sign-in__continue"
-          matButton="filled"
-          type="button"
-          (click)="signIn.emit()"
-        >
-          Continue to RB Labs Auth
-          <mat-icon fontSet="material-symbols-outlined" aria-hidden="true" iconPositionEnd
-            >arrow_forward</mat-icon
-          >
-        </button>
-        <a class="rb-central-sign-in__back" matButton="outlined" [routerLink]="backLink()"
-          >Back to home</a
-        >
-      </div>
-
-      @if (note()) {
-        <p class="rb-central-sign-in__note">{{ note() }}</p>
-      }
-    </section>
-  `,
-			styles: ["rb-central-sign-in{display:block;inline-size:min(100%,var(--rb-size-card))}rb-central-sign-in .rb-central-sign-in__card{display:grid;gap:var(--rb-space-6);padding:var(--rb-space-8);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-lg);background-color:var(--rb-color-surface-raised);color:var(--rb-color-text);box-shadow:var(--rb-elevation-2)}@media(width<40rem){rb-central-sign-in .rb-central-sign-in__card{gap:var(--rb-space-5);padding:var(--rb-space-6) var(--rb-space-5)}}rb-central-sign-in .rb-central-sign-in__intro{display:grid;gap:var(--rb-space-2);min-width:0}rb-central-sign-in .rb-central-sign-in__icon{display:grid;place-items:center;inline-size:var(--rb-space-12);block-size:var(--rb-space-12);margin-block-end:var(--rb-space-2);border-radius:var(--rb-radius-md);background-color:var(--rb-color-primary-soft);color:var(--rb-color-on-primary-soft)}rb-central-sign-in .rb-central-sign-in__icon mat-icon{inline-size:var(--rb-size-icon-lg);block-size:var(--rb-size-icon-lg);font-size:var(--rb-size-icon-lg)}rb-central-sign-in .rb-central-sign-in__eyebrow{margin:0;color:var(--rb-color-primary);font:var(--rb-type-label-small);letter-spacing:var(--rb-type-label-small-tracking);text-transform:uppercase}rb-central-sign-in .rb-central-sign-in__title{margin:0;color:var(--rb-color-text-strong);font:var(--rb-type-headline-small);letter-spacing:var(--rb-type-headline-small-tracking);overflow-wrap:anywhere}rb-central-sign-in .rb-central-sign-in__description{margin:0;color:var(--rb-color-text-muted);font:var(--rb-type-body-medium)}rb-central-sign-in .rb-central-sign-in__provider{display:flex;gap:var(--rb-space-3);align-items:center;padding:var(--rb-space-3) var(--rb-space-4);border:1px solid var(--rb-color-border);border-radius:var(--rb-radius-md);background-color:var(--rb-color-surface-sunken)}rb-central-sign-in .rb-central-sign-in__mark{flex:none;inline-size:var(--rb-size-monogram-sm)}rb-central-sign-in .rb-central-sign-in__provider-name{display:grid;min-width:0}rb-central-sign-in .rb-central-sign-in__provider-name strong{color:var(--rb-color-text-strong);font:var(--rb-type-title-small);letter-spacing:var(--rb-type-title-small-tracking)}rb-central-sign-in .rb-central-sign-in__provider-name code{color:var(--rb-color-text-muted);font:var(--rb-type-body-small);font-family:var(--rb-font-mono);overflow-wrap:anywhere}rb-central-sign-in .rb-central-sign-in__actions{display:grid;gap:var(--rb-space-3)}rb-central-sign-in .rb-central-sign-in__note{margin:0;padding-block-start:var(--rb-space-4);border-block-start:1px solid var(--rb-color-border);color:var(--rb-color-text-muted);font:var(--rb-type-body-small)}\n"]
-		}]
-	}],
-	propDecorators: {
-		appName: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "appName",
-				required: true
-			}]
-		}],
-		title: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "title",
-				required: false
-			}]
-		}],
-		eyebrow: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "eyebrow",
-				required: false
-			}]
-		}],
-		description: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "description",
-				required: false
-			}]
-		}],
-		icon: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "icon",
-				required: false
-			}]
-		}],
-		authHost: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "authHost",
-				required: false
-			}]
-		}],
-		note: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "note",
-				required: false
-			}]
-		}],
-		error: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "error",
-				required: false
-			}]
-		}],
-		backLink: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "backLink",
-				required: false
-			}]
-		}],
-		signIn: [{
-			type: i0.Output,
-			args: ["signIn"]
-		}]
-	}
-});
-var RbPublicShellComponent = class RbPublicShellComponent {
-	appName = input.required(...ngDevMode ? [{ debugName: "appName" }] : /* istanbul ignore next */ []);
-	homeLink = input("/", ...ngDevMode ? [{ debugName: "homeLink" }] : /* istanbul ignore next */ []);
-	main = viewChild.required("main", ...ngDevMode ? [{ debugName: "main" }] : /* istanbul ignore next */ []);
-	skipToMain(event) {
-		event.preventDefault();
-		this.main().nativeElement.focus();
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: RbPublicShellComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.2.0",
-		version: "22.2.3",
-		type: RbPublicShellComponent,
-		isStandalone: true,
-		selector: "rb-public-shell",
-		inputs: {
-			appName: {
-				classPropertyName: "appName",
-				publicName: "appName",
-				isSignal: true,
-				isRequired: true,
-				transformFunction: null
-			},
-			homeLink: {
-				classPropertyName: "homeLink",
-				publicName: "homeLink",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		host: { classAttribute: "rb-public-shell" },
-		viewQueries: [{
-			propertyName: "main",
-			first: true,
-			predicate: ["main"],
-			descendants: true,
-			isSignal: true
-		}],
-		ngImport: i0,
-		template: `
-    <a class="rb-skip-link" href="#main-content" (click)="skipToMain($event)"
-      >Skip to main content</a
-    >
-
-    <header class="rb-public-shell__header">
-      <rb-brand-lockup [appName]="appName()" [link]="homeLink()" />
-      <div class="rb-public-shell__actions">
-        <ng-content select="[rbShellActions]" />
-        <rb-theme-toggle />
-      </div>
-    </header>
-
-    <main #main class="rb-public-shell__main" id="main-content" tabindex="-1">
-      <ng-content />
-    </main>
-
-    <rb-shell-footer [appName]="appName()"><ng-content select="[rbShellFooter]" /></rb-shell-footer>
-  `,
-		isInline: true,
-		styles: ["rb-public-shell{display:flex;flex-direction:column;min-block-size:100dvh;background:radial-gradient(circle at 12% 18%,var(--rb-color-primary-soft),transparent 26rem),radial-gradient(circle at 88% 82%,var(--rb-color-primary-soft),transparent 30rem),var(--rb-color-bg)}rb-public-shell .rb-public-shell__header{display:flex;flex:none;gap:var(--rb-space-4);align-items:center;justify-content:space-between;inline-size:min(100%,var(--rb-size-content-max));min-block-size:var(--rb-size-shell-topbar);margin-inline:auto;padding-inline:var(--rb-space-page)}rb-public-shell .rb-public-shell__actions{display:flex;gap:var(--rb-space-2);align-items:center}rb-public-shell .rb-public-shell__main{display:grid;flex:1 0 auto;align-content:center;justify-items:center;inline-size:min(100%,var(--rb-size-content-max));margin-inline:auto;padding:var(--rb-space-8) var(--rb-space-page)}rb-public-shell .rb-public-shell__main:focus{outline:none}@media(width<40rem){rb-public-shell .rb-public-shell__main{align-content:start;padding-block:var(--rb-space-4) var(--rb-space-8)}}rb-public-shell rb-shell-footer{flex:none;border-block-start-color:transparent}\n"],
-		dependencies: [
-			{
-				kind: "component",
-				type: RbBrandLockupComponent,
-				selector: "rb-brand-lockup",
-				inputs: [
-					"appName",
-					"link",
-					"compact"
-				]
-			},
-			{
-				kind: "component",
-				type: RbShellFooterComponent,
-				selector: "rb-shell-footer",
-				inputs: ["appName"]
-			},
-			{
-				kind: "component",
-				type: RbThemeToggleComponent,
-				selector: "rb-theme-toggle"
-			}
-		],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush,
-		encapsulation: i0.ViewEncapsulation.None
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: RbPublicShellComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "rb-public-shell",
-			imports: [
-				RbBrandLockupComponent,
-				RbShellFooterComponent,
-				RbThemeToggleComponent
-			],
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			host: { class: "rb-public-shell" },
-			template: `
-    <a class="rb-skip-link" href="#main-content" (click)="skipToMain($event)"
-      >Skip to main content</a
-    >
-
-    <header class="rb-public-shell__header">
-      <rb-brand-lockup [appName]="appName()" [link]="homeLink()" />
-      <div class="rb-public-shell__actions">
-        <ng-content select="[rbShellActions]" />
-        <rb-theme-toggle />
-      </div>
-    </header>
-
-    <main #main class="rb-public-shell__main" id="main-content" tabindex="-1">
-      <ng-content />
-    </main>
-
-    <rb-shell-footer [appName]="appName()"><ng-content select="[rbShellFooter]" /></rb-shell-footer>
-  `,
-			styles: ["rb-public-shell{display:flex;flex-direction:column;min-block-size:100dvh;background:radial-gradient(circle at 12% 18%,var(--rb-color-primary-soft),transparent 26rem),radial-gradient(circle at 88% 82%,var(--rb-color-primary-soft),transparent 30rem),var(--rb-color-bg)}rb-public-shell .rb-public-shell__header{display:flex;flex:none;gap:var(--rb-space-4);align-items:center;justify-content:space-between;inline-size:min(100%,var(--rb-size-content-max));min-block-size:var(--rb-size-shell-topbar);margin-inline:auto;padding-inline:var(--rb-space-page)}rb-public-shell .rb-public-shell__actions{display:flex;gap:var(--rb-space-2);align-items:center}rb-public-shell .rb-public-shell__main{display:grid;flex:1 0 auto;align-content:center;justify-items:center;inline-size:min(100%,var(--rb-size-content-max));margin-inline:auto;padding:var(--rb-space-8) var(--rb-space-page)}rb-public-shell .rb-public-shell__main:focus{outline:none}@media(width<40rem){rb-public-shell .rb-public-shell__main{align-content:start;padding-block:var(--rb-space-4) var(--rb-space-8)}}rb-public-shell rb-shell-footer{flex:none;border-block-start-color:transparent}\n"]
-		}]
-	}],
-	propDecorators: {
-		appName: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "appName",
-				required: true
-			}]
-		}],
-		homeLink: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "homeLink",
-				required: false
-			}]
-		}],
-		main: [{
-			type: i0.ViewChild,
-			args: ["main", { isSignal: true }]
-		}]
-	}
-});
-const RB_DESIGN_SYSTEM_VERSION = "1.2.1";
-export { RB_BREAKPOINTS, RB_BREAKPOINT_WIDTHS, RB_DESIGN_SYSTEM_VERSION, RB_ICON_FONT_SET, RB_MESSAGE_TONE_LABELS, RB_THEME_COLORS, RB_THEME_OPTIONS, RB_THEME_STORAGE_KEY, RB_TONE_ICONS, RbAppShellComponent, RbBrandLockupComponent, RbCentralSignInComponent, RbConfirmDialogComponent, RbConfirmDialogService, RbEmptyStateComponent, RbMessageComponent, RbMonogramComponent, RbPageHeaderComponent, RbPanelComponent, RbPublicShellComponent, RbShellFooterComponent, RbStatusChipComponent, RbTechnicalValueComponent, RbThemeToggleComponent, ThemeService, provideRbDesignSystem, rbConfirmDialogId };
-
-//# sourceMappingURL=rblabs-dev-axiom.mjs.map
+export * from "@rblabs-dev/axiom/app-shell";
+export * from "@rblabs-dev/axiom/brand-lockup";
+export * from "@rblabs-dev/axiom/central-sign-in";
+export * from "@rblabs-dev/axiom/confirm-dialog";
+export * from "@rblabs-dev/axiom/core";
+export * from "@rblabs-dev/axiom/empty-state";
+export * from "@rblabs-dev/axiom/message";
+export * from "@rblabs-dev/axiom/monogram";
+export * from "@rblabs-dev/axiom/page-header";
+export * from "@rblabs-dev/axiom/panel";
+export * from "@rblabs-dev/axiom/public-shell";
+export * from "@rblabs-dev/axiom/shell-footer";
+export * from "@rblabs-dev/axiom/status-chip";
+export * from "@rblabs-dev/axiom/technical-value";
+export * from "@rblabs-dev/axiom/theme-toggle";