@rblabs-dev/axiom 0.0.0-stage → 1.2.1

package/fesm2022/rblabs-dev-axiom.mjs

@@ -0,0 +1,2955 @@
+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