@momentumcms/admin 0.3.0 → 0.4.0

package/fesm2022/{momentumcms-admin-momentumcms-admin-D_47TVaR.mjs → momentumcms-admin-momentumcms-admin-De5FLr2L.mjs}

@@ -11,7 +11,7 @@ import * as i1 from '@angular/cdk/a11y';
 import { LiveAnnouncer, A11yModule } from '@angular/cdk/a11y';
 import { flattenDataFields, humanizeFieldName, isUploadCollection, getSoftDeleteField } from '@momentumcms/core';
 import { NgIcon, provideIcons } from '@ng-icons/core';
-import { heroFilm, heroMusicalNote, heroDocumentText, heroArchiveBox, heroPhoto, heroDocument, heroCloudArrowUp, heroXMark, heroPuzzlePiece, heroCog6Tooth, heroChartBarSquare, heroChevronUpDown, heroBolt, heroFolder, heroUsers, heroNewspaper, heroSquares2x2, heroEye, heroPencilSquare, heroArrowDownTray, heroTrash, heroChevronRight, heroChevronDown, heroChevronUp, heroPlus } from '@ng-icons/heroicons/outline';
+import { heroFilm, heroMusicalNote, heroDocumentText, heroArchiveBox, heroPhoto, heroDocument, heroCloudArrowUp, heroXMark, heroCursorArrowRays, heroMap, heroMagnifyingGlass, heroPuzzlePiece, heroCog6Tooth, heroChartBarSquare, heroChevronUpDown, heroBolt, heroFolder, heroUsers, heroNewspaper, heroSquares2x2, heroEye, heroPencilSquare, heroArrowDownTray, heroTrash, heroChevronRight, heroChevronDown, heroChevronUp, heroPlus } from '@ng-icons/heroicons/outline';
 import { required, validate, applyEach, apply, email, min, max, minLength, maxLength, form, submit } from '@angular/forms/signals';
 import { moveItemInArray, CdkDropList, CdkDrag, CdkDragPlaceholder } from '@angular/cdk/drag-drop';
 
@@ -1134,7 +1134,7 @@ function momentumAdminRoutes(configOrOptions) {
             // Global edit
             {
                 path: 'globals/:slug',
-                loadComponent: () => import('./momentumcms-admin-global-edit.page-DSnkwdgn.mjs').then((m) => m.GlobalEditPage),
+                loadComponent: () => import('./momentumcms-admin-global-edit.page-D_ebIITz.mjs').then((m) => m.GlobalEditPage),
                 canDeactivate: [unsavedChangesGuard],
             },
             // Plugin-registered routes
@@ -3770,7 +3770,7 @@ class VersionDiffDialogComponent {
 				<button mcms-button variant="outline" [mcmsDialogClose]>Close</button>
 			</mcms-dialog-footer>
 		</mcms-dialog>
-	`, isInline: true, dependencies: [{ kind: "component", type: Dialog, selector: "mcms-dialog", inputs: ["class"] }, { kind: "component", type: DialogHeader, selector: "mcms-dialog-header" }, { kind: "component", type: DialogTitle, selector: "mcms-dialog-title", inputs: ["id"] }, { kind: "component", type: DialogContent, selector: "mcms-dialog-content" }, { kind: "component", type: DialogFooter, selector: "mcms-dialog-footer" }, { kind: "directive", type: DialogClose, selector: "[mcmsDialogClose]", inputs: ["mcmsDialogClose"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "ariaLabel"] }, { kind: "component", type: Skeleton, selector: "mcms-skeleton", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: Dialog, selector: "mcms-dialog", inputs: ["class"] }, { kind: "component", type: DialogHeader, selector: "mcms-dialog-header" }, { kind: "component", type: DialogTitle, selector: "mcms-dialog-title", inputs: ["id"] }, { kind: "component", type: DialogContent, selector: "mcms-dialog-content" }, { kind: "component", type: DialogFooter, selector: "mcms-dialog-footer" }, { kind: "directive", type: DialogClose, selector: "[mcmsDialogClose]", inputs: ["mcmsDialogClose"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "role", "ariaLabel"] }, { kind: "component", type: Skeleton, selector: "mcms-skeleton", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: VersionDiffDialogComponent, decorators: [{
             type: Component,
@@ -4032,7 +4032,7 @@ class VersionHistoryWidget {
 						}
 					</div>
 				} @else if (error()) {
-					<p class="text-sm text-destructive">{{ error() }}</p>
+					<p class="text-sm text-destructive" role="alert">{{ error() }}</p>
 				} @else if (versions().length === 0) {
 					<p class="text-sm text-muted-foreground">No version history available</p>
 				} @else {
@@ -4074,6 +4074,9 @@ class VersionHistoryWidget {
 										variant="outline"
 										size="sm"
 										[disabled]="isRestoring()"
+										[attr.aria-label]="
+											'Restore version from ' + (version.createdAt | date: 'medium')
+										"
 										(click)="onRestore(version)"
 									>
 										@if (isRestoring() && restoringVersionId() === version.id) {
@@ -4108,7 +4111,7 @@ class VersionHistoryWidget {
 				}
 			</mcms-card-content>
 		</mcms-card>
-	`, isInline: true, dependencies: [{ kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "ariaLabel"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Skeleton, selector: "mcms-skeleton", inputs: ["class"] }, { kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: Separator, selector: "mcms-separator", inputs: ["orientation", "decorative", "class"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "role", "ariaLabel"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Skeleton, selector: "mcms-skeleton", inputs: ["class"] }, { kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: Separator, selector: "mcms-separator", inputs: ["orientation", "decorative", "class"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: VersionHistoryWidget, decorators: [{
             type: Component,
@@ -4136,7 +4139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 						}
 					</div>
 				} @else if (error()) {
-					<p class="text-sm text-destructive">{{ error() }}</p>
+					<p class="text-sm text-destructive" role="alert">{{ error() }}</p>
 				} @else if (versions().length === 0) {
 					<p class="text-sm text-muted-foreground">No version history available</p>
 				} @else {
@@ -4178,6 +4181,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 										variant="outline"
 										size="sm"
 										[disabled]="isRestoring()"
+										[attr.aria-label]="
+											'Restore version from ' + (version.createdAt | date: 'medium')
+										"
 										(click)="onRestore(version)"
 									>
 										@if (isRestoring() && restoringVersionId() === version.id) {
@@ -4692,7 +4698,7 @@ class CollectionUploadZoneComponent {
 		@if (error()) {
 			<p class="mt-1 text-sm text-mcms-destructive">{{ error() }}</p>
 		}
-	`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Progress, selector: "mcms-progress", inputs: ["value", "max", "class"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: MediaPreviewComponent, selector: "mcms-media-preview", inputs: ["media", "size", "class", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Progress, selector: "mcms-progress", inputs: ["value", "max", "ariaLabel", "class"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: MediaPreviewComponent, selector: "mcms-media-preview", inputs: ["media", "size", "class", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CollectionUploadZoneComponent, decorators: [{
             type: Component,
@@ -5194,13 +5200,12 @@ class EntityFormWidget {
      * Extract the `id` property from any upload field values that are objects.
      */
     normalizeUploadFieldValues(data) {
-        const fields = this.collection().fields;
+        const fields = flattenDataFields(this.collection().fields);
         const result = { ...data };
         for (const field of fields) {
             if (field.type === 'upload' && result[field.name] != null) {
                 const val = result[field.name];
                 if (typeof val === 'object' && val !== null) {
-                    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
                     const obj = val; // eslint-disable-line @typescript-eslint/consistent-type-assertions
                     if (typeof obj['id'] === 'string') {
                         result[field.name] = obj['id'];
@@ -5224,8 +5229,14 @@ class EntityFormWidget {
             // Convert form data to string fields for FormData
             // Exclude auto-populated file metadata fields (they come from the server)
             const excludeFields = new Set([
-                'filename', 'mimeType', 'filesize', 'path', 'url',
-                'id', 'createdAt', 'updatedAt',
+                'filename',
+                'mimeType',
+                'filesize',
+                'path',
+                'url',
+                'id',
+                'createdAt',
+                'updatedAt',
             ]);
             const fields = {};
             for (const [key, value] of Object.entries(data)) {
@@ -5235,7 +5246,6 @@ class EntityFormWidget {
                     continue;
                 if (typeof value === 'object') {
                     // Skip empty objects/arrays; serialize non-empty ones as JSON
-                    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
                     const isEmptyObject = !Array.isArray(value) && Object.keys(value).length === 0;
                     if ((Array.isArray(value) && value.length === 0) || isEmptyObject)
                         continue;
@@ -5773,7 +5783,7 @@ class PublishControlsWidget {
 				}
 			</button>
 		}
-	`, isInline: true, dependencies: [{ kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "ariaLabel"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "role", "ariaLabel"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: PublishControlsWidget, decorators: [{
             type: Component,
@@ -5890,11 +5900,12 @@ class EntityViewWidget {
         }
         return `${this.collectionLabelSingular()} ${e.id}`;
     }, ...(ngDevMode ? [{ debugName: "entityTitle" }] : []));
-    /** Visible fields (excluding hidden ones) */
+    /** Visible fields (excluding hidden ones, flattening layout wrappers) */
     visibleFields = computed(() => {
         const col = this.collection();
         const configs = this.fieldConfigs();
-        return col.fields.filter((field) => {
+        const dataFields = flattenDataFields(col.fields);
+        return dataFields.filter((field) => {
             // Check custom config
             const config = configs.find((c) => c.field === field.name);
             if (config?.hidden)
@@ -6221,7 +6232,7 @@ class EntityViewWidget {
      * Resolve relationship and upload field values from IDs to display labels.
      */
     resolveRelationships(entity) {
-        const fields = this.collection().fields;
+        const fields = flattenDataFields(this.collection().fields);
         const resolved = new Map();
         const promises = [];
         for (const field of fields) {
@@ -6998,6 +7009,9 @@ class AdminSidebarWidget {
                 heroDocumentText,
                 heroCog6Tooth,
                 heroPuzzlePiece,
+                heroMagnifyingGlass,
+                heroMap,
+                heroCursorArrowRays,
             }),
         ], ngImport: i0, template: `
 		<mcms-sidebar [collapsed]="collapsed()" [width]="width()">
@@ -7165,6 +7179,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                             heroDocumentText,
                             heroCog6Tooth,
                             heroPuzzlePiece,
+                            heroMagnifyingGlass,
+                            heroMap,
+                            heroCursorArrowRays,
                         }),
                     ],
                     host: {
@@ -7740,7 +7757,7 @@ class ForgotPasswordFormComponent {
 				</button>
 			</div>
 		</form>
-	`, isInline: true, dependencies: [{ kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "ariaLabel", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ForgotPasswordFormComponent, decorators: [{
             type: Component,
@@ -8051,7 +8068,7 @@ class ResetPasswordFormComponent {
 				}
 			}
 		</form>
-	`, isInline: true, dependencies: [{ kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "ariaLabel", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ResetPasswordFormComponent, decorators: [{
             type: Component,
@@ -8282,7 +8299,7 @@ class CollectionCardWidget {
 				<a mcms-button variant="outline" size="sm" [routerLink]="viewPath()"> View all </a>
 			</mcms-card-footer>
 		</mcms-card>
-	`, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: CardFooter, selector: "mcms-card-footer" }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "ariaLabel"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Skeleton, selector: "mcms-skeleton", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: CardFooter, selector: "mcms-card-footer" }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "role", "ariaLabel"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Skeleton, selector: "mcms-skeleton", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: CollectionCardWidget, decorators: [{
             type: Component,
@@ -8685,11 +8702,12 @@ class EntityListWidget {
         if (customColumns.length > 0) {
             return customColumns;
         }
-        // Auto-derive from collection fields
+        // Auto-derive from collection fields (flatten layout wrappers like tabs/collapsible/row)
         const col = this.collection();
         const columns = [];
+        const dataFields = flattenDataFields(col.fields);
         // Add first text/title-like field as primary column
-        for (const field of col.fields) {
+        for (const field of dataFields) {
             if (this.shouldShowFieldInList(field)) {
                 columns.push(this.fieldToColumn(field, complexTemplate));
             }
@@ -8839,7 +8857,8 @@ class EntityListWidget {
     getDefaultSearchFields() {
         const col = this.collection();
         const fields = [];
-        for (const field of col.fields) {
+        const dataFields = flattenDataFields(col.fields);
+        for (const field of dataFields) {
             if (field.type === 'text' || field.type === 'textarea' || field.type === 'email') {
                 fields.push(field.name);
                 if (fields.length >= 3)
@@ -8855,6 +8874,9 @@ class EntityListWidget {
         // Skip hidden fields
         if (field.admin?.hidden)
             return false;
+        // Skip layout fields (tabs, collapsible, row) — these are handled by flattenDataFields
+        if (field.type === 'tabs' || field.type === 'collapsible' || field.type === 'row')
+            return false;
         // Skip blocks (too complex for table cells)
         if (field.type === 'blocks')
             return false;
@@ -9257,7 +9279,7 @@ class EntityListWidget {
 				}
 			</div>
 		</ng-template>
-	`, isInline: true, dependencies: [{ kind: "component", type: DataTable, selector: "mcms-data-table", inputs: ["data", "columns", "loading", "searchable", "searchPlaceholder", "searchFields", "sortable", "sort", "selectable", "selectedItems", "paginated", "pageSize", "pageSizeOptions", "currentPage", "totalItems", "emptyTitle", "emptyDescription", "clickableRows", "rowActions", "trackByFn", "class", "searchQuery"], outputs: ["sortChange", "selectedItemsChange", "currentPageChange", "searchChange", "selectionChange", "pageChange", "pageSizeChange", "rowClick", "rowAction", "searchQueryChange"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "ariaLabel"] }, { kind: "component", type: Breadcrumbs, selector: "mcms-breadcrumbs", inputs: ["class"] }, { kind: "component", type: BreadcrumbItem, selector: "mcms-breadcrumb-item", inputs: ["href", "current", "class"] }, { kind: "component", type: BreadcrumbSeparator, selector: "mcms-breadcrumb-separator", inputs: ["class"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: DataTable, selector: "mcms-data-table", inputs: ["data", "columns", "loading", "searchable", "searchPlaceholder", "searchFields", "sortable", "sort", "selectable", "selectedItems", "paginated", "pageSize", "pageSizeOptions", "currentPage", "totalItems", "emptyTitle", "emptyDescription", "clickableRows", "rowActions", "trackByFn", "class", "searchQuery"], outputs: ["sortChange", "selectedItemsChange", "currentPageChange", "searchChange", "selectionChange", "pageChange", "pageSizeChange", "rowClick", "rowAction", "searchQueryChange"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "role", "ariaLabel"] }, { kind: "component", type: Breadcrumbs, selector: "mcms-breadcrumbs", inputs: ["class"] }, { kind: "component", type: BreadcrumbItem, selector: "mcms-breadcrumb-item", inputs: ["href", "current", "class"] }, { kind: "component", type: BreadcrumbSeparator, selector: "mcms-breadcrumb-separator", inputs: ["class"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: EntityListWidget, decorators: [{
             type: Component,
@@ -9564,7 +9586,7 @@ class GenerateApiKeyDialog {
 				}
 			</mcms-dialog-footer>
 		</mcms-dialog>
-	`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Dialog, selector: "mcms-dialog", inputs: ["class"] }, { kind: "component", type: DialogHeader, selector: "mcms-dialog-header" }, { kind: "component", type: DialogTitle, selector: "mcms-dialog-title", inputs: ["id"] }, { kind: "component", type: DialogContent, selector: "mcms-dialog-content" }, { kind: "component", type: DialogFooter, selector: "mcms-dialog-footer" }, { kind: "directive", type: DialogClose, selector: "[mcmsDialogClose]", inputs: ["mcmsDialogClose"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Label, selector: "mcms-label", inputs: ["for", "required", "disabled", "class"] }, { kind: "component", type: Select, selector: "mcms-select", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "id", "name", "placeholder", "options", "describedBy", "ariaLabel"], outputs: ["valueChange", "blurred"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Dialog, selector: "mcms-dialog", inputs: ["class"] }, { kind: "component", type: DialogHeader, selector: "mcms-dialog-header" }, { kind: "component", type: DialogTitle, selector: "mcms-dialog-title", inputs: ["id"] }, { kind: "component", type: DialogContent, selector: "mcms-dialog-content" }, { kind: "component", type: DialogFooter, selector: "mcms-dialog-footer" }, { kind: "directive", type: DialogClose, selector: "[mcmsDialogClose]", inputs: ["mcmsDialogClose"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "ariaLabel", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Label, selector: "mcms-label", inputs: ["for", "required", "disabled", "class"] }, { kind: "component", type: Select, selector: "mcms-select", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "id", "name", "placeholder", "options", "describedBy", "ariaLabel"], outputs: ["valueChange", "blurred"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: GenerateApiKeyDialog, decorators: [{
             type: Component,
@@ -10672,144 +10694,146 @@ class LoginPage {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LoginPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: LoginPage, isStandalone: true, selector: "mcms-login-page", host: { classAttribute: "flex min-h-screen items-center justify-center bg-background p-4" }, ngImport: i0, template: `
-		<mcms-card class="w-full max-w-md">
-			<mcms-card-header class="text-center">
-				<mcms-card-title>Sign In</mcms-card-title>
-				<mcms-card-description>
-					Enter your credentials to access the admin dashboard
-				</mcms-card-description>
-			</mcms-card-header>
+		<main>
+			<mcms-card class="w-full max-w-md">
+				<mcms-card-header class="text-center">
+					<mcms-card-title>Sign In</mcms-card-title>
+					<mcms-card-description>
+						Enter your credentials to access the admin dashboard
+					</mcms-card-description>
+				</mcms-card-header>
 
-			<mcms-card-content>
-				<form (submit)="onSubmit($event)" class="space-y-4">
-					@if (error()) {
-						<div
-							class="rounded-md bg-destructive/15 p-3 text-sm text-destructive"
-							role="alert"
-							aria-live="polite"
-						>
-							{{ error() }}
-						</div>
-					}
+				<mcms-card-content>
+					<form (submit)="onSubmit($event)" class="space-y-4">
+						@if (error()) {
+							<div
+								class="rounded-md bg-destructive/15 p-3 text-sm text-destructive"
+								role="alert"
+								aria-live="polite"
+							>
+								{{ error() }}
+							</div>
+						}
 
-					<mcms-form-field id="login-email" [required]="true" [errors]="emailErrors()">
-						<span mcmsLabel>Email</span>
-						<mcms-input
-							type="email"
-							id="login-email"
-							name="email"
-							[(value)]="email"
-							placeholder="admin@example.com"
-							autocomplete="email"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+						<mcms-form-field id="login-email" [required]="true" [errors]="emailErrors()">
+							<span mcmsLabel>Email</span>
+							<mcms-input
+								type="email"
+								id="login-email"
+								name="email"
+								[(value)]="email"
+								placeholder="admin@example.com"
+								autocomplete="email"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<mcms-form-field id="login-password" [required]="true" [errors]="passwordErrors()">
-						<span mcmsLabel>Password</span>
-						<mcms-input
-							type="password"
-							id="login-password"
-							name="password"
-							[(value)]="password"
-							placeholder="Enter your password"
-							autocomplete="current-password"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+						<mcms-form-field id="login-password" [required]="true" [errors]="passwordErrors()">
+							<span mcmsLabel>Password</span>
+							<mcms-input
+								type="password"
+								id="login-password"
+								name="password"
+								[(value)]="password"
+								placeholder="Enter your password"
+								autocomplete="current-password"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<div class="flex justify-end">
-						<a routerLink="/admin/forgot-password" class="text-sm text-primary hover:underline">
-							Forgot your password?
-						</a>
-					</div>
+						<div class="flex justify-end">
+							<a routerLink="/admin/forgot-password" class="text-sm text-primary hover:underline">
+								Forgot your password?
+							</a>
+						</div>
 
-					<button
-						mcms-button
-						type="submit"
-						class="w-full"
-						[disabled]="!hydrated() || isSubmitting() || !isValid()"
-					>
-						@if (isSubmitting()) {
-							<span class="animate-spin" aria-hidden="true">⏳</span>
-							Signing in...
-						} @else {
-							Sign In
-						}
-					</button>
-				</form>
+						<button
+							mcms-button
+							type="submit"
+							class="w-full"
+							[disabled]="!hydrated() || isSubmitting() || !isValid()"
+						>
+							@if (isSubmitting()) {
+								<span class="animate-spin" aria-hidden="true">⏳</span>
+								Signing in...
+							} @else {
+								Sign In
+							}
+						</button>
+					</form>
 
-				@if (oauthProviders().length > 0) {
-					<div class="relative my-4">
-						<div class="absolute inset-0 flex items-center">
-							<span class="w-full border-t border-border"></span>
-						</div>
-						<div class="relative flex justify-center text-xs uppercase">
-							<span class="bg-card px-2 text-muted-foreground">Or continue with</span>
+					@if (oauthProviders().length > 0) {
+						<div class="relative my-4">
+							<div class="absolute inset-0 flex items-center">
+								<span class="w-full border-t border-border"></span>
+							</div>
+							<div class="relative flex justify-center text-xs uppercase">
+								<span class="bg-card px-2 text-muted-foreground">Or continue with</span>
+							</div>
 						</div>
-					</div>
 
-					<div class="flex flex-col gap-2">
-						@for (provider of oauthProviders(); track provider) {
-							<button
-								mcms-button
-								type="button"
-								variant="outline"
-								class="w-full"
-								(click)="signInWithOAuth(provider)"
-								[disabled]="!hydrated() || isSubmitting()"
-								[attr.data-provider]="provider"
-							>
-								@switch (provider) {
-									@case ('google') {
-										<svg class="mr-2 h-4 w-4" viewBox="0 0 24 24" aria-hidden="true">
-											<path
-												d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z"
-												fill="#4285F4"
-											/>
-											<path
-												d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-												fill="#34A853"
-											/>
-											<path
-												d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-												fill="#FBBC05"
-											/>
-											<path
-												d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-												fill="#EA4335"
-											/>
-										</svg>
-										Continue with Google
-									}
-									@case ('github') {
-										<svg
-											class="mr-2 h-4 w-4"
-											viewBox="0 0 24 24"
-											fill="currentColor"
-											aria-hidden="true"
-										>
-											<path
-												d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"
-											/>
-										</svg>
-										Continue with GitHub
-									}
-									@default {
-										Continue with {{ provider }}
+						<div class="flex flex-col gap-2">
+							@for (provider of oauthProviders(); track provider) {
+								<button
+									mcms-button
+									type="button"
+									variant="outline"
+									class="w-full"
+									(click)="signInWithOAuth(provider)"
+									[disabled]="!hydrated() || isSubmitting()"
+									[attr.data-provider]="provider"
+								>
+									@switch (provider) {
+										@case ('google') {
+											<svg class="mr-2 h-4 w-4" viewBox="0 0 24 24" aria-hidden="true">
+												<path
+													d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z"
+													fill="#4285F4"
+												/>
+												<path
+													d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+													fill="#34A853"
+												/>
+												<path
+													d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+													fill="#FBBC05"
+												/>
+												<path
+													d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+													fill="#EA4335"
+												/>
+											</svg>
+											Continue with Google
+										}
+										@case ('github') {
+											<svg
+												class="mr-2 h-4 w-4"
+												viewBox="0 0 24 24"
+												fill="currentColor"
+												aria-hidden="true"
+											>
+												<path
+													d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"
+												/>
+											</svg>
+											Continue with GitHub
+										}
+										@default {
+											Continue with {{ provider }}
+										}
 									}
-								}
-							</button>
-						}
-					</div>
-				}
-			</mcms-card-content>
+								</button>
+							}
+						</div>
+					}
+				</mcms-card-content>
 
-			<mcms-card-footer class="justify-center">
-				<p class="text-sm text-muted-foreground">Momentum CMS</p>
-			</mcms-card-footer>
-		</mcms-card>
-	`, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardTitle, selector: "mcms-card-title" }, { kind: "component", type: CardDescription, selector: "mcms-card-description" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: CardFooter, selector: "mcms-card-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+				<mcms-card-footer class="justify-center">
+					<p class="text-sm text-muted-foreground">Momentum CMS</p>
+				</mcms-card-footer>
+			</mcms-card>
+		</main>
+	`, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "ariaLabel", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardTitle, selector: "mcms-card-title", inputs: ["level"] }, { kind: "component", type: CardDescription, selector: "mcms-card-description" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: CardFooter, selector: "mcms-card-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: LoginPage, decorators: [{
             type: Component,
@@ -10832,143 +10856,145 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                         class: 'flex min-h-screen items-center justify-center bg-background p-4',
                     },
                     template: `
-		<mcms-card class="w-full max-w-md">
-			<mcms-card-header class="text-center">
-				<mcms-card-title>Sign In</mcms-card-title>
-				<mcms-card-description>
-					Enter your credentials to access the admin dashboard
-				</mcms-card-description>
-			</mcms-card-header>
+		<main>
+			<mcms-card class="w-full max-w-md">
+				<mcms-card-header class="text-center">
+					<mcms-card-title>Sign In</mcms-card-title>
+					<mcms-card-description>
+						Enter your credentials to access the admin dashboard
+					</mcms-card-description>
+				</mcms-card-header>
 
-			<mcms-card-content>
-				<form (submit)="onSubmit($event)" class="space-y-4">
-					@if (error()) {
-						<div
-							class="rounded-md bg-destructive/15 p-3 text-sm text-destructive"
-							role="alert"
-							aria-live="polite"
-						>
-							{{ error() }}
-						</div>
-					}
+				<mcms-card-content>
+					<form (submit)="onSubmit($event)" class="space-y-4">
+						@if (error()) {
+							<div
+								class="rounded-md bg-destructive/15 p-3 text-sm text-destructive"
+								role="alert"
+								aria-live="polite"
+							>
+								{{ error() }}
+							</div>
+						}
 
-					<mcms-form-field id="login-email" [required]="true" [errors]="emailErrors()">
-						<span mcmsLabel>Email</span>
-						<mcms-input
-							type="email"
-							id="login-email"
-							name="email"
-							[(value)]="email"
-							placeholder="admin@example.com"
-							autocomplete="email"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+						<mcms-form-field id="login-email" [required]="true" [errors]="emailErrors()">
+							<span mcmsLabel>Email</span>
+							<mcms-input
+								type="email"
+								id="login-email"
+								name="email"
+								[(value)]="email"
+								placeholder="admin@example.com"
+								autocomplete="email"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<mcms-form-field id="login-password" [required]="true" [errors]="passwordErrors()">
-						<span mcmsLabel>Password</span>
-						<mcms-input
-							type="password"
-							id="login-password"
-							name="password"
-							[(value)]="password"
-							placeholder="Enter your password"
-							autocomplete="current-password"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+						<mcms-form-field id="login-password" [required]="true" [errors]="passwordErrors()">
+							<span mcmsLabel>Password</span>
+							<mcms-input
+								type="password"
+								id="login-password"
+								name="password"
+								[(value)]="password"
+								placeholder="Enter your password"
+								autocomplete="current-password"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<div class="flex justify-end">
-						<a routerLink="/admin/forgot-password" class="text-sm text-primary hover:underline">
-							Forgot your password?
-						</a>
-					</div>
+						<div class="flex justify-end">
+							<a routerLink="/admin/forgot-password" class="text-sm text-primary hover:underline">
+								Forgot your password?
+							</a>
+						</div>
 
-					<button
-						mcms-button
-						type="submit"
-						class="w-full"
-						[disabled]="!hydrated() || isSubmitting() || !isValid()"
-					>
-						@if (isSubmitting()) {
-							<span class="animate-spin" aria-hidden="true">⏳</span>
-							Signing in...
-						} @else {
-							Sign In
-						}
-					</button>
-				</form>
+						<button
+							mcms-button
+							type="submit"
+							class="w-full"
+							[disabled]="!hydrated() || isSubmitting() || !isValid()"
+						>
+							@if (isSubmitting()) {
+								<span class="animate-spin" aria-hidden="true">⏳</span>
+								Signing in...
+							} @else {
+								Sign In
+							}
+						</button>
+					</form>
 
-				@if (oauthProviders().length > 0) {
-					<div class="relative my-4">
-						<div class="absolute inset-0 flex items-center">
-							<span class="w-full border-t border-border"></span>
-						</div>
-						<div class="relative flex justify-center text-xs uppercase">
-							<span class="bg-card px-2 text-muted-foreground">Or continue with</span>
+					@if (oauthProviders().length > 0) {
+						<div class="relative my-4">
+							<div class="absolute inset-0 flex items-center">
+								<span class="w-full border-t border-border"></span>
+							</div>
+							<div class="relative flex justify-center text-xs uppercase">
+								<span class="bg-card px-2 text-muted-foreground">Or continue with</span>
+							</div>
 						</div>
-					</div>
 
-					<div class="flex flex-col gap-2">
-						@for (provider of oauthProviders(); track provider) {
-							<button
-								mcms-button
-								type="button"
-								variant="outline"
-								class="w-full"
-								(click)="signInWithOAuth(provider)"
-								[disabled]="!hydrated() || isSubmitting()"
-								[attr.data-provider]="provider"
-							>
-								@switch (provider) {
-									@case ('google') {
-										<svg class="mr-2 h-4 w-4" viewBox="0 0 24 24" aria-hidden="true">
-											<path
-												d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z"
-												fill="#4285F4"
-											/>
-											<path
-												d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-												fill="#34A853"
-											/>
-											<path
-												d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-												fill="#FBBC05"
-											/>
-											<path
-												d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-												fill="#EA4335"
-											/>
-										</svg>
-										Continue with Google
-									}
-									@case ('github') {
-										<svg
-											class="mr-2 h-4 w-4"
-											viewBox="0 0 24 24"
-											fill="currentColor"
-											aria-hidden="true"
-										>
-											<path
-												d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"
-											/>
-										</svg>
-										Continue with GitHub
-									}
-									@default {
-										Continue with {{ provider }}
+						<div class="flex flex-col gap-2">
+							@for (provider of oauthProviders(); track provider) {
+								<button
+									mcms-button
+									type="button"
+									variant="outline"
+									class="w-full"
+									(click)="signInWithOAuth(provider)"
+									[disabled]="!hydrated() || isSubmitting()"
+									[attr.data-provider]="provider"
+								>
+									@switch (provider) {
+										@case ('google') {
+											<svg class="mr-2 h-4 w-4" viewBox="0 0 24 24" aria-hidden="true">
+												<path
+													d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z"
+													fill="#4285F4"
+												/>
+												<path
+													d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+													fill="#34A853"
+												/>
+												<path
+													d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+													fill="#FBBC05"
+												/>
+												<path
+													d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+													fill="#EA4335"
+												/>
+											</svg>
+											Continue with Google
+										}
+										@case ('github') {
+											<svg
+												class="mr-2 h-4 w-4"
+												viewBox="0 0 24 24"
+												fill="currentColor"
+												aria-hidden="true"
+											>
+												<path
+													d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z"
+												/>
+											</svg>
+											Continue with GitHub
+										}
+										@default {
+											Continue with {{ provider }}
+										}
 									}
-								}
-							</button>
-						}
-					</div>
-				}
-			</mcms-card-content>
+								</button>
+							}
+						</div>
+					}
+				</mcms-card-content>
 
-			<mcms-card-footer class="justify-center">
-				<p class="text-sm text-muted-foreground">Momentum CMS</p>
-			</mcms-card-footer>
-		</mcms-card>
+				<mcms-card-footer class="justify-center">
+					<p class="text-sm text-muted-foreground">Momentum CMS</p>
+				</mcms-card-footer>
+			</mcms-card>
+		</main>
 	`,
                 }]
         }], ctorParameters: () => [] });
@@ -11089,101 +11115,103 @@ class SetupPage {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SetupPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: SetupPage, isStandalone: true, selector: "mcms-setup-page", host: { classAttribute: "flex min-h-screen items-center justify-center bg-background p-4" }, ngImport: i0, template: `
-		<mcms-card class="w-full max-w-md">
-			<mcms-card-header class="text-center">
-				<mcms-card-title>Welcome to Momentum CMS</mcms-card-title>
-				<mcms-card-description> Create your admin account to get started </mcms-card-description>
-			</mcms-card-header>
+		<main>
+			<mcms-card class="w-full max-w-md">
+				<mcms-card-header class="text-center">
+					<mcms-card-title>Welcome to Momentum CMS</mcms-card-title>
+					<mcms-card-description> Create your admin account to get started </mcms-card-description>
+				</mcms-card-header>
 
-			<mcms-card-content>
-				<form (submit)="onSubmit($event)" class="space-y-4">
-					@if (error()) {
-						<div
-							class="rounded-md bg-destructive/15 p-3 text-sm text-destructive"
-							role="alert"
-							aria-live="polite"
-						>
-							{{ error() }}
-						</div>
-					}
+				<mcms-card-content>
+					<form (submit)="onSubmit($event)" class="space-y-4">
+						@if (error()) {
+							<div
+								class="rounded-md bg-destructive/15 p-3 text-sm text-destructive"
+								role="alert"
+								aria-live="polite"
+							>
+								{{ error() }}
+							</div>
+						}
 
-					<mcms-form-field id="setup-name" [required]="true" [errors]="nameErrors()">
-						<span mcmsLabel>Full Name</span>
-						<mcms-input
-							type="text"
-							id="setup-name"
-							name="name"
-							[(value)]="name"
-							placeholder="Your name"
-							autocomplete="name"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+						<mcms-form-field id="setup-name" [required]="true" [errors]="nameErrors()">
+							<span mcmsLabel>Full Name</span>
+							<mcms-input
+								type="text"
+								id="setup-name"
+								name="name"
+								[(value)]="name"
+								placeholder="Your name"
+								autocomplete="name"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<mcms-form-field id="setup-email" [required]="true" [errors]="emailErrors()">
-						<span mcmsLabel>Email Address</span>
-						<mcms-input
-							type="email"
-							id="setup-email"
-							name="email"
-							[(value)]="email"
-							placeholder="admin@example.com"
-							autocomplete="email"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+						<mcms-form-field id="setup-email" [required]="true" [errors]="emailErrors()">
+							<span mcmsLabel>Email Address</span>
+							<mcms-input
+								type="email"
+								id="setup-email"
+								name="email"
+								[(value)]="email"
+								placeholder="admin@example.com"
+								autocomplete="email"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<mcms-form-field id="setup-password" [required]="true" [errors]="passwordErrors()">
-						<span mcmsLabel>Password</span>
-						<mcms-input
-							type="password"
-							id="setup-password"
-							name="password"
-							[(value)]="password"
-							placeholder="At least 8 characters"
-							autocomplete="new-password"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+						<mcms-form-field id="setup-password" [required]="true" [errors]="passwordErrors()">
+							<span mcmsLabel>Password</span>
+							<mcms-input
+								type="password"
+								id="setup-password"
+								name="password"
+								[(value)]="password"
+								placeholder="At least 8 characters"
+								autocomplete="new-password"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<mcms-form-field
-						id="setup-confirm-password"
-						[required]="true"
-						[errors]="confirmPasswordErrors()"
-					>
-						<span mcmsLabel>Confirm Password</span>
-						<mcms-input
-							type="password"
+						<mcms-form-field
 							id="setup-confirm-password"
-							name="confirmPassword"
-							[(value)]="confirmPassword"
-							placeholder="Repeat your password"
-							autocomplete="new-password"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+							[required]="true"
+							[errors]="confirmPasswordErrors()"
+						>
+							<span mcmsLabel>Confirm Password</span>
+							<mcms-input
+								type="password"
+								id="setup-confirm-password"
+								name="confirmPassword"
+								[(value)]="confirmPassword"
+								placeholder="Repeat your password"
+								autocomplete="new-password"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<button
-						mcms-button
-						type="submit"
-						class="w-full"
-						[disabled]="!hydrated() || isSubmitting() || !isValid()"
-					>
-						@if (isSubmitting()) {
-							<span class="animate-spin" aria-hidden="true">⏳</span>
-							Creating account...
-						} @else {
-							Create Admin Account
-						}
-					</button>
-				</form>
-			</mcms-card-content>
+						<button
+							mcms-button
+							type="submit"
+							class="w-full"
+							[disabled]="!hydrated() || isSubmitting() || !isValid()"
+						>
+							@if (isSubmitting()) {
+								<span class="animate-spin" aria-hidden="true">⏳</span>
+								Creating account...
+							} @else {
+								Create Admin Account
+							}
+						</button>
+					</form>
+				</mcms-card-content>
 
-			<mcms-card-footer class="justify-center">
-				<p class="text-sm text-muted-foreground">This account will have full admin privileges</p>
-			</mcms-card-footer>
-		</mcms-card>
-	`, isInline: true, dependencies: [{ kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardTitle, selector: "mcms-card-title" }, { kind: "component", type: CardDescription, selector: "mcms-card-description" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: CardFooter, selector: "mcms-card-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+				<mcms-card-footer class="justify-center">
+					<p class="text-sm text-muted-foreground">This account will have full admin privileges</p>
+				</mcms-card-footer>
+			</mcms-card>
+		</main>
+	`, isInline: true, dependencies: [{ kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "ariaLabel", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardTitle, selector: "mcms-card-title", inputs: ["level"] }, { kind: "component", type: CardDescription, selector: "mcms-card-description" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: CardFooter, selector: "mcms-card-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: SetupPage, decorators: [{
             type: Component,
@@ -11205,100 +11233,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                         class: 'flex min-h-screen items-center justify-center bg-background p-4',
                     },
                     template: `
-		<mcms-card class="w-full max-w-md">
-			<mcms-card-header class="text-center">
-				<mcms-card-title>Welcome to Momentum CMS</mcms-card-title>
-				<mcms-card-description> Create your admin account to get started </mcms-card-description>
-			</mcms-card-header>
+		<main>
+			<mcms-card class="w-full max-w-md">
+				<mcms-card-header class="text-center">
+					<mcms-card-title>Welcome to Momentum CMS</mcms-card-title>
+					<mcms-card-description> Create your admin account to get started </mcms-card-description>
+				</mcms-card-header>
 
-			<mcms-card-content>
-				<form (submit)="onSubmit($event)" class="space-y-4">
-					@if (error()) {
-						<div
-							class="rounded-md bg-destructive/15 p-3 text-sm text-destructive"
-							role="alert"
-							aria-live="polite"
-						>
-							{{ error() }}
-						</div>
-					}
+				<mcms-card-content>
+					<form (submit)="onSubmit($event)" class="space-y-4">
+						@if (error()) {
+							<div
+								class="rounded-md bg-destructive/15 p-3 text-sm text-destructive"
+								role="alert"
+								aria-live="polite"
+							>
+								{{ error() }}
+							</div>
+						}
 
-					<mcms-form-field id="setup-name" [required]="true" [errors]="nameErrors()">
-						<span mcmsLabel>Full Name</span>
-						<mcms-input
-							type="text"
-							id="setup-name"
-							name="name"
-							[(value)]="name"
-							placeholder="Your name"
-							autocomplete="name"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+						<mcms-form-field id="setup-name" [required]="true" [errors]="nameErrors()">
+							<span mcmsLabel>Full Name</span>
+							<mcms-input
+								type="text"
+								id="setup-name"
+								name="name"
+								[(value)]="name"
+								placeholder="Your name"
+								autocomplete="name"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<mcms-form-field id="setup-email" [required]="true" [errors]="emailErrors()">
-						<span mcmsLabel>Email Address</span>
-						<mcms-input
-							type="email"
-							id="setup-email"
-							name="email"
-							[(value)]="email"
-							placeholder="admin@example.com"
-							autocomplete="email"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+						<mcms-form-field id="setup-email" [required]="true" [errors]="emailErrors()">
+							<span mcmsLabel>Email Address</span>
+							<mcms-input
+								type="email"
+								id="setup-email"
+								name="email"
+								[(value)]="email"
+								placeholder="admin@example.com"
+								autocomplete="email"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<mcms-form-field id="setup-password" [required]="true" [errors]="passwordErrors()">
-						<span mcmsLabel>Password</span>
-						<mcms-input
-							type="password"
-							id="setup-password"
-							name="password"
-							[(value)]="password"
-							placeholder="At least 8 characters"
-							autocomplete="new-password"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+						<mcms-form-field id="setup-password" [required]="true" [errors]="passwordErrors()">
+							<span mcmsLabel>Password</span>
+							<mcms-input
+								type="password"
+								id="setup-password"
+								name="password"
+								[(value)]="password"
+								placeholder="At least 8 characters"
+								autocomplete="new-password"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<mcms-form-field
-						id="setup-confirm-password"
-						[required]="true"
-						[errors]="confirmPasswordErrors()"
-					>
-						<span mcmsLabel>Confirm Password</span>
-						<mcms-input
-							type="password"
+						<mcms-form-field
 							id="setup-confirm-password"
-							name="confirmPassword"
-							[(value)]="confirmPassword"
-							placeholder="Repeat your password"
-							autocomplete="new-password"
-							[disabled]="!hydrated() || isSubmitting()"
-						/>
-					</mcms-form-field>
+							[required]="true"
+							[errors]="confirmPasswordErrors()"
+						>
+							<span mcmsLabel>Confirm Password</span>
+							<mcms-input
+								type="password"
+								id="setup-confirm-password"
+								name="confirmPassword"
+								[(value)]="confirmPassword"
+								placeholder="Repeat your password"
+								autocomplete="new-password"
+								[disabled]="!hydrated() || isSubmitting()"
+							/>
+						</mcms-form-field>
 
-					<button
-						mcms-button
-						type="submit"
-						class="w-full"
-						[disabled]="!hydrated() || isSubmitting() || !isValid()"
-					>
-						@if (isSubmitting()) {
-							<span class="animate-spin" aria-hidden="true">⏳</span>
-							Creating account...
-						} @else {
-							Create Admin Account
-						}
-					</button>
-				</form>
-			</mcms-card-content>
+						<button
+							mcms-button
+							type="submit"
+							class="w-full"
+							[disabled]="!hydrated() || isSubmitting() || !isValid()"
+						>
+							@if (isSubmitting()) {
+								<span class="animate-spin" aria-hidden="true">⏳</span>
+								Creating account...
+							} @else {
+								Create Admin Account
+							}
+						</button>
+					</form>
+				</mcms-card-content>
 
-			<mcms-card-footer class="justify-center">
-				<p class="text-sm text-muted-foreground">This account will have full admin privileges</p>
-			</mcms-card-footer>
-		</mcms-card>
+				<mcms-card-footer class="justify-center">
+					<p class="text-sm text-muted-foreground">This account will have full admin privileges</p>
+				</mcms-card-footer>
+			</mcms-card>
+		</main>
 	`,
                 }]
         }], ctorParameters: () => [] });
@@ -11437,7 +11467,7 @@ class MediaEditDialog {
 				</button>
 			</mcms-dialog-footer>
 		</mcms-dialog>
-	`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Dialog, selector: "mcms-dialog", inputs: ["class"] }, { kind: "component", type: DialogHeader, selector: "mcms-dialog-header" }, { kind: "component", type: DialogTitle, selector: "mcms-dialog-title", inputs: ["id"] }, { kind: "component", type: DialogContent, selector: "mcms-dialog-content" }, { kind: "component", type: DialogFooter, selector: "mcms-dialog-footer" }, { kind: "directive", type: DialogClose, selector: "[mcmsDialogClose]", inputs: ["mcmsDialogClose"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Textarea, selector: "mcms-textarea", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "id", "name", "placeholder", "rows", "describedBy"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Label, selector: "mcms-label", inputs: ["for", "required", "disabled", "class"] }, { kind: "component", type: Spinner, selector: "mcms-spinner", inputs: ["size", "label", "class"] }, { kind: "component", type: Alert, selector: "mcms-alert", inputs: ["variant", "class"] }, { kind: "component", type: MediaPreviewComponent, selector: "mcms-media-preview", inputs: ["media", "size", "class", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Dialog, selector: "mcms-dialog", inputs: ["class"] }, { kind: "component", type: DialogHeader, selector: "mcms-dialog-header" }, { kind: "component", type: DialogTitle, selector: "mcms-dialog-title", inputs: ["id"] }, { kind: "component", type: DialogContent, selector: "mcms-dialog-content" }, { kind: "component", type: DialogFooter, selector: "mcms-dialog-footer" }, { kind: "directive", type: DialogClose, selector: "[mcmsDialogClose]", inputs: ["mcmsDialogClose"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "ariaLabel", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Textarea, selector: "mcms-textarea", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "id", "name", "placeholder", "rows", "ariaLabel", "describedBy"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Label, selector: "mcms-label", inputs: ["for", "required", "disabled", "class"] }, { kind: "component", type: Spinner, selector: "mcms-spinner", inputs: ["size", "label", "class"] }, { kind: "component", type: Alert, selector: "mcms-alert", inputs: ["variant", "class"] }, { kind: "component", type: MediaPreviewComponent, selector: "mcms-media-preview", inputs: ["media", "size", "class", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: MediaEditDialog, decorators: [{
             type: Component,
@@ -11803,21 +11833,23 @@ class MediaLibraryPage {
 					</p>
 				</div>
 				<div class="flex gap-2">
-					<label class="cursor-pointer">
-						<input
-							type="file"
-							class="sr-only"
-							multiple
-							(change)="onFilesSelected($event)"
-						/>
-						<span
-							mcms-button
-							class="inline-flex"
-						>
-							<ng-icon name="heroCloudArrowUp" class="h-4 w-4" />
-							Upload Files
-						</span>
-					</label>
+					<input
+						#fileInput
+						type="file"
+						class="sr-only"
+						multiple
+						aria-label="Upload media files"
+						(change)="onFilesSelected($event)"
+					/>
+					<button
+						mcms-button
+						type="button"
+						class="inline-flex"
+						(click)="fileInput.click()"
+					>
+						<ng-icon name="heroCloudArrowUp" class="h-4 w-4" />
+						Upload Files
+					</button>
 				</div>
 			</div>
 
@@ -11841,7 +11873,7 @@ class MediaLibraryPage {
 							size="sm"
 							(click)="deleteSelected()"
 						>
-							<ng-icon name="heroTrash" class="h-4 w-4" />
+							<ng-icon name="heroTrash" class="h-4 w-4" aria-hidden="true" />
 							Delete
 						</button>
 					</div>
@@ -11932,7 +11964,7 @@ class MediaLibraryPage {
 
 							<!-- Hover overlay -->
 							<div
-								class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 via-black/50 to-transparent p-3 opacity-0 transition-opacity group-hover:opacity-100"
+								class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 via-black/50 to-transparent p-3 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100"
 							>
 								<p class="truncate text-sm font-medium text-white">
 									{{ media.filename }}
@@ -12001,7 +12033,7 @@ class MediaLibraryPage {
 				}
 			}
 		</div>
-	`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Spinner, selector: "mcms-spinner", inputs: ["size", "label", "class"] }, { kind: "component", type: Pagination, selector: "mcms-pagination", inputs: ["currentPage", "totalPages", "siblingCount", "class"], outputs: ["pageChange"] }, { kind: "component", type: SearchInput, selector: "mcms-search-input", inputs: ["value", "placeholder", "debounce", "disabled", "ariaLabel", "class"], outputs: ["valueChange", "searchChange", "clear"] }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "ariaLabel"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: MediaPreviewComponent, selector: "mcms-media-preview", inputs: ["media", "size", "class", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Spinner, selector: "mcms-spinner", inputs: ["size", "label", "class"] }, { kind: "component", type: Pagination, selector: "mcms-pagination", inputs: ["currentPage", "totalPages", "siblingCount", "class"], outputs: ["pageChange"] }, { kind: "component", type: SearchInput, selector: "mcms-search-input", inputs: ["value", "placeholder", "debounce", "disabled", "ariaLabel", "class"], outputs: ["valueChange", "searchChange", "clear"] }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "role", "ariaLabel"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: MediaPreviewComponent, selector: "mcms-media-preview", inputs: ["media", "size", "class", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: MediaLibraryPage, decorators: [{
             type: Component,
@@ -12024,21 +12056,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 					</p>
 				</div>
 				<div class="flex gap-2">
-					<label class="cursor-pointer">
-						<input
-							type="file"
-							class="sr-only"
-							multiple
-							(change)="onFilesSelected($event)"
-						/>
-						<span
-							mcms-button
-							class="inline-flex"
-						>
-							<ng-icon name="heroCloudArrowUp" class="h-4 w-4" />
-							Upload Files
-						</span>
-					</label>
+					<input
+						#fileInput
+						type="file"
+						class="sr-only"
+						multiple
+						aria-label="Upload media files"
+						(change)="onFilesSelected($event)"
+					/>
+					<button
+						mcms-button
+						type="button"
+						class="inline-flex"
+						(click)="fileInput.click()"
+					>
+						<ng-icon name="heroCloudArrowUp" class="h-4 w-4" />
+						Upload Files
+					</button>
 				</div>
 			</div>
 
@@ -12062,7 +12096,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 							size="sm"
 							(click)="deleteSelected()"
 						>
-							<ng-icon name="heroTrash" class="h-4 w-4" />
+							<ng-icon name="heroTrash" class="h-4 w-4" aria-hidden="true" />
 							Delete
 						</button>
 					</div>
@@ -12153,7 +12187,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 
 							<!-- Hover overlay -->
 							<div
-								class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 via-black/50 to-transparent p-3 opacity-0 transition-opacity group-hover:opacity-100"
+								class="absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/80 via-black/50 to-transparent p-3 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100"
 							>
 								<p class="truncate text-sm font-medium text-white">
 									{{ media.filename }}
@@ -12244,23 +12278,25 @@ class ForgotPasswordPage {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ForgotPasswordPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: ForgotPasswordPage, isStandalone: true, selector: "mcms-forgot-password-page", host: { classAttribute: "flex min-h-screen items-center justify-center bg-background p-4" }, ngImport: i0, template: `
-		<mcms-card class="w-full max-w-md">
-			<mcms-card-header class="text-center">
-				<mcms-card-title>Reset Password</mcms-card-title>
-				<mcms-card-description>
-					We'll send you a link to reset your password
-				</mcms-card-description>
-			</mcms-card-header>
+		<main>
+			<mcms-card class="w-full max-w-md">
+				<mcms-card-header class="text-center">
+					<mcms-card-title>Reset Password</mcms-card-title>
+					<mcms-card-description>
+						We'll send you a link to reset your password
+					</mcms-card-description>
+				</mcms-card-header>
 
-			<mcms-card-content>
-				<mcms-forgot-password-form (backToLogin)="navigateToLogin()" />
-			</mcms-card-content>
+				<mcms-card-content>
+					<mcms-forgot-password-form (backToLogin)="navigateToLogin()" />
+				</mcms-card-content>
 
-			<mcms-card-footer class="justify-center">
-				<p class="text-sm text-muted-foreground">Momentum CMS</p>
-			</mcms-card-footer>
-		</mcms-card>
-	`, isInline: true, dependencies: [{ kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardTitle, selector: "mcms-card-title" }, { kind: "component", type: CardDescription, selector: "mcms-card-description" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: CardFooter, selector: "mcms-card-footer" }, { kind: "component", type: ForgotPasswordFormComponent, selector: "mcms-forgot-password-form", outputs: ["resetRequested", "backToLogin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+				<mcms-card-footer class="justify-center">
+					<p class="text-sm text-muted-foreground">Momentum CMS</p>
+				</mcms-card-footer>
+			</mcms-card>
+		</main>
+	`, isInline: true, dependencies: [{ kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardTitle, selector: "mcms-card-title", inputs: ["level"] }, { kind: "component", type: CardDescription, selector: "mcms-card-description" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: CardFooter, selector: "mcms-card-footer" }, { kind: "component", type: ForgotPasswordFormComponent, selector: "mcms-forgot-password-form", outputs: ["resetRequested", "backToLogin"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ForgotPasswordPage, decorators: [{
             type: Component,
@@ -12280,22 +12316,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                         class: 'flex min-h-screen items-center justify-center bg-background p-4',
                     },
                     template: `
-		<mcms-card class="w-full max-w-md">
-			<mcms-card-header class="text-center">
-				<mcms-card-title>Reset Password</mcms-card-title>
-				<mcms-card-description>
-					We'll send you a link to reset your password
-				</mcms-card-description>
-			</mcms-card-header>
+		<main>
+			<mcms-card class="w-full max-w-md">
+				<mcms-card-header class="text-center">
+					<mcms-card-title>Reset Password</mcms-card-title>
+					<mcms-card-description>
+						We'll send you a link to reset your password
+					</mcms-card-description>
+				</mcms-card-header>
 
-			<mcms-card-content>
-				<mcms-forgot-password-form (backToLogin)="navigateToLogin()" />
-			</mcms-card-content>
+				<mcms-card-content>
+					<mcms-forgot-password-form (backToLogin)="navigateToLogin()" />
+				</mcms-card-content>
 
-			<mcms-card-footer class="justify-center">
-				<p class="text-sm text-muted-foreground">Momentum CMS</p>
-			</mcms-card-footer>
-		</mcms-card>
+				<mcms-card-footer class="justify-center">
+					<p class="text-sm text-muted-foreground">Momentum CMS</p>
+				</mcms-card-footer>
+			</mcms-card>
+		</main>
 	`,
                 }]
         }] });
@@ -12330,25 +12368,27 @@ class ResetPasswordPage {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ResetPasswordPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: ResetPasswordPage, isStandalone: true, selector: "mcms-reset-password-page", host: { classAttribute: "flex min-h-screen items-center justify-center bg-background p-4" }, ngImport: i0, template: `
-		<mcms-card class="w-full max-w-md">
-			<mcms-card-header class="text-center">
-				<mcms-card-title>Set New Password</mcms-card-title>
-				<mcms-card-description> Enter your new password below </mcms-card-description>
-			</mcms-card-header>
+		<main>
+			<mcms-card class="w-full max-w-md">
+				<mcms-card-header class="text-center">
+					<mcms-card-title>Set New Password</mcms-card-title>
+					<mcms-card-description> Enter your new password below </mcms-card-description>
+				</mcms-card-header>
 
-			<mcms-card-content>
-				<mcms-reset-password-form
-					[token]="token()"
-					(goToLogin)="navigateToLogin()"
-					(goToForgotPassword)="navigateToForgotPassword()"
-				/>
-			</mcms-card-content>
+				<mcms-card-content>
+					<mcms-reset-password-form
+						[token]="token()"
+						(goToLogin)="navigateToLogin()"
+						(goToForgotPassword)="navigateToForgotPassword()"
+					/>
+				</mcms-card-content>
 
-			<mcms-card-footer class="justify-center">
-				<p class="text-sm text-muted-foreground">Momentum CMS</p>
-			</mcms-card-footer>
-		</mcms-card>
-	`, isInline: true, dependencies: [{ kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardTitle, selector: "mcms-card-title" }, { kind: "component", type: CardDescription, selector: "mcms-card-description" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: CardFooter, selector: "mcms-card-footer" }, { kind: "component", type: ResetPasswordFormComponent, selector: "mcms-reset-password-form", inputs: ["token"], outputs: ["resetComplete", "resetFailed", "goToLogin", "goToForgotPassword"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+				<mcms-card-footer class="justify-center">
+					<p class="text-sm text-muted-foreground">Momentum CMS</p>
+				</mcms-card-footer>
+			</mcms-card>
+		</main>
+	`, isInline: true, dependencies: [{ kind: "component", type: Card, selector: "mcms-card" }, { kind: "component", type: CardHeader, selector: "mcms-card-header" }, { kind: "component", type: CardTitle, selector: "mcms-card-title", inputs: ["level"] }, { kind: "component", type: CardDescription, selector: "mcms-card-description" }, { kind: "component", type: CardContent, selector: "mcms-card-content" }, { kind: "component", type: CardFooter, selector: "mcms-card-footer" }, { kind: "component", type: ResetPasswordFormComponent, selector: "mcms-reset-password-form", inputs: ["token"], outputs: ["resetComplete", "resetFailed", "goToLogin", "goToForgotPassword"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ResetPasswordPage, decorators: [{
             type: Component,
@@ -12368,24 +12408,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
                         class: 'flex min-h-screen items-center justify-center bg-background p-4',
                     },
                     template: `
-		<mcms-card class="w-full max-w-md">
-			<mcms-card-header class="text-center">
-				<mcms-card-title>Set New Password</mcms-card-title>
-				<mcms-card-description> Enter your new password below </mcms-card-description>
-			</mcms-card-header>
+		<main>
+			<mcms-card class="w-full max-w-md">
+				<mcms-card-header class="text-center">
+					<mcms-card-title>Set New Password</mcms-card-title>
+					<mcms-card-description> Enter your new password below </mcms-card-description>
+				</mcms-card-header>
 
-			<mcms-card-content>
-				<mcms-reset-password-form
-					[token]="token()"
-					(goToLogin)="navigateToLogin()"
-					(goToForgotPassword)="navigateToForgotPassword()"
-				/>
-			</mcms-card-content>
+				<mcms-card-content>
+					<mcms-reset-password-form
+						[token]="token()"
+						(goToLogin)="navigateToLogin()"
+						(goToForgotPassword)="navigateToForgotPassword()"
+					/>
+				</mcms-card-content>
 
-			<mcms-card-footer class="justify-center">
-				<p class="text-sm text-muted-foreground">Momentum CMS</p>
-			</mcms-card-footer>
-		</mcms-card>
+				<mcms-card-footer class="justify-center">
+					<p class="text-sm text-muted-foreground">Momentum CMS</p>
+				</mcms-card-footer>
+			</mcms-card>
+		</main>
 	`,
                 }]
         }] });
@@ -12557,7 +12599,7 @@ class BlockWrapperComponent {
 				}
 			</div>
 		}
-	`, isInline: true, dependencies: [{ kind: "component", type: FieldRenderer, selector: "mcms-field-renderer", inputs: ["field", "formNode", "formTree", "formModel", "mode", "path"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "ariaLabel"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: FieldRenderer, selector: "mcms-field-renderer", inputs: ["field", "formNode", "formTree", "formModel", "mode", "path"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "role", "ariaLabel"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: BlockWrapperComponent, decorators: [{
             type: Component,
@@ -13335,18 +13377,18 @@ function provideMomentumFieldRenderers() {
                     registry.register('checkbox', () => Promise.resolve().then(function () { return checkboxField_component; }).then((m) => m.CheckboxFieldRenderer));
                     registry.register('date', () => Promise.resolve().then(function () { return dateField_component; }).then((m) => m.DateFieldRenderer));
                     registry.register('upload', () => Promise.resolve().then(function () { return uploadField_component; }).then((m) => m.UploadFieldRenderer));
-                    registry.register('richText', () => import('./momentumcms-admin-rich-text-field.component-BC8pRU89.mjs').then((m) => m.RichTextFieldRenderer));
+                    registry.register('richText', () => import('./momentumcms-admin-rich-text-field.component-BvpufJs3.mjs').then((m) => m.RichTextFieldRenderer));
                     // Layout field renderers (support nested field rendering)
-                    registry.register('group', () => import('./momentumcms-admin-group-field.component-B48_zbo0.mjs').then((m) => m.GroupFieldRenderer));
-                    registry.register('array', () => import('./momentumcms-admin-array-field.component-Bjlcczwg.mjs').then((m) => m.ArrayFieldRenderer));
-                    registry.register('blocks', () => import('./momentumcms-admin-blocks-field.component-4vLqDGbB.mjs').then((m) => m.BlocksFieldRenderer));
+                    registry.register('group', () => import('./momentumcms-admin-group-field.component-ffsgbC6o.mjs').then((m) => m.GroupFieldRenderer));
+                    registry.register('array', () => import('./momentumcms-admin-array-field.component-CLV4Ny9t.mjs').then((m) => m.ArrayFieldRenderer));
+                    registry.register('blocks', () => import('./momentumcms-admin-blocks-field.component-hHiTfUf9.mjs').then((m) => m.BlocksFieldRenderer));
                     // Visual block editor variant (blocks field with admin.editor === 'visual')
                     registry.register('blocks-visual', () => Promise.resolve().then(function () { return visualBlockEditor_component; }).then((m) => m.VisualBlockEditorComponent));
-                    registry.register('relationship', () => import('./momentumcms-admin-relationship-field.component-D-UQgd7m.mjs').then((m) => m.RelationshipFieldRenderer));
+                    registry.register('relationship', () => import('./momentumcms-admin-relationship-field.component-DO0kyAkE.mjs').then((m) => m.RelationshipFieldRenderer));
                     // Layout-only renderers (tabs, collapsible, row)
-                    registry.register('tabs', () => import('./momentumcms-admin-tabs-field.component-B4X73eCM.mjs').then((m) => m.TabsFieldRenderer));
-                    registry.register('collapsible', () => import('./momentumcms-admin-collapsible-field.component-63-9kSgm.mjs').then((m) => m.CollapsibleFieldRenderer));
-                    registry.register('row', () => import('./momentumcms-admin-row-field.component--EOPGDtM.mjs').then((m) => m.RowFieldRenderer));
+                    registry.register('tabs', () => import('./momentumcms-admin-tabs-field.component-Uatoyjg8.mjs').then((m) => m.TabsFieldRenderer));
+                    registry.register('collapsible', () => import('./momentumcms-admin-collapsible-field.component-BeskwGvi.mjs').then((m) => m.CollapsibleFieldRenderer));
+                    registry.register('row', () => import('./momentumcms-admin-row-field.component-C8ZsdA2w.mjs').then((m) => m.RowFieldRenderer));
                 };
             },
         },
@@ -13510,9 +13552,15 @@ class TextFieldRenderer {
 			}
 			@if (showCharCount()) {
 				<p
-					class="mt-1 text-xs text-muted-foreground text-right"
+					class="mt-1 text-xs text-right"
 					[class.text-destructive]="charCountExceeded()"
+					[class.text-muted-foreground]="!charCountExceeded()"
+					aria-live="polite"
+					[attr.role]="charCountExceeded() ? 'alert' : null"
 				>
+					@if (charCountExceeded()) {
+						Limit exceeded:
+					}
 					{{ charCount() }}
 					@if (maxLength()) {
 						/ {{ maxLength() }}
@@ -13520,7 +13568,7 @@ class TextFieldRenderer {
 				</p>
 			}
 		</mcms-form-field>
-	`, isInline: true, dependencies: [{ kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Textarea, selector: "mcms-textarea", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "id", "name", "placeholder", "rows", "describedBy"], outputs: ["valueChange", "blurred"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "ariaLabel", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }, { kind: "component", type: Textarea, selector: "mcms-textarea", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "id", "name", "placeholder", "rows", "ariaLabel", "describedBy"], outputs: ["valueChange", "blurred"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: TextFieldRenderer, decorators: [{
             type: Component,
@@ -13564,9 +13612,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 			}
 			@if (showCharCount()) {
 				<p
-					class="mt-1 text-xs text-muted-foreground text-right"
+					class="mt-1 text-xs text-right"
 					[class.text-destructive]="charCountExceeded()"
+					[class.text-muted-foreground]="!charCountExceeded()"
+					aria-live="polite"
+					[attr.role]="charCountExceeded() ? 'alert' : null"
 				>
+					@if (charCountExceeded()) {
+						Limit exceeded:
+					}
 					{{ charCount() }}
 					@if (maxLength()) {
 						/ {{ maxLength() }}
@@ -13713,7 +13767,7 @@ class NumberFieldRenderer {
 				<p class="mt-1 text-xs text-muted-foreground">{{ rangeHint() }}</p>
 			}
 		</mcms-form-field>
-	`, isInline: true, dependencies: [{ kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "ariaLabel", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: NumberFieldRenderer, decorators: [{
             type: Component,
@@ -14015,9 +14069,7 @@ class DateFieldRenderer {
     }, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
     /** Input type (date or datetime-local) */
     inputType = computed(() => {
-        // HTML5 date input type isn't in InputType union, use text for now
-        // The browser will still render date picker for type="date"
-        return 'text';
+        return 'date';
     }, ...(ngDevMode ? [{ debugName: "inputType" }] : []));
     /** Formatted date value from FieldState */
     dateValue = computed(() => {
@@ -14097,7 +14149,7 @@ class DateFieldRenderer {
 				(blurred)="onBlur()"
 			/>
 		</mcms-form-field>
-	`, isInline: true, dependencies: [{ kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Input, selector: "mcms-input", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "type", "id", "name", "placeholder", "autocomplete", "ariaLabel", "describedBy", "min", "max", "step"], outputs: ["valueChange", "blurred"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: DateFieldRenderer, decorators: [{
             type: Component,
@@ -14853,9 +14905,10 @@ class UploadFieldRenderer {
 									variant="outline"
 									size="sm"
 									type="button"
+									[attr.aria-label]="'Change file for ' + label()"
 									(click)="openMediaPicker()"
 								>
-									<ng-icon [name]="photoIcon" class="h-4 w-4" />
+									<ng-icon [name]="photoIcon" class="h-4 w-4" aria-hidden="true" />
 									Change
 								</button>
 								<button
@@ -14863,9 +14916,10 @@ class UploadFieldRenderer {
 									variant="ghost"
 									size="sm"
 									type="button"
+									[attr.aria-label]="'Remove file for ' + label()"
 									(click)="removeMedia()"
 								>
-									<ng-icon [name]="xMarkIcon" class="h-4 w-4" />
+									<ng-icon [name]="xMarkIcon" class="h-4 w-4" aria-hidden="true" />
 									Remove
 								</button>
 							</div>
@@ -14938,7 +14992,7 @@ class UploadFieldRenderer {
 							type="button"
 							(click)="openMediaPicker()"
 						>
-							<ng-icon [name]="photoIcon" class="h-4 w-4" />
+							<ng-icon [name]="photoIcon" class="h-4 w-4" aria-hidden="true" />
 							Select from library
 						</button>
 					</div>
@@ -14955,10 +15009,10 @@ class UploadFieldRenderer {
 			}
 
 			@if (uploadError()) {
-				<p class="mt-1 text-sm text-mcms-destructive">{{ uploadError() }}</p>
+				<p class="mt-1 text-sm text-mcms-destructive" role="alert" aria-live="assertive">{{ uploadError() }}</p>
 			}
 		</mcms-form-field>
-	`, isInline: true, dependencies: [{ kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Progress, selector: "mcms-progress", inputs: ["value", "max", "class"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: MediaPreviewComponent, selector: "mcms-media-preview", inputs: ["media", "size", "class", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "component", type: Progress, selector: "mcms-progress", inputs: ["value", "max", "ariaLabel", "class"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }, { kind: "component", type: MediaPreviewComponent, selector: "mcms-media-preview", inputs: ["media", "size", "class", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: UploadFieldRenderer, decorators: [{
             type: Component,
@@ -14991,9 +15045,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 									variant="outline"
 									size="sm"
 									type="button"
+									[attr.aria-label]="'Change file for ' + label()"
 									(click)="openMediaPicker()"
 								>
-									<ng-icon [name]="photoIcon" class="h-4 w-4" />
+									<ng-icon [name]="photoIcon" class="h-4 w-4" aria-hidden="true" />
 									Change
 								</button>
 								<button
@@ -15001,9 +15056,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 									variant="ghost"
 									size="sm"
 									type="button"
+									[attr.aria-label]="'Remove file for ' + label()"
 									(click)="removeMedia()"
 								>
-									<ng-icon [name]="xMarkIcon" class="h-4 w-4" />
+									<ng-icon [name]="xMarkIcon" class="h-4 w-4" aria-hidden="true" />
 									Remove
 								</button>
 							</div>
@@ -15076,7 +15132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 							type="button"
 							(click)="openMediaPicker()"
 						>
-							<ng-icon [name]="photoIcon" class="h-4 w-4" />
+							<ng-icon [name]="photoIcon" class="h-4 w-4" aria-hidden="true" />
 							Select from library
 						</button>
 					</div>
@@ -15093,7 +15149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
 			}
 
 			@if (uploadError()) {
-				<p class="mt-1 text-sm text-mcms-destructive">{{ uploadError() }}</p>
+				<p class="mt-1 text-sm text-mcms-destructive" role="alert" aria-live="assertive">{{ uploadError() }}</p>
 			}
 		</mcms-form-field>
 	`,
@@ -15112,4 +15168,4 @@ var uploadField_component = /*#__PURE__*/Object.freeze({
  */
 
 export { adminGuard as $, AdminShellComponent as A, BlockEditDialog as B, CheckboxFieldRenderer as C, DashboardPage as D, EntityFormWidget as E, FieldRenderer as F, MediaLibraryPage as G, MediaPickerDialog as H, MediaPreviewComponent as I, MomentumApiService as J, MomentumAuthService as K, LivePreviewComponent as L, MOMENTUM_API as M, NumberFieldRenderer as N, ResetPasswordPage as O, PublishControlsWidget as P, SKIP_AUTO_TOAST as Q, ResetPasswordFormComponent as R, SHEET_QUERY_PARAMS as S, SelectFieldRenderer as T, SetupPage as U, TextFieldRenderer as V, UploadFieldRenderer as W, UploadService as X, VersionHistoryWidget as Y, VersionService as Z, VisualBlockEditorComponent as _, getFieldNodeState as a, authGuard as a0, collectionAccessGuard as a1, crudToastInterceptor as a2, guestGuard as a3, injectHasAnyRole as a4, injectHasRole as a5, injectIsAdmin as a6, injectIsAuthenticated as a7, injectMomentumAPI as a8, injectTypedMomentumAPI as a9, injectUser as aa, injectUserRole as ab, injectVersionService as ac, momentumAdminRoutes as ad, provideFieldRenderer as ae, provideMomentumAPI as af, provideMomentumFieldRenderers as ag, setupGuard as ah, unsavedChangesGuard as ai, getSubNode as b, getFieldDefaultValue as c, EntitySheetService as d, getTitleField as e, AdminSidebarWidget as f, getGlobalsFromRouteData as g, BlockInserterComponent as h, isRecord as i, BlockWrapperComponent as j, CollectionAccessService as k, CollectionCardWidget as l, CollectionEditPage as m, normalizeBlockDefaults as n, CollectionListPage as o, CollectionViewPage as p, DateFieldRenderer as q, EntityListWidget as r, EntityViewWidget as s, FeedbackService as t, FieldRendererRegistry as u, ForgotPasswordFormComponent as v, ForgotPasswordPage as w, LoginPage as x, MOMENTUM_API_CONTEXT as y, McmsThemeService as z };
-//# sourceMappingURL=momentumcms-admin-momentumcms-admin-D_47TVaR.mjs.map
+//# sourceMappingURL=momentumcms-admin-momentumcms-admin-De5FLr2L.mjs.map