@eagami/ui 5.57.0 → 5.59.0

package/fesm2022/eagami-ui.mjs

@@ -406,7 +406,10 @@ const ar = {
 			invalidType: "يجب أن يكون الملف صورة",
 			tooLarge: (maxMb) => `الملف يتجاوز حد ${maxMb} MB`
 		},
-		breadcrumbs: { label: "مسار التنقل" },
+		breadcrumbs: {
+			label: "مسار التنقل",
+			showHidden: "إظهار المستويات المخفية"
+		},
 		chart: {
 			roleDescription: "مخطط",
 			lineChart: "مخطط خطي",
@@ -622,7 +625,10 @@ const de = {
 			invalidType: "Datei muss ein Bild sein",
 			tooLarge: (maxMb) => `Datei überschreitet das Limit von ${maxMb} MB`
 		},
-		breadcrumbs: { label: "Brotkrümelnavigation" },
+		breadcrumbs: {
+			label: "Brotkrümelnavigation",
+			showHidden: "Ausgeblendete Ebenen anzeigen"
+		},
 		chart: {
 			roleDescription: "Diagramm",
 			lineChart: "Liniendiagramm",
@@ -838,7 +844,10 @@ const el = {
 			invalidType: "Το αρχείο πρέπει να είναι εικόνα",
 			tooLarge: (maxMb) => `Το αρχείο υπερβαίνει το όριο των ${maxMb} MB`
 		},
-		breadcrumbs: { label: "Διαδρομή πλοήγησης" },
+		breadcrumbs: {
+			label: "Διαδρομή πλοήγησης",
+			showHidden: "Εμφάνιση κρυφών επιπέδων"
+		},
 		chart: {
 			roleDescription: "γράφημα",
 			lineChart: "Γράφημα γραμμών",
@@ -1054,7 +1063,10 @@ const en = {
 			invalidType: "File must be an image",
 			tooLarge: (maxMb) => `File exceeds ${maxMb} MB limit`
 		},
-		breadcrumbs: { label: "Breadcrumb" },
+		breadcrumbs: {
+			label: "Breadcrumb",
+			showHidden: "Show hidden levels"
+		},
 		chart: {
 			roleDescription: "chart",
 			lineChart: "Line chart",
@@ -1270,7 +1282,10 @@ const esES = {
 			invalidType: "El archivo debe ser una imagen",
 			tooLarge: (maxMb) => `El archivo supera el límite de ${maxMb} MB`
 		},
-		breadcrumbs: { label: "Ruta de navegación" },
+		breadcrumbs: {
+			label: "Ruta de navegación",
+			showHidden: "Mostrar los niveles ocultos"
+		},
 		chart: {
 			roleDescription: "gráfico",
 			lineChart: "Gráfico de líneas",
@@ -1486,7 +1501,10 @@ const frFR = {
 			invalidType: "Le fichier doit être une image",
 			tooLarge: (maxMb) => `Le fichier dépasse la limite de ${maxMb} MB`
 		},
-		breadcrumbs: { label: "Fil d'Ariane" },
+		breadcrumbs: {
+			label: "Fil d'Ariane",
+			showHidden: "Afficher les niveaux masqués"
+		},
 		chart: {
 			roleDescription: "graphique",
 			lineChart: "Graphique linéaire",
@@ -1702,7 +1720,10 @@ const he = {
 			invalidType: "הקובץ חייב להיות תמונה",
 			tooLarge: (maxMb) => `הקובץ חורג ממגבלת ${maxMb} MB`
 		},
-		breadcrumbs: { label: "נתיב ניווט" },
+		breadcrumbs: {
+			label: "נתיב ניווט",
+			showHidden: "הצגת הרמות המוסתרות"
+		},
 		chart: {
 			roleDescription: "תרשים",
 			lineChart: "תרשים קווי",
@@ -1918,7 +1939,10 @@ const hi = {
 			invalidType: "फ़ाइल एक छवि होनी चाहिए",
 			tooLarge: (maxMb) => `फ़ाइल ${maxMb} MB की सीमा से अधिक है`
 		},
-		breadcrumbs: { label: "ब्रेडक्रंब" },
+		breadcrumbs: {
+			label: "ब्रेडक्रंब",
+			showHidden: "छिपे हुए स्तर दिखाएँ"
+		},
 		chart: {
 			roleDescription: "चार्ट",
 			lineChart: "लाइन चार्ट",
@@ -2134,7 +2158,10 @@ const is = {
 			invalidType: "Skráin verður að vera mynd",
 			tooLarge: (maxMb) => `Skráin fer yfir ${maxMb} MB mörkin`
 		},
-		breadcrumbs: { label: "Brauðmolaslóð" },
+		breadcrumbs: {
+			label: "Brauðmolaslóð",
+			showHidden: "Sýna falin stig"
+		},
 		chart: {
 			roleDescription: "graf",
 			lineChart: "Línurit",
@@ -2350,7 +2377,10 @@ const nl = {
 			invalidType: "Bestand moet een afbeelding zijn",
 			tooLarge: (maxMb) => `Bestand overschrijdt de limiet van ${maxMb} MB`
 		},
-		breadcrumbs: { label: "Broodkruimelnavigatie" },
+		breadcrumbs: {
+			label: "Broodkruimelnavigatie",
+			showHidden: "Verborgen niveaus tonen"
+		},
 		chart: {
 			roleDescription: "grafiek",
 			lineChart: "Lijndiagram",
@@ -2566,7 +2596,10 @@ const pl = {
 			invalidType: "Plik musi być obrazem",
 			tooLarge: (maxMb) => `Plik przekracza limit ${maxMb} MB`
 		},
-		breadcrumbs: { label: "Ścieżka nawigacji" },
+		breadcrumbs: {
+			label: "Ścieżka nawigacji",
+			showHidden: "Pokaż ukryte poziomy"
+		},
 		chart: {
 			roleDescription: "wykres",
 			lineChart: "Wykres liniowy",
@@ -2782,7 +2815,10 @@ const ptBR = {
 			invalidType: "O arquivo deve ser uma imagem",
 			tooLarge: (maxMb) => `O arquivo excede o limite de ${maxMb} MB`
 		},
-		breadcrumbs: { label: "Trilha de navegação" },
+		breadcrumbs: {
+			label: "Trilha de navegação",
+			showHidden: "Mostrar os níveis ocultos"
+		},
 		chart: {
 			roleDescription: "gráfico",
 			lineChart: "Gráfico de linhas",
@@ -2998,7 +3034,10 @@ const ru = {
 			invalidType: "Файл должен быть изображением",
 			tooLarge: (maxMb) => `Файл превышает лимит ${maxMb} MB`
 		},
-		breadcrumbs: { label: "Навигационная цепочка" },
+		breadcrumbs: {
+			label: "Навигационная цепочка",
+			showHidden: "Показать скрытые уровни"
+		},
 		chart: {
 			roleDescription: "диаграмма",
 			lineChart: "Линейный график",
@@ -3214,7 +3253,10 @@ const uk = {
 			invalidType: "Файл має бути зображенням",
 			tooLarge: (maxMb) => `Файл перевищує ліміт ${maxMb} MB`
 		},
-		breadcrumbs: { label: "Навігаційний ланцюжок" },
+		breadcrumbs: {
+			label: "Навігаційний ланцюжок",
+			showHidden: "Показати приховані рівні"
+		},
 		chart: {
 			roleDescription: "діаграма",
 			lineChart: "Лінійний графік",
@@ -3430,7 +3472,10 @@ const zhCN = {
 			invalidType: "文件必须是图片",
 			tooLarge: (maxMb) => `文件超过 ${maxMb} MB 限制`
 		},
-		breadcrumbs: { label: "面包屑导航" },
+		breadcrumbs: {
+			label: "面包屑导航",
+			showHidden: "显示隐藏的层级"
+		},
 		chart: {
 			roleDescription: "图表",
 			lineChart: "折线图",
@@ -9940,17 +9985,169 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var MoreHorizontalIconComponent = class MoreHorizontalIconComponent extends IconComponentBase {
+	static slug = "more-horizontal";
+	static category = "feather";
+	static tags = [
+		"more-horizontal",
+		"more",
+		"horizontal",
+		"ellipsis",
+		"menu",
+		"dots",
+		"options",
+		"plus",
+		"más",
+		"περισσότερα",
+		"więcej"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: MoreHorizontalIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: MoreHorizontalIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-more-horizontal",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <circle
+        cx="12"
+        cy="12"
+        r="1" />
+      <circle
+        cx="19"
+        cy="12"
+        r="1" />
+      <circle
+        cx="5"
+        cy="12"
+        r="1" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: MoreHorizontalIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-more-horizontal",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <circle
+        cx="12"
+        cy="12"
+        r="1" />
+      <circle
+        cx="19"
+        cy="12"
+        r="1" />
+      <circle
+        cx="5"
+        cy="12"
+        r="1" />
+    </svg>
+  `
+		}]
+	}]
+});
 var BreadcrumbsComponent = class BreadcrumbsComponent {
 	i18n = inject(EagamiI18nService);
+	popover = viewChild(PopoverComponent, ...ngDevMode ? [{ debugName: "popover" }] : /* istanbul ignore next */ []);
+	expandEl = viewChild("expandEl", ...ngDevMode ? [{ debugName: "expandEl" }] : /* istanbul ignore next */ []);
+	menuEl = viewChild("menuEl", ...ngDevMode ? [{ debugName: "menuEl" }] : /* istanbul ignore next */ []);
+	sizerEl = viewChild("sizerEl", ...ngDevMode ? [{ debugName: "sizerEl" }] : /* istanbul ignore next */ []);
+	sizerItemEls = viewChildren("sizerItemEl", ...ngDevMode ? [{ debugName: "sizerItemEls" }] : /* istanbul ignore next */ []);
+	sizerExpandEl = viewChild("sizerExpandEl", ...ngDevMode ? [{ debugName: "sizerExpandEl" }] : /* istanbul ignore next */ []);
 	items = input([], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
 	separator = input("chevron", ...ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []);
 	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	maxItems = input(void 0, ...ngDevMode ? [{ debugName: "maxItems" }] : /* istanbul ignore next */ []);
+	overflow = input("menu", ...ngDevMode ? [{ debugName: "overflow" }] : /* istanbul ignore next */ []);
 	ariaLabel = input(void 0, {
 		...ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {},
 		alias: "aria-label"
 	});
 	clicked = output();
+	menuId = uniqueId("ea-breadcrumbs-menu");
+	menuOpen = signal(false, ...ngDevMode ? [{ debugName: "menuOpen" }] : /* istanbul ignore next */ []);
+	menuPinned = false;
+	menuFocusPending = signal(false, ...ngDevMode ? [{ debugName: "menuFocusPending" }] : /* istanbul ignore next */ []);
+	crowdedOut = signal(0, ...ngDevMode ? [{ debugName: "crowdedOut" }] : /* istanbul ignore next */ []);
 	resolvedAriaLabel = computed(() => this.ariaLabel() ?? this.i18n.messages().breadcrumbs.label, ...ngDevMode ? [{ debugName: "resolvedAriaLabel" }] : /* istanbul ignore next */ []);
+	indexed = computed(() => this.items().map((item, index) => ({
+		item,
+		index
+	})), ...ngDevMode ? [{ debugName: "indexed" }] : /* istanbul ignore next */ []);
+	menuCount = computed(() => {
+		const count = this.items().length;
+		const max = this.maxItems();
+		const overMax = max ? count - Math.max(2, max) : 0;
+		const crowdedOut = this.overflow() === "menu" ? this.crowdedOut() : 0;
+		return Math.max(0, Math.min(count - 2, Math.max(overMax, crowdedOut)));
+	}, ...ngDevMode ? [{ debugName: "menuCount" }] : /* istanbul ignore next */ []);
+	crumbs = computed(() => {
+		const all = this.indexed();
+		const inMenu = this.menuCount();
+		return inMenu > 0 ? [all[0], ...all.slice(inMenu + 1)] : all;
+	}, ...ngDevMode ? [{ debugName: "crumbs" }] : /* istanbul ignore next */ []);
+	menuCrumbs = computed(() => this.indexed().slice(1, 1 + this.menuCount()), ...ngDevMode ? [{ debugName: "menuCrumbs" }] : /* istanbul ignore next */ []);
+	constructor() {
+		afterRenderEffect((onCleanup) => {
+			const sizer = this.sizerEl()?.nativeElement;
+			const expand = this.sizerExpandEl()?.nativeElement;
+			const levels = this.sizerItemEls();
+			if (!sizer || !expand || typeof ResizeObserver === "undefined") return;
+			const observer = new ResizeObserver(() => this.fit());
+			observer.observe(sizer);
+			observer.observe(expand);
+			for (const level of levels) observer.observe(level.nativeElement);
+			onCleanup(() => observer.disconnect());
+			untracked(() => this.fit());
+		});
+		afterRenderEffect(() => {
+			if (this.menuFocusPending() && this.popover()?.isPositioned()) untracked(() => {
+				this.menuFocusPending.set(false);
+				this.menuItems()[0]?.focus();
+			});
+		});
+		effect(() => {
+			if (this.menuCrumbs().length === 0) untracked(() => this.closeMenu());
+		});
+	}
 	isLast(index) {
 		return index === this.items().length - 1;
 	}
@@ -9965,6 +10162,94 @@ var BreadcrumbsComponent = class BreadcrumbsComponent {
 			event
 		});
 	}
+	toggleMenu() {
+		if (this.menuOpen() && this.menuPinned) this.closeMenu();
+		else this.openMenu(true);
+	}
+	handleExpandKeydown(event) {
+		if (event.key === "ArrowDown") {
+			event.preventDefault();
+			this.openMenu(true);
+		} else if (event.key === "Escape" && this.menuOpen()) {
+			event.preventDefault();
+			this.closeMenu();
+		}
+	}
+	handleExpandEnter() {
+		if (!this.menuOpen()) this.openMenu(false);
+	}
+	handleHoverLeave(event) {
+		if (this.menuPinned) return;
+		const next = event.relatedTarget;
+		if (!(next instanceof Node && (this.expandEl()?.nativeElement.contains(next) || this.menuEl()?.nativeElement.contains(next)))) this.closeMenu();
+	}
+	handleMenuClick(crumb, event) {
+		this.clicked.emit({
+			item: crumb.item,
+			index: crumb.index,
+			event
+		});
+		this.closeMenu(true);
+	}
+	handleMenuKeydown(event) {
+		const items = this.menuItems();
+		const current = items.findIndex((item) => item === document.activeElement);
+		switch (event.key) {
+			case "ArrowDown":
+				event.preventDefault();
+				items[current < items.length - 1 ? current + 1 : 0]?.focus();
+				break;
+			case "ArrowUp":
+				event.preventDefault();
+				items[current > 0 ? current - 1 : items.length - 1]?.focus();
+				break;
+			case "Home":
+				event.preventDefault();
+				items[0]?.focus();
+				break;
+			case "End":
+				event.preventDefault();
+				items[items.length - 1]?.focus();
+				break;
+			case "Escape":
+				event.preventDefault();
+				this.closeMenu(true);
+				break;
+			case "Tab": this.closeMenu(true);
+		}
+	}
+	closeMenu(restoreFocus = false) {
+		if (!this.menuOpen()) return;
+		this.menuOpen.set(false);
+		this.menuPinned = false;
+		this.menuFocusPending.set(false);
+		if (restoreFocus) this.expandEl()?.nativeElement.focus();
+	}
+	openMenu(pinned) {
+		this.menuPinned = pinned;
+		this.menuOpen.set(true);
+		this.menuFocusPending.set(pinned);
+	}
+	menuItems() {
+		const menu = this.menuEl()?.nativeElement;
+		return menu ? Array.from(menu.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled])")) : [];
+	}
+	fit() {
+		const sizer = this.sizerEl()?.nativeElement;
+		const expand = this.sizerExpandEl()?.nativeElement;
+		if (!sizer || !expand) return;
+		const widths = this.sizerItemEls().map((level) => level.nativeElement.getBoundingClientRect().width);
+		const gap = parseFloat(getComputedStyle(sizer).columnGap) || 0;
+		const available = sizer.getBoundingClientRect().width;
+		let needed = widths.reduce((sum, width) => sum + width + gap, -gap);
+		let crowdedOut = 0;
+		while (crowdedOut < widths.length - 2 && needed > available + .5) {
+			crowdedOut++;
+			needed -= widths[crowdedOut] + gap;
+			if (crowdedOut === 1) needed += expand.getBoundingClientRect().width + gap;
+		}
+		this.crowdedOut.set(crowdedOut);
+	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
@@ -10001,6 +10286,20 @@ var BreadcrumbsComponent = class BreadcrumbsComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			maxItems: {
+				classPropertyName: "maxItems",
+				publicName: "maxItems",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			overflow: {
+				classPropertyName: "overflow",
+				publicName: "overflow",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			ariaLabel: {
 				classPropertyName: "ariaLabel",
 				publicName: "aria-label",
@@ -10010,14 +10309,100 @@ var BreadcrumbsComponent = class BreadcrumbsComponent {
 			}
 		},
 		outputs: { clicked: "clicked" },
+		viewQueries: [
+			{
+				propertyName: "popover",
+				first: true,
+				predicate: PopoverComponent,
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "expandEl",
+				first: true,
+				predicate: ["expandEl"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "menuEl",
+				first: true,
+				predicate: ["menuEl"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "sizerEl",
+				first: true,
+				predicate: ["sizerEl"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "sizerItemEls",
+				predicate: ["sizerItemEl"],
+				descendants: true,
+				isSignal: true
+			},
+			{
+				propertyName: "sizerExpandEl",
+				first: true,
+				predicate: ["sizerExpandEl"],
+				descendants: true,
+				isSignal: true
+			}
+		],
 		ngImport: i0,
-		template: "<nav\n  class=\"ea-breadcrumbs ea-breadcrumbs--{{ size() }}\"\n  [attr.aria-label]=\"resolvedAriaLabel()\">\n  <ol class=\"ea-breadcrumbs__list\">\n    @for (item of items(); track $index; let i = $index; let last = $last) {\n      <li class=\"ea-breadcrumbs__item\">\n        @if (last) {\n          <span\n            class=\"ea-breadcrumbs__current\"\n            aria-current=\"page\">\n            {{ item.label }}\n          </span>\n        } @else if (item.disabled) {\n          <span class=\"ea-breadcrumbs__link ea-breadcrumbs__link--disabled\">\n            {{ item.label }}\n          </span>\n        } @else if (item.href) {\n          <a\n            class=\"ea-breadcrumbs__link\"\n            [href]=\"item.href\"\n            (click)=\"handleClick(item, i, $event)\">\n            {{ item.label }}\n          </a>\n        } @else {\n          <button\n            type=\"button\"\n            class=\"ea-breadcrumbs__link ea-breadcrumbs__link--button\"\n            (click)=\"handleClick(item, i, $event)\">\n            {{ item.label }}\n          </button>\n        }\n\n        @if (!last) {\n          @if (separator() === 'chevron') {\n            <ea-icon-chevron-right\n              class=\"ea-breadcrumbs__separator ea-rtl-flip\"\n              aria-hidden=\"true\" />\n          } @else {\n            <span\n              class=\"ea-breadcrumbs__separator ea-breadcrumbs__separator--slash\"\n              aria-hidden=\"true\">\n              /\n            </span>\n          }\n        }\n      </li>\n    }\n  </ol>\n</nav>\n",
-		styles: [".ea-breadcrumbs{font-family:var(--font-family-sans);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-breadcrumbs--2xs{font-size:var(--font-size-2xs)}.ea-breadcrumbs--xs{font-size:var(--font-size-xs)}.ea-breadcrumbs--sm{font-size:var(--font-size-sm)}.ea-breadcrumbs--md{font-size:var(--font-size-md)}.ea-breadcrumbs--lg{font-size:var(--font-size-lg)}.ea-breadcrumbs--xl{font-size:var(--font-size-xl)}.ea-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:.25em;padding:0;margin:0;list-style:none}.ea-breadcrumbs__item{display:inline-flex;align-items:center;gap:.25em;min-width:0}.ea-breadcrumbs__link{padding:.125em .25em;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:inherit;text-decoration:none;cursor:pointer;transition:var(--transition-colors)}.ea-breadcrumbs__link:hover:not(.ea-breadcrumbs__link--disabled){color:var(--color-text-primary);text-decoration:underline}.ea-breadcrumbs__link:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-breadcrumbs__link:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-breadcrumbs__link--disabled{color:var(--color-text-disabled);cursor:default}.ea-breadcrumbs__current{padding:.125em .25em;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ea-breadcrumbs__separator{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;color:var(--color-text-tertiary);flex-shrink:0;-webkit-user-select:none;user-select:none}.ea-breadcrumbs__separator--slash{width:auto;height:auto}\n"],
-		dependencies: [{
-			kind: "component",
-			type: ChevronRightIconComponent,
-			selector: "ea-icon-chevron-right"
-		}],
+		template: "<nav\n  class=\"ea-breadcrumbs ea-breadcrumbs--{{ size() }} ea-breadcrumbs--{{ overflow() }}\"\n  [attr.aria-label]=\"resolvedAriaLabel()\">\n  <ol class=\"ea-breadcrumbs__list\">\n    @for (crumb of crumbs(); track crumb.index; let first = $first; let last = $last) {\n      <li class=\"ea-breadcrumbs__item\">\n        @if (last) {\n          <span\n            class=\"ea-breadcrumbs__current\"\n            aria-current=\"page\">\n            {{ crumb.item.label }}\n          </span>\n        } @else if (crumb.item.disabled) {\n          <span class=\"ea-breadcrumbs__link ea-breadcrumbs__link--disabled\">\n            {{ crumb.item.label }}\n          </span>\n        } @else if (crumb.item.href) {\n          <a\n            class=\"ea-breadcrumbs__link\"\n            [href]=\"crumb.item.href\"\n            (click)=\"handleClick(crumb.item, crumb.index, $event)\">\n            {{ crumb.item.label }}\n          </a>\n        } @else {\n          <button\n            type=\"button\"\n            class=\"ea-breadcrumbs__link ea-breadcrumbs__link--button\"\n            (click)=\"handleClick(crumb.item, crumb.index, $event)\">\n            {{ crumb.item.label }}\n          </button>\n        }\n\n        @if (!last) {\n          <ng-container [ngTemplateOutlet]=\"separatorTpl\" />\n        }\n      </li>\n      @if (first && menuCrumbs().length > 0) {\n        <li class=\"ea-breadcrumbs__item\">\n          <button\n            #expandEl\n            type=\"button\"\n            class=\"ea-breadcrumbs__link ea-breadcrumbs__link--button ea-breadcrumbs__expand\"\n            aria-haspopup=\"menu\"\n            [attr.aria-expanded]=\"menuOpen()\"\n            [attr.aria-controls]=\"menuOpen() ? menuId : null\"\n            [attr.aria-label]=\"i18n.messages().breadcrumbs.showHidden\"\n            (click)=\"toggleMenu()\"\n            (keydown)=\"handleExpandKeydown($event)\"\n            (mouseenter)=\"handleExpandEnter()\"\n            (mouseleave)=\"handleHoverLeave($event)\">\n            <ea-icon-more-horizontal aria-hidden=\"true\" />\n          </button>\n          <ng-container [ngTemplateOutlet]=\"separatorTpl\" />\n        </li>\n      }\n    }\n  </ol>\n\n  @if (overflow() === 'menu') {\n    <div\n      #sizerEl\n      class=\"ea-breadcrumbs__sizer\"\n      aria-hidden=\"true\">\n      @for (item of items(); track $index; let last = $last) {\n        <span\n          #sizerItemEl\n          class=\"ea-breadcrumbs__item\">\n          <span [class]=\"last ? 'ea-breadcrumbs__current' : 'ea-breadcrumbs__link'\">\n            {{ item.label }}\n          </span>\n          @if (!last) {\n            <ng-container [ngTemplateOutlet]=\"separatorTpl\" />\n          }\n        </span>\n      }\n      <span\n        #sizerExpandEl\n        class=\"ea-breadcrumbs__item ea-breadcrumbs__sizer-expand\">\n        <span class=\"ea-breadcrumbs__link ea-breadcrumbs__expand\">\n          <ea-icon-more-horizontal />\n        </span>\n        <ng-container [ngTemplateOutlet]=\"separatorTpl\" />\n      </span>\n    </div>\n  }\n</nav>\n\n<ea-popover\n  [anchor]=\"expandEl()\"\n  [open]=\"menuOpen()\"\n  placement=\"bottom-start\"\n  role=\"menu\"\n  [surfaceId]=\"menuId\"\n  [aria-label]=\"i18n.messages().breadcrumbs.showHidden\"\n  [closeOnEscape]=\"false\"\n  (closeRequested)=\"closeMenu()\">\n  <div\n    #menuEl\n    class=\"ea-breadcrumbs__menu ea-breadcrumbs__menu--{{ size() }}\"\n    role=\"none\"\n    (keydown)=\"handleMenuKeydown($event)\"\n    (mouseleave)=\"handleHoverLeave($event)\">\n    <div\n      class=\"ea-breadcrumbs__menu-list\"\n      role=\"none\">\n      @for (crumb of menuCrumbs(); track crumb.index) {\n        @if (crumb.item.disabled) {\n          <span\n            class=\"ea-breadcrumbs__menu-item ea-breadcrumbs__menu-item--disabled\"\n            role=\"menuitem\"\n            aria-disabled=\"true\">\n            {{ crumb.item.label }}\n          </span>\n        } @else if (crumb.item.href) {\n          <a\n            class=\"ea-breadcrumbs__menu-item\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n            [href]=\"crumb.item.href\"\n            (click)=\"handleMenuClick(crumb, $event)\">\n            {{ crumb.item.label }}\n          </a>\n        } @else {\n          <button\n            type=\"button\"\n            class=\"ea-breadcrumbs__menu-item\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n            (click)=\"handleMenuClick(crumb, $event)\">\n            {{ crumb.item.label }}\n          </button>\n        }\n      }\n    </div>\n  </div>\n</ea-popover>\n\n<ng-template #separatorTpl>\n  @if (separator() === 'chevron') {\n    <ea-icon-chevron-right\n      class=\"ea-breadcrumbs__separator ea-rtl-flip\"\n      aria-hidden=\"true\" />\n  } @else {\n    <span\n      class=\"ea-breadcrumbs__separator ea-breadcrumbs__separator--slash\"\n      aria-hidden=\"true\">\n      /\n    </span>\n  }\n</ng-template>\n",
+		styles: ["ea-breadcrumbs{display:block;min-width:0}.ea-breadcrumbs{font-family:var(--font-family-sans);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-breadcrumbs--2xs{font-size:var(--font-size-2xs)}.ea-breadcrumbs--xs{font-size:var(--font-size-xs)}.ea-breadcrumbs--sm{font-size:var(--font-size-sm)}.ea-breadcrumbs--md{font-size:var(--font-size-md)}.ea-breadcrumbs--lg{font-size:var(--font-size-lg)}.ea-breadcrumbs--xl{font-size:var(--font-size-xl)}.ea-breadcrumbs__list{display:flex;align-items:center;gap:.25em;padding:0;margin:0;list-style:none}.ea-breadcrumbs__item{display:inline-flex;flex-shrink:0;align-items:center;gap:.25em;min-width:0;white-space:nowrap}.ea-breadcrumbs--menu .ea-breadcrumbs__list>.ea-breadcrumbs__item:last-child{flex-shrink:1}.ea-breadcrumbs--scroll .ea-breadcrumbs__list{overflow-x:auto;padding:var(--space-1);margin:calc(-1 * var(--space-1))}.ea-breadcrumbs__sizer{position:relative;overflow:hidden;visibility:hidden;display:flex;flex-wrap:wrap;gap:.25em;height:0}.ea-breadcrumbs__sizer-expand{position:absolute;top:0;inset-inline-start:0}.ea-breadcrumbs__link{padding:.125em .25em;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:inherit;text-decoration:none;cursor:pointer;transition:var(--transition-colors)}.ea-breadcrumbs__link:hover:not(.ea-breadcrumbs__link--disabled){color:var(--color-text-primary);text-decoration:underline}.ea-breadcrumbs__link:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-breadcrumbs__link:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-breadcrumbs__link--disabled{color:var(--color-text-disabled);cursor:default}.ea-breadcrumbs__expand{display:inline-flex;align-items:center}.ea-breadcrumbs__current{overflow:hidden;min-width:0;padding:.125em .25em;text-overflow:ellipsis;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ea-breadcrumbs__separator{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;color:var(--color-text-tertiary);flex-shrink:0;-webkit-user-select:none;user-select:none}.ea-breadcrumbs__separator--slash{width:auto;height:auto}.ea-breadcrumbs__menu{position:relative}.ea-breadcrumbs__menu--2xs{font-size:var(--font-size-2xs)}.ea-breadcrumbs__menu--xs{font-size:var(--font-size-xs)}.ea-breadcrumbs__menu--sm{font-size:var(--font-size-sm)}.ea-breadcrumbs__menu--md{font-size:var(--font-size-md)}.ea-breadcrumbs__menu--lg{font-size:var(--font-size-lg)}.ea-breadcrumbs__menu--xl{font-size:var(--font-size-xl)}.ea-breadcrumbs__menu:before,.ea-breadcrumbs__menu:after{position:absolute;right:0;left:0;height:var(--space-1);content:\"\"}.ea-breadcrumbs__menu:before{bottom:100%}.ea-breadcrumbs__menu:after{top:100%}.ea-breadcrumbs__menu-list{overflow-y:auto;min-width:10em;padding:.25em 0;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}@media(forced-colors:active){.ea-breadcrumbs__menu-list{border:1px solid CanvasText}}.ea-breadcrumbs__menu-list{max-height:20rem;background-color:var(--color-bg-elevated)}.ea-breadcrumbs__menu-item{display:flex;align-items:center;gap:.5em;width:100%;padding:.5em .75em;font-size:inherit;text-align:start;font-family:var(--font-family-sans);border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-breadcrumbs__menu-item:hover:not(.ea-breadcrumbs__menu-item--disabled),.ea-breadcrumbs__menu-item:focus-visible:not(.ea-breadcrumbs__menu-item--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-breadcrumbs__menu-item:hover:not(.ea-breadcrumbs__menu-item--disabled),.ea-breadcrumbs__menu-item:focus-visible:not(.ea-breadcrumbs__menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-breadcrumbs__menu-item:focus-visible{outline:none}.ea-breadcrumbs__menu-item{text-decoration:none}.ea-breadcrumbs__menu-item--disabled{color:var(--color-text-disabled);cursor:default}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: ChevronRightIconComponent,
+				selector: "ea-icon-chevron-right"
+			},
+			{
+				kind: "component",
+				type: MoreHorizontalIconComponent,
+				selector: "ea-icon-more-horizontal"
+			},
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: PopoverComponent,
+				selector: "ea-popover",
+				inputs: [
+					"anchor",
+					"open",
+					"placement",
+					"anchorPoint",
+					"role",
+					"aria-label",
+					"aria-labelledby",
+					"trapFocus",
+					"surfaceId",
+					"offset",
+					"flip",
+					"clamp",
+					"matchAnchorWidth",
+					"maxWidth",
+					"closeOnOutsideClick",
+					"closeOnEscape",
+					"scrollBehavior",
+					"contextMenu"
+				],
+				outputs: ["closeRequested", "openRequested"]
+			}
+		],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush,
 		encapsulation: i0.ViewEncapsulation.None
 	});
@@ -10031,14 +10416,44 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "ea-breadcrumbs",
-			imports: [ChevronRightIconComponent],
+			imports: [
+				ChevronRightIconComponent,
+				MoreHorizontalIconComponent,
+				NgTemplateOutlet,
+				PopoverComponent
+			],
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			encapsulation: ViewEncapsulation.None,
-			template: "<nav\n  class=\"ea-breadcrumbs ea-breadcrumbs--{{ size() }}\"\n  [attr.aria-label]=\"resolvedAriaLabel()\">\n  <ol class=\"ea-breadcrumbs__list\">\n    @for (item of items(); track $index; let i = $index; let last = $last) {\n      <li class=\"ea-breadcrumbs__item\">\n        @if (last) {\n          <span\n            class=\"ea-breadcrumbs__current\"\n            aria-current=\"page\">\n            {{ item.label }}\n          </span>\n        } @else if (item.disabled) {\n          <span class=\"ea-breadcrumbs__link ea-breadcrumbs__link--disabled\">\n            {{ item.label }}\n          </span>\n        } @else if (item.href) {\n          <a\n            class=\"ea-breadcrumbs__link\"\n            [href]=\"item.href\"\n            (click)=\"handleClick(item, i, $event)\">\n            {{ item.label }}\n          </a>\n        } @else {\n          <button\n            type=\"button\"\n            class=\"ea-breadcrumbs__link ea-breadcrumbs__link--button\"\n            (click)=\"handleClick(item, i, $event)\">\n            {{ item.label }}\n          </button>\n        }\n\n        @if (!last) {\n          @if (separator() === 'chevron') {\n            <ea-icon-chevron-right\n              class=\"ea-breadcrumbs__separator ea-rtl-flip\"\n              aria-hidden=\"true\" />\n          } @else {\n            <span\n              class=\"ea-breadcrumbs__separator ea-breadcrumbs__separator--slash\"\n              aria-hidden=\"true\">\n              /\n            </span>\n          }\n        }\n      </li>\n    }\n  </ol>\n</nav>\n",
-			styles: [".ea-breadcrumbs{font-family:var(--font-family-sans);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-breadcrumbs--2xs{font-size:var(--font-size-2xs)}.ea-breadcrumbs--xs{font-size:var(--font-size-xs)}.ea-breadcrumbs--sm{font-size:var(--font-size-sm)}.ea-breadcrumbs--md{font-size:var(--font-size-md)}.ea-breadcrumbs--lg{font-size:var(--font-size-lg)}.ea-breadcrumbs--xl{font-size:var(--font-size-xl)}.ea-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:.25em;padding:0;margin:0;list-style:none}.ea-breadcrumbs__item{display:inline-flex;align-items:center;gap:.25em;min-width:0}.ea-breadcrumbs__link{padding:.125em .25em;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:inherit;text-decoration:none;cursor:pointer;transition:var(--transition-colors)}.ea-breadcrumbs__link:hover:not(.ea-breadcrumbs__link--disabled){color:var(--color-text-primary);text-decoration:underline}.ea-breadcrumbs__link:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-breadcrumbs__link:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-breadcrumbs__link--disabled{color:var(--color-text-disabled);cursor:default}.ea-breadcrumbs__current{padding:.125em .25em;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ea-breadcrumbs__separator{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;color:var(--color-text-tertiary);flex-shrink:0;-webkit-user-select:none;user-select:none}.ea-breadcrumbs__separator--slash{width:auto;height:auto}\n"]
+			template: "<nav\n  class=\"ea-breadcrumbs ea-breadcrumbs--{{ size() }} ea-breadcrumbs--{{ overflow() }}\"\n  [attr.aria-label]=\"resolvedAriaLabel()\">\n  <ol class=\"ea-breadcrumbs__list\">\n    @for (crumb of crumbs(); track crumb.index; let first = $first; let last = $last) {\n      <li class=\"ea-breadcrumbs__item\">\n        @if (last) {\n          <span\n            class=\"ea-breadcrumbs__current\"\n            aria-current=\"page\">\n            {{ crumb.item.label }}\n          </span>\n        } @else if (crumb.item.disabled) {\n          <span class=\"ea-breadcrumbs__link ea-breadcrumbs__link--disabled\">\n            {{ crumb.item.label }}\n          </span>\n        } @else if (crumb.item.href) {\n          <a\n            class=\"ea-breadcrumbs__link\"\n            [href]=\"crumb.item.href\"\n            (click)=\"handleClick(crumb.item, crumb.index, $event)\">\n            {{ crumb.item.label }}\n          </a>\n        } @else {\n          <button\n            type=\"button\"\n            class=\"ea-breadcrumbs__link ea-breadcrumbs__link--button\"\n            (click)=\"handleClick(crumb.item, crumb.index, $event)\">\n            {{ crumb.item.label }}\n          </button>\n        }\n\n        @if (!last) {\n          <ng-container [ngTemplateOutlet]=\"separatorTpl\" />\n        }\n      </li>\n      @if (first && menuCrumbs().length > 0) {\n        <li class=\"ea-breadcrumbs__item\">\n          <button\n            #expandEl\n            type=\"button\"\n            class=\"ea-breadcrumbs__link ea-breadcrumbs__link--button ea-breadcrumbs__expand\"\n            aria-haspopup=\"menu\"\n            [attr.aria-expanded]=\"menuOpen()\"\n            [attr.aria-controls]=\"menuOpen() ? menuId : null\"\n            [attr.aria-label]=\"i18n.messages().breadcrumbs.showHidden\"\n            (click)=\"toggleMenu()\"\n            (keydown)=\"handleExpandKeydown($event)\"\n            (mouseenter)=\"handleExpandEnter()\"\n            (mouseleave)=\"handleHoverLeave($event)\">\n            <ea-icon-more-horizontal aria-hidden=\"true\" />\n          </button>\n          <ng-container [ngTemplateOutlet]=\"separatorTpl\" />\n        </li>\n      }\n    }\n  </ol>\n\n  @if (overflow() === 'menu') {\n    <div\n      #sizerEl\n      class=\"ea-breadcrumbs__sizer\"\n      aria-hidden=\"true\">\n      @for (item of items(); track $index; let last = $last) {\n        <span\n          #sizerItemEl\n          class=\"ea-breadcrumbs__item\">\n          <span [class]=\"last ? 'ea-breadcrumbs__current' : 'ea-breadcrumbs__link'\">\n            {{ item.label }}\n          </span>\n          @if (!last) {\n            <ng-container [ngTemplateOutlet]=\"separatorTpl\" />\n          }\n        </span>\n      }\n      <span\n        #sizerExpandEl\n        class=\"ea-breadcrumbs__item ea-breadcrumbs__sizer-expand\">\n        <span class=\"ea-breadcrumbs__link ea-breadcrumbs__expand\">\n          <ea-icon-more-horizontal />\n        </span>\n        <ng-container [ngTemplateOutlet]=\"separatorTpl\" />\n      </span>\n    </div>\n  }\n</nav>\n\n<ea-popover\n  [anchor]=\"expandEl()\"\n  [open]=\"menuOpen()\"\n  placement=\"bottom-start\"\n  role=\"menu\"\n  [surfaceId]=\"menuId\"\n  [aria-label]=\"i18n.messages().breadcrumbs.showHidden\"\n  [closeOnEscape]=\"false\"\n  (closeRequested)=\"closeMenu()\">\n  <div\n    #menuEl\n    class=\"ea-breadcrumbs__menu ea-breadcrumbs__menu--{{ size() }}\"\n    role=\"none\"\n    (keydown)=\"handleMenuKeydown($event)\"\n    (mouseleave)=\"handleHoverLeave($event)\">\n    <div\n      class=\"ea-breadcrumbs__menu-list\"\n      role=\"none\">\n      @for (crumb of menuCrumbs(); track crumb.index) {\n        @if (crumb.item.disabled) {\n          <span\n            class=\"ea-breadcrumbs__menu-item ea-breadcrumbs__menu-item--disabled\"\n            role=\"menuitem\"\n            aria-disabled=\"true\">\n            {{ crumb.item.label }}\n          </span>\n        } @else if (crumb.item.href) {\n          <a\n            class=\"ea-breadcrumbs__menu-item\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n            [href]=\"crumb.item.href\"\n            (click)=\"handleMenuClick(crumb, $event)\">\n            {{ crumb.item.label }}\n          </a>\n        } @else {\n          <button\n            type=\"button\"\n            class=\"ea-breadcrumbs__menu-item\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n            (click)=\"handleMenuClick(crumb, $event)\">\n            {{ crumb.item.label }}\n          </button>\n        }\n      }\n    </div>\n  </div>\n</ea-popover>\n\n<ng-template #separatorTpl>\n  @if (separator() === 'chevron') {\n    <ea-icon-chevron-right\n      class=\"ea-breadcrumbs__separator ea-rtl-flip\"\n      aria-hidden=\"true\" />\n  } @else {\n    <span\n      class=\"ea-breadcrumbs__separator ea-breadcrumbs__separator--slash\"\n      aria-hidden=\"true\">\n      /\n    </span>\n  }\n</ng-template>\n",
+			styles: ["ea-breadcrumbs{display:block;min-width:0}.ea-breadcrumbs{font-family:var(--font-family-sans);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.ea-breadcrumbs--2xs{font-size:var(--font-size-2xs)}.ea-breadcrumbs--xs{font-size:var(--font-size-xs)}.ea-breadcrumbs--sm{font-size:var(--font-size-sm)}.ea-breadcrumbs--md{font-size:var(--font-size-md)}.ea-breadcrumbs--lg{font-size:var(--font-size-lg)}.ea-breadcrumbs--xl{font-size:var(--font-size-xl)}.ea-breadcrumbs__list{display:flex;align-items:center;gap:.25em;padding:0;margin:0;list-style:none}.ea-breadcrumbs__item{display:inline-flex;flex-shrink:0;align-items:center;gap:.25em;min-width:0;white-space:nowrap}.ea-breadcrumbs--menu .ea-breadcrumbs__list>.ea-breadcrumbs__item:last-child{flex-shrink:1}.ea-breadcrumbs--scroll .ea-breadcrumbs__list{overflow-x:auto;padding:var(--space-1);margin:calc(-1 * var(--space-1))}.ea-breadcrumbs__sizer{position:relative;overflow:hidden;visibility:hidden;display:flex;flex-wrap:wrap;gap:.25em;height:0}.ea-breadcrumbs__sizer-expand{position:absolute;top:0;inset-inline-start:0}.ea-breadcrumbs__link{padding:.125em .25em;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:inherit;text-decoration:none;cursor:pointer;transition:var(--transition-colors)}.ea-breadcrumbs__link:hover:not(.ea-breadcrumbs__link--disabled){color:var(--color-text-primary);text-decoration:underline}.ea-breadcrumbs__link:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-breadcrumbs__link:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-breadcrumbs__link--disabled{color:var(--color-text-disabled);cursor:default}.ea-breadcrumbs__expand{display:inline-flex;align-items:center}.ea-breadcrumbs__current{overflow:hidden;min-width:0;padding:.125em .25em;text-overflow:ellipsis;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.ea-breadcrumbs__separator{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;color:var(--color-text-tertiary);flex-shrink:0;-webkit-user-select:none;user-select:none}.ea-breadcrumbs__separator--slash{width:auto;height:auto}.ea-breadcrumbs__menu{position:relative}.ea-breadcrumbs__menu--2xs{font-size:var(--font-size-2xs)}.ea-breadcrumbs__menu--xs{font-size:var(--font-size-xs)}.ea-breadcrumbs__menu--sm{font-size:var(--font-size-sm)}.ea-breadcrumbs__menu--md{font-size:var(--font-size-md)}.ea-breadcrumbs__menu--lg{font-size:var(--font-size-lg)}.ea-breadcrumbs__menu--xl{font-size:var(--font-size-xl)}.ea-breadcrumbs__menu:before,.ea-breadcrumbs__menu:after{position:absolute;right:0;left:0;height:var(--space-1);content:\"\"}.ea-breadcrumbs__menu:before{bottom:100%}.ea-breadcrumbs__menu:after{top:100%}.ea-breadcrumbs__menu-list{overflow-y:auto;min-width:10em;padding:.25em 0;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}@media(forced-colors:active){.ea-breadcrumbs__menu-list{border:1px solid CanvasText}}.ea-breadcrumbs__menu-list{max-height:20rem;background-color:var(--color-bg-elevated)}.ea-breadcrumbs__menu-item{display:flex;align-items:center;gap:.5em;width:100%;padding:.5em .75em;font-size:inherit;text-align:start;font-family:var(--font-family-sans);border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-breadcrumbs__menu-item:hover:not(.ea-breadcrumbs__menu-item--disabled),.ea-breadcrumbs__menu-item:focus-visible:not(.ea-breadcrumbs__menu-item--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-breadcrumbs__menu-item:hover:not(.ea-breadcrumbs__menu-item--disabled),.ea-breadcrumbs__menu-item:focus-visible:not(.ea-breadcrumbs__menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-breadcrumbs__menu-item:focus-visible{outline:none}.ea-breadcrumbs__menu-item{text-decoration:none}.ea-breadcrumbs__menu-item--disabled{color:var(--color-text-disabled);cursor:default}\n"]
 		}]
 	}],
+	ctorParameters: () => [],
 	propDecorators: {
+		popover: [{
+			type: i0.ViewChild,
+			args: [i0.forwardRef(() => PopoverComponent), { isSignal: true }]
+		}],
+		expandEl: [{
+			type: i0.ViewChild,
+			args: ["expandEl", { isSignal: true }]
+		}],
+		menuEl: [{
+			type: i0.ViewChild,
+			args: ["menuEl", { isSignal: true }]
+		}],
+		sizerEl: [{
+			type: i0.ViewChild,
+			args: ["sizerEl", { isSignal: true }]
+		}],
+		sizerItemEls: [{
+			type: i0.ViewChildren,
+			args: ["sizerItemEl", { isSignal: true }]
+		}],
+		sizerExpandEl: [{
+			type: i0.ViewChild,
+			args: ["sizerExpandEl", { isSignal: true }]
+		}],
 		items: [{
 			type: i0.Input,
 			args: [{
@@ -10063,6 +10478,22 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		maxItems: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxItems",
+				required: false
+			}]
+		}],
+		overflow: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "overflow",
+				required: false
+			}]
+		}],
 		ariaLabel: [{
 			type: i0.Input,
 			args: [{
@@ -14111,7 +14542,7 @@ var MenuComponent = class MenuComponent {
 		}],
 		ngImport: i0,
 		template: "<ea-popover\n  [anchor]=\"triggerEl()\"\n  [open]=\"open()\"\n  [placement]=\"placement()\"\n  [anchorPoint]=\"anchorPoint()\"\n  [contextMenu]=\"asContextMenu()\"\n  role=\"menu\"\n  [surfaceId]=\"id()\"\n  [aria-label]=\"resolvedAriaLabel()\"\n  [closeOnEscape]=\"false\"\n  scrollBehavior=\"reposition\"\n  (closeRequested)=\"onPopoverCloseRequested()\">\n  <div\n    #listEl\n    class=\"ea-menu__list ea-menu__list--{{ size() }}\"\n    [style.max-height]=\"maxHeight()\">\n    <ng-content />\n  </div>\n</ea-popover>\n",
-		styles: [":host{display:contents}.ea-menu__list{min-width:10em;padding:.25em 0;overflow-y:auto;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-menu-list-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-menu__list{border:1px solid CanvasText}}.ea-menu__list--2xs{font-size:var(--font-size-2xs)}.ea-menu__list--xs{font-size:var(--font-size-xs)}.ea-menu__list--sm{font-size:var(--font-size-sm)}.ea-menu__list--md{font-size:var(--font-size-md)}.ea-menu__list--lg{font-size:var(--font-size-lg)}.ea-menu__list--xl{font-size:var(--font-size-xl)}\n"],
+		styles: [":host{display:contents}.ea-menu__list{overflow-y:auto;min-width:10em;padding:.25em 0;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}@media(forced-colors:active){.ea-menu__list{border:1px solid CanvasText}}.ea-menu__list{background-color:var(--ea-menu-list-background-color, var(--color-bg-elevated))}.ea-menu__list--2xs{font-size:var(--font-size-2xs)}.ea-menu__list--xs{font-size:var(--font-size-xs)}.ea-menu__list--sm{font-size:var(--font-size-sm)}.ea-menu__list--md{font-size:var(--font-size-md)}.ea-menu__list--lg{font-size:var(--font-size-lg)}.ea-menu__list--xl{font-size:var(--font-size-xl)}\n"],
 		dependencies: [{
 			kind: "component",
 			type: PopoverComponent,
@@ -14153,7 +14584,7 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [PopoverComponent],
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			template: "<ea-popover\n  [anchor]=\"triggerEl()\"\n  [open]=\"open()\"\n  [placement]=\"placement()\"\n  [anchorPoint]=\"anchorPoint()\"\n  [contextMenu]=\"asContextMenu()\"\n  role=\"menu\"\n  [surfaceId]=\"id()\"\n  [aria-label]=\"resolvedAriaLabel()\"\n  [closeOnEscape]=\"false\"\n  scrollBehavior=\"reposition\"\n  (closeRequested)=\"onPopoverCloseRequested()\">\n  <div\n    #listEl\n    class=\"ea-menu__list ea-menu__list--{{ size() }}\"\n    [style.max-height]=\"maxHeight()\">\n    <ng-content />\n  </div>\n</ea-popover>\n",
-			styles: [":host{display:contents}.ea-menu__list{min-width:10em;padding:.25em 0;overflow-y:auto;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-menu-list-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-menu__list{border:1px solid CanvasText}}.ea-menu__list--2xs{font-size:var(--font-size-2xs)}.ea-menu__list--xs{font-size:var(--font-size-xs)}.ea-menu__list--sm{font-size:var(--font-size-sm)}.ea-menu__list--md{font-size:var(--font-size-md)}.ea-menu__list--lg{font-size:var(--font-size-lg)}.ea-menu__list--xl{font-size:var(--font-size-xl)}\n"]
+			styles: [":host{display:contents}.ea-menu__list{overflow-y:auto;min-width:10em;padding:.25em 0;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}@media(forced-colors:active){.ea-menu__list{border:1px solid CanvasText}}.ea-menu__list{background-color:var(--ea-menu-list-background-color, var(--color-bg-elevated))}.ea-menu__list--2xs{font-size:var(--font-size-2xs)}.ea-menu__list--xs{font-size:var(--font-size-xs)}.ea-menu__list--sm{font-size:var(--font-size-sm)}.ea-menu__list--md{font-size:var(--font-size-md)}.ea-menu__list--lg{font-size:var(--font-size-lg)}.ea-menu__list--xl{font-size:var(--font-size-xl)}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -16008,6 +16439,8 @@ var DatePickerComponent = class DatePickerComponent {
 	errorMessages = input(void 0, ...ngDevMode ? [{ debugName: "errorMessages" }] : /* istanbul ignore next */ []);
 	minDate = input(null, ...ngDevMode ? [{ debugName: "minDate" }] : /* istanbul ignore next */ []);
 	maxDate = input(null, ...ngDevMode ? [{ debugName: "maxDate" }] : /* istanbul ignore next */ []);
+	disabledWeekdays = input([], ...ngDevMode ? [{ debugName: "disabledWeekdays" }] : /* istanbul ignore next */ []);
+	disabledDates = input([], ...ngDevMode ? [{ debugName: "disabledDates" }] : /* istanbul ignore next */ []);
 	format = input("medium", ...ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []);
 	weekStartsOn = input(1, ...ngDevMode ? [{ debugName: "weekStartsOn" }] : /* istanbul ignore next */ []);
 	locale = input(void 0, ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
@@ -16095,8 +16528,6 @@ var DatePickerComponent = class DatePickerComponent {
 		const today = this.startOfDay(/* @__PURE__ */ new Date());
 		const selected = this.value();
 		const focused = this.focusedDate();
-		const min = this.minDate() ? this.startOfDay(this.minDate()) : null;
-		const max = this.maxDate() ? this.startOfDay(this.maxDate()) : null;
 		const rows = [];
 		for (let row = 0; row < 6; row++) {
 			const cells = [];
@@ -16109,7 +16540,7 @@ var DatePickerComponent = class DatePickerComponent {
 					isCurrentMonth: cellDate.getMonth() === month,
 					isToday: this.isSameDay(cellDate, today),
 					isSelected: selected ? this.isSameDay(cellDate, selected) : false,
-					isDisabled: (min ? cellDate < min : false) || (max ? cellDate > max : false),
+					isDisabled: this.isUnavailable(cellDate),
 					isFocused: focused ? this.isSameDay(cellDate, focused) : false
 				});
 			}
@@ -16253,7 +16684,7 @@ var DatePickerComponent = class DatePickerComponent {
 			locale: this.effectiveLocale(),
 			monthNames: this.i18n.messages().datePicker.months
 		});
-		if (!parsed || this.isOutOfRange(parsed)) return;
+		if (!parsed || this.isUnavailable(parsed)) return;
 		const current = this.value();
 		if (!current || !this.isSameDay(parsed, current)) this.applyValue(this.startOfDay(parsed));
 	}
@@ -16268,10 +16699,15 @@ var DatePickerComponent = class DatePickerComponent {
 		this.onTouched();
 		this.changed.emit(date);
 	}
-	isOutOfRange(date) {
+	isUnavailable(date) {
 		const min = this.minDate();
 		const max = this.maxDate();
-		return !!min && date < this.startOfDay(min) || !!max && date > this.startOfDay(max);
+		return !!min && date < this.startOfDay(min) || !!max && date > this.startOfDay(max) || this.disabledWeekdays().includes(date.getDay()) || this.disabledDates().some((entry) => this.covers(entry, date));
+	}
+	covers(entry, date) {
+		if (entry instanceof Date) return this.isSameDay(entry, date);
+		const day = this.startOfDay(date);
+		return day >= this.startOfDay(entry.start) && day <= this.startOfDay(entry.end);
 	}
 	handleGridKeydown(event) {
 		if (!this.isOpen()) return;
@@ -16311,7 +16747,7 @@ var DatePickerComponent = class DatePickerComponent {
 			case " ": {
 				event.preventDefault();
 				const current = this.focusedDate();
-				if (!current || this.isOutOfRange(current)) return;
+				if (!current || this.isUnavailable(current)) return;
 				this.selectDay({
 					date: current,
 					day: current.getDate(),
@@ -16476,6 +16912,20 @@ var DatePickerComponent = class DatePickerComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			disabledWeekdays: {
+				classPropertyName: "disabledWeekdays",
+				publicName: "disabledWeekdays",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabledDates: {
+				classPropertyName: "disabledDates",
+				publicName: "disabledDates",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			format: {
 				classPropertyName: "format",
 				publicName: "format",
@@ -16536,7 +16986,7 @@ var DatePickerComponent = class DatePickerComponent {
 		}],
 		ngImport: i0,
 		template: "<div class=\"ea-date-picker-field ea-date-picker-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [help]=\"labelHelp()\"\n      [forId]=\"id()\"\n      [labelId]=\"id() + '-label'\"\n      [required]=\"required()\" />\n  }\n\n  <div class=\"ea-date-picker\">\n    <div\n      #fieldEl\n      class=\"ea-date-picker__field\"\n      [ngClass]=\"fieldClasses()\">\n      <button\n        type=\"button\"\n        class=\"ea-date-picker__calendar-button\"\n        [disabled]=\"isDisabled() || readonly()\"\n        [attr.aria-label]=\"i18n.messages().datePicker.dialogLabel\"\n        [attr.aria-haspopup]=\"'dialog'\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-controls]=\"isOpen() ? dialogId() : null\"\n        (click)=\"toggle()\">\n        <ea-icon-calendar aria-hidden=\"true\" />\n      </button>\n      <input\n        #inputEl\n        type=\"text\"\n        dir=\"auto\"\n        autocomplete=\"off\"\n        class=\"ea-date-picker__input\"\n        [id]=\"id()\"\n        [value]=\"inputText()\"\n        [placeholder]=\"resolvedPlaceholder()\"\n        [disabled]=\"isDisabled()\"\n        [readOnly]=\"readonly()\"\n        [attr.aria-label]=\"label() ? null : fallbackLabel()\"\n        [attr.aria-required]=\"required() || null\"\n        [attr.aria-invalid]=\"hasError() || null\"\n        [attr.aria-describedby]=\"\n          showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n        \"\n        (input)=\"onInput($event)\"\n        (keydown)=\"handleInputKeydown($event)\"\n        (focus)=\"onInputFocus()\"\n        (blur)=\"onInputBlur()\" />\n      @if (value() && !isDisabled() && !readonly()) {\n        <button\n          type=\"button\"\n          class=\"ea-date-picker__clear\"\n          [attr.aria-label]=\"i18n.messages().datePicker.clear\"\n          (click)=\"clear($event)\">\n          <ea-icon-x\n            class=\"ea-date-picker__clear-icon\"\n            aria-hidden=\"true\" />\n        </button>\n      }\n    </div>\n\n    <ea-popover\n      [anchor]=\"fieldEl\"\n      [open]=\"isOpen()\"\n      placement=\"bottom-start\"\n      role=\"dialog\"\n      [surfaceId]=\"dialogId()\"\n      [aria-label]=\"i18n.messages().datePicker.dialogLabel\"\n      [trapFocus]=\"true\"\n      [closeOnEscape]=\"false\"\n      scrollBehavior=\"close\"\n      (closeRequested)=\"onPopoverCloseRequested()\">\n      <div\n        class=\"ea-date-picker__popover\"\n        [ngClass]=\"popoverClasses()\"\n        (keydown)=\"handleGridKeydown($event)\">\n        <div class=\"ea-date-picker__header\">\n          <button\n            type=\"button\"\n            class=\"ea-date-picker__nav-btn\"\n            [attr.aria-label]=\"i18n.messages().datePicker.previousYear\"\n            (click)=\"goToPrevYear()\">\n            <ea-icon-chevron-left\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n            <ea-icon-chevron-left\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"ea-date-picker__nav-btn\"\n            [attr.aria-label]=\"i18n.messages().datePicker.previousMonth\"\n            (click)=\"goToPrevMonth()\">\n            <ea-icon-chevron-left\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n          </button>\n          <span\n            class=\"ea-date-picker__month-label\"\n            aria-live=\"polite\">\n            {{ monthYearLabel() }}\n          </span>\n          <button\n            type=\"button\"\n            class=\"ea-date-picker__nav-btn\"\n            [attr.aria-label]=\"i18n.messages().datePicker.nextMonth\"\n            (click)=\"goToNextMonth()\">\n            <ea-icon-chevron-right\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"ea-date-picker__nav-btn\"\n            [attr.aria-label]=\"i18n.messages().datePicker.nextYear\"\n            (click)=\"goToNextYear()\">\n            <ea-icon-chevron-right\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n            <ea-icon-chevron-right\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n          </button>\n        </div>\n\n        <div\n          class=\"ea-date-picker__grid\"\n          role=\"grid\">\n          <div\n            class=\"ea-date-picker__weekday-row\"\n            role=\"row\">\n            @for (label of weekdayLabels(); track label) {\n              <div\n                class=\"ea-date-picker__weekday\"\n                role=\"columnheader\">\n                {{ label }}\n              </div>\n            }\n          </div>\n          @for (week of weeks(); track $index) {\n            <div\n              class=\"ea-date-picker__week\"\n              role=\"row\">\n              @for (day of week; track day.date.getTime()) {\n                <div\n                  class=\"ea-date-picker__cell\"\n                  role=\"gridcell\"\n                  [attr.aria-selected]=\"day.isSelected\">\n                  <button\n                    type=\"button\"\n                    class=\"ea-date-picker__day\"\n                    [class.ea-date-picker__day--outside]=\"!day.isCurrentMonth\"\n                    [class.ea-date-picker__day--today]=\"day.isToday\"\n                    [class.ea-date-picker__day--selected]=\"day.isSelected\"\n                    [class.ea-date-picker__day--focused]=\"day.isFocused\"\n                    [class.ea-date-picker__day--disabled]=\"day.isDisabled\"\n                    [attr.aria-disabled]=\"day.isDisabled || null\"\n                    [attr.aria-current]=\"day.isToday ? 'date' : null\"\n                    [attr.tabindex]=\"day.isFocused ? 0 : -1\"\n                    (click)=\"selectDay(day)\">\n                    {{ day.day }}\n                  </button>\n                </div>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"ea-date-picker__footer\">\n          <button\n            type=\"button\"\n            class=\"ea-date-picker__today-btn\"\n            (click)=\"goToToday()\">\n            {{ i18n.messages().datePicker.today }}\n          </button>\n        </div>\n      </div>\n    </ea-popover>\n  </div>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
-		styles: [".ea-date-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-date-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-date-picker-field--xs{font-size:var(--font-size-xs)}.ea-date-picker-field--sm{font-size:var(--font-size-sm)}.ea-date-picker-field--md{font-size:var(--font-size-md)}.ea-date-picker-field--lg{font-size:var(--font-size-lg)}.ea-date-picker-field--xl{font-size:var(--font-size-xl)}.ea-date-picker{position:relative}.ea-date-picker__field{overflow:hidden;display:flex;align-items:center;gap:.5em;min-height:2.5em;padding:0 .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-date-picker__field--focused{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__field--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--error{border-color:var(--color-error-default)}.ea-date-picker__field--error.ea-date-picker__field--focused{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-date-picker__field--error.ea-date-picker__field--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--disabled{opacity:.6;background-color:var(--color-bg-muted);cursor:default}.ea-date-picker__field--readonly{background-color:var(--color-bg-subtle)}.ea-date-picker__field--readonly:has(:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-date-picker__field--readonly:has(:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--readonly button{cursor:default}.ea-date-picker__field--readonly button:hover{background-color:transparent;color:var(--color-text-secondary)}.ea-date-picker__field--readonly .ea-date-picker__calendar-button:disabled{opacity:1;cursor:default}.ea-date-picker__calendar-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__calendar-button>*{font-size:1.25em}.ea-date-picker__calendar-button:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__calendar-button:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__calendar-button:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__calendar-button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__calendar-button:disabled{cursor:default;opacity:.5}.ea-date-picker__input{flex:1;width:100%;min-width:0;padding:.5em 0;font-family:var(--font-family-sans);line-height:var(--line-height-normal);border:none;outline:none;background:transparent;color:var(--color-text-primary)}.ea-date-picker__input::placeholder{color:var(--color-text-tertiary);opacity:1}.ea-date-picker__input:disabled{cursor:default}.ea-date-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__clear>*{font-size:1.25em}.ea-date-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__clear:disabled{cursor:default;opacity:.5}.ea-date-picker__popover{display:flex;flex-direction:column;gap:.5em;min-width:17.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-date-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-date-picker__popover{border:1px solid CanvasText}}.ea-date-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-date-picker__popover--xs{font-size:var(--font-size-xs)}.ea-date-picker__popover--sm{font-size:var(--font-size-sm)}.ea-date-picker__popover--md{font-size:var(--font-size-md)}.ea-date-picker__popover--lg{font-size:var(--font-size-lg)}.ea-date-picker__popover--xl{font-size:var(--font-size-xl)}.ea-date-picker__header{display:flex;align-items:center;gap:.25em}.ea-date-picker__nav-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__nav-btn>*{font-size:1.25em}.ea-date-picker__nav-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__nav-btn:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__nav-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__nav-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__nav-btn:disabled{cursor:default;opacity:.5}.ea-date-picker__nav-btn ea-icon-chevron-left,.ea-date-picker__nav-btn ea-icon-chevron-right{width:1em;height:1em}.ea-date-picker__nav-btn ea-icon-chevron-left+ea-icon-chevron-left,.ea-date-picker__nav-btn ea-icon-chevron-right+ea-icon-chevron-right{margin-inline-start:-.375em}.ea-date-picker__month-label{flex:1;font-size:.875em;font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-primary)}.ea-date-picker__grid{display:flex;flex-direction:column;gap:.25em}.ea-date-picker__weekday-row,.ea-date-picker__week{display:grid;grid-template-columns:repeat(7,1fr);gap:.25em}.ea-date-picker__weekday{display:flex;align-items:center;justify-content:center;height:2em;font-size:.75em;font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-text-tertiary)}.ea-date-picker__cell{display:flex;justify-content:center}.ea-date-picker__day{display:flex;align-items:center;justify-content:center;width:2.25em;height:2.25em;padding:0;border:none;border-radius:var(--radius-sm);background:none;font-family:var(--font-family-sans);font-size:.875em;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__day:hover:not([aria-disabled=true]){background-color:var(--color-state-hover)}.ea-date-picker__day:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__day:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__day--outside{color:var(--color-text-tertiary)}.ea-date-picker__day--today{font-weight:var(--font-weight-semibold);color:var(--color-brand-secondary-text)}.ea-date-picker__day--focused:not(.ea-date-picker__day--selected){background-color:var(--color-state-active)}.ea-date-picker__day--selected{background-color:var(--color-brand-default);color:var(--color-text-inverse);font-weight:var(--font-weight-medium)}.ea-date-picker__day--selected:hover{background-color:var(--color-brand-hover)}@media(forced-colors:active){.ea-date-picker__day--selected{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-date-picker__day--disabled{color:var(--color-text-disabled);cursor:default}.ea-date-picker__day--disabled:hover{background-color:transparent}.ea-date-picker__footer{display:flex;justify-content:flex-end;padding-top:.5em;border-top:var(--border-width-thin) solid var(--color-border-default)}.ea-date-picker__today-btn{padding:.25em .5em;border:none;border-radius:var(--radius-sm);background:none;font-family:var(--font-family-sans);font-size:.875em;font-weight:var(--font-weight-medium);color:var(--color-brand-secondary-text);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__today-btn:hover{background-color:var(--color-brand-secondary-subtle)}.ea-date-picker__today-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__today-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}\n"],
+		styles: [".ea-date-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-date-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-date-picker-field--xs{font-size:var(--font-size-xs)}.ea-date-picker-field--sm{font-size:var(--font-size-sm)}.ea-date-picker-field--md{font-size:var(--font-size-md)}.ea-date-picker-field--lg{font-size:var(--font-size-lg)}.ea-date-picker-field--xl{font-size:var(--font-size-xl)}.ea-date-picker{position:relative}.ea-date-picker__field{overflow:hidden;display:flex;align-items:center;gap:.5em;min-height:2.5em;padding:0 .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-date-picker__field--focused{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__field--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--error{border-color:var(--color-error-default)}.ea-date-picker__field--error.ea-date-picker__field--focused{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-date-picker__field--error.ea-date-picker__field--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--disabled{opacity:.6;background-color:var(--color-bg-muted);cursor:default}.ea-date-picker__field--readonly{background-color:var(--color-bg-subtle)}.ea-date-picker__field--readonly:has(:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-date-picker__field--readonly:has(:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--readonly button{cursor:default}.ea-date-picker__field--readonly button:hover{background-color:transparent;color:var(--color-text-secondary)}.ea-date-picker__field--readonly .ea-date-picker__calendar-button:disabled{opacity:1;cursor:default}.ea-date-picker__calendar-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__calendar-button>*{font-size:1.25em}.ea-date-picker__calendar-button:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__calendar-button:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__calendar-button:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__calendar-button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__calendar-button:disabled{cursor:default;opacity:.5}.ea-date-picker__calendar-button{--ea-icon-button-size: 1em;--ea-icon-button-target: 24px}.ea-date-picker__calendar-button>*{font-size:1em}.ea-date-picker__input{flex:1;width:100%;min-width:0;padding:.5em 0;font-family:var(--font-family-sans);line-height:var(--line-height-normal);border:none;outline:none;background:transparent;color:var(--color-text-primary)}.ea-date-picker__input::placeholder{color:var(--color-text-tertiary);opacity:1}.ea-date-picker__input:disabled{cursor:default}.ea-date-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__clear>*{font-size:1.25em}.ea-date-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__clear:disabled{cursor:default;opacity:.5}.ea-date-picker__popover{display:flex;flex-direction:column;gap:.5em;min-width:17.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-date-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-date-picker__popover{border:1px solid CanvasText}}.ea-date-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-date-picker__popover--xs{font-size:var(--font-size-xs)}.ea-date-picker__popover--sm{font-size:var(--font-size-sm)}.ea-date-picker__popover--md{font-size:var(--font-size-md)}.ea-date-picker__popover--lg{font-size:var(--font-size-lg)}.ea-date-picker__popover--xl{font-size:var(--font-size-xl)}.ea-date-picker__header{display:flex;align-items:center;gap:.25em}.ea-date-picker__nav-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__nav-btn>*{font-size:1.25em}.ea-date-picker__nav-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__nav-btn:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__nav-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__nav-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__nav-btn:disabled{cursor:default;opacity:.5}.ea-date-picker__nav-btn ea-icon-chevron-left,.ea-date-picker__nav-btn ea-icon-chevron-right{width:1em;height:1em}.ea-date-picker__nav-btn ea-icon-chevron-left+ea-icon-chevron-left,.ea-date-picker__nav-btn ea-icon-chevron-right+ea-icon-chevron-right{margin-inline-start:-.375em}.ea-date-picker__month-label{flex:1;font-size:.875em;font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-primary)}.ea-date-picker__grid{display:flex;flex-direction:column;gap:.25em}.ea-date-picker__weekday-row,.ea-date-picker__week{display:grid;grid-template-columns:repeat(7,1fr);gap:.25em}.ea-date-picker__weekday{display:flex;align-items:center;justify-content:center;height:2em;font-size:.75em;font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-text-tertiary)}.ea-date-picker__cell{display:flex;justify-content:center}.ea-date-picker__day{display:flex;align-items:center;justify-content:center;width:2.25em;height:2.25em;padding:0;border:none;border-radius:var(--radius-sm);background:none;font-family:var(--font-family-sans);font-size:.875em;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__day:hover:not([aria-disabled=true]){background-color:var(--color-state-hover)}.ea-date-picker__day:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__day:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__day--outside{color:var(--color-text-tertiary)}.ea-date-picker__day--today{font-weight:var(--font-weight-semibold);color:var(--color-brand-secondary-text)}.ea-date-picker__day--focused:not(.ea-date-picker__day--selected){background-color:var(--color-state-active)}.ea-date-picker__day--selected{background-color:var(--color-brand-default);color:var(--color-text-inverse);font-weight:var(--font-weight-medium)}.ea-date-picker__day--selected:hover{background-color:var(--color-brand-hover)}@media(forced-colors:active){.ea-date-picker__day--selected{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-date-picker__day--disabled{color:var(--color-text-disabled);cursor:default}.ea-date-picker__day--disabled:hover{background-color:transparent}.ea-date-picker__footer{display:flex;justify-content:flex-end;padding-top:.5em;border-top:var(--border-width-thin) solid var(--color-border-default)}.ea-date-picker__today-btn{padding:.25em .5em;border:none;border-radius:var(--radius-sm);background:none;font-family:var(--font-family-sans);font-size:.875em;font-weight:var(--font-weight-medium);color:var(--color-brand-secondary-text);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__today-btn:hover{background-color:var(--color-brand-secondary-subtle)}.ea-date-picker__today-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__today-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -16643,7 +17093,7 @@ i0.ɵɵngDeclareClassMetadata({
 				multi: true
 			}],
 			template: "<div class=\"ea-date-picker-field ea-date-picker-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [help]=\"labelHelp()\"\n      [forId]=\"id()\"\n      [labelId]=\"id() + '-label'\"\n      [required]=\"required()\" />\n  }\n\n  <div class=\"ea-date-picker\">\n    <div\n      #fieldEl\n      class=\"ea-date-picker__field\"\n      [ngClass]=\"fieldClasses()\">\n      <button\n        type=\"button\"\n        class=\"ea-date-picker__calendar-button\"\n        [disabled]=\"isDisabled() || readonly()\"\n        [attr.aria-label]=\"i18n.messages().datePicker.dialogLabel\"\n        [attr.aria-haspopup]=\"'dialog'\"\n        [attr.aria-expanded]=\"isOpen()\"\n        [attr.aria-controls]=\"isOpen() ? dialogId() : null\"\n        (click)=\"toggle()\">\n        <ea-icon-calendar aria-hidden=\"true\" />\n      </button>\n      <input\n        #inputEl\n        type=\"text\"\n        dir=\"auto\"\n        autocomplete=\"off\"\n        class=\"ea-date-picker__input\"\n        [id]=\"id()\"\n        [value]=\"inputText()\"\n        [placeholder]=\"resolvedPlaceholder()\"\n        [disabled]=\"isDisabled()\"\n        [readOnly]=\"readonly()\"\n        [attr.aria-label]=\"label() ? null : fallbackLabel()\"\n        [attr.aria-required]=\"required() || null\"\n        [attr.aria-invalid]=\"hasError() || null\"\n        [attr.aria-describedby]=\"\n          showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n        \"\n        (input)=\"onInput($event)\"\n        (keydown)=\"handleInputKeydown($event)\"\n        (focus)=\"onInputFocus()\"\n        (blur)=\"onInputBlur()\" />\n      @if (value() && !isDisabled() && !readonly()) {\n        <button\n          type=\"button\"\n          class=\"ea-date-picker__clear\"\n          [attr.aria-label]=\"i18n.messages().datePicker.clear\"\n          (click)=\"clear($event)\">\n          <ea-icon-x\n            class=\"ea-date-picker__clear-icon\"\n            aria-hidden=\"true\" />\n        </button>\n      }\n    </div>\n\n    <ea-popover\n      [anchor]=\"fieldEl\"\n      [open]=\"isOpen()\"\n      placement=\"bottom-start\"\n      role=\"dialog\"\n      [surfaceId]=\"dialogId()\"\n      [aria-label]=\"i18n.messages().datePicker.dialogLabel\"\n      [trapFocus]=\"true\"\n      [closeOnEscape]=\"false\"\n      scrollBehavior=\"close\"\n      (closeRequested)=\"onPopoverCloseRequested()\">\n      <div\n        class=\"ea-date-picker__popover\"\n        [ngClass]=\"popoverClasses()\"\n        (keydown)=\"handleGridKeydown($event)\">\n        <div class=\"ea-date-picker__header\">\n          <button\n            type=\"button\"\n            class=\"ea-date-picker__nav-btn\"\n            [attr.aria-label]=\"i18n.messages().datePicker.previousYear\"\n            (click)=\"goToPrevYear()\">\n            <ea-icon-chevron-left\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n            <ea-icon-chevron-left\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"ea-date-picker__nav-btn\"\n            [attr.aria-label]=\"i18n.messages().datePicker.previousMonth\"\n            (click)=\"goToPrevMonth()\">\n            <ea-icon-chevron-left\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n          </button>\n          <span\n            class=\"ea-date-picker__month-label\"\n            aria-live=\"polite\">\n            {{ monthYearLabel() }}\n          </span>\n          <button\n            type=\"button\"\n            class=\"ea-date-picker__nav-btn\"\n            [attr.aria-label]=\"i18n.messages().datePicker.nextMonth\"\n            (click)=\"goToNextMonth()\">\n            <ea-icon-chevron-right\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"ea-date-picker__nav-btn\"\n            [attr.aria-label]=\"i18n.messages().datePicker.nextYear\"\n            (click)=\"goToNextYear()\">\n            <ea-icon-chevron-right\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n            <ea-icon-chevron-right\n              class=\"ea-rtl-flip\"\n              aria-hidden=\"true\" />\n          </button>\n        </div>\n\n        <div\n          class=\"ea-date-picker__grid\"\n          role=\"grid\">\n          <div\n            class=\"ea-date-picker__weekday-row\"\n            role=\"row\">\n            @for (label of weekdayLabels(); track label) {\n              <div\n                class=\"ea-date-picker__weekday\"\n                role=\"columnheader\">\n                {{ label }}\n              </div>\n            }\n          </div>\n          @for (week of weeks(); track $index) {\n            <div\n              class=\"ea-date-picker__week\"\n              role=\"row\">\n              @for (day of week; track day.date.getTime()) {\n                <div\n                  class=\"ea-date-picker__cell\"\n                  role=\"gridcell\"\n                  [attr.aria-selected]=\"day.isSelected\">\n                  <button\n                    type=\"button\"\n                    class=\"ea-date-picker__day\"\n                    [class.ea-date-picker__day--outside]=\"!day.isCurrentMonth\"\n                    [class.ea-date-picker__day--today]=\"day.isToday\"\n                    [class.ea-date-picker__day--selected]=\"day.isSelected\"\n                    [class.ea-date-picker__day--focused]=\"day.isFocused\"\n                    [class.ea-date-picker__day--disabled]=\"day.isDisabled\"\n                    [attr.aria-disabled]=\"day.isDisabled || null\"\n                    [attr.aria-current]=\"day.isToday ? 'date' : null\"\n                    [attr.tabindex]=\"day.isFocused ? 0 : -1\"\n                    (click)=\"selectDay(day)\">\n                    {{ day.day }}\n                  </button>\n                </div>\n              }\n            </div>\n          }\n        </div>\n\n        <div class=\"ea-date-picker__footer\">\n          <button\n            type=\"button\"\n            class=\"ea-date-picker__today-btn\"\n            (click)=\"goToToday()\">\n            {{ i18n.messages().datePicker.today }}\n          </button>\n        </div>\n      </div>\n    </ea-popover>\n  </div>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
-			styles: [".ea-date-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-date-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-date-picker-field--xs{font-size:var(--font-size-xs)}.ea-date-picker-field--sm{font-size:var(--font-size-sm)}.ea-date-picker-field--md{font-size:var(--font-size-md)}.ea-date-picker-field--lg{font-size:var(--font-size-lg)}.ea-date-picker-field--xl{font-size:var(--font-size-xl)}.ea-date-picker{position:relative}.ea-date-picker__field{overflow:hidden;display:flex;align-items:center;gap:.5em;min-height:2.5em;padding:0 .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-date-picker__field--focused{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__field--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--error{border-color:var(--color-error-default)}.ea-date-picker__field--error.ea-date-picker__field--focused{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-date-picker__field--error.ea-date-picker__field--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--disabled{opacity:.6;background-color:var(--color-bg-muted);cursor:default}.ea-date-picker__field--readonly{background-color:var(--color-bg-subtle)}.ea-date-picker__field--readonly:has(:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-date-picker__field--readonly:has(:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--readonly button{cursor:default}.ea-date-picker__field--readonly button:hover{background-color:transparent;color:var(--color-text-secondary)}.ea-date-picker__field--readonly .ea-date-picker__calendar-button:disabled{opacity:1;cursor:default}.ea-date-picker__calendar-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__calendar-button>*{font-size:1.25em}.ea-date-picker__calendar-button:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__calendar-button:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__calendar-button:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__calendar-button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__calendar-button:disabled{cursor:default;opacity:.5}.ea-date-picker__input{flex:1;width:100%;min-width:0;padding:.5em 0;font-family:var(--font-family-sans);line-height:var(--line-height-normal);border:none;outline:none;background:transparent;color:var(--color-text-primary)}.ea-date-picker__input::placeholder{color:var(--color-text-tertiary);opacity:1}.ea-date-picker__input:disabled{cursor:default}.ea-date-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__clear>*{font-size:1.25em}.ea-date-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__clear:disabled{cursor:default;opacity:.5}.ea-date-picker__popover{display:flex;flex-direction:column;gap:.5em;min-width:17.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-date-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-date-picker__popover{border:1px solid CanvasText}}.ea-date-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-date-picker__popover--xs{font-size:var(--font-size-xs)}.ea-date-picker__popover--sm{font-size:var(--font-size-sm)}.ea-date-picker__popover--md{font-size:var(--font-size-md)}.ea-date-picker__popover--lg{font-size:var(--font-size-lg)}.ea-date-picker__popover--xl{font-size:var(--font-size-xl)}.ea-date-picker__header{display:flex;align-items:center;gap:.25em}.ea-date-picker__nav-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__nav-btn>*{font-size:1.25em}.ea-date-picker__nav-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__nav-btn:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__nav-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__nav-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__nav-btn:disabled{cursor:default;opacity:.5}.ea-date-picker__nav-btn ea-icon-chevron-left,.ea-date-picker__nav-btn ea-icon-chevron-right{width:1em;height:1em}.ea-date-picker__nav-btn ea-icon-chevron-left+ea-icon-chevron-left,.ea-date-picker__nav-btn ea-icon-chevron-right+ea-icon-chevron-right{margin-inline-start:-.375em}.ea-date-picker__month-label{flex:1;font-size:.875em;font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-primary)}.ea-date-picker__grid{display:flex;flex-direction:column;gap:.25em}.ea-date-picker__weekday-row,.ea-date-picker__week{display:grid;grid-template-columns:repeat(7,1fr);gap:.25em}.ea-date-picker__weekday{display:flex;align-items:center;justify-content:center;height:2em;font-size:.75em;font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-text-tertiary)}.ea-date-picker__cell{display:flex;justify-content:center}.ea-date-picker__day{display:flex;align-items:center;justify-content:center;width:2.25em;height:2.25em;padding:0;border:none;border-radius:var(--radius-sm);background:none;font-family:var(--font-family-sans);font-size:.875em;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__day:hover:not([aria-disabled=true]){background-color:var(--color-state-hover)}.ea-date-picker__day:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__day:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__day--outside{color:var(--color-text-tertiary)}.ea-date-picker__day--today{font-weight:var(--font-weight-semibold);color:var(--color-brand-secondary-text)}.ea-date-picker__day--focused:not(.ea-date-picker__day--selected){background-color:var(--color-state-active)}.ea-date-picker__day--selected{background-color:var(--color-brand-default);color:var(--color-text-inverse);font-weight:var(--font-weight-medium)}.ea-date-picker__day--selected:hover{background-color:var(--color-brand-hover)}@media(forced-colors:active){.ea-date-picker__day--selected{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-date-picker__day--disabled{color:var(--color-text-disabled);cursor:default}.ea-date-picker__day--disabled:hover{background-color:transparent}.ea-date-picker__footer{display:flex;justify-content:flex-end;padding-top:.5em;border-top:var(--border-width-thin) solid var(--color-border-default)}.ea-date-picker__today-btn{padding:.25em .5em;border:none;border-radius:var(--radius-sm);background:none;font-family:var(--font-family-sans);font-size:.875em;font-weight:var(--font-weight-medium);color:var(--color-brand-secondary-text);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__today-btn:hover{background-color:var(--color-brand-secondary-subtle)}.ea-date-picker__today-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__today-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}\n"]
+			styles: [".ea-date-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-date-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-date-picker-field--xs{font-size:var(--font-size-xs)}.ea-date-picker-field--sm{font-size:var(--font-size-sm)}.ea-date-picker-field--md{font-size:var(--font-size-md)}.ea-date-picker-field--lg{font-size:var(--font-size-lg)}.ea-date-picker-field--xl{font-size:var(--font-size-xl)}.ea-date-picker{position:relative}.ea-date-picker__field{overflow:hidden;display:flex;align-items:center;gap:.5em;min-height:2.5em;padding:0 .75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);background-color:var(--color-bg-base);transition:var(--transition-colors),var(--transition-shadow)}.ea-date-picker__field--focused{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__field--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--error{border-color:var(--color-error-default)}.ea-date-picker__field--error.ea-date-picker__field--focused{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-date-picker__field--error.ea-date-picker__field--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--disabled{opacity:.6;background-color:var(--color-bg-muted);cursor:default}.ea-date-picker__field--readonly{background-color:var(--color-bg-subtle)}.ea-date-picker__field--readonly:has(:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-date-picker__field--readonly:has(:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__field--readonly button{cursor:default}.ea-date-picker__field--readonly button:hover{background-color:transparent;color:var(--color-text-secondary)}.ea-date-picker__field--readonly .ea-date-picker__calendar-button:disabled{opacity:1;cursor:default}.ea-date-picker__calendar-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__calendar-button>*{font-size:1.25em}.ea-date-picker__calendar-button:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__calendar-button:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__calendar-button:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__calendar-button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__calendar-button:disabled{cursor:default;opacity:.5}.ea-date-picker__calendar-button{--ea-icon-button-size: 1em;--ea-icon-button-target: 24px}.ea-date-picker__calendar-button>*{font-size:1em}.ea-date-picker__input{flex:1;width:100%;min-width:0;padding:.5em 0;font-family:var(--font-family-sans);line-height:var(--line-height-normal);border:none;outline:none;background:transparent;color:var(--color-text-primary)}.ea-date-picker__input::placeholder{color:var(--color-text-tertiary);opacity:1}.ea-date-picker__input:disabled{cursor:default}.ea-date-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__clear>*{font-size:1.25em}.ea-date-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__clear:disabled{cursor:default;opacity:.5}.ea-date-picker__popover{display:flex;flex-direction:column;gap:.5em;min-width:17.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-date-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-date-picker__popover{border:1px solid CanvasText}}.ea-date-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-date-picker__popover--xs{font-size:var(--font-size-xs)}.ea-date-picker__popover--sm{font-size:var(--font-size-sm)}.ea-date-picker__popover--md{font-size:var(--font-size-md)}.ea-date-picker__popover--lg{font-size:var(--font-size-lg)}.ea-date-picker__popover--xl{font-size:var(--font-size-xl)}.ea-date-picker__header{display:flex;align-items:center;gap:.25em}.ea-date-picker__nav-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__nav-btn>*{font-size:1.25em}.ea-date-picker__nav-btn:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-date-picker__nav-btn:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-date-picker__nav-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__nav-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__nav-btn:disabled{cursor:default;opacity:.5}.ea-date-picker__nav-btn ea-icon-chevron-left,.ea-date-picker__nav-btn ea-icon-chevron-right{width:1em;height:1em}.ea-date-picker__nav-btn ea-icon-chevron-left+ea-icon-chevron-left,.ea-date-picker__nav-btn ea-icon-chevron-right+ea-icon-chevron-right{margin-inline-start:-.375em}.ea-date-picker__month-label{flex:1;font-size:.875em;font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-primary)}.ea-date-picker__grid{display:flex;flex-direction:column;gap:.25em}.ea-date-picker__weekday-row,.ea-date-picker__week{display:grid;grid-template-columns:repeat(7,1fr);gap:.25em}.ea-date-picker__weekday{display:flex;align-items:center;justify-content:center;height:2em;font-size:.75em;font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-text-tertiary)}.ea-date-picker__cell{display:flex;justify-content:center}.ea-date-picker__day{display:flex;align-items:center;justify-content:center;width:2.25em;height:2.25em;padding:0;border:none;border-radius:var(--radius-sm);background:none;font-family:var(--font-family-sans);font-size:.875em;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__day:hover:not([aria-disabled=true]){background-color:var(--color-state-hover)}.ea-date-picker__day:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__day:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-date-picker__day--outside{color:var(--color-text-tertiary)}.ea-date-picker__day--today{font-weight:var(--font-weight-semibold);color:var(--color-brand-secondary-text)}.ea-date-picker__day--focused:not(.ea-date-picker__day--selected){background-color:var(--color-state-active)}.ea-date-picker__day--selected{background-color:var(--color-brand-default);color:var(--color-text-inverse);font-weight:var(--font-weight-medium)}.ea-date-picker__day--selected:hover{background-color:var(--color-brand-hover)}@media(forced-colors:active){.ea-date-picker__day--selected{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-date-picker__day--disabled{color:var(--color-text-disabled);cursor:default}.ea-date-picker__day--disabled:hover{background-color:transparent}.ea-date-picker__footer{display:flex;justify-content:flex-end;padding-top:.5em;border-top:var(--border-width-thin) solid var(--color-border-default)}.ea-date-picker__today-btn{padding:.25em .5em;border:none;border-radius:var(--radius-sm);background:none;font-family:var(--font-family-sans);font-size:.875em;font-weight:var(--font-weight-medium);color:var(--color-brand-secondary-text);cursor:pointer;transition:var(--transition-colors)}.ea-date-picker__today-btn:hover{background-color:var(--color-brand-secondary-subtle)}.ea-date-picker__today-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-date-picker__today-btn:focus-visible{outline:2px solid Highlight;outline-offset:2px}}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -16759,6 +17209,22 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		disabledWeekdays: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabledWeekdays",
+				required: false
+			}]
+		}],
+		disabledDates: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabledDates",
+				required: false
+			}]
+		}],
 		format: [{
 			type: i0.Input,
 			args: [{
@@ -22241,7 +22707,7 @@ var MenuItemComponent = class MenuItemComponent {
 		outputs: { clicked: "clicked" },
 		ngImport: i0,
 		template: "<button\n  type=\"button\"\n  class=\"ea-menu-item\"\n  role=\"menuitem\"\n  [id]=\"itemId\"\n  [attr.tabindex]=\"tabIndex()\"\n  [class.ea-menu-item--disabled]=\"disabled()\"\n  [class.ea-menu-item--danger]=\"variant() === 'danger'\"\n  [disabled]=\"disabled()\"\n  (click)=\"handleClick($event)\">\n  <span class=\"ea-menu-item__icon\">\n    <ng-content select=\"[slot=icon]\" />\n  </span>\n  <span class=\"ea-menu-item__label\">\n    <ng-content />\n  </span>\n</button>\n",
-		styles: [".ea-menu-item{display:flex;align-items:center;gap:.5em;width:100%;padding:.5em .75em;font-size:inherit;font-family:var(--font-family-sans);text-align:start;border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item:focus-visible{outline:none}.ea-menu-item--danger{color:var(--color-error-default)}.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-error-subtle, var(--color-bg-muted))}@media(forced-colors:active){.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item--disabled{color:var(--color-text-disabled);cursor:default}.ea-menu-item__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1em;height:1em;color:inherit}.ea-menu-item__icon>*{width:1em;height:1em}.ea-menu-item__icon:empty{display:none}.ea-menu-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"],
+		styles: [".ea-menu-item{display:flex;align-items:center;gap:.5em;width:100%;padding:.5em .75em;font-size:inherit;text-align:start;font-family:var(--font-family-sans);border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item:focus-visible{outline:none}.ea-menu-item--danger{color:var(--color-error-default)}.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-error-subtle, var(--color-bg-muted))}@media(forced-colors:active){.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item--disabled{color:var(--color-text-disabled);cursor:default}.ea-menu-item__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1em;height:1em;color:inherit}.ea-menu-item__icon>*{width:1em;height:1em}.ea-menu-item__icon:empty{display:none}.ea-menu-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -22256,7 +22722,7 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "ea-menu-item",
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			template: "<button\n  type=\"button\"\n  class=\"ea-menu-item\"\n  role=\"menuitem\"\n  [id]=\"itemId\"\n  [attr.tabindex]=\"tabIndex()\"\n  [class.ea-menu-item--disabled]=\"disabled()\"\n  [class.ea-menu-item--danger]=\"variant() === 'danger'\"\n  [disabled]=\"disabled()\"\n  (click)=\"handleClick($event)\">\n  <span class=\"ea-menu-item__icon\">\n    <ng-content select=\"[slot=icon]\" />\n  </span>\n  <span class=\"ea-menu-item__label\">\n    <ng-content />\n  </span>\n</button>\n",
-			styles: [".ea-menu-item{display:flex;align-items:center;gap:.5em;width:100%;padding:.5em .75em;font-size:inherit;font-family:var(--font-family-sans);text-align:start;border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item:focus-visible{outline:none}.ea-menu-item--danger{color:var(--color-error-default)}.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-error-subtle, var(--color-bg-muted))}@media(forced-colors:active){.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item--disabled{color:var(--color-text-disabled);cursor:default}.ea-menu-item__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1em;height:1em;color:inherit}.ea-menu-item__icon>*{width:1em;height:1em}.ea-menu-item__icon:empty{display:none}.ea-menu-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"]
+			styles: [".ea-menu-item{display:flex;align-items:center;gap:.5em;width:100%;padding:.5em .75em;font-size:inherit;text-align:start;font-family:var(--font-family-sans);border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-colors)}.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-state-hover)}@media(forced-colors:active){.ea-menu-item:hover:not(.ea-menu-item--disabled),.ea-menu-item:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item:focus-visible{outline:none}.ea-menu-item--danger{color:var(--color-error-default)}.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:var(--color-error-subtle, var(--color-bg-muted))}@media(forced-colors:active){.ea-menu-item--danger:hover:not(.ea-menu-item--disabled),.ea-menu-item--danger:focus-visible:not(.ea-menu-item--disabled){background-color:Highlight;color:HighlightText}}.ea-menu-item--disabled{color:var(--color-text-disabled);cursor:default}.ea-menu-item__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1em;height:1em;color:inherit}.ea-menu-item__icon>*{width:1em;height:1em}.ea-menu-item__icon:empty{display:none}.ea-menu-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -28830,6 +29296,7 @@ var TabsComponent = class TabsComponent {
 	registeredTabs = signal([], ...ngDevMode ? [{ debugName: "registeredTabs" }] : /* istanbul ignore next */ []);
 	variant = input("underline", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
 	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	orientation = input("horizontal", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
 	ariaLabel = input(void 0, ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
 	activeTab = model("", ...ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []);
 	changed = output();
@@ -28846,9 +29313,13 @@ var TabsComponent = class TabsComponent {
 	handleKeydown(event) {
 		const tabList = this.registeredTabs().filter((t) => !t.disabled());
 		const currentIndex = tabList.findIndex((t) => t.value() === this.activeTab());
-		const rtl = isRtl(event.currentTarget);
-		const forwardKey = rtl ? "ArrowLeft" : "ArrowRight";
-		const backwardKey = rtl ? "ArrowRight" : "ArrowLeft";
+		let forwardKey = "ArrowDown";
+		let backwardKey = "ArrowUp";
+		if (this.orientation() === "horizontal") {
+			const rtl = isRtl(event.currentTarget);
+			forwardKey = rtl ? "ArrowLeft" : "ArrowRight";
+			backwardKey = rtl ? "ArrowRight" : "ArrowLeft";
+		}
 		let nextIndex = -1;
 		if (event.key === forwardKey) {
 			event.preventDefault();
@@ -28898,6 +29369,13 @@ var TabsComponent = class TabsComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			ariaLabel: {
 				classPropertyName: "ariaLabel",
 				publicName: "ariaLabel",
@@ -28918,8 +29396,8 @@ var TabsComponent = class TabsComponent {
 			changed: "changed"
 		},
 		ngImport: i0,
-		template: "<div class=\"ea-tabs\">\n  <div\n    class=\"ea-tabs__list ea-tabs__list--{{ size() }}\"\n    [class.ea-tabs__list--underline]=\"variant() === 'underline'\"\n    [class.ea-tabs__list--filled]=\"variant() === 'filled'\"\n    role=\"tablist\"\n    [attr.aria-label]=\"ariaLabel() || null\"\n    (keydown)=\"handleKeydown($event)\">\n    @for (tab of registeredTabs(); track tab.value()) {\n      <button\n        class=\"ea-tabs__trigger\"\n        [class.ea-tabs__trigger--active]=\"tab.isActive()\"\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id() + '-tab'\"\n        [attr.aria-selected]=\"tab.isActive()\"\n        [attr.aria-controls]=\"tab.id() + '-panel'\"\n        [disabled]=\"tab.disabled()\"\n        [tabindex]=\"tab.isActive() ? 0 : -1\"\n        (click)=\"selectTab(tab.value())\">\n        {{ tab.label() }}\n      </button>\n    }\n  </div>\n  <ng-content />\n</div>\n",
-		styles: [".ea-tabs{display:flex;flex-direction:column;gap:var(--space-4)}.ea-tabs__list{display:flex;gap:.25em}.ea-tabs__list--underline{border-bottom:var(--border-width-thin) solid var(--color-border-default);gap:0}.ea-tabs__list--underline .ea-tabs__trigger{border-radius:0;border-bottom:var(--border-width-medium) solid transparent;margin-bottom:calc(-1 * var(--border-width-thin))}.ea-tabs__list--underline .ea-tabs__trigger--active{border-bottom-color:var(--color-brand-text);color:var(--color-brand-text)}@media(forced-colors:active){.ea-tabs__list--underline .ea-tabs__trigger--active{border-color:Highlight;color:Highlight}}.ea-tabs__list--underline .ea-tabs__trigger:hover:not(:disabled):not(.ea-tabs__trigger--active){border-bottom-color:var(--color-border-strong)}.ea-tabs__list--filled{padding:.25em;border-radius:var(--radius-lg);background-color:var(--color-bg-muted)}.ea-tabs__list--filled .ea-tabs__trigger{border-radius:var(--radius-md)}.ea-tabs__list--filled .ea-tabs__trigger--active{background-color:var(--color-bg-base);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}@media(forced-colors:active){.ea-tabs__list--filled .ea-tabs__trigger--active{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-tabs__list--2xs{font-size:var(--font-size-2xs)}.ea-tabs__list--xs{font-size:var(--font-size-xs)}.ea-tabs__list--sm{font-size:var(--font-size-sm)}.ea-tabs__list--md{font-size:var(--font-size-md)}.ea-tabs__list--lg{font-size:var(--font-size-lg)}.ea-tabs__list--xl{font-size:var(--font-size-xl)}.ea-tabs__trigger{display:flex;align-items:center;justify-content:center;padding:.5em 1em;font-size:inherit;font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);line-height:var(--line-height-normal);white-space:nowrap;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-tabs__trigger:hover:not(:disabled){color:var(--color-text-primary)}.ea-tabs__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-tabs__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-tabs__trigger:disabled{opacity:.5;cursor:default}\n"],
+		template: "<div\n  class=\"ea-tabs\"\n  [class.ea-tabs--vertical]=\"orientation() === 'vertical'\">\n  <div\n    class=\"ea-tabs__list ea-tabs__list--{{ size() }}\"\n    [class.ea-tabs__list--underline]=\"variant() === 'underline'\"\n    [class.ea-tabs__list--filled]=\"variant() === 'filled'\"\n    role=\"tablist\"\n    [attr.aria-orientation]=\"orientation()\"\n    [attr.aria-label]=\"ariaLabel() || null\"\n    (keydown)=\"handleKeydown($event)\">\n    @for (tab of registeredTabs(); track tab.value()) {\n      <button\n        class=\"ea-tabs__trigger\"\n        [class.ea-tabs__trigger--active]=\"tab.isActive()\"\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id() + '-tab'\"\n        [attr.aria-selected]=\"tab.isActive()\"\n        [attr.aria-controls]=\"tab.id() + '-panel'\"\n        [disabled]=\"tab.disabled()\"\n        [tabindex]=\"tab.isActive() ? 0 : -1\"\n        (click)=\"selectTab(tab.value())\">\n        {{ tab.label() }}\n      </button>\n    }\n  </div>\n  <ng-content />\n</div>\n",
+		styles: [".ea-tabs{display:flex;flex-direction:column;gap:var(--space-4)}.ea-tabs__list{display:flex;gap:.25em}.ea-tabs__list--underline{border-bottom:var(--border-width-thin) solid var(--color-border-default);gap:0}.ea-tabs__list--underline .ea-tabs__trigger{border-radius:0;border-bottom:var(--border-width-medium) solid transparent;margin-bottom:calc(-1 * var(--border-width-thin))}.ea-tabs__list--underline .ea-tabs__trigger--active{border-bottom-color:var(--color-brand-text);color:var(--color-brand-text)}@media(forced-colors:active){.ea-tabs__list--underline .ea-tabs__trigger--active{border-color:Highlight;color:Highlight}}.ea-tabs__list--underline .ea-tabs__trigger:hover:not(:disabled):not(.ea-tabs__trigger--active){border-bottom-color:var(--color-border-strong)}.ea-tabs__list--filled{padding:.25em;border-radius:var(--radius-lg);background-color:var(--color-bg-muted)}.ea-tabs__list--filled .ea-tabs__trigger{border-radius:var(--radius-md)}.ea-tabs__list--filled .ea-tabs__trigger--active{background-color:var(--color-bg-base);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}@media(forced-colors:active){.ea-tabs__list--filled .ea-tabs__trigger--active{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-tabs__list--2xs{font-size:var(--font-size-2xs)}.ea-tabs__list--xs{font-size:var(--font-size-xs)}.ea-tabs__list--sm{font-size:var(--font-size-sm)}.ea-tabs__list--md{font-size:var(--font-size-md)}.ea-tabs__list--lg{font-size:var(--font-size-lg)}.ea-tabs__list--xl{font-size:var(--font-size-xl)}.ea-tabs__trigger{display:flex;align-items:center;justify-content:center;padding:.5em 1em;font-size:inherit;font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);line-height:var(--line-height-normal);white-space:nowrap;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-tabs__trigger:hover:not(:disabled){color:var(--color-text-primary)}.ea-tabs__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-tabs__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-tabs__trigger:disabled{opacity:.5;cursor:default}.ea-tabs--vertical{flex-direction:row}.ea-tabs--vertical .ea-tabs__list{flex-direction:column;flex-shrink:0}.ea-tabs--vertical .ea-tabs__list--underline{border-bottom:none;border-inline-end:var(--border-width-thin) solid var(--color-border-default)}.ea-tabs--vertical .ea-tabs__list--underline .ea-tabs__trigger{margin-bottom:0;margin-inline-end:calc(-1 * var(--border-width-thin));border-bottom:none;border-inline-end:var(--border-width-medium) solid transparent}.ea-tabs--vertical .ea-tabs__list--underline .ea-tabs__trigger--active{border-inline-end-color:var(--color-brand-text)}@media(forced-colors:active){.ea-tabs--vertical .ea-tabs__list--underline .ea-tabs__trigger--active{border-inline-end-color:Highlight}}.ea-tabs--vertical .ea-tabs__list--underline .ea-tabs__trigger:hover:not(:disabled):not(.ea-tabs__trigger--active){border-inline-end-color:var(--color-border-strong)}.ea-tabs--vertical .ea-tabs__list--filled{align-self:flex-start}.ea-tabs--vertical .ea-tabs__trigger{justify-content:flex-start}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -28933,8 +29411,8 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "ea-tabs",
 			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: "<div class=\"ea-tabs\">\n  <div\n    class=\"ea-tabs__list ea-tabs__list--{{ size() }}\"\n    [class.ea-tabs__list--underline]=\"variant() === 'underline'\"\n    [class.ea-tabs__list--filled]=\"variant() === 'filled'\"\n    role=\"tablist\"\n    [attr.aria-label]=\"ariaLabel() || null\"\n    (keydown)=\"handleKeydown($event)\">\n    @for (tab of registeredTabs(); track tab.value()) {\n      <button\n        class=\"ea-tabs__trigger\"\n        [class.ea-tabs__trigger--active]=\"tab.isActive()\"\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id() + '-tab'\"\n        [attr.aria-selected]=\"tab.isActive()\"\n        [attr.aria-controls]=\"tab.id() + '-panel'\"\n        [disabled]=\"tab.disabled()\"\n        [tabindex]=\"tab.isActive() ? 0 : -1\"\n        (click)=\"selectTab(tab.value())\">\n        {{ tab.label() }}\n      </button>\n    }\n  </div>\n  <ng-content />\n</div>\n",
-			styles: [".ea-tabs{display:flex;flex-direction:column;gap:var(--space-4)}.ea-tabs__list{display:flex;gap:.25em}.ea-tabs__list--underline{border-bottom:var(--border-width-thin) solid var(--color-border-default);gap:0}.ea-tabs__list--underline .ea-tabs__trigger{border-radius:0;border-bottom:var(--border-width-medium) solid transparent;margin-bottom:calc(-1 * var(--border-width-thin))}.ea-tabs__list--underline .ea-tabs__trigger--active{border-bottom-color:var(--color-brand-text);color:var(--color-brand-text)}@media(forced-colors:active){.ea-tabs__list--underline .ea-tabs__trigger--active{border-color:Highlight;color:Highlight}}.ea-tabs__list--underline .ea-tabs__trigger:hover:not(:disabled):not(.ea-tabs__trigger--active){border-bottom-color:var(--color-border-strong)}.ea-tabs__list--filled{padding:.25em;border-radius:var(--radius-lg);background-color:var(--color-bg-muted)}.ea-tabs__list--filled .ea-tabs__trigger{border-radius:var(--radius-md)}.ea-tabs__list--filled .ea-tabs__trigger--active{background-color:var(--color-bg-base);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}@media(forced-colors:active){.ea-tabs__list--filled .ea-tabs__trigger--active{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-tabs__list--2xs{font-size:var(--font-size-2xs)}.ea-tabs__list--xs{font-size:var(--font-size-xs)}.ea-tabs__list--sm{font-size:var(--font-size-sm)}.ea-tabs__list--md{font-size:var(--font-size-md)}.ea-tabs__list--lg{font-size:var(--font-size-lg)}.ea-tabs__list--xl{font-size:var(--font-size-xl)}.ea-tabs__trigger{display:flex;align-items:center;justify-content:center;padding:.5em 1em;font-size:inherit;font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);line-height:var(--line-height-normal);white-space:nowrap;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-tabs__trigger:hover:not(:disabled){color:var(--color-text-primary)}.ea-tabs__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-tabs__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-tabs__trigger:disabled{opacity:.5;cursor:default}\n"]
+			template: "<div\n  class=\"ea-tabs\"\n  [class.ea-tabs--vertical]=\"orientation() === 'vertical'\">\n  <div\n    class=\"ea-tabs__list ea-tabs__list--{{ size() }}\"\n    [class.ea-tabs__list--underline]=\"variant() === 'underline'\"\n    [class.ea-tabs__list--filled]=\"variant() === 'filled'\"\n    role=\"tablist\"\n    [attr.aria-orientation]=\"orientation()\"\n    [attr.aria-label]=\"ariaLabel() || null\"\n    (keydown)=\"handleKeydown($event)\">\n    @for (tab of registeredTabs(); track tab.value()) {\n      <button\n        class=\"ea-tabs__trigger\"\n        [class.ea-tabs__trigger--active]=\"tab.isActive()\"\n        type=\"button\"\n        role=\"tab\"\n        [id]=\"tab.id() + '-tab'\"\n        [attr.aria-selected]=\"tab.isActive()\"\n        [attr.aria-controls]=\"tab.id() + '-panel'\"\n        [disabled]=\"tab.disabled()\"\n        [tabindex]=\"tab.isActive() ? 0 : -1\"\n        (click)=\"selectTab(tab.value())\">\n        {{ tab.label() }}\n      </button>\n    }\n  </div>\n  <ng-content />\n</div>\n",
+			styles: [".ea-tabs{display:flex;flex-direction:column;gap:var(--space-4)}.ea-tabs__list{display:flex;gap:.25em}.ea-tabs__list--underline{border-bottom:var(--border-width-thin) solid var(--color-border-default);gap:0}.ea-tabs__list--underline .ea-tabs__trigger{border-radius:0;border-bottom:var(--border-width-medium) solid transparent;margin-bottom:calc(-1 * var(--border-width-thin))}.ea-tabs__list--underline .ea-tabs__trigger--active{border-bottom-color:var(--color-brand-text);color:var(--color-brand-text)}@media(forced-colors:active){.ea-tabs__list--underline .ea-tabs__trigger--active{border-color:Highlight;color:Highlight}}.ea-tabs__list--underline .ea-tabs__trigger:hover:not(:disabled):not(.ea-tabs__trigger--active){border-bottom-color:var(--color-border-strong)}.ea-tabs__list--filled{padding:.25em;border-radius:var(--radius-lg);background-color:var(--color-bg-muted)}.ea-tabs__list--filled .ea-tabs__trigger{border-radius:var(--radius-md)}.ea-tabs__list--filled .ea-tabs__trigger--active{background-color:var(--color-bg-base);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}@media(forced-colors:active){.ea-tabs__list--filled .ea-tabs__trigger--active{background-color:Highlight;border-color:Highlight;color:HighlightText}}.ea-tabs__list--2xs{font-size:var(--font-size-2xs)}.ea-tabs__list--xs{font-size:var(--font-size-xs)}.ea-tabs__list--sm{font-size:var(--font-size-sm)}.ea-tabs__list--md{font-size:var(--font-size-md)}.ea-tabs__list--lg{font-size:var(--font-size-lg)}.ea-tabs__list--xl{font-size:var(--font-size-xl)}.ea-tabs__trigger{display:flex;align-items:center;justify-content:center;padding:.5em 1em;font-size:inherit;font-weight:var(--font-weight-medium);font-family:var(--font-family-sans);line-height:var(--line-height-normal);white-space:nowrap;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-tabs__trigger:hover:not(:disabled){color:var(--color-text-primary)}.ea-tabs__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-tabs__trigger:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-tabs__trigger:disabled{opacity:.5;cursor:default}.ea-tabs--vertical{flex-direction:row}.ea-tabs--vertical .ea-tabs__list{flex-direction:column;flex-shrink:0}.ea-tabs--vertical .ea-tabs__list--underline{border-bottom:none;border-inline-end:var(--border-width-thin) solid var(--color-border-default)}.ea-tabs--vertical .ea-tabs__list--underline .ea-tabs__trigger{margin-bottom:0;margin-inline-end:calc(-1 * var(--border-width-thin));border-bottom:none;border-inline-end:var(--border-width-medium) solid transparent}.ea-tabs--vertical .ea-tabs__list--underline .ea-tabs__trigger--active{border-inline-end-color:var(--color-brand-text)}@media(forced-colors:active){.ea-tabs--vertical .ea-tabs__list--underline .ea-tabs__trigger--active{border-inline-end-color:Highlight}}.ea-tabs--vertical .ea-tabs__list--underline .ea-tabs__trigger:hover:not(:disabled):not(.ea-tabs__trigger--active){border-inline-end-color:var(--color-border-strong)}.ea-tabs--vertical .ea-tabs__list--filled{align-self:flex-start}.ea-tabs--vertical .ea-tabs__trigger{justify-content:flex-start}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -28954,6 +29432,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
 		ariaLabel: [{
 			type: i0.Input,
 			args: [{
@@ -28986,6 +29472,7 @@ var TabComponent = class TabComponent {
 	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
 	id = input(uniqueId("ea-tab"), ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
 	isActive = computed(() => this.tabs.activeTab() === this.value(), ...ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []);
+	vertical = computed(() => this.tabs.orientation() === "vertical", ...ngDevMode ? [{ debugName: "vertical" }] : /* istanbul ignore next */ []);
 	ngOnInit() {
 		this.tabs.registerTab(this);
 	}
@@ -29036,7 +29523,10 @@ var TabComponent = class TabComponent {
 				transformFunction: null
 			}
 		},
-		host: { properties: { "style.display": "isActive() ? null : \"none\"" } },
+		host: { properties: {
+			"style.display": "isActive() ? null : \"none\"",
+			"class.ea-tab--vertical": "vertical()"
+		} },
 		ngImport: i0,
 		template: `
     @if (isActive()) {
@@ -29051,6 +29541,7 @@ var TabComponent = class TabComponent {
     }
   `,
 		isInline: true,
+		styles: [":host(.ea-tab--vertical){flex:1;min-width:0}\n"],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -29063,7 +29554,10 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "ea-tab",
-			host: { "[style.display]": "isActive() ? null : \"none\"" },
+			host: {
+				"[style.display]": "isActive() ? null : \"none\"",
+				"[class.ea-tab--vertical]": "vertical()"
+			},
 			template: `
     @if (isActive()) {
       <div
@@ -29076,7 +29570,8 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     }
   `,
-			changeDetection: ChangeDetectionStrategy.OnPush
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			styles: [":host(.ea-tab--vertical){flex:1;min-width:0}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -29134,6 +29629,7 @@ var TextareaComponent = class TextareaComponent {
 	required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
 	resize = input("vertical", ...ngDevMode ? [{ debugName: "resize" }] : /* istanbul ignore next */ []);
 	maxlength = input(void 0, ...ngDevMode ? [{ debugName: "maxlength" }] : /* istanbul ignore next */ []);
+	showCount = input(false, ...ngDevMode ? [{ debugName: "showCount" }] : /* istanbul ignore next */ []);
 	maxHeight = input(void 0, ...ngDevMode ? [{ debugName: "maxHeight" }] : /* istanbul ignore next */ []);
 	minHeight = input(void 0, ...ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []);
 	id = input(uniqueId("ea-textarea"), ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
@@ -29153,6 +29649,18 @@ var TextareaComponent = class TextareaComponent {
 	hasError = this.errorState.hasError;
 	showError = this.hasError;
 	showHint = computed(() => !!this.hint() && !this.hasError(), ...ngDevMode ? [{ debugName: "showHint" }] : /* istanbul ignore next */ []);
+	countText = computed(() => {
+		const length = this.value().length;
+		const max = this.maxlength();
+		return max ? `${length} / ${max}` : `${length}`;
+	}, ...ngDevMode ? [{ debugName: "countText" }] : /* istanbul ignore next */ []);
+	describedBy = computed(() => {
+		const ids = [];
+		if (this.showError()) ids.push(`${this.id()}-error`);
+		else if (this.showHint()) ids.push(`${this.id()}-hint`);
+		if (this.showCount()) ids.push(`${this.id()}-count`);
+		return ids.length > 0 ? ids.join(" ") : null;
+	}, ...ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []);
 	wrapperClasses = computed(() => ({
 		[`ea-textarea-wrapper--${this.size()}`]: true,
 		"ea-textarea-wrapper--error": this.hasError(),
@@ -29321,6 +29829,13 @@ var TextareaComponent = class TextareaComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			showCount: {
+				classPropertyName: "showCount",
+				publicName: "showCount",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			maxHeight: {
 				classPropertyName: "maxHeight",
 				publicName: "maxHeight",
@@ -29368,8 +29883,8 @@ var TextareaComponent = class TextareaComponent {
 			isSignal: true
 		}],
 		ngImport: i0,
-		template: "<div class=\"ea-textarea-field ea-textarea-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [help]=\"labelHelp()\"\n      [forId]=\"id()\"\n      [required]=\"required()\" />\n  }\n\n  <div\n    class=\"ea-textarea-wrapper\"\n    [ngClass]=\"wrapperClasses()\"\n    [style.resize]=\"resize()\"\n    [style.min-height]=\"minHeightStyle()\"\n    [style.max-height.px]=\"maxHeight() ?? null\">\n    <textarea\n      #textareaEl\n      class=\"ea-textarea\"\n      dir=\"auto\"\n      [id]=\"id()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"isDisabled()\"\n      [readOnly]=\"readonly()\"\n      [required]=\"required()\"\n      [value]=\"value()\"\n      [attr.maxlength]=\"maxlength() ?? null\"\n      [attr.aria-label]=\"label() ? null : (ariaLabel() ?? null)\"\n      [attr.aria-invalid]=\"hasError() || null\"\n      [attr.aria-describedby]=\"\n        showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n      \"\n      (input)=\"handleInput($event)\"\n      (focus)=\"handleFocus($event)\"\n      (blur)=\"handleBlur($event)\"></textarea>\n  </div>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
-		styles: [".ea-textarea-field{display:flex;flex-direction:column;gap:.375em;color:var(--color-text-secondary);--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-textarea-field--2xs{font-size:var(--font-size-2xs)}.ea-textarea-field--xs{font-size:var(--font-size-xs)}.ea-textarea-field--sm{font-size:var(--font-size-sm)}.ea-textarea-field--md{font-size:var(--font-size-md)}.ea-textarea-field--lg{font-size:var(--font-size-lg)}.ea-textarea-field--xl{font-size:var(--font-size-xl)}.ea-textarea-wrapper{display:flex;min-width:12em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);transition:var(--transition-colors),var(--transition-shadow);overflow:hidden}.ea-textarea-wrapper--focused{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-textarea-wrapper--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--error{border-color:var(--color-error-default)}.ea-textarea-wrapper--error.ea-textarea-wrapper--focused{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-textarea-wrapper--error.ea-textarea-wrapper--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--disabled{background-color:var(--color-bg-muted);border-color:var(--color-border-default);cursor:default;opacity:.6}.ea-textarea-wrapper--disabled .ea-textarea{cursor:default}.ea-textarea-wrapper--readonly{background-color:var(--color-bg-subtle)}.ea-textarea-wrapper--readonly:has(:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-textarea-wrapper--readonly:has(:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--readonly button{cursor:default}.ea-textarea-wrapper--readonly button:hover{background-color:transparent;color:var(--color-text-secondary)}.ea-textarea{flex:1;width:100%;min-width:0;padding:.75em;background:transparent;border:none;outline:none;resize:none;color:var(--color-text-primary);font-family:var(--font-family-sans);line-height:var(--line-height-normal)}.ea-textarea::placeholder{color:var(--color-text-tertiary)}.ea-textarea:disabled{cursor:default}\n"],
+		template: "<div class=\"ea-textarea-field ea-textarea-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [help]=\"labelHelp()\"\n      [forId]=\"id()\"\n      [required]=\"required()\" />\n  }\n\n  <div\n    class=\"ea-textarea-wrapper\"\n    [ngClass]=\"wrapperClasses()\"\n    [style.resize]=\"resize()\"\n    [style.min-height]=\"minHeightStyle()\"\n    [style.max-height.px]=\"maxHeight() ?? null\">\n    <textarea\n      #textareaEl\n      class=\"ea-textarea\"\n      dir=\"auto\"\n      [id]=\"id()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"isDisabled()\"\n      [readOnly]=\"readonly()\"\n      [required]=\"required()\"\n      [value]=\"value()\"\n      [attr.maxlength]=\"maxlength() ?? null\"\n      [attr.aria-label]=\"label() ? null : (ariaLabel() ?? null)\"\n      [attr.aria-invalid]=\"hasError() || null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      (input)=\"handleInput($event)\"\n      (focus)=\"handleFocus($event)\"\n      (blur)=\"handleBlur($event)\"></textarea>\n  </div>\n\n  <ng-template #messages>\n    <ea-field-messages\n      [id]=\"id()\"\n      [error]=\"errorText()\"\n      [hint]=\"showHint() ? hint() : null\" />\n  </ng-template>\n\n  @if (showCount()) {\n    <div class=\"ea-textarea-field__footer\">\n      <ng-container [ngTemplateOutlet]=\"messages\" />\n      <span\n        class=\"ea-textarea-field__count\"\n        [id]=\"id() + '-count'\">\n        {{ countText() }}\n      </span>\n    </div>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"messages\" />\n  }\n</div>\n",
+		styles: [".ea-textarea-field{display:flex;flex-direction:column;gap:.375em;color:var(--color-text-secondary);--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-textarea-field--2xs{font-size:var(--font-size-2xs)}.ea-textarea-field--xs{font-size:var(--font-size-xs)}.ea-textarea-field--sm{font-size:var(--font-size-sm)}.ea-textarea-field--md{font-size:var(--font-size-md)}.ea-textarea-field--lg{font-size:var(--font-size-lg)}.ea-textarea-field--xl{font-size:var(--font-size-xl)}.ea-textarea-field__footer{display:flex;align-items:flex-start;gap:.75em}.ea-textarea-field__count{flex-shrink:0;margin-inline-start:auto;font-size:max(var(--ea-field-messages-size, var(--text-helper-size)),.6875rem);font-weight:var(--text-helper-weight);line-height:var(--text-helper-lh);font-variant-numeric:tabular-nums}.ea-textarea-wrapper{display:flex;min-width:12em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);transition:var(--transition-colors),var(--transition-shadow);overflow:hidden}.ea-textarea-wrapper--focused{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-textarea-wrapper--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--error{border-color:var(--color-error-default)}.ea-textarea-wrapper--error.ea-textarea-wrapper--focused{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-textarea-wrapper--error.ea-textarea-wrapper--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--disabled{background-color:var(--color-bg-muted);border-color:var(--color-border-default);cursor:default;opacity:.6}.ea-textarea-wrapper--disabled .ea-textarea{cursor:default}.ea-textarea-wrapper--readonly{background-color:var(--color-bg-subtle)}.ea-textarea-wrapper--readonly:has(:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-textarea-wrapper--readonly:has(:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--readonly button{cursor:default}.ea-textarea-wrapper--readonly button:hover{background-color:transparent;color:var(--color-text-secondary)}.ea-textarea{flex:1;width:100%;min-width:0;padding:.75em;background:transparent;border:none;outline:none;resize:none;color:var(--color-text-primary);font-family:var(--font-family-sans);line-height:var(--line-height-normal)}.ea-textarea::placeholder{color:var(--color-text-tertiary)}.ea-textarea:disabled{cursor:default}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -29399,6 +29914,16 @@ var TextareaComponent = class TextareaComponent {
 				type: NgClass,
 				selector: "[ngClass]",
 				inputs: ["class", "ngClass"]
+			},
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
 			}
 		],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
@@ -29416,7 +29941,8 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [
 				FieldLabelComponent,
 				FieldMessagesComponent,
-				NgClass
+				NgClass,
+				NgTemplateOutlet
 			],
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			providers: [{
@@ -29424,8 +29950,8 @@ i0.ɵɵngDeclareClassMetadata({
 				useExisting: forwardRef(() => TextareaComponent),
 				multi: true
 			}],
-			template: "<div class=\"ea-textarea-field ea-textarea-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [help]=\"labelHelp()\"\n      [forId]=\"id()\"\n      [required]=\"required()\" />\n  }\n\n  <div\n    class=\"ea-textarea-wrapper\"\n    [ngClass]=\"wrapperClasses()\"\n    [style.resize]=\"resize()\"\n    [style.min-height]=\"minHeightStyle()\"\n    [style.max-height.px]=\"maxHeight() ?? null\">\n    <textarea\n      #textareaEl\n      class=\"ea-textarea\"\n      dir=\"auto\"\n      [id]=\"id()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"isDisabled()\"\n      [readOnly]=\"readonly()\"\n      [required]=\"required()\"\n      [value]=\"value()\"\n      [attr.maxlength]=\"maxlength() ?? null\"\n      [attr.aria-label]=\"label() ? null : (ariaLabel() ?? null)\"\n      [attr.aria-invalid]=\"hasError() || null\"\n      [attr.aria-describedby]=\"\n        showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n      \"\n      (input)=\"handleInput($event)\"\n      (focus)=\"handleFocus($event)\"\n      (blur)=\"handleBlur($event)\"></textarea>\n  </div>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
-			styles: [".ea-textarea-field{display:flex;flex-direction:column;gap:.375em;color:var(--color-text-secondary);--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-textarea-field--2xs{font-size:var(--font-size-2xs)}.ea-textarea-field--xs{font-size:var(--font-size-xs)}.ea-textarea-field--sm{font-size:var(--font-size-sm)}.ea-textarea-field--md{font-size:var(--font-size-md)}.ea-textarea-field--lg{font-size:var(--font-size-lg)}.ea-textarea-field--xl{font-size:var(--font-size-xl)}.ea-textarea-wrapper{display:flex;min-width:12em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);transition:var(--transition-colors),var(--transition-shadow);overflow:hidden}.ea-textarea-wrapper--focused{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-textarea-wrapper--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--error{border-color:var(--color-error-default)}.ea-textarea-wrapper--error.ea-textarea-wrapper--focused{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-textarea-wrapper--error.ea-textarea-wrapper--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--disabled{background-color:var(--color-bg-muted);border-color:var(--color-border-default);cursor:default;opacity:.6}.ea-textarea-wrapper--disabled .ea-textarea{cursor:default}.ea-textarea-wrapper--readonly{background-color:var(--color-bg-subtle)}.ea-textarea-wrapper--readonly:has(:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-textarea-wrapper--readonly:has(:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--readonly button{cursor:default}.ea-textarea-wrapper--readonly button:hover{background-color:transparent;color:var(--color-text-secondary)}.ea-textarea{flex:1;width:100%;min-width:0;padding:.75em;background:transparent;border:none;outline:none;resize:none;color:var(--color-text-primary);font-family:var(--font-family-sans);line-height:var(--line-height-normal)}.ea-textarea::placeholder{color:var(--color-text-tertiary)}.ea-textarea:disabled{cursor:default}\n"]
+			template: "<div class=\"ea-textarea-field ea-textarea-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [help]=\"labelHelp()\"\n      [forId]=\"id()\"\n      [required]=\"required()\" />\n  }\n\n  <div\n    class=\"ea-textarea-wrapper\"\n    [ngClass]=\"wrapperClasses()\"\n    [style.resize]=\"resize()\"\n    [style.min-height]=\"minHeightStyle()\"\n    [style.max-height.px]=\"maxHeight() ?? null\">\n    <textarea\n      #textareaEl\n      class=\"ea-textarea\"\n      dir=\"auto\"\n      [id]=\"id()\"\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"isDisabled()\"\n      [readOnly]=\"readonly()\"\n      [required]=\"required()\"\n      [value]=\"value()\"\n      [attr.maxlength]=\"maxlength() ?? null\"\n      [attr.aria-label]=\"label() ? null : (ariaLabel() ?? null)\"\n      [attr.aria-invalid]=\"hasError() || null\"\n      [attr.aria-describedby]=\"describedBy()\"\n      (input)=\"handleInput($event)\"\n      (focus)=\"handleFocus($event)\"\n      (blur)=\"handleBlur($event)\"></textarea>\n  </div>\n\n  <ng-template #messages>\n    <ea-field-messages\n      [id]=\"id()\"\n      [error]=\"errorText()\"\n      [hint]=\"showHint() ? hint() : null\" />\n  </ng-template>\n\n  @if (showCount()) {\n    <div class=\"ea-textarea-field__footer\">\n      <ng-container [ngTemplateOutlet]=\"messages\" />\n      <span\n        class=\"ea-textarea-field__count\"\n        [id]=\"id() + '-count'\">\n        {{ countText() }}\n      </span>\n    </div>\n  } @else {\n    <ng-container [ngTemplateOutlet]=\"messages\" />\n  }\n</div>\n",
+			styles: [".ea-textarea-field{display:flex;flex-direction:column;gap:.375em;color:var(--color-text-secondary);--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-textarea-field--2xs{font-size:var(--font-size-2xs)}.ea-textarea-field--xs{font-size:var(--font-size-xs)}.ea-textarea-field--sm{font-size:var(--font-size-sm)}.ea-textarea-field--md{font-size:var(--font-size-md)}.ea-textarea-field--lg{font-size:var(--font-size-lg)}.ea-textarea-field--xl{font-size:var(--font-size-xl)}.ea-textarea-field__footer{display:flex;align-items:flex-start;gap:.75em}.ea-textarea-field__count{flex-shrink:0;margin-inline-start:auto;font-size:max(var(--ea-field-messages-size, var(--text-helper-size)),.6875rem);font-weight:var(--text-helper-weight);line-height:var(--text-helper-lh);font-variant-numeric:tabular-nums}.ea-textarea-wrapper{display:flex;min-width:12em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);transition:var(--transition-colors),var(--transition-shadow);overflow:hidden}.ea-textarea-wrapper--focused{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-textarea-wrapper--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--error{border-color:var(--color-error-default)}.ea-textarea-wrapper--error.ea-textarea-wrapper--focused{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-textarea-wrapper--error.ea-textarea-wrapper--focused{outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--disabled{background-color:var(--color-bg-muted);border-color:var(--color-border-default);cursor:default;opacity:.6}.ea-textarea-wrapper--disabled .ea-textarea{cursor:default}.ea-textarea-wrapper--readonly{background-color:var(--color-bg-subtle)}.ea-textarea-wrapper--readonly:has(:focus-visible){border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-textarea-wrapper--readonly:has(:focus-visible){outline:2px solid Highlight;outline-offset:2px}}.ea-textarea-wrapper--readonly button{cursor:default}.ea-textarea-wrapper--readonly button:hover{background-color:transparent;color:var(--color-text-secondary)}.ea-textarea{flex:1;width:100%;min-width:0;padding:.75em;background:transparent;border:none;outline:none;resize:none;color:var(--color-text-primary);font-family:var(--font-family-sans);line-height:var(--line-height-normal)}.ea-textarea::placeholder{color:var(--color-text-tertiary)}.ea-textarea:disabled{cursor:default}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -29545,6 +30071,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		showCount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showCount",
+				required: false
+			}]
+		}],
 		maxHeight: [{
 			type: i0.Input,
 			args: [{
@@ -30297,7 +30831,7 @@ var TimePickerComponent = class TimePickerComponent {
 		],
 		ngImport: i0,
 		template: "<div class=\"ea-time-picker-field ea-time-picker-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [help]=\"labelHelp()\"\n      [forId]=\"id()\"\n      [required]=\"required()\" />\n  }\n\n  <div class=\"ea-time-picker\">\n    <div\n      class=\"ea-time-picker__trigger-wrapper\"\n      [ngClass]=\"wrapperClasses()\">\n      <div\n        #triggerEl\n        class=\"ea-time-picker__trigger\"\n        [ngClass]=\"triggerClasses()\"\n        (click)=\"onTriggerClick()\">\n        <ea-icon-clock\n          class=\"ea-time-picker__trigger-icon\"\n          aria-hidden=\"true\" />\n        <input\n          #inputEl\n          type=\"text\"\n          class=\"ea-time-picker__input\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          [id]=\"id()\"\n          [disabled]=\"isDisabled()\"\n          [readonly]=\"readonly()\"\n          [placeholder]=\"resolvedPlaceholder()\"\n          [value]=\"triggerText()\"\n          [attr.aria-expanded]=\"isOpen()\"\n          [attr.aria-haspopup]=\"'dialog'\"\n          [attr.aria-controls]=\"isOpen() ? popoverId() : null\"\n          [attr.aria-required]=\"required() || null\"\n          [attr.aria-invalid]=\"hasError() || null\"\n          [attr.aria-describedby]=\"\n            showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n          \"\n          (input)=\"onTriggerInput($event)\"\n          (keydown)=\"handleTriggerKeydown($event)\"\n          (blur)=\"onTriggerBlur()\" />\n      </div>\n      @if (hasValue() && !isDisabled() && !readonly()) {\n        <button\n          type=\"button\"\n          class=\"ea-time-picker__clear\"\n          [attr.aria-label]=\"i18n.messages().timePicker.clear\"\n          (click)=\"clear($event)\">\n          <ea-icon-x\n            class=\"ea-time-picker__clear-icon\"\n            aria-hidden=\"true\" />\n        </button>\n      }\n    </div>\n\n    <ea-popover\n      [anchor]=\"triggerEl\"\n      [open]=\"isOpen()\"\n      placement=\"bottom-start\"\n      role=\"dialog\"\n      [aria-label]=\"i18n.messages().timePicker.dialogLabel\"\n      [surfaceId]=\"popoverId()\"\n      [trapFocus]=\"true\"\n      [closeOnEscape]=\"false\"\n      scrollBehavior=\"close\"\n      (closeRequested)=\"onPopoverCloseRequested()\">\n      <div\n        class=\"ea-time-picker__popover\"\n        [ngClass]=\"popoverClasses()\"\n        (keydown.escape)=\"onPopoverEscape($event)\">\n        <div class=\"ea-time-picker__column\">\n          <button\n            type=\"button\"\n            class=\"ea-time-picker__step\"\n            [attr.aria-label]=\"i18n.messages().timePicker.incrementHours\"\n            (click)=\"onStepClick('hours', 1, $event)\"\n            (mousedown)=\"startHold('hours', 1, $event)\"\n            (touchstart)=\"startHold('hours', 1, $event)\"\n            (mouseup)=\"stopHold()\"\n            (mouseleave)=\"stopHold()\"\n            (touchend)=\"stopHold()\"\n            (touchcancel)=\"stopHold()\">\n            <ea-icon-chevron-up aria-hidden=\"true\" />\n          </button>\n          <input\n            #hoursEl\n            type=\"text\"\n            class=\"ea-time-picker__value\"\n            inputmode=\"numeric\"\n            autocomplete=\"off\"\n            maxlength=\"2\"\n            role=\"spinbutton\"\n            [attr.aria-label]=\"i18n.messages().timePicker.hoursLabel\"\n            [attr.aria-valuemin]=\"format() === '24h' ? 0 : 1\"\n            [attr.aria-valuemax]=\"format() === '24h' ? 23 : 12\"\n            [attr.aria-valuenow]=\"displayHours()\"\n            [value]=\"hoursText()\"\n            (focus)=\"onSpinnerFocus($event)\"\n            (input)=\"onSpinnerInput('hours', $event)\"\n            (keydown)=\"handlePopoverKeydown($event, 'hours')\"\n            (blur)=\"onSpinnerBlur()\" />\n          <button\n            type=\"button\"\n            class=\"ea-time-picker__step\"\n            [attr.aria-label]=\"i18n.messages().timePicker.decrementHours\"\n            (click)=\"onStepClick('hours', -1, $event)\"\n            (mousedown)=\"startHold('hours', -1, $event)\"\n            (touchstart)=\"startHold('hours', -1, $event)\"\n            (mouseup)=\"stopHold()\"\n            (mouseleave)=\"stopHold()\"\n            (touchend)=\"stopHold()\"\n            (touchcancel)=\"stopHold()\">\n            <ea-icon-chevron-down aria-hidden=\"true\" />\n          </button>\n        </div>\n\n        <span\n          class=\"ea-time-picker__separator\"\n          aria-hidden=\"true\">\n          :\n        </span>\n\n        <div class=\"ea-time-picker__column\">\n          <button\n            type=\"button\"\n            class=\"ea-time-picker__step\"\n            [attr.aria-label]=\"i18n.messages().timePicker.incrementMinutes\"\n            (click)=\"onStepClick('minutes', 1, $event)\"\n            (mousedown)=\"startHold('minutes', 1, $event)\"\n            (touchstart)=\"startHold('minutes', 1, $event)\"\n            (mouseup)=\"stopHold()\"\n            (mouseleave)=\"stopHold()\"\n            (touchend)=\"stopHold()\"\n            (touchcancel)=\"stopHold()\">\n            <ea-icon-chevron-up aria-hidden=\"true\" />\n          </button>\n          <input\n            #minutesEl\n            type=\"text\"\n            class=\"ea-time-picker__value\"\n            inputmode=\"numeric\"\n            autocomplete=\"off\"\n            maxlength=\"2\"\n            role=\"spinbutton\"\n            [attr.aria-label]=\"i18n.messages().timePicker.minutesLabel\"\n            [attr.aria-valuemin]=\"0\"\n            [attr.aria-valuemax]=\"59\"\n            [attr.aria-valuenow]=\"parsed().minutes\"\n            [value]=\"minutesText()\"\n            (focus)=\"onSpinnerFocus($event)\"\n            (input)=\"onSpinnerInput('minutes', $event)\"\n            (keydown)=\"handlePopoverKeydown($event, 'minutes')\"\n            (blur)=\"onSpinnerBlur()\" />\n          <button\n            type=\"button\"\n            class=\"ea-time-picker__step\"\n            [attr.aria-label]=\"i18n.messages().timePicker.decrementMinutes\"\n            (click)=\"onStepClick('minutes', -1, $event)\"\n            (mousedown)=\"startHold('minutes', -1, $event)\"\n            (touchstart)=\"startHold('minutes', -1, $event)\"\n            (mouseup)=\"stopHold()\"\n            (mouseleave)=\"stopHold()\"\n            (touchend)=\"stopHold()\"\n            (touchcancel)=\"stopHold()\">\n            <ea-icon-chevron-down aria-hidden=\"true\" />\n          </button>\n        </div>\n\n        @if (includeSeconds()) {\n          <span\n            class=\"ea-time-picker__separator\"\n            aria-hidden=\"true\">\n            :\n          </span>\n          <div class=\"ea-time-picker__column\">\n            <button\n              type=\"button\"\n              class=\"ea-time-picker__step\"\n              [attr.aria-label]=\"i18n.messages().timePicker.incrementSeconds\"\n              (click)=\"onStepClick('seconds', 1, $event)\"\n              (mousedown)=\"startHold('seconds', 1, $event)\"\n              (touchstart)=\"startHold('seconds', 1, $event)\"\n              (mouseup)=\"stopHold()\"\n              (mouseleave)=\"stopHold()\"\n              (touchend)=\"stopHold()\"\n              (touchcancel)=\"stopHold()\">\n              <ea-icon-chevron-up aria-hidden=\"true\" />\n            </button>\n            <input\n              #secondsEl\n              type=\"text\"\n              class=\"ea-time-picker__value\"\n              inputmode=\"numeric\"\n              autocomplete=\"off\"\n              maxlength=\"2\"\n              role=\"spinbutton\"\n              [attr.aria-label]=\"i18n.messages().timePicker.secondsLabel\"\n              [attr.aria-valuemin]=\"0\"\n              [attr.aria-valuemax]=\"59\"\n              [attr.aria-valuenow]=\"parsed().seconds\"\n              [value]=\"secondsText()\"\n              (focus)=\"onSpinnerFocus($event)\"\n              (input)=\"onSpinnerInput('seconds', $event)\"\n              (keydown)=\"handlePopoverKeydown($event, 'seconds')\"\n              (blur)=\"onSpinnerBlur()\" />\n            <button\n              type=\"button\"\n              class=\"ea-time-picker__step\"\n              [attr.aria-label]=\"i18n.messages().timePicker.decrementSeconds\"\n              (click)=\"onStepClick('seconds', -1, $event)\"\n              (mousedown)=\"startHold('seconds', -1, $event)\"\n              (touchstart)=\"startHold('seconds', -1, $event)\"\n              (mouseup)=\"stopHold()\"\n              (mouseleave)=\"stopHold()\"\n              (touchend)=\"stopHold()\"\n              (touchcancel)=\"stopHold()\">\n              <ea-icon-chevron-down aria-hidden=\"true\" />\n            </button>\n          </div>\n        }\n\n        @if (format() === '12h') {\n          <div class=\"ea-time-picker__period\">\n            <button\n              type=\"button\"\n              class=\"ea-time-picker__period-option\"\n              [class.ea-time-picker__period-option--active]=\"period() === 'AM'\"\n              [attr.aria-pressed]=\"period() === 'AM'\"\n              (click)=\"period() === 'PM' && togglePeriod()\">\n              {{ i18n.messages().timePicker.amLabel }}\n            </button>\n            <button\n              type=\"button\"\n              class=\"ea-time-picker__period-option\"\n              [class.ea-time-picker__period-option--active]=\"period() === 'PM'\"\n              [attr.aria-pressed]=\"period() === 'PM'\"\n              (click)=\"period() === 'AM' && togglePeriod()\">\n              {{ i18n.messages().timePicker.pmLabel }}\n            </button>\n          </div>\n        }\n      </div>\n    </ea-popover>\n  </div>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
-		styles: [".ea-time-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-time-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-time-picker-field--xs{font-size:var(--font-size-xs)}.ea-time-picker-field--sm{font-size:var(--font-size-sm)}.ea-time-picker-field--md{font-size:var(--font-size-md)}.ea-time-picker-field--lg{font-size:var(--font-size-lg)}.ea-time-picker-field--xl{font-size:var(--font-size-xl)}.ea-time-picker,.ea-time-picker__trigger-wrapper{position:relative}.ea-time-picker__trigger{display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.5em .75em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-family-sans);text-align:start;color:var(--color-text-primary);cursor:text;transition:var(--transition-colors),var(--transition-shadow)}.ea-time-picker__trigger:focus-within{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__trigger:focus-within{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--error{border-color:var(--color-error-default)}.ea-time-picker__trigger--error.ea-time-picker__trigger--open{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-time-picker__trigger--error.ea-time-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--disabled{background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-time-picker__trigger--readonly{cursor:default}.ea-time-picker__trigger--readonly:focus-visible{border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-time-picker__trigger--readonly:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary)}.ea-time-picker__input{overflow:hidden;flex:1;min-width:0;padding:0;font-size:inherit;white-space:nowrap;font-family:inherit;text-overflow:ellipsis;font-variant-numeric:tabular-nums;border:0;background:none;color:inherit;cursor:inherit}.ea-time-picker__input:focus{outline:none}.ea-time-picker__input::placeholder{color:var(--color-text-tertiary)}.ea-time-picker__input:disabled{cursor:default}.ea-time-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__clear>*{font-size:1.25em}.ea-time-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-time-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__clear:disabled{cursor:default;opacity:.5}.ea-time-picker__clear{z-index:1;position:absolute;top:50%;inset-inline-end:var(--space-2);transform:translateY(-50%)}.ea-time-picker__popover{display:flex;align-items:center;gap:.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-time-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-time-picker__popover{border:1px solid CanvasText}}.ea-time-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-time-picker__popover--xs{font-size:var(--font-size-xs)}.ea-time-picker__popover--sm{font-size:var(--font-size-sm)}.ea-time-picker__popover--md{font-size:var(--font-size-md)}.ea-time-picker__popover--lg{font-size:var(--font-size-lg)}.ea-time-picker__popover--xl{font-size:var(--font-size-xl)}.ea-time-picker__column{display:flex;flex-direction:column;align-items:stretch;gap:.25em}.ea-time-picker__step{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__step>*{font-size:1.25em}.ea-time-picker__step:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-time-picker__step:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__step:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__step:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__step:disabled{cursor:default;opacity:.5}.ea-time-picker__step{width:2.25em}.ea-time-picker__step ea-icon-chevron-up,.ea-time-picker__step ea-icon-chevron-down{width:1em;height:1em}.ea-time-picker__value{width:2.25em;height:2.25em;padding:0;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-sm);background-color:var(--color-bg-muted);font-family:var(--font-family-mono);font-size:1em;font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-primary);font-variant-numeric:tabular-nums;appearance:none;cursor:text}.ea-time-picker__value::selection{background-color:var(--color-brand-default);color:var(--color-text-inverse)}.ea-time-picker__value:hover{border-color:var(--color-border-default)}.ea-time-picker__value:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__value:focus{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__value:focus{background-color:var(--color-bg-base)}.ea-time-picker__separator{font-family:var(--font-family-mono);font-size:1em;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.ea-time-picker__period{display:flex;flex-direction:column;gap:.25em;margin-inline-start:.25em}.ea-time-picker__period-option{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:3.33em;padding:.33em .66em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.75em;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__period-option:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__period-option:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__period-option:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__period-option--active{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}.ea-time-picker__period-option--active:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-time-picker__period-option--active{background-color:Highlight;border-color:Highlight;color:HighlightText}}\n"],
+		styles: [".ea-time-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-time-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-time-picker-field--xs{font-size:var(--font-size-xs)}.ea-time-picker-field--sm{font-size:var(--font-size-sm)}.ea-time-picker-field--md{font-size:var(--font-size-md)}.ea-time-picker-field--lg{font-size:var(--font-size-lg)}.ea-time-picker-field--xl{font-size:var(--font-size-xl)}.ea-time-picker,.ea-time-picker__trigger-wrapper{position:relative}.ea-time-picker__trigger{display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.5em .75em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-family-sans);text-align:start;color:var(--color-text-primary);cursor:text;transition:var(--transition-colors),var(--transition-shadow)}.ea-time-picker__trigger:focus-within{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__trigger:focus-within{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--error{border-color:var(--color-error-default)}.ea-time-picker__trigger--error.ea-time-picker__trigger--open{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-time-picker__trigger--error.ea-time-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--disabled{background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-time-picker__trigger--readonly{cursor:default}.ea-time-picker__trigger--readonly:focus-visible{border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-time-picker__trigger--readonly:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary)}.ea-time-picker__input{overflow:hidden;flex:1;min-width:0;padding:0;font-size:inherit;white-space:nowrap;font-family:inherit;text-overflow:ellipsis;font-variant-numeric:tabular-nums;border:0;background:none;color:inherit;cursor:inherit}.ea-time-picker__input:focus{outline:none}.ea-time-picker__input::placeholder{color:var(--color-text-tertiary)}.ea-time-picker__input:disabled{cursor:default}.ea-time-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__clear>*{font-size:1.25em}.ea-time-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-time-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__clear:disabled{cursor:default;opacity:.5}.ea-time-picker__clear{z-index:1;position:absolute;top:50%;inset-inline-end:calc(.75em + var(--border-width-thin));transform:translateY(-50%)}.ea-time-picker__popover{display:flex;align-items:center;gap:.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-time-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-time-picker__popover{border:1px solid CanvasText}}.ea-time-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-time-picker__popover--xs{font-size:var(--font-size-xs)}.ea-time-picker__popover--sm{font-size:var(--font-size-sm)}.ea-time-picker__popover--md{font-size:var(--font-size-md)}.ea-time-picker__popover--lg{font-size:var(--font-size-lg)}.ea-time-picker__popover--xl{font-size:var(--font-size-xl)}.ea-time-picker__column{display:flex;flex-direction:column;align-items:stretch;gap:.25em}.ea-time-picker__step{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__step>*{font-size:1.25em}.ea-time-picker__step:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-time-picker__step:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__step:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__step:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__step:disabled{cursor:default;opacity:.5}.ea-time-picker__step{width:2.25em}.ea-time-picker__step ea-icon-chevron-up,.ea-time-picker__step ea-icon-chevron-down{width:1em;height:1em}.ea-time-picker__value{width:2.25em;height:2.25em;padding:0;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-sm);background-color:var(--color-bg-muted);font-family:var(--font-family-mono);font-size:1em;font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-primary);font-variant-numeric:tabular-nums;appearance:none;cursor:text}.ea-time-picker__value::selection{background-color:var(--color-brand-default);color:var(--color-text-inverse)}.ea-time-picker__value:hover{border-color:var(--color-border-default)}.ea-time-picker__value:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__value:focus{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__value:focus{background-color:var(--color-bg-base)}.ea-time-picker__separator{font-family:var(--font-family-mono);font-size:1em;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.ea-time-picker__period{display:flex;flex-direction:column;gap:.25em;margin-inline-start:.25em}.ea-time-picker__period-option{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:3.33em;padding:.33em .66em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.75em;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__period-option:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__period-option:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__period-option:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__period-option--active{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}.ea-time-picker__period-option--active:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-time-picker__period-option--active{background-color:Highlight;border-color:Highlight;color:HighlightText}}\n"],
 		dependencies: [
 			{
 				kind: "component",
@@ -30404,7 +30938,7 @@ i0.ɵɵngDeclareClassMetadata({
 				multi: true
 			}],
 			template: "<div class=\"ea-time-picker-field ea-time-picker-field--{{ size() }}\">\n  @if (label(); as labelText) {\n    <ea-field-label\n      [text]=\"labelText\"\n      [icon]=\"labelIcon()\"\n      [help]=\"labelHelp()\"\n      [forId]=\"id()\"\n      [required]=\"required()\" />\n  }\n\n  <div class=\"ea-time-picker\">\n    <div\n      class=\"ea-time-picker__trigger-wrapper\"\n      [ngClass]=\"wrapperClasses()\">\n      <div\n        #triggerEl\n        class=\"ea-time-picker__trigger\"\n        [ngClass]=\"triggerClasses()\"\n        (click)=\"onTriggerClick()\">\n        <ea-icon-clock\n          class=\"ea-time-picker__trigger-icon\"\n          aria-hidden=\"true\" />\n        <input\n          #inputEl\n          type=\"text\"\n          class=\"ea-time-picker__input\"\n          role=\"combobox\"\n          autocomplete=\"off\"\n          [id]=\"id()\"\n          [disabled]=\"isDisabled()\"\n          [readonly]=\"readonly()\"\n          [placeholder]=\"resolvedPlaceholder()\"\n          [value]=\"triggerText()\"\n          [attr.aria-expanded]=\"isOpen()\"\n          [attr.aria-haspopup]=\"'dialog'\"\n          [attr.aria-controls]=\"isOpen() ? popoverId() : null\"\n          [attr.aria-required]=\"required() || null\"\n          [attr.aria-invalid]=\"hasError() || null\"\n          [attr.aria-describedby]=\"\n            showError() ? id() + '-error' : showHint() ? id() + '-hint' : null\n          \"\n          (input)=\"onTriggerInput($event)\"\n          (keydown)=\"handleTriggerKeydown($event)\"\n          (blur)=\"onTriggerBlur()\" />\n      </div>\n      @if (hasValue() && !isDisabled() && !readonly()) {\n        <button\n          type=\"button\"\n          class=\"ea-time-picker__clear\"\n          [attr.aria-label]=\"i18n.messages().timePicker.clear\"\n          (click)=\"clear($event)\">\n          <ea-icon-x\n            class=\"ea-time-picker__clear-icon\"\n            aria-hidden=\"true\" />\n        </button>\n      }\n    </div>\n\n    <ea-popover\n      [anchor]=\"triggerEl\"\n      [open]=\"isOpen()\"\n      placement=\"bottom-start\"\n      role=\"dialog\"\n      [aria-label]=\"i18n.messages().timePicker.dialogLabel\"\n      [surfaceId]=\"popoverId()\"\n      [trapFocus]=\"true\"\n      [closeOnEscape]=\"false\"\n      scrollBehavior=\"close\"\n      (closeRequested)=\"onPopoverCloseRequested()\">\n      <div\n        class=\"ea-time-picker__popover\"\n        [ngClass]=\"popoverClasses()\"\n        (keydown.escape)=\"onPopoverEscape($event)\">\n        <div class=\"ea-time-picker__column\">\n          <button\n            type=\"button\"\n            class=\"ea-time-picker__step\"\n            [attr.aria-label]=\"i18n.messages().timePicker.incrementHours\"\n            (click)=\"onStepClick('hours', 1, $event)\"\n            (mousedown)=\"startHold('hours', 1, $event)\"\n            (touchstart)=\"startHold('hours', 1, $event)\"\n            (mouseup)=\"stopHold()\"\n            (mouseleave)=\"stopHold()\"\n            (touchend)=\"stopHold()\"\n            (touchcancel)=\"stopHold()\">\n            <ea-icon-chevron-up aria-hidden=\"true\" />\n          </button>\n          <input\n            #hoursEl\n            type=\"text\"\n            class=\"ea-time-picker__value\"\n            inputmode=\"numeric\"\n            autocomplete=\"off\"\n            maxlength=\"2\"\n            role=\"spinbutton\"\n            [attr.aria-label]=\"i18n.messages().timePicker.hoursLabel\"\n            [attr.aria-valuemin]=\"format() === '24h' ? 0 : 1\"\n            [attr.aria-valuemax]=\"format() === '24h' ? 23 : 12\"\n            [attr.aria-valuenow]=\"displayHours()\"\n            [value]=\"hoursText()\"\n            (focus)=\"onSpinnerFocus($event)\"\n            (input)=\"onSpinnerInput('hours', $event)\"\n            (keydown)=\"handlePopoverKeydown($event, 'hours')\"\n            (blur)=\"onSpinnerBlur()\" />\n          <button\n            type=\"button\"\n            class=\"ea-time-picker__step\"\n            [attr.aria-label]=\"i18n.messages().timePicker.decrementHours\"\n            (click)=\"onStepClick('hours', -1, $event)\"\n            (mousedown)=\"startHold('hours', -1, $event)\"\n            (touchstart)=\"startHold('hours', -1, $event)\"\n            (mouseup)=\"stopHold()\"\n            (mouseleave)=\"stopHold()\"\n            (touchend)=\"stopHold()\"\n            (touchcancel)=\"stopHold()\">\n            <ea-icon-chevron-down aria-hidden=\"true\" />\n          </button>\n        </div>\n\n        <span\n          class=\"ea-time-picker__separator\"\n          aria-hidden=\"true\">\n          :\n        </span>\n\n        <div class=\"ea-time-picker__column\">\n          <button\n            type=\"button\"\n            class=\"ea-time-picker__step\"\n            [attr.aria-label]=\"i18n.messages().timePicker.incrementMinutes\"\n            (click)=\"onStepClick('minutes', 1, $event)\"\n            (mousedown)=\"startHold('minutes', 1, $event)\"\n            (touchstart)=\"startHold('minutes', 1, $event)\"\n            (mouseup)=\"stopHold()\"\n            (mouseleave)=\"stopHold()\"\n            (touchend)=\"stopHold()\"\n            (touchcancel)=\"stopHold()\">\n            <ea-icon-chevron-up aria-hidden=\"true\" />\n          </button>\n          <input\n            #minutesEl\n            type=\"text\"\n            class=\"ea-time-picker__value\"\n            inputmode=\"numeric\"\n            autocomplete=\"off\"\n            maxlength=\"2\"\n            role=\"spinbutton\"\n            [attr.aria-label]=\"i18n.messages().timePicker.minutesLabel\"\n            [attr.aria-valuemin]=\"0\"\n            [attr.aria-valuemax]=\"59\"\n            [attr.aria-valuenow]=\"parsed().minutes\"\n            [value]=\"minutesText()\"\n            (focus)=\"onSpinnerFocus($event)\"\n            (input)=\"onSpinnerInput('minutes', $event)\"\n            (keydown)=\"handlePopoverKeydown($event, 'minutes')\"\n            (blur)=\"onSpinnerBlur()\" />\n          <button\n            type=\"button\"\n            class=\"ea-time-picker__step\"\n            [attr.aria-label]=\"i18n.messages().timePicker.decrementMinutes\"\n            (click)=\"onStepClick('minutes', -1, $event)\"\n            (mousedown)=\"startHold('minutes', -1, $event)\"\n            (touchstart)=\"startHold('minutes', -1, $event)\"\n            (mouseup)=\"stopHold()\"\n            (mouseleave)=\"stopHold()\"\n            (touchend)=\"stopHold()\"\n            (touchcancel)=\"stopHold()\">\n            <ea-icon-chevron-down aria-hidden=\"true\" />\n          </button>\n        </div>\n\n        @if (includeSeconds()) {\n          <span\n            class=\"ea-time-picker__separator\"\n            aria-hidden=\"true\">\n            :\n          </span>\n          <div class=\"ea-time-picker__column\">\n            <button\n              type=\"button\"\n              class=\"ea-time-picker__step\"\n              [attr.aria-label]=\"i18n.messages().timePicker.incrementSeconds\"\n              (click)=\"onStepClick('seconds', 1, $event)\"\n              (mousedown)=\"startHold('seconds', 1, $event)\"\n              (touchstart)=\"startHold('seconds', 1, $event)\"\n              (mouseup)=\"stopHold()\"\n              (mouseleave)=\"stopHold()\"\n              (touchend)=\"stopHold()\"\n              (touchcancel)=\"stopHold()\">\n              <ea-icon-chevron-up aria-hidden=\"true\" />\n            </button>\n            <input\n              #secondsEl\n              type=\"text\"\n              class=\"ea-time-picker__value\"\n              inputmode=\"numeric\"\n              autocomplete=\"off\"\n              maxlength=\"2\"\n              role=\"spinbutton\"\n              [attr.aria-label]=\"i18n.messages().timePicker.secondsLabel\"\n              [attr.aria-valuemin]=\"0\"\n              [attr.aria-valuemax]=\"59\"\n              [attr.aria-valuenow]=\"parsed().seconds\"\n              [value]=\"secondsText()\"\n              (focus)=\"onSpinnerFocus($event)\"\n              (input)=\"onSpinnerInput('seconds', $event)\"\n              (keydown)=\"handlePopoverKeydown($event, 'seconds')\"\n              (blur)=\"onSpinnerBlur()\" />\n            <button\n              type=\"button\"\n              class=\"ea-time-picker__step\"\n              [attr.aria-label]=\"i18n.messages().timePicker.decrementSeconds\"\n              (click)=\"onStepClick('seconds', -1, $event)\"\n              (mousedown)=\"startHold('seconds', -1, $event)\"\n              (touchstart)=\"startHold('seconds', -1, $event)\"\n              (mouseup)=\"stopHold()\"\n              (mouseleave)=\"stopHold()\"\n              (touchend)=\"stopHold()\"\n              (touchcancel)=\"stopHold()\">\n              <ea-icon-chevron-down aria-hidden=\"true\" />\n            </button>\n          </div>\n        }\n\n        @if (format() === '12h') {\n          <div class=\"ea-time-picker__period\">\n            <button\n              type=\"button\"\n              class=\"ea-time-picker__period-option\"\n              [class.ea-time-picker__period-option--active]=\"period() === 'AM'\"\n              [attr.aria-pressed]=\"period() === 'AM'\"\n              (click)=\"period() === 'PM' && togglePeriod()\">\n              {{ i18n.messages().timePicker.amLabel }}\n            </button>\n            <button\n              type=\"button\"\n              class=\"ea-time-picker__period-option\"\n              [class.ea-time-picker__period-option--active]=\"period() === 'PM'\"\n              [attr.aria-pressed]=\"period() === 'PM'\"\n              (click)=\"period() === 'AM' && togglePeriod()\">\n              {{ i18n.messages().timePicker.pmLabel }}\n            </button>\n          </div>\n        }\n      </div>\n    </ea-popover>\n  </div>\n\n  <ea-field-messages\n    [id]=\"id()\"\n    [error]=\"errorText()\"\n    [hint]=\"showHint() ? hint() : null\" />\n</div>\n",
-			styles: [".ea-time-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-time-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-time-picker-field--xs{font-size:var(--font-size-xs)}.ea-time-picker-field--sm{font-size:var(--font-size-sm)}.ea-time-picker-field--md{font-size:var(--font-size-md)}.ea-time-picker-field--lg{font-size:var(--font-size-lg)}.ea-time-picker-field--xl{font-size:var(--font-size-xl)}.ea-time-picker,.ea-time-picker__trigger-wrapper{position:relative}.ea-time-picker__trigger{display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.5em .75em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-family-sans);text-align:start;color:var(--color-text-primary);cursor:text;transition:var(--transition-colors),var(--transition-shadow)}.ea-time-picker__trigger:focus-within{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__trigger:focus-within{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--error{border-color:var(--color-error-default)}.ea-time-picker__trigger--error.ea-time-picker__trigger--open{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-time-picker__trigger--error.ea-time-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--disabled{background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-time-picker__trigger--readonly{cursor:default}.ea-time-picker__trigger--readonly:focus-visible{border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-time-picker__trigger--readonly:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary)}.ea-time-picker__input{overflow:hidden;flex:1;min-width:0;padding:0;font-size:inherit;white-space:nowrap;font-family:inherit;text-overflow:ellipsis;font-variant-numeric:tabular-nums;border:0;background:none;color:inherit;cursor:inherit}.ea-time-picker__input:focus{outline:none}.ea-time-picker__input::placeholder{color:var(--color-text-tertiary)}.ea-time-picker__input:disabled{cursor:default}.ea-time-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__clear>*{font-size:1.25em}.ea-time-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-time-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__clear:disabled{cursor:default;opacity:.5}.ea-time-picker__clear{z-index:1;position:absolute;top:50%;inset-inline-end:var(--space-2);transform:translateY(-50%)}.ea-time-picker__popover{display:flex;align-items:center;gap:.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-time-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-time-picker__popover{border:1px solid CanvasText}}.ea-time-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-time-picker__popover--xs{font-size:var(--font-size-xs)}.ea-time-picker__popover--sm{font-size:var(--font-size-sm)}.ea-time-picker__popover--md{font-size:var(--font-size-md)}.ea-time-picker__popover--lg{font-size:var(--font-size-lg)}.ea-time-picker__popover--xl{font-size:var(--font-size-xl)}.ea-time-picker__column{display:flex;flex-direction:column;align-items:stretch;gap:.25em}.ea-time-picker__step{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__step>*{font-size:1.25em}.ea-time-picker__step:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-time-picker__step:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__step:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__step:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__step:disabled{cursor:default;opacity:.5}.ea-time-picker__step{width:2.25em}.ea-time-picker__step ea-icon-chevron-up,.ea-time-picker__step ea-icon-chevron-down{width:1em;height:1em}.ea-time-picker__value{width:2.25em;height:2.25em;padding:0;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-sm);background-color:var(--color-bg-muted);font-family:var(--font-family-mono);font-size:1em;font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-primary);font-variant-numeric:tabular-nums;appearance:none;cursor:text}.ea-time-picker__value::selection{background-color:var(--color-brand-default);color:var(--color-text-inverse)}.ea-time-picker__value:hover{border-color:var(--color-border-default)}.ea-time-picker__value:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__value:focus{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__value:focus{background-color:var(--color-bg-base)}.ea-time-picker__separator{font-family:var(--font-family-mono);font-size:1em;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.ea-time-picker__period{display:flex;flex-direction:column;gap:.25em;margin-inline-start:.25em}.ea-time-picker__period-option{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:3.33em;padding:.33em .66em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.75em;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__period-option:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__period-option:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__period-option:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__period-option--active{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}.ea-time-picker__period-option--active:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-time-picker__period-option--active{background-color:Highlight;border-color:Highlight;color:HighlightText}}\n"]
+			styles: [".ea-time-picker-field{display:flex;flex-direction:column;gap:.375em;--ea-field-label-size: .875em;--ea-field-messages-size: .8125em}.ea-time-picker-field--2xs{font-size:var(--font-size-2xs)}.ea-time-picker-field--xs{font-size:var(--font-size-xs)}.ea-time-picker-field--sm{font-size:var(--font-size-sm)}.ea-time-picker-field--md{font-size:var(--font-size-md)}.ea-time-picker-field--lg{font-size:var(--font-size-lg)}.ea-time-picker-field--xl{font-size:var(--font-size-xl)}.ea-time-picker,.ea-time-picker__trigger-wrapper{position:relative}.ea-time-picker__trigger{display:flex;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.5em .75em;background-color:var(--color-bg-base);border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);font-family:var(--font-family-sans);text-align:start;color:var(--color-text-primary);cursor:text;transition:var(--transition-colors),var(--transition-shadow)}.ea-time-picker__trigger:focus-within{box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__trigger:focus-within{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--open{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--error{border-color:var(--color-error-default)}.ea-time-picker__trigger--error.ea-time-picker__trigger--open{box-shadow:var(--shadow-focus-ring-error)}@media(forced-colors:active){.ea-time-picker__trigger--error.ea-time-picker__trigger--open{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger--disabled{background-color:var(--color-bg-muted);opacity:.6;cursor:default}.ea-time-picker__trigger--readonly{cursor:default}.ea-time-picker__trigger--readonly:focus-visible{border-color:var(--color-border-focus);box-shadow:none}@media(forced-colors:active){.ea-time-picker__trigger--readonly:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__trigger-icon{flex-shrink:0;width:1em;height:1em;color:var(--color-text-secondary)}.ea-time-picker__input{overflow:hidden;flex:1;min-width:0;padding:0;font-size:inherit;white-space:nowrap;font-family:inherit;text-overflow:ellipsis;font-variant-numeric:tabular-nums;border:0;background:none;color:inherit;cursor:inherit}.ea-time-picker__input:focus{outline:none}.ea-time-picker__input::placeholder{color:var(--color-text-tertiary)}.ea-time-picker__input:disabled{cursor:default}.ea-time-picker__clear{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__clear>*{font-size:1.25em}.ea-time-picker__clear:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-time-picker__clear:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__clear:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__clear:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__clear:disabled{cursor:default;opacity:.5}.ea-time-picker__clear{z-index:1;position:absolute;top:50%;inset-inline-end:calc(.75em + var(--border-width-thin));transform:translateY(-50%)}.ea-time-picker__popover{display:flex;align-items:center;gap:.5em;padding:.75em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background-color:var(--ea-time-picker-popover-background-color, var(--color-bg-elevated))}@media(forced-colors:active){.ea-time-picker__popover{border:1px solid CanvasText}}.ea-time-picker__popover--2xs{font-size:var(--font-size-2xs)}.ea-time-picker__popover--xs{font-size:var(--font-size-xs)}.ea-time-picker__popover--sm{font-size:var(--font-size-sm)}.ea-time-picker__popover--md{font-size:var(--font-size-md)}.ea-time-picker__popover--lg{font-size:var(--font-size-lg)}.ea-time-picker__popover--xl{font-size:var(--font-size-xl)}.ea-time-picker__column{display:flex;flex-direction:column;align-items:stretch;gap:.25em}.ea-time-picker__step{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ea-icon-button-size, 1.75em);height:var(--ea-icon-button-size, 1.75em);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__step>*{font-size:1.25em}.ea-time-picker__step:after{content:\"\";position:absolute;top:50%;left:50%;width:max(100%,var(--ea-icon-button-target, 24px));height:max(100%,var(--ea-icon-button-target, 24px));transform:translate(-50%,-50%)}.ea-time-picker__step:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__step:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__step:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__step:disabled{cursor:default;opacity:.5}.ea-time-picker__step{width:2.25em}.ea-time-picker__step ea-icon-chevron-up,.ea-time-picker__step ea-icon-chevron-down{width:1em;height:1em}.ea-time-picker__value{width:2.25em;height:2.25em;padding:0;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-sm);background-color:var(--color-bg-muted);font-family:var(--font-family-mono);font-size:1em;font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-primary);font-variant-numeric:tabular-nums;appearance:none;cursor:text}.ea-time-picker__value::selection{background-color:var(--color-brand-default);color:var(--color-text-inverse)}.ea-time-picker__value:hover{border-color:var(--color-border-default)}.ea-time-picker__value:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__value:focus{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__value:focus{background-color:var(--color-bg-base)}.ea-time-picker__separator{font-family:var(--font-family-mono);font-size:1em;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.ea-time-picker__period{display:flex;flex-direction:column;gap:.25em;margin-inline-start:.25em}.ea-time-picker__period-option{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:3.33em;padding:.33em .66em;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-sm);background-color:var(--color-bg-base);font-family:var(--font-family-sans);font-size:.75em;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-colors)}.ea-time-picker__period-option:hover{background-color:var(--color-state-hover);color:var(--color-text-primary)}.ea-time-picker__period-option:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}@media(forced-colors:active){.ea-time-picker__period-option:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.ea-time-picker__period-option--active{background-color:var(--color-brand-default);border-color:var(--color-brand-default);color:var(--color-text-inverse)}.ea-time-picker__period-option--active:hover{background-color:var(--color-brand-hover);border-color:var(--color-brand-hover);color:var(--color-text-inverse)}@media(forced-colors:active){.ea-time-picker__period-option--active{background-color:Highlight;border-color:Highlight;color:HighlightText}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -35862,6 +36396,94 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var BasketIconComponent = class BasketIconComponent extends IconComponentBase {
+	static slug = "basket";
+	static category = "eagami";
+	static tags = [
+		"basket",
+		"shopping",
+		"cart",
+		"groceries",
+		"store",
+		"checkout",
+		"panier",
+		"courses",
+		"cesta",
+		"compra",
+		"καλάθι",
+		"αγορές",
+		"koszyk",
+		"zakupy"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BasketIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: BasketIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-basket",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M3 10h18l-2 10H5z" />
+      <path d="M7.5 10a4.5 4.5 0 0 1 9 0" />
+      <path d="M8.5 13.5v3" />
+      <path d="M12 13.5v3" />
+      <path d="M15.5 13.5v3" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BasketIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-basket",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M3 10h18l-2 10H5z" />
+      <path d="M7.5 10a4.5 4.5 0 0 1 9 0" />
+      <path d="M8.5 13.5v3" />
+      <path d="M12 13.5v3" />
+      <path d="M15.5 13.5v3" />
+    </svg>
+  `
+		}]
+	}]
+});
 var BatteryChargingIconComponent = class BatteryChargingIconComponent extends IconComponentBase {
 	static slug = "battery-charging";
 	static category = "feather";
@@ -36055,6 +36677,98 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var BedIconComponent = class BedIconComponent extends IconComponentBase {
+	static slug = "bed";
+	static category = "eagami";
+	static tags = [
+		"bed",
+		"sleep",
+		"hotel",
+		"bedroom",
+		"rest",
+		"accommodation",
+		"lit",
+		"chambre",
+		"cama",
+		"dormitorio",
+		"κρεβάτι",
+		"υπνοδωμάτιο",
+		"łóżko",
+		"sypialnia"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BedIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: BedIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-bed",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M3 6v13" />
+      <path d="M3 16h18" />
+      <path d="M21 19v-5a3 3 0 0 0-3-3h-6v5" />
+      <circle
+        cx="7.5"
+        cy="11.5"
+        r="2" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BedIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-bed",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M3 6v13" />
+      <path d="M3 16h18" />
+      <path d="M21 19v-5a3 3 0 0 0-3-3h-6v5" />
+      <circle
+        cx="7.5"
+        cy="11.5"
+        r="2" />
+    </svg>
+  `
+		}]
+	}]
+});
 var BellOffIconComponent = class BellOffIconComponent extends IconComponentBase {
 	static slug = "bell-off";
 	static category = "feather";
@@ -36313,6 +37027,108 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var BikeIconComponent = class BikeIconComponent extends IconComponentBase {
+	static slug = "bike";
+	static category = "eagami";
+	static tags = [
+		"bike",
+		"bicycle",
+		"cycling",
+		"cycle",
+		"ride",
+		"transport",
+		"vélo",
+		"bicyclette",
+		"bicicleta",
+		"ciclismo",
+		"ποδήλατο",
+		"ποδηλασία",
+		"rower",
+		"kolarstwo"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: BikeIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: BikeIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-bike",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <circle
+        cx="5.5"
+        cy="17"
+        r="3.5" />
+      <circle
+        cx="18.5"
+        cy="17"
+        r="3.5" />
+      <path d="m5.5 17 5-10" />
+      <path d="M9 7h3" />
+      <path d="M9 10h7.75L12 17H5.5" />
+      <path d="m18.5 17-3-12h-2" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: BikeIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-bike",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <circle
+        cx="5.5"
+        cy="17"
+        r="3.5" />
+      <circle
+        cx="18.5"
+        cy="17"
+        r="3.5" />
+      <path d="m5.5 17 5-10" />
+      <path d="M9 7h3" />
+      <path d="M9 10h7.75L12 17H5.5" />
+      <path d="m18.5 17-3-12h-2" />
+    </svg>
+  `
+		}]
+	}]
+});
 var BitcoinIconComponent = class BitcoinIconComponent extends IconComponentBase {
 	static slug = "bitcoin";
 	static category = "eagami";
@@ -37847,11 +38663,114 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.1",
 	ngImport: i0,
-	type: BuildingIconComponent,
+	type: BuildingIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-building",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M12 10h.01" />
+      <path d="M12 14h.01" />
+      <path d="M12 6h.01" />
+      <path d="M16 10h.01" />
+      <path d="M16 14h.01" />
+      <path d="M16 6h.01" />
+      <path d="M8 10h.01" />
+      <path d="M8 14h.01" />
+      <path d="M8 6h.01" />
+      <path d="M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" />
+      <rect
+        x="4"
+        y="2"
+        width="16"
+        height="20"
+        rx="2" />
+    </svg>
+  `
+		}]
+	}]
+});
+var CakeIconComponent = class CakeIconComponent extends IconComponentBase {
+	static slug = "cake";
+	static category = "eagami";
+	static tags = [
+		"cake",
+		"birthday",
+		"dessert",
+		"celebration",
+		"party",
+		"anniversary",
+		"gâteau",
+		"anniversaire",
+		"pastel",
+		"cumpleaños",
+		"τούρτα",
+		"γενέθλια",
+		"tort",
+		"urodziny"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: CakeIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: CakeIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-cake",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <rect
+        x="4"
+        y="10"
+        width="16"
+        height="11"
+        rx="2" />
+      <path d="M4 14.5c2 0 2 1.5 4 1.5s2-1.5 4-1.5 2 1.5 4 1.5 2-1.5 4-1.5" />
+      <path d="M12 10V8.5" />
+      <path d="M12 2c.9 1.1 1.3 1.7 1.3 2.3a1.3 1.3 0 0 1-2.6 0c0-.6.4-1.2 1.3-2.3z" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: CakeIconComponent,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "ea-icon-building",
+			selector: "ea-icon-cake",
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			template: `
     <svg
@@ -37864,22 +38783,15 @@ i0.ɵɵngDeclareClassMetadata({
       aria-hidden="true"
       width="100%"
       height="100%">
-      <path d="M12 10h.01" />
-      <path d="M12 14h.01" />
-      <path d="M12 6h.01" />
-      <path d="M16 10h.01" />
-      <path d="M16 14h.01" />
-      <path d="M16 6h.01" />
-      <path d="M8 10h.01" />
-      <path d="M8 14h.01" />
-      <path d="M8 6h.01" />
-      <path d="M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" />
       <rect
         x="4"
-        y="2"
+        y="10"
         width="16"
-        height="20"
+        height="11"
         rx="2" />
+      <path d="M4 14.5c2 0 2 1.5 4 1.5s2-1.5 4-1.5 2 1.5 4 1.5 2-1.5 4-1.5" />
+      <path d="M12 10V8.5" />
+      <path d="M12 2c.9 1.1 1.3 1.7 1.3 2.3a1.3 1.3 0 0 1-2.6 0c0-.6.4-1.2 1.3-2.3z" />
     </svg>
   `
 		}]
@@ -45013,6 +45925,94 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}] }
 });
+var DumbbellIconComponent = class DumbbellIconComponent extends IconComponentBase {
+	static slug = "dumbbell";
+	static category = "eagami";
+	static tags = [
+		"dumbbell",
+		"gym",
+		"fitness",
+		"workout",
+		"exercise",
+		"weights",
+		"haltère",
+		"musculation",
+		"mancuerna",
+		"gimnasio",
+		"αλτήρας",
+		"γυμναστήριο",
+		"hantla",
+		"siłownia"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: DumbbellIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: DumbbellIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-dumbbell",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M5 12h14" />
+      <path d="M5 9v6" />
+      <path d="M8 7v10" />
+      <path d="M16 7v10" />
+      <path d="M19 9v6" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: DumbbellIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-dumbbell",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M5 12h14" />
+      <path d="M5 9v6" />
+      <path d="M8 7v10" />
+      <path d="M16 7v10" />
+      <path d="M19 9v6" />
+    </svg>
+  `
+		}]
+	}]
+});
 var Edit2IconComponent = class Edit2IconComponent extends IconComponentBase {
 	static slug = "edit-2";
 	static category = "feather";
@@ -48193,6 +49193,96 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var GamepadIconComponent = class GamepadIconComponent extends IconComponentBase {
+	static slug = "gamepad";
+	static category = "eagami";
+	static tags = [
+		"gamepad",
+		"game",
+		"controller",
+		"gaming",
+		"console",
+		"play",
+		"manette",
+		"jeu",
+		"mando",
+		"juego",
+		"χειριστήριο",
+		"παιχνίδι",
+		"kontroler",
+		"gra"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: GamepadIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: GamepadIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-gamepad",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path
+        d="M7.5 5h9a5.5 5.5 0 0 1 5.5 5.5V14a3 3 0 0 1-3 3c-1.2 0-1.9-.6-2.6-1.3l-.7-.7H8.3l-.7.7C6.9 16.4 6.2 17 5 17a3 3 0 0 1-3-3v-3.5A5.5 5.5 0 0 1 7.5 5z" />
+      <path d="M5.75 10.5h3.5" />
+      <path d="M7.5 8.75v3.5" />
+      <path d="M15.5 11.75h.01" />
+      <path d="M18 9.25h.01" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: GamepadIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-gamepad",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path
+        d="M7.5 5h9a5.5 5.5 0 0 1 5.5 5.5V14a3 3 0 0 1-3 3c-1.2 0-1.9-.6-2.6-1.3l-.7-.7H8.3l-.7.7C6.9 16.4 6.2 17 5 17a3 3 0 0 1-3-3v-3.5A5.5 5.5 0 0 1 7.5 5z" />
+      <path d="M5.75 10.5h3.5" />
+      <path d="M7.5 8.75v3.5" />
+      <path d="M15.5 11.75h.01" />
+      <path d="M18 9.25h.01" />
+    </svg>
+  `
+		}]
+	}]
+});
 var GaugeIconComponent = class GaugeIconComponent extends IconComponentBase {
 	static slug = "gauge";
 	static category = "eagami";
@@ -57409,13 +58499,13 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
-var MoreHorizontalIconComponent = class MoreHorizontalIconComponent extends IconComponentBase {
-	static slug = "more-horizontal";
+var MoreVerticalIconComponent = class MoreVerticalIconComponent extends IconComponentBase {
+	static slug = "more-vertical";
 	static category = "feather";
 	static tags = [
-		"more-horizontal",
+		"more-vertical",
 		"more",
-		"horizontal",
+		"vertical",
 		"ellipsis",
 		"menu",
 		"dots",
@@ -57429,16 +58519,16 @@ var MoreHorizontalIconComponent = class MoreHorizontalIconComponent extends Icon
 		minVersion: "12.0.0",
 		version: "22.2.1",
 		ngImport: i0,
-		type: MoreHorizontalIconComponent,
+		type: MoreVerticalIconComponent,
 		deps: null,
 		target: i0.ɵɵFactoryTarget.Component
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
 		version: "22.2.1",
-		type: MoreHorizontalIconComponent,
+		type: MoreVerticalIconComponent,
 		isStandalone: true,
-		selector: "ea-icon-more-horizontal",
+		selector: "ea-icon-more-vertical",
 		usesInheritance: true,
 		ngImport: i0,
 		template: `
@@ -57457,12 +58547,12 @@ var MoreHorizontalIconComponent = class MoreHorizontalIconComponent extends Icon
         cy="12"
         r="1" />
       <circle
-        cx="19"
-        cy="12"
+        cx="12"
+        cy="5"
         r="1" />
       <circle
-        cx="5"
-        cy="12"
+        cx="12"
+        cy="19"
         r="1" />
     </svg>
   `,
@@ -57474,73 +58564,13 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.1",
 	ngImport: i0,
-	type: MoreHorizontalIconComponent,
+	type: MoreVerticalIconComponent,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "ea-icon-more-horizontal",
+			selector: "ea-icon-more-vertical",
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			template: `
-    <svg
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      [attr.stroke-width]="strokeWidth()"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      aria-hidden="true"
-      width="100%"
-      height="100%">
-      <circle
-        cx="12"
-        cy="12"
-        r="1" />
-      <circle
-        cx="19"
-        cy="12"
-        r="1" />
-      <circle
-        cx="5"
-        cy="12"
-        r="1" />
-    </svg>
-  `
-		}]
-	}]
-});
-var MoreVerticalIconComponent = class MoreVerticalIconComponent extends IconComponentBase {
-	static slug = "more-vertical";
-	static category = "feather";
-	static tags = [
-		"more-vertical",
-		"more",
-		"vertical",
-		"ellipsis",
-		"menu",
-		"dots",
-		"options",
-		"plus",
-		"más",
-		"περισσότερα",
-		"więcej"
-	];
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.1",
-		ngImport: i0,
-		type: MoreVerticalIconComponent,
-		deps: null,
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "14.0.0",
-		version: "22.2.1",
-		type: MoreVerticalIconComponent,
-		isStandalone: true,
-		selector: "ea-icon-more-vertical",
-		usesInheritance: true,
-		ngImport: i0,
-		template: `
     <svg
       viewBox="0 0 24 24"
       fill="none"
@@ -57564,6 +58594,59 @@ var MoreVerticalIconComponent = class MoreVerticalIconComponent extends IconComp
         cy="19"
         r="1" />
     </svg>
+  `
+		}]
+	}]
+});
+var MountainIconComponent = class MountainIconComponent extends IconComponentBase {
+	static slug = "mountain";
+	static category = "eagami";
+	static tags = [
+		"mountain",
+		"peak",
+		"hiking",
+		"landscape",
+		"summit",
+		"outdoors",
+		"montagne",
+		"sommet",
+		"montaña",
+		"cumbre",
+		"βουνό",
+		"κορυφή",
+		"góra",
+		"szczyt"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: MountainIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: MountainIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-mountain",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M2 20 9 5l4.5 9.5 3-3.5 5.5 9z" />
+      <path d="M6.2 11 9 13.5l2.84-2.5" />
+    </svg>
   `,
 		isInline: true,
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
@@ -57573,11 +58656,11 @@ i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
 	version: "22.2.1",
 	ngImport: i0,
-	type: MoreVerticalIconComponent,
+	type: MountainIconComponent,
 	decorators: [{
 		type: Component,
 		args: [{
-			selector: "ea-icon-more-vertical",
+			selector: "ea-icon-mountain",
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			template: `
     <svg
@@ -57590,18 +58673,8 @@ i0.ɵɵngDeclareClassMetadata({
       aria-hidden="true"
       width="100%"
       height="100%">
-      <circle
-        cx="12"
-        cy="12"
-        r="1" />
-      <circle
-        cx="12"
-        cy="5"
-        r="1" />
-      <circle
-        cx="12"
-        cy="19"
-        r="1" />
+      <path d="M2 20 9 5l4.5 9.5 3-3.5 5.5 9z" />
+      <path d="M6.2 11 9 13.5l2.84-2.5" />
     </svg>
   `
 		}]
@@ -59344,6 +60417,120 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var PawIconComponent = class PawIconComponent extends IconComponentBase {
+	static slug = "paw";
+	static category = "eagami";
+	static tags = [
+		"paw",
+		"pet",
+		"animal",
+		"dog",
+		"cat",
+		"veterinary",
+		"patte",
+		"empreinte",
+		"huella",
+		"mascota",
+		"πατούσα",
+		"κατοικίδιο",
+		"łapa",
+		"zwierzę"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: PawIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: PawIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-paw",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <circle
+        cx="4.5"
+        cy="11.25"
+        r="1.75" />
+      <circle
+        cx="8.75"
+        cy="5.75"
+        r="1.75" />
+      <circle
+        cx="15.25"
+        cy="5.75"
+        r="1.75" />
+      <circle
+        cx="19.5"
+        cy="11.25"
+        r="1.75" />
+      <path
+        d="M12 12c2.5 0 6 3.2 6 6 0 1.8-1.4 3-3 3-1.2 0-2-.6-3-.6s-1.8.6-3 .6c-1.6 0-3-1.2-3-3 0-2.8 3.5-6 6-6z" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: PawIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-paw",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <circle
+        cx="4.5"
+        cy="11.25"
+        r="1.75" />
+      <circle
+        cx="8.75"
+        cy="5.75"
+        r="1.75" />
+      <circle
+        cx="15.25"
+        cy="5.75"
+        r="1.75" />
+      <circle
+        cx="19.5"
+        cy="11.25"
+        r="1.75" />
+      <path
+        d="M12 12c2.5 0 6 3.2 6 6 0 1.8-1.4 3-3 3-1.2 0-2-.6-3-.6s-1.8.6-3 .6c-1.6 0-3-1.2-3-3 0-2.8 3.5-6 6-6z" />
+    </svg>
+  `
+		}]
+	}]
+});
 var PaypalIconComponent = class PaypalIconComponent extends IconComponentBase {
 	static slug = "paypal";
 	static category = "eagami";
@@ -60935,6 +62122,112 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var PizzaIconComponent = class PizzaIconComponent extends IconComponentBase {
+	static slug = "pizza";
+	static category = "eagami";
+	static tags = [
+		"pizza",
+		"food",
+		"slice",
+		"takeout",
+		"restaurant",
+		"meal",
+		"pizzeria",
+		"repas",
+		"pizzería",
+		"comida",
+		"πίτσα",
+		"φαγητό",
+		"jedzenie",
+		"posiłek"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: PizzaIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: PizzaIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-pizza",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M12 21.5 2.5 7a17 17 0 0 1 19 0z" />
+      <path d="M4.4 9.9a14 14 0 0 1 15.2 0" />
+      <circle
+        cx="9.5"
+        cy="11.5"
+        r="0.75" />
+      <circle
+        cx="14.5"
+        cy="11.5"
+        r="0.75" />
+      <circle
+        cx="12"
+        cy="15.5"
+        r="0.75" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: PizzaIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-pizza",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M12 21.5 2.5 7a17 17 0 0 1 19 0z" />
+      <path d="M4.4 9.9a14 14 0 0 1 15.2 0" />
+      <circle
+        cx="9.5"
+        cy="11.5"
+        r="0.75" />
+      <circle
+        cx="14.5"
+        cy="11.5"
+        r="0.75" />
+      <circle
+        cx="12"
+        cy="15.5"
+        r="0.75" />
+    </svg>
+  `
+		}]
+	}]
+});
 var PlaneIconComponent = class PlaneIconComponent extends IconComponentBase {
 	static slug = "plane";
 	static category = "eagami";
@@ -64540,6 +65833,106 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var RulerIconComponent = class RulerIconComponent extends IconComponentBase {
+	static slug = "ruler";
+	static category = "eagami";
+	static tags = [
+		"ruler",
+		"measure",
+		"length",
+		"dimensions",
+		"size",
+		"units",
+		"règle",
+		"mesure",
+		"regla",
+		"medida",
+		"χάρακας",
+		"μέτρηση",
+		"linijka",
+		"pomiar"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: RulerIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: RulerIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-ruler",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <rect
+        x="3"
+        y="7"
+        width="18"
+        height="10"
+        rx="1.5" />
+      <path d="M6 7v3" />
+      <path d="M9 7v5" />
+      <path d="M12 7v3" />
+      <path d="M15 7v5" />
+      <path d="M18 7v3" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: RulerIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-ruler",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <rect
+        x="3"
+        y="7"
+        width="18"
+        height="10"
+        rx="1.5" />
+      <path d="M6 7v3" />
+      <path d="M9 7v5" />
+      <path d="M12 7v3" />
+      <path d="M15 7v5" />
+      <path d="M18 7v3" />
+    </svg>
+  `
+		}]
+	}]
+});
 var SaveIconComponent = class SaveIconComponent extends IconComponentBase {
 	static slug = "save";
 	static category = "feather";
@@ -64700,6 +66093,94 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var SchoolIconComponent = class SchoolIconComponent extends IconComponentBase {
+	static slug = "school";
+	static category = "eagami";
+	static tags = [
+		"school",
+		"education",
+		"building",
+		"campus",
+		"learning",
+		"class",
+		"école",
+		"éducation",
+		"escuela",
+		"colegio",
+		"σχολείο",
+		"εκπαίδευση",
+		"szkoła",
+		"edukacja"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SchoolIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: SchoolIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-school",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M3 20h18" />
+      <path d="M5 20v-9l7-4 7 4v9" />
+      <path d="M12 7V3h3" />
+      <path d="M10 20v-4h4v4" />
+      <path d="M12 11.5h.01" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SchoolIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-school",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M3 20h18" />
+      <path d="M5 20v-9l7-4 7 4v9" />
+      <path d="M12 7V3h3" />
+      <path d="M10 20v-4h4v4" />
+      <path d="M12 11.5h.01" />
+    </svg>
+  `
+		}]
+	}]
+});
 var ScissorsIconComponent = class ScissorsIconComponent extends IconComponentBase {
 	static slug = "scissors";
 	static category = "feather";
@@ -65869,6 +67350,174 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var ShipIconComponent = class ShipIconComponent extends IconComponentBase {
+	static slug = "ship";
+	static category = "eagami";
+	static tags = [
+		"ship",
+		"boat",
+		"cruise",
+		"ferry",
+		"shipping",
+		"sea",
+		"navire",
+		"bateau",
+		"barco",
+		"buque",
+		"πλοίο",
+		"καράβι",
+		"statek",
+		"okręt"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ShipIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: ShipIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-ship",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M3 14h18l-3 6H6z" />
+      <path d="M5.5 14V9.5H12V14" />
+      <path d="M7 9.5V6h3v3.5" />
+      <path d="M9.5 17h.01" />
+      <path d="M14.5 17h.01" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ShipIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-ship",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M3 14h18l-3 6H6z" />
+      <path d="M5.5 14V9.5H12V14" />
+      <path d="M7 9.5V6h3v3.5" />
+      <path d="M9.5 17h.01" />
+      <path d="M14.5 17h.01" />
+    </svg>
+  `
+		}]
+	}]
+});
+var ShirtIconComponent = class ShirtIconComponent extends IconComponentBase {
+	static slug = "shirt";
+	static category = "eagami";
+	static tags = [
+		"shirt",
+		"clothing",
+		"t-shirt",
+		"apparel",
+		"fashion",
+		"clothes",
+		"chemise",
+		"vêtements",
+		"camisa",
+		"ropa",
+		"μπλούζα",
+		"ρούχα",
+		"koszulka",
+		"ubrania"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ShirtIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: ShirtIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-shirt",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M9 4a3 3 0 0 0 6 0l6.5 2.5-2 4.5-2.5-1v10H7V10l-2.5 1-2-4.5z" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ShirtIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-shirt",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <path d="M9 4a3 3 0 0 0 6 0l6.5 2.5-2 4.5-2.5-1v10H7V10l-2.5 1-2-4.5z" />
+    </svg>
+  `
+		}]
+	}]
+});
 var ShopifyIconComponent = class ShopifyIconComponent extends IconComponentBase {
 	static slug = "shopify";
 	static category = "eagami";
@@ -71221,6 +72870,116 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+var TrainIconComponent = class TrainIconComponent extends IconComponentBase {
+	static slug = "train";
+	static category = "eagami";
+	static tags = [
+		"train",
+		"railway",
+		"rail",
+		"metro",
+		"subway",
+		"transit",
+		"métro",
+		"gare",
+		"tren",
+		"ferrocarril",
+		"τρένο",
+		"σιδηρόδρομος",
+		"pociąg",
+		"kolej"
+	];
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: TrainIconComponent,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: TrainIconComponent,
+		isStandalone: true,
+		selector: "ea-icon-train",
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <rect
+        x="5"
+        y="3"
+        width="14"
+        height="14"
+        rx="3" />
+      <rect
+        x="8.5"
+        y="6"
+        width="7"
+        height="4"
+        rx="1" />
+      <path d="M9 13.5h.01" />
+      <path d="M15 13.5h.01" />
+      <path d="m8.5 17-2.5 4" />
+      <path d="m15.5 17 2.5 4" />
+    </svg>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: TrainIconComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ea-icon-train",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      [attr.stroke-width]="strokeWidth()"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      aria-hidden="true"
+      width="100%"
+      height="100%">
+      <rect
+        x="5"
+        y="3"
+        width="14"
+        height="14"
+        rx="3" />
+      <rect
+        x="8.5"
+        y="6"
+        width="7"
+        height="4"
+        rx="1" />
+      <path d="M9 13.5h.01" />
+      <path d="M15 13.5h.01" />
+      <path d="m8.5 17-2.5 4" />
+      <path d="m15.5 17 2.5 4" />
+    </svg>
+  `
+		}]
+	}]
+});
 var TranscodeIconComponent = class TranscodeIconComponent extends IconComponentBase {
 	static slug = "transcode";
 	static category = "eagami";
@@ -76410,11 +78169,14 @@ const ICONS = [
 	BanIconComponent,
 	BarChart2IconComponent,
 	BarChartIconComponent,
+	BasketIconComponent,
 	BatteryChargingIconComponent,
 	BatteryIconComponent,
+	BedIconComponent,
 	BellIconComponent,
 	BellOffIconComponent,
 	BellRingIconComponent,
+	BikeIconComponent,
 	BitcoinIconComponent,
 	BlueskyIconComponent,
 	BluetoothIconComponent,
@@ -76433,6 +78195,7 @@ const ICONS = [
 	BriefcaseIconComponent,
 	BugIconComponent,
 	BuildingIconComponent,
+	CakeIconComponent,
 	CalculatorIconComponent,
 	CalendarCheckIconComponent,
 	CalendarClockIconComponent,
@@ -76522,6 +78285,7 @@ const ICONS = [
 	DribbbleIconComponent,
 	DropboxIconComponent,
 	DropletIconComponent,
+	DumbbellIconComponent,
 	EagamiIconComponent,
 	Edit2IconComponent,
 	Edit3IconComponent,
@@ -76565,6 +78329,7 @@ const ICONS = [
 	ForwardIconComponent,
 	FramerIconComponent,
 	FrownIconComponent,
+	GamepadIconComponent,
 	GaugeIconComponent,
 	GeminiIconComponent,
 	GiftIconComponent,
@@ -76669,6 +78434,7 @@ const ICONS = [
 	MoonIconComponent,
 	MoreHorizontalIconComponent,
 	MoreVerticalIconComponent,
+	MountainIconComponent,
 	MousePointerClickIconComponent,
 	MousePointerIconComponent,
 	MoveIconComponent,
@@ -76689,6 +78455,7 @@ const ICONS = [
 	PartyPopperIconComponent,
 	PauseCircleIconComponent,
 	PauseIconComponent,
+	PawIconComponent,
 	PaypalIconComponent,
 	PenToolIconComponent,
 	PentagonIconComponent,
@@ -76707,6 +78474,7 @@ const ICONS = [
 	PinOffIconComponent,
 	PinterestIconComponent,
 	PipetteIconComponent,
+	PizzaIconComponent,
 	PlaneIconComponent,
 	PlayCircleIconComponent,
 	PlayIconComponent,
@@ -76750,8 +78518,10 @@ const ICONS = [
 	RouteIconComponent,
 	RowsIconComponent,
 	RssIconComponent,
+	RulerIconComponent,
 	SaveIconComponent,
 	ScanIconComponent,
+	SchoolIconComponent,
 	ScissorsIconComponent,
 	ScreenShareIconComponent,
 	SearchIconComponent,
@@ -76765,6 +78535,8 @@ const ICONS = [
 	ShieldCheckIconComponent,
 	ShieldIconComponent,
 	ShieldOffIconComponent,
+	ShipIconComponent,
+	ShirtIconComponent,
 	ShopifyIconComponent,
 	ShoppingBagIconComponent,
 	ShoppingCartIconComponent,
@@ -76821,6 +78593,7 @@ const ICONS = [
 	ToggleLeftIconComponent,
 	ToggleRightIconComponent,
 	ToolIconComponent,
+	TrainIconComponent,
 	TranscodeIconComponent,
 	Trash2IconComponent,
 	TrashIconComponent,
@@ -76882,6 +78655,6 @@ const ICONS = [
 	ZoomInIconComponent,
 	ZoomOutIconComponent
 ].sort((a, b) => a.slug.localeCompare(b.slug));
-export { AccessibilityIconComponent, AccordionComponent, AccordionItemComponent, ActivityIconComponent, AirplayIconComponent, AlarmClockIconComponent, AlertCircleIconComponent, AlertComponent, AlertOctagonIconComponent, AlertTriangleIconComponent, AlignCenterIconComponent, AlignJustifyIconComponent, AlignLeftIconComponent, AlignRightIconComponent, AnchorIconComponent, AndroidIconComponent, AngularIconComponent, AnthropicIconComponent, ApertureIconComponent, ArchiveIconComponent, ArrayIconComponent, ArrowDownCircleIconComponent, ArrowDownIconComponent, ArrowDownLeftIconComponent, ArrowDownRightIconComponent, ArrowLeftCircleIconComponent, ArrowLeftIconComponent, ArrowLeftRightIconComponent, ArrowRightCircleIconComponent, ArrowRightIconComponent, ArrowUpCircleIconComponent, ArrowUpDownIconComponent, ArrowUpIconComponent, ArrowUpLeftIconComponent, ArrowUpRightIconComponent, AspectRatioIconComponent, AtSignIconComponent, AutocompleteComponent, AvatarComponent, AvatarEditorComponent, AwardIconComponent, BadgeCheckIconComponent, BadgeComponent, BanIconComponent, BarChart2IconComponent, BarChartComponent, BarChartIconComponent, BatteryChargingIconComponent, BatteryIconComponent, BellIconComponent, BellOffIconComponent, BellRingIconComponent, BitcoinIconComponent, BlueskyIconComponent, BluetoothIconComponent, BoldIconComponent, BookIconComponent, BookOpenIconComponent, BookmarkCheckIconComponent, BookmarkIconComponent, BookmarkPlusIconComponent, BoomboxIconComponent, BotIconComponent, BottleIconComponent, BoxIconComponent, BracesIconComponent, BrainIconComponent, BreadcrumbsComponent, BriefcaseIconComponent, BugIconComponent, BuildingIconComponent, ButtonComponent, ButtonLinkComponent, CalculatorIconComponent, CalendarCheckIconComponent, CalendarClockIconComponent, CalendarDaysIconComponent, CalendarIconComponent, CalendarPlusIconComponent, CameraIconComponent, CameraOffIconComponent, CandleIconComponent, CarIconComponent, CardComponent, CassetteTapeIconComponent, CastIconComponent, CheckCheckIconComponent, CheckCircleIconComponent, CheckIconComponent, CheckSquareIconComponent, CheckboxComponent, ChevronDownIconComponent, ChevronLeftIconComponent, ChevronRightIconComponent, ChevronUpIconComponent, ChevronsDownIconComponent, ChevronsLeftIconComponent, ChevronsRightIconComponent, ChevronsUpDownIconComponent, ChevronsUpIconComponent, ChromeIconComponent, CircleIconComponent, ClapperboardIconComponent, ClipboardCheckIconComponent, ClipboardIconComponent, ClipboardListIconComponent, ClipboardPasteIconComponent, ClockIconComponent, CloudDrizzleIconComponent, CloudIconComponent, CloudLightningIconComponent, CloudOffIconComponent, CloudRainIconComponent, CloudSnowIconComponent, CloudSunIconComponent, CloudflareIconComponent, CodeIconComponent, CodeInputComponent, CodepenIconComponent, CodesandboxIconComponent, CoffeeIconComponent, CoinsIconComponent, ColorPickerComponent, ColumnsIconComponent, CommandIconComponent, CommandPaletteComponent, CompassIconComponent, ContextMenuTriggerDirective, ContrastIconComponent, CookieIconComponent, CopyIconComponent, CornerDownLeftIconComponent, CornerDownRightIconComponent, CornerLeftDownIconComponent, CornerLeftUpIconComponent, CornerRightDownIconComponent, CornerRightUpIconComponent, CornerUpLeftIconComponent, CornerUpRightIconComponent, CosineWaveIconComponent, CpuIconComponent, CreditCardIconComponent, CropIconComponent, CrosshairIconComponent, CrownIconComponent, DEFAULT_PALETTE_ROLES, DataTableComponent, DatabaseIconComponent, DatePickerComponent, DeleteIconComponent, DialogComponent, DialogRef, DialogService, DiamondIconComponent, Dice1IconComponent, Dice2IconComponent, Dice3IconComponent, Dice4IconComponent, Dice5IconComponent, Dice6IconComponent, DiscIconComponent, DiscordIconComponent, DivideCircleIconComponent, DivideIconComponent, DivideSquareIconComponent, DividerComponent, DockerIconComponent, DollarSignIconComponent, DoubleExclamationMarkIconComponent, DoubleQuestionMarkIconComponent, DownloadCloudIconComponent, DownloadIconComponent, DrawerComponent, DribbbleIconComponent, DropboxIconComponent, DropdownComponent, DropletIconComponent, EAGAMI_ALL_LOCALES, EAGAMI_I18N_CONFIG, EAGAMI_LOCALES, EAGAMI_LOCALE_META, EagamiI18nService, EagamiIconComponent, EagamiWordmarkComponent, Edit2IconComponent, Edit3IconComponent, EditIconComponent, EjectIconComponent, EmptyStateComponent, EuroIconComponent, ExclamationMarkIconComponent, ExclamationQuestionMarkIconComponent, ExternalLinkIconComponent, EyeIconComponent, EyeOffIconComponent, Facebook2IconComponent, FacebookIconComponent, FastForwardIconComponent, FeatherIconComponent, FieldLabelComponent, FieldMessagesComponent, Figma2IconComponent, FigmaIconComponent, FileAudioIconComponent, FileCheckIconComponent, FileCodeIconComponent, FileIconComponent, FileImageIconComponent, FileMinusIconComponent, FilePdfIconComponent, FilePlusIconComponent, FileSpreadsheetIconComponent, FileTextIconComponent, FileUploaderComponent, FileVideoIconComponent, FilmIconComponent, FilterIconComponent, FilterXIconComponent, FingerprintIconComponent, FirstPlaceMedalIconComponent, FlagIconComponent, FlameIconComponent, FlaskConicalIconComponent, FolderIconComponent, FolderMinusIconComponent, FolderOpenIconComponent, FolderPlusIconComponent, FormFieldComponent, ForwardIconComponent, FramerIconComponent, FrownIconComponent, GaugeIconComponent, GeminiIconComponent, GiftIconComponent, GitBranchIconComponent, GitCommitIconComponent, GitCompareIconComponent, GitForkIconComponent, GitMergeIconComponent, GitPullRequestIconComponent, Github2IconComponent, GithubIconComponent, GitlabIconComponent, GlobeIconComponent, GoogleIconComponent, GraduationCapIconComponent, GridIconComponent, GripHorizontalIconComponent, GripVerticalIconComponent, HalfCircleIconComponent, HalfHeartIconComponent, HandIconComponent, HardDriveIconComponent, HashIconComponent, HeadingIconComponent, HeadphonesIconComponent, HeadsetIconComponent, HeartIconComponent, HeartPulseIconComponent, HelpCircleIconComponent, HeptagonIconComponent, HexagonIconComponent, HistoryIconComponent, HomeIconComponent, HourglassIconComponent, ICONS, IconComponentBase, IdCardIconComponent, ImageIconComponent, ImagePlayIconComponent, ImagePlusIconComponent, ImageSearchIconComponent, ImagesIconComponent, InboxIconComponent, InfoIconComponent, InputComponent, InstagramIconComponent, ItalicIconComponent, KanbanIconComponent, KeyIconComponent, KeyboardIconComponent, KeyframeIconComponent, KubernetesIconComponent, LampIconComponent, LandmarkIconComponent, LanguagesIconComponent, LaptopIconComponent, LayersIconComponent, LayoutDashboardIconComponent, LayoutIconComponent, LeafIconComponent, LeftHalfStarIconComponent, LifeBuoyIconComponent, LightbulbIconComponent, LineChartComponent, LineChartIconComponent, Link2IconComponent, LinkIconComponent, Linkedin2IconComponent, LinkedinIconComponent, ListChecksIconComponent, ListFilterIconComponent, ListIconComponent, ListOrderedIconComponent, LoaderIconComponent, LocateFixedIconComponent, LockIconComponent, LogInIconComponent, LogOutIconComponent, MailCheckIconComponent, MailIconComponent, MailOpenIconComponent, MapIconComponent, MapPinIconComponent, MastercardIconComponent, Maximize2IconComponent, MaximizeIconComponent, MegaphoneIconComponent, MehIconComponent, MenuComponent, MenuIconComponent, MenuItemComponent, MenuTriggerDirective, MessageCircleIconComponent, MessageSquareIconComponent, MessagesSquareIconComponent, MicIconComponent, MicOffIconComponent, MicVocalIconComponent, MicroscopeIconComponent, MicrosoftIconComponent, Minimize2IconComponent, MinimizeIconComponent, MinusCircleIconComponent, MinusIconComponent, MinusSquareIconComponent, MongodbIconComponent, MonitorIconComponent, MonitorPlayIconComponent, MoonIconComponent, MoreHorizontalIconComponent, MoreVerticalIconComponent, MousePointerClickIconComponent, MousePointerIconComponent, MoveIconComponent, MultiSelectComponent, MusicIconComponent, Navigation2IconComponent, NavigationIconComponent, NetlifyIconComponent, NetworkIconComponent, NewspaperIconComponent, NodejsIconComponent, NotionIconComponent, NpmIconComponent, NumberInputComponent, OctagonIconComponent, PAGE_SIZE_ALL, PackageIconComponent, PaginatorComponent, PaintbrushIconComponent, PaletteIconComponent, PaperclipIconComponent, PartyPopperIconComponent, PauseCircleIconComponent, PauseIconComponent, PaypalIconComponent, PenToolIconComponent, PentagonIconComponent, PercentIconComponent, PhoneCallIconComponent, PhoneForwardedIconComponent, PhoneIconComponent, PhoneIncomingIconComponent, PhoneMissedIconComponent, PhoneOffIconComponent, PhoneOutgoingIconComponent, PictureInPictureIconComponent, PieChartComponent, PieChartIconComponent, PiggyBankIconComponent, PinIconComponent, PinOffIconComponent, PinterestIconComponent, PipetteIconComponent, PlaneIconComponent, PlayCircleIconComponent, PlayIconComponent, PlaylistIconComponent, PlugIconComponent, PlusCircleIconComponent, PlusIconComponent, PlusSquareIconComponent, PocketIconComponent, PodcastIconComponent, PopoverComponent, PowerIconComponent, PrinterIconComponent, ProgressBarComponent, ProjectorIconComponent, PuzzleIconComponent, PythonIconComponent, QrCodeIconComponent, QuestionExclamationMarkIconComponent, QuestionMarkIconComponent, QuoteIconComponent, RadioComponent, RadioGroupComponent, RadioIconComponent, RadioReceiverIconComponent, RadioTowerIconComponent, RangeSliderComponent, RatingComponent, ReactIconComponent, ReceiptIconComponent, RecordIconComponent, RectangleHorizontalIconComponent, RectangleVerticalIconComponent, RedditIconComponent, RedoIconComponent, RefreshCcwIconComponent, RefreshCwIconComponent, Repeat1IconComponent, RepeatIconComponent, ReplyIconComponent, RewindIconComponent, RightHalfStarIconComponent, RocketIconComponent, RotateCcwIconComponent, RotateCcwSquareIconComponent, RotateCwIconComponent, RouteIconComponent, RowsIconComponent, RssIconComponent, SaveIconComponent, ScanIconComponent, ScissorsIconComponent, ScreenShareIconComponent, SearchIconComponent, SecondPlaceMedalIconComponent, SegmentedComponent, SendIconComponent, ServerIconComponent, SettingsIconComponent, Share2IconComponent, ShareIconComponent, ShieldAlertIconComponent, ShieldCheckIconComponent, ShieldIconComponent, ShieldOffIconComponent, ShopifyIconComponent, ShoppingBagIconComponent, ShoppingCartIconComponent, ShuffleIconComponent, SidebarIconComponent, SineWaveIconComponent, SkeletonComponent, SkipBackIconComponent, SkipForwardIconComponent, Slack2IconComponent, SlackIconComponent, SlashIconComponent, SliderComponent, SlidersIconComponent, SmartphoneIconComponent, SmileIconComponent, SnowflakeIconComponent, SoccerBallIconComponent, SparklesIconComponent, SpeakerIconComponent, SpinnerComponent, SpotifyIconComponent, SquareIconComponent, SquarePlayIconComponent, StarIconComponent, StepBackIconComponent, StepComponent, StepForwardIconComponent, StepperComponent, StickyNoteIconComponent, StopCircleIconComponent, StoreIconComponent, StrikethroughIconComponent, StripeIconComponent, SubtitlesIconComponent, SubtitlesOffIconComponent, SunIconComponent, SunriseIconComponent, SunsetIconComponent, SvelteIconComponent, SwitchCameraIconComponent, SwitchComponent, TabComponent, TableIconComponent, TabletIconComponent, TabsComponent, TagComponent, TagIconComponent, TagsIconComponent, TailwindIconComponent, TargetIconComponent, TelegramIconComponent, TerminalIconComponent, TextareaComponent, ThermometerIconComponent, ThirdPlaceMedalIconComponent, ThreadsIconComponent, ThumbsDownIconComponent, ThumbsUpIconComponent, TicketIconComponent, TiktokIconComponent, TimePickerComponent, TimecodeIconComponent, TimelineComponent, TimerIconComponent, ToastComponent, ToastService, ToggleLeftIconComponent, ToggleRightIconComponent, ToolIconComponent, TooltipDirective, TranscodeIconComponent, TransferListComponent, Trash2IconComponent, TrashIconComponent, TreeComponent, TrelloIconComponent, TrendingDownIconComponent, TrendingUpIconComponent, TriangleIconComponent, TrimIconComponent, TrophyIconComponent, TruckIconComponent, TvIconComponent, Twitch2IconComponent, TwitchIconComponent, TwitterIconComponent, TypeIconComponent, UmbrellaIconComponent, UnderlineIconComponent, UndoIconComponent, UnlinkIconComponent, UnlockIconComponent, UploadCloudIconComponent, UploadIconComponent, UserCheckIconComponent, UserCircleIconComponent, UserIconComponent, UserMinusIconComponent, UserPlusIconComponent, UserXIconComponent, UsersIconComponent, UtensilsIconComponent, VercelIconComponent, VideoIconComponent, VideoOffIconComponent, VirtualListComponent, VoicemailIconComponent, Volume1IconComponent, Volume2IconComponent, VolumeIconComponent, VolumeXIconComponent, VueIconComponent, WCAG_AA, WalletIconComponent, WandIconComponent, WatchIconComponent, WaveformIconComponent, WebcamIconComponent, WhatsappIconComponent, WifiIconComponent, WifiOffIconComponent, WindIconComponent, WordpressIconComponent, XCircleIconComponent, XIconComponent, XOctagonIconComponent, XSquareIconComponent, XTwitterIconComponent, Youtube2IconComponent, YoutubeIconComponent, ZapIconComponent, ZapOffIconComponent, ZoomInIconComponent, ZoomOutIconComponent, applyPalette, ar, computePopoverPosition, contrastRatio, de, derivePalette, el, en, esES, formatViolations, frFR, frenchSpacing, he, hexToOklch, hi, iconDisplayName, is, isGrouped, nl, oklchToHex, pl, provideEagamiUi, ptBR, relativeLuminance, ru, uk, validatePalette, visibleNodeIds, walkTree, zhCN };
+export { AccessibilityIconComponent, AccordionComponent, AccordionItemComponent, ActivityIconComponent, AirplayIconComponent, AlarmClockIconComponent, AlertCircleIconComponent, AlertComponent, AlertOctagonIconComponent, AlertTriangleIconComponent, AlignCenterIconComponent, AlignJustifyIconComponent, AlignLeftIconComponent, AlignRightIconComponent, AnchorIconComponent, AndroidIconComponent, AngularIconComponent, AnthropicIconComponent, ApertureIconComponent, ArchiveIconComponent, ArrayIconComponent, ArrowDownCircleIconComponent, ArrowDownIconComponent, ArrowDownLeftIconComponent, ArrowDownRightIconComponent, ArrowLeftCircleIconComponent, ArrowLeftIconComponent, ArrowLeftRightIconComponent, ArrowRightCircleIconComponent, ArrowRightIconComponent, ArrowUpCircleIconComponent, ArrowUpDownIconComponent, ArrowUpIconComponent, ArrowUpLeftIconComponent, ArrowUpRightIconComponent, AspectRatioIconComponent, AtSignIconComponent, AutocompleteComponent, AvatarComponent, AvatarEditorComponent, AwardIconComponent, BadgeCheckIconComponent, BadgeComponent, BanIconComponent, BarChart2IconComponent, BarChartComponent, BarChartIconComponent, BasketIconComponent, BatteryChargingIconComponent, BatteryIconComponent, BedIconComponent, BellIconComponent, BellOffIconComponent, BellRingIconComponent, BikeIconComponent, BitcoinIconComponent, BlueskyIconComponent, BluetoothIconComponent, BoldIconComponent, BookIconComponent, BookOpenIconComponent, BookmarkCheckIconComponent, BookmarkIconComponent, BookmarkPlusIconComponent, BoomboxIconComponent, BotIconComponent, BottleIconComponent, BoxIconComponent, BracesIconComponent, BrainIconComponent, BreadcrumbsComponent, BriefcaseIconComponent, BugIconComponent, BuildingIconComponent, ButtonComponent, ButtonLinkComponent, CakeIconComponent, CalculatorIconComponent, CalendarCheckIconComponent, CalendarClockIconComponent, CalendarDaysIconComponent, CalendarIconComponent, CalendarPlusIconComponent, CameraIconComponent, CameraOffIconComponent, CandleIconComponent, CarIconComponent, CardComponent, CassetteTapeIconComponent, CastIconComponent, CheckCheckIconComponent, CheckCircleIconComponent, CheckIconComponent, CheckSquareIconComponent, CheckboxComponent, ChevronDownIconComponent, ChevronLeftIconComponent, ChevronRightIconComponent, ChevronUpIconComponent, ChevronsDownIconComponent, ChevronsLeftIconComponent, ChevronsRightIconComponent, ChevronsUpDownIconComponent, ChevronsUpIconComponent, ChromeIconComponent, CircleIconComponent, ClapperboardIconComponent, ClipboardCheckIconComponent, ClipboardIconComponent, ClipboardListIconComponent, ClipboardPasteIconComponent, ClockIconComponent, CloudDrizzleIconComponent, CloudIconComponent, CloudLightningIconComponent, CloudOffIconComponent, CloudRainIconComponent, CloudSnowIconComponent, CloudSunIconComponent, CloudflareIconComponent, CodeIconComponent, CodeInputComponent, CodepenIconComponent, CodesandboxIconComponent, CoffeeIconComponent, CoinsIconComponent, ColorPickerComponent, ColumnsIconComponent, CommandIconComponent, CommandPaletteComponent, CompassIconComponent, ContextMenuTriggerDirective, ContrastIconComponent, CookieIconComponent, CopyIconComponent, CornerDownLeftIconComponent, CornerDownRightIconComponent, CornerLeftDownIconComponent, CornerLeftUpIconComponent, CornerRightDownIconComponent, CornerRightUpIconComponent, CornerUpLeftIconComponent, CornerUpRightIconComponent, CosineWaveIconComponent, CpuIconComponent, CreditCardIconComponent, CropIconComponent, CrosshairIconComponent, CrownIconComponent, DEFAULT_PALETTE_ROLES, DataTableComponent, DatabaseIconComponent, DatePickerComponent, DeleteIconComponent, DialogComponent, DialogRef, DialogService, DiamondIconComponent, Dice1IconComponent, Dice2IconComponent, Dice3IconComponent, Dice4IconComponent, Dice5IconComponent, Dice6IconComponent, DiscIconComponent, DiscordIconComponent, DivideCircleIconComponent, DivideIconComponent, DivideSquareIconComponent, DividerComponent, DockerIconComponent, DollarSignIconComponent, DoubleExclamationMarkIconComponent, DoubleQuestionMarkIconComponent, DownloadCloudIconComponent, DownloadIconComponent, DrawerComponent, DribbbleIconComponent, DropboxIconComponent, DropdownComponent, DropletIconComponent, DumbbellIconComponent, EAGAMI_ALL_LOCALES, EAGAMI_I18N_CONFIG, EAGAMI_LOCALES, EAGAMI_LOCALE_META, EagamiI18nService, EagamiIconComponent, EagamiWordmarkComponent, Edit2IconComponent, Edit3IconComponent, EditIconComponent, EjectIconComponent, EmptyStateComponent, EuroIconComponent, ExclamationMarkIconComponent, ExclamationQuestionMarkIconComponent, ExternalLinkIconComponent, EyeIconComponent, EyeOffIconComponent, Facebook2IconComponent, FacebookIconComponent, FastForwardIconComponent, FeatherIconComponent, FieldLabelComponent, FieldMessagesComponent, Figma2IconComponent, FigmaIconComponent, FileAudioIconComponent, FileCheckIconComponent, FileCodeIconComponent, FileIconComponent, FileImageIconComponent, FileMinusIconComponent, FilePdfIconComponent, FilePlusIconComponent, FileSpreadsheetIconComponent, FileTextIconComponent, FileUploaderComponent, FileVideoIconComponent, FilmIconComponent, FilterIconComponent, FilterXIconComponent, FingerprintIconComponent, FirstPlaceMedalIconComponent, FlagIconComponent, FlameIconComponent, FlaskConicalIconComponent, FolderIconComponent, FolderMinusIconComponent, FolderOpenIconComponent, FolderPlusIconComponent, FormFieldComponent, ForwardIconComponent, FramerIconComponent, FrownIconComponent, GamepadIconComponent, GaugeIconComponent, GeminiIconComponent, GiftIconComponent, GitBranchIconComponent, GitCommitIconComponent, GitCompareIconComponent, GitForkIconComponent, GitMergeIconComponent, GitPullRequestIconComponent, Github2IconComponent, GithubIconComponent, GitlabIconComponent, GlobeIconComponent, GoogleIconComponent, GraduationCapIconComponent, GridIconComponent, GripHorizontalIconComponent, GripVerticalIconComponent, HalfCircleIconComponent, HalfHeartIconComponent, HandIconComponent, HardDriveIconComponent, HashIconComponent, HeadingIconComponent, HeadphonesIconComponent, HeadsetIconComponent, HeartIconComponent, HeartPulseIconComponent, HelpCircleIconComponent, HeptagonIconComponent, HexagonIconComponent, HistoryIconComponent, HomeIconComponent, HourglassIconComponent, ICONS, IconComponentBase, IdCardIconComponent, ImageIconComponent, ImagePlayIconComponent, ImagePlusIconComponent, ImageSearchIconComponent, ImagesIconComponent, InboxIconComponent, InfoIconComponent, InputComponent, InstagramIconComponent, ItalicIconComponent, KanbanIconComponent, KeyIconComponent, KeyboardIconComponent, KeyframeIconComponent, KubernetesIconComponent, LampIconComponent, LandmarkIconComponent, LanguagesIconComponent, LaptopIconComponent, LayersIconComponent, LayoutDashboardIconComponent, LayoutIconComponent, LeafIconComponent, LeftHalfStarIconComponent, LifeBuoyIconComponent, LightbulbIconComponent, LineChartComponent, LineChartIconComponent, Link2IconComponent, LinkIconComponent, Linkedin2IconComponent, LinkedinIconComponent, ListChecksIconComponent, ListFilterIconComponent, ListIconComponent, ListOrderedIconComponent, LoaderIconComponent, LocateFixedIconComponent, LockIconComponent, LogInIconComponent, LogOutIconComponent, MailCheckIconComponent, MailIconComponent, MailOpenIconComponent, MapIconComponent, MapPinIconComponent, MastercardIconComponent, Maximize2IconComponent, MaximizeIconComponent, MegaphoneIconComponent, MehIconComponent, MenuComponent, MenuIconComponent, MenuItemComponent, MenuTriggerDirective, MessageCircleIconComponent, MessageSquareIconComponent, MessagesSquareIconComponent, MicIconComponent, MicOffIconComponent, MicVocalIconComponent, MicroscopeIconComponent, MicrosoftIconComponent, Minimize2IconComponent, MinimizeIconComponent, MinusCircleIconComponent, MinusIconComponent, MinusSquareIconComponent, MongodbIconComponent, MonitorIconComponent, MonitorPlayIconComponent, MoonIconComponent, MoreHorizontalIconComponent, MoreVerticalIconComponent, MountainIconComponent, MousePointerClickIconComponent, MousePointerIconComponent, MoveIconComponent, MultiSelectComponent, MusicIconComponent, Navigation2IconComponent, NavigationIconComponent, NetlifyIconComponent, NetworkIconComponent, NewspaperIconComponent, NodejsIconComponent, NotionIconComponent, NpmIconComponent, NumberInputComponent, OctagonIconComponent, PAGE_SIZE_ALL, PackageIconComponent, PaginatorComponent, PaintbrushIconComponent, PaletteIconComponent, PaperclipIconComponent, PartyPopperIconComponent, PauseCircleIconComponent, PauseIconComponent, PawIconComponent, PaypalIconComponent, PenToolIconComponent, PentagonIconComponent, PercentIconComponent, PhoneCallIconComponent, PhoneForwardedIconComponent, PhoneIconComponent, PhoneIncomingIconComponent, PhoneMissedIconComponent, PhoneOffIconComponent, PhoneOutgoingIconComponent, PictureInPictureIconComponent, PieChartComponent, PieChartIconComponent, PiggyBankIconComponent, PinIconComponent, PinOffIconComponent, PinterestIconComponent, PipetteIconComponent, PizzaIconComponent, PlaneIconComponent, PlayCircleIconComponent, PlayIconComponent, PlaylistIconComponent, PlugIconComponent, PlusCircleIconComponent, PlusIconComponent, PlusSquareIconComponent, PocketIconComponent, PodcastIconComponent, PopoverComponent, PowerIconComponent, PrinterIconComponent, ProgressBarComponent, ProjectorIconComponent, PuzzleIconComponent, PythonIconComponent, QrCodeIconComponent, QuestionExclamationMarkIconComponent, QuestionMarkIconComponent, QuoteIconComponent, RadioComponent, RadioGroupComponent, RadioIconComponent, RadioReceiverIconComponent, RadioTowerIconComponent, RangeSliderComponent, RatingComponent, ReactIconComponent, ReceiptIconComponent, RecordIconComponent, RectangleHorizontalIconComponent, RectangleVerticalIconComponent, RedditIconComponent, RedoIconComponent, RefreshCcwIconComponent, RefreshCwIconComponent, Repeat1IconComponent, RepeatIconComponent, ReplyIconComponent, RewindIconComponent, RightHalfStarIconComponent, RocketIconComponent, RotateCcwIconComponent, RotateCcwSquareIconComponent, RotateCwIconComponent, RouteIconComponent, RowsIconComponent, RssIconComponent, RulerIconComponent, SaveIconComponent, ScanIconComponent, SchoolIconComponent, ScissorsIconComponent, ScreenShareIconComponent, SearchIconComponent, SecondPlaceMedalIconComponent, SegmentedComponent, SendIconComponent, ServerIconComponent, SettingsIconComponent, Share2IconComponent, ShareIconComponent, ShieldAlertIconComponent, ShieldCheckIconComponent, ShieldIconComponent, ShieldOffIconComponent, ShipIconComponent, ShirtIconComponent, ShopifyIconComponent, ShoppingBagIconComponent, ShoppingCartIconComponent, ShuffleIconComponent, SidebarIconComponent, SineWaveIconComponent, SkeletonComponent, SkipBackIconComponent, SkipForwardIconComponent, Slack2IconComponent, SlackIconComponent, SlashIconComponent, SliderComponent, SlidersIconComponent, SmartphoneIconComponent, SmileIconComponent, SnowflakeIconComponent, SoccerBallIconComponent, SparklesIconComponent, SpeakerIconComponent, SpinnerComponent, SpotifyIconComponent, SquareIconComponent, SquarePlayIconComponent, StarIconComponent, StepBackIconComponent, StepComponent, StepForwardIconComponent, StepperComponent, StickyNoteIconComponent, StopCircleIconComponent, StoreIconComponent, StrikethroughIconComponent, StripeIconComponent, SubtitlesIconComponent, SubtitlesOffIconComponent, SunIconComponent, SunriseIconComponent, SunsetIconComponent, SvelteIconComponent, SwitchCameraIconComponent, SwitchComponent, TabComponent, TableIconComponent, TabletIconComponent, TabsComponent, TagComponent, TagIconComponent, TagsIconComponent, TailwindIconComponent, TargetIconComponent, TelegramIconComponent, TerminalIconComponent, TextareaComponent, ThermometerIconComponent, ThirdPlaceMedalIconComponent, ThreadsIconComponent, ThumbsDownIconComponent, ThumbsUpIconComponent, TicketIconComponent, TiktokIconComponent, TimePickerComponent, TimecodeIconComponent, TimelineComponent, TimerIconComponent, ToastComponent, ToastService, ToggleLeftIconComponent, ToggleRightIconComponent, ToolIconComponent, TooltipDirective, TrainIconComponent, TranscodeIconComponent, TransferListComponent, Trash2IconComponent, TrashIconComponent, TreeComponent, TrelloIconComponent, TrendingDownIconComponent, TrendingUpIconComponent, TriangleIconComponent, TrimIconComponent, TrophyIconComponent, TruckIconComponent, TvIconComponent, Twitch2IconComponent, TwitchIconComponent, TwitterIconComponent, TypeIconComponent, UmbrellaIconComponent, UnderlineIconComponent, UndoIconComponent, UnlinkIconComponent, UnlockIconComponent, UploadCloudIconComponent, UploadIconComponent, UserCheckIconComponent, UserCircleIconComponent, UserIconComponent, UserMinusIconComponent, UserPlusIconComponent, UserXIconComponent, UsersIconComponent, UtensilsIconComponent, VercelIconComponent, VideoIconComponent, VideoOffIconComponent, VirtualListComponent, VoicemailIconComponent, Volume1IconComponent, Volume2IconComponent, VolumeIconComponent, VolumeXIconComponent, VueIconComponent, WCAG_AA, WalletIconComponent, WandIconComponent, WatchIconComponent, WaveformIconComponent, WebcamIconComponent, WhatsappIconComponent, WifiIconComponent, WifiOffIconComponent, WindIconComponent, WordpressIconComponent, XCircleIconComponent, XIconComponent, XOctagonIconComponent, XSquareIconComponent, XTwitterIconComponent, Youtube2IconComponent, YoutubeIconComponent, ZapIconComponent, ZapOffIconComponent, ZoomInIconComponent, ZoomOutIconComponent, applyPalette, ar, computePopoverPosition, contrastRatio, de, derivePalette, el, en, esES, formatViolations, frFR, frenchSpacing, he, hexToOklch, hi, iconDisplayName, is, isGrouped, nl, oklchToHex, pl, provideEagamiUi, ptBR, relativeLuminance, ru, uk, validatePalette, visibleNodeIds, walkTree, zhCN };
 
 //# sourceMappingURL=eagami-ui.mjs.map