@area8975/ui 0.2.2-dev.48 → 0.2.2-dev.49

package/fesm2022/area8975-ui.mjs

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, TemplateRef, ViewEncapsulation, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, contentChildren, effect, inject, input, isDevMode, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, provideAppInitializer, signal, untracked, viewChild } from "@angular/core";
-import { DOCUMENT, NgTemplateOutlet } from "@angular/common";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DOCUMENT, DestroyRef, Directive, ElementRef, Injectable, InjectionToken, Injector, TemplateRef, ViewEncapsulation, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, contentChildren, effect, inject, input, isDevMode, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, provideAppInitializer, signal, untracked, viewChild } from "@angular/core";
+import { DOCUMENT as DOCUMENT$1, NgTemplateOutlet } from "@angular/common";
 import { NgIcon, provideIcons } from "@ng-icons/core";
 import { heroArrowUp, heroArrowUpTray, heroArrowUturnLeft, heroArrowUturnRight, heroBars2, heroBars3, heroBold, heroCalendar, heroCalendarDateRange, heroChatBubbleLeft, heroCheck, heroChevronDoubleLeft, heroChevronDown, heroChevronLeft, heroChevronRight, heroClock, heroCodeBracket, heroCodeBracketSquare, heroDocument, heroEye, heroEyeSlash, heroFunnel, heroH1, heroH2, heroH3, heroItalic, heroLink, heroListBullet, heroMagnifyingGlass, heroMinus, heroNumberedList, heroPlus, heroQuestionMarkCircle, heroStrikethrough, heroUnderline, heroViewColumns, heroXMark } from "@ng-icons/heroicons/outline";
 import { Editor } from "@tiptap/core";
@@ -79,7 +79,7 @@ function injectMoneyFormatter(options = {}) {
 var UiDarkClass = class UiDarkClass {
 	isDark = signal(false, ...ngDevMode ? [{ debugName: "isDark" }] : /* istanbul ignore next */ []);
 	constructor() {
-		const root = inject(DOCUMENT).documentElement;
+		const root = inject(DOCUMENT$1).documentElement;
 		const read = () => this.isDark.set(root.classList.contains("dark"));
 		read();
 		if (typeof MutationObserver === "undefined") return;
@@ -3661,6 +3661,7 @@ var UiDropzoneComponent = class UiDropzoneComponent {
 			value: "valueChange",
 			rejected: "rejected"
 		},
+		host: { properties: { "attr.id": "null" } },
 		providers: [provideIcons({
 			heroArrowUpTray,
 			heroDocument
@@ -3698,6 +3699,7 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "ui-dropzone",
+			host: { "[attr.id]": "null" },
 			imports: [NgIcon],
 			providers: [provideIcons({
 				heroArrowUpTray,
@@ -3820,9 +3822,25 @@ var UiFieldComponent = class UiFieldComponent {
 	for = input("", ...ngDevMode ? [{ debugName: "for" }] : /* istanbul ignore next */ []);
 	hintId = input("", ...ngDevMode ? [{ debugName: "hintId" }] : /* istanbul ignore next */ []);
 	errorId = input("", ...ngDevMode ? [{ debugName: "errorId" }] : /* istanbul ignore next */ []);
+	labelId = computed(() => this.for() && this.label() ? `${this.for()}-label` : "", ...ngDevMode ? [{ debugName: "labelId" }] : /* istanbul ignore next */ []);
+	document = inject(DOCUMENT);
 	get forAttr() {
 		return this.for() || null;
 	}
+	get labelIdAttr() {
+		return this.labelId() || null;
+	}
+	onClick(event) {
+		const label = event.target.closest("label");
+		if (!label?.classList.contains("ui-field-label")) return;
+		const control = label.control;
+		if (control instanceof HTMLInputElement && (control.type === "checkbox" || control.type === "radio")) return;
+		const target = control ?? (this.for() ? this.document.getElementById(this.for()) : null);
+		if (target) {
+			event.preventDefault();
+			target.focus();
+		}
+	}
 	get hintAttr() {
 		return this.hintId() || null;
 	}
@@ -3894,9 +3912,12 @@ var UiFieldComponent = class UiFieldComponent {
 				transformFunction: null
 			}
 		},
-		host: { classAttribute: "block" },
+		host: {
+			listeners: { "click": "onClick($event)" },
+			classAttribute: "block"
+		},
 		ngImport: i0,
-		template: "@if (label()) {\n    <label\n        [attr.for]=\"forAttr\"\n        class=\"ui-text-body ui-field-label\"\n    >\n        {{ label() }}\n\n        @if (required()) {\n            <span class=\"text-danger-500\" aria-hidden=\"true\">*</span>\n            <span class=\"sr-only\">(required)</span>\n        }\n    </label>\n}\n\n<ng-content />\n\n@if (error()) {\n    <div\n        [attr.id]=\"errorAttr\"\n        class=\"text-danger-600 ui-text-caption ui-field-hint\"\n        role=\"alert\"\n    >\n        {{ error() }}\n    </div>\n} @else if (hint()) {\n    <div\n        [attr.id]=\"hintAttr\"\n        class=\"text-muted-foreground-1 ui-text-caption ui-field-hint\"\n    >\n        {{ hint() }}\n    </div>\n}\n",
+		template: "@if (label()) {\n    <label\n        [attr.id]=\"labelIdAttr\"\n        [attr.for]=\"forAttr\"\n        class=\"ui-text-body ui-field-label\"\n    >\n        {{ label() }}\n\n        @if (required()) {\n            <span class=\"text-danger-500\" aria-hidden=\"true\">*</span>\n            <span class=\"sr-only\">(required)</span>\n        }\n    </label>\n}\n\n<ng-content />\n\n@if (error()) {\n    <div\n        [attr.id]=\"errorAttr\"\n        class=\"text-danger-600 ui-text-caption ui-field-hint\"\n        role=\"alert\"\n    >\n        {{ error() }}\n    </div>\n} @else if (hint()) {\n    <div\n        [attr.id]=\"hintAttr\"\n        class=\"text-muted-foreground-1 ui-text-caption ui-field-hint\"\n    >\n        {{ hint() }}\n    </div>\n}\n",
 		styles: [":host{position:relative}.ui-field-label{margin-bottom:calc(var(--spacing, .25rem) * 1.5);display:inline-flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2)}.ui-field-hint{margin-top:calc(var(--spacing, .25rem) * 1.5);display:inline-flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
 	});
 };
@@ -3909,8 +3930,11 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "ui-field",
-			host: { class: "block" },
-			template: "@if (label()) {\n    <label\n        [attr.for]=\"forAttr\"\n        class=\"ui-text-body ui-field-label\"\n    >\n        {{ label() }}\n\n        @if (required()) {\n            <span class=\"text-danger-500\" aria-hidden=\"true\">*</span>\n            <span class=\"sr-only\">(required)</span>\n        }\n    </label>\n}\n\n<ng-content />\n\n@if (error()) {\n    <div\n        [attr.id]=\"errorAttr\"\n        class=\"text-danger-600 ui-text-caption ui-field-hint\"\n        role=\"alert\"\n    >\n        {{ error() }}\n    </div>\n} @else if (hint()) {\n    <div\n        [attr.id]=\"hintAttr\"\n        class=\"text-muted-foreground-1 ui-text-caption ui-field-hint\"\n    >\n        {{ hint() }}\n    </div>\n}\n",
+			host: {
+				class: "block",
+				"(click)": "onClick($event)"
+			},
+			template: "@if (label()) {\n    <label\n        [attr.id]=\"labelIdAttr\"\n        [attr.for]=\"forAttr\"\n        class=\"ui-text-body ui-field-label\"\n    >\n        {{ label() }}\n\n        @if (required()) {\n            <span class=\"text-danger-500\" aria-hidden=\"true\">*</span>\n            <span class=\"sr-only\">(required)</span>\n        }\n    </label>\n}\n\n<ng-content />\n\n@if (error()) {\n    <div\n        [attr.id]=\"errorAttr\"\n        class=\"text-danger-600 ui-text-caption ui-field-hint\"\n        role=\"alert\"\n    >\n        {{ error() }}\n    </div>\n} @else if (hint()) {\n    <div\n        [attr.id]=\"hintAttr\"\n        class=\"text-muted-foreground-1 ui-text-caption ui-field-hint\"\n    >\n        {{ hint() }}\n    </div>\n}\n",
 			styles: [":host{position:relative}.ui-field-label{margin-bottom:calc(var(--spacing, .25rem) * 1.5);display:inline-flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2)}.ui-field-hint{margin-top:calc(var(--spacing, .25rem) * 1.5);display:inline-flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 2)}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
 		}]
 	}],
@@ -4282,6 +4306,7 @@ var UiInputComponent = class UiInputComponent {
 			focused: "focused",
 			blurred: "blurred"
 		},
+		host: { properties: { "attr.id": "null" } },
 		providers: [provideIcons({
 			heroEyeSlash,
 			heroEye
@@ -4334,6 +4359,7 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "ui-input",
+			host: { "[attr.id]": "null" },
 			imports: [NgTemplateOutlet, NgIcon],
 			providers: [provideIcons({
 				heroEyeSlash,
@@ -5317,9 +5343,11 @@ var UiRichTextEditorComponent = class UiRichTextEditorComponent {
 	});
 	ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
 	describedBy = input("", ...ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []);
+	labelledBy = input("", ...ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []);
 	focused = output();
 	blurred = output();
 	injector = inject(Injector);
+	field = inject(UiFieldComponent, { optional: true });
 	host = inject(ElementRef);
 	content = viewChild.required("content", ...ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []);
 	editor = signal(null, ...ngDevMode ? [{ debugName: "editor" }] : /* istanbul ignore next */ []);
@@ -5330,6 +5358,11 @@ var UiRichTextEditorComponent = class UiRichTextEditorComponent {
 	linkOpen = signal(false, ...ngDevMode ? [{ debugName: "linkOpen" }] : /* istanbul ignore next */ []);
 	linkHref = signal("", ...ngDevMode ? [{ debugName: "linkHref" }] : /* istanbul ignore next */ []);
 	focusIndex = signal(0, ...ngDevMode ? [{ debugName: "focusIndex" }] : /* istanbul ignore next */ []);
+	resolvedLabelledBy = computed(() => {
+		if (this.labelledBy()) return this.labelledBy();
+		const id = this.id();
+		return id && this.field?.for() === id ? this.field.labelId() : "";
+	}, ...ngDevMode ? [{ debugName: "resolvedLabelledBy" }] : /* istanbul ignore next */ []);
 	editable = computed(() => !this.disabled() && !this.readonly(), ...ngDevMode ? [{ debugName: "editable" }] : /* istanbul ignore next */ []);
 	toolGroups = computed(() => {
 		const tools = new Set(this.tools());
@@ -5363,6 +5396,7 @@ var UiRichTextEditorComponent = class UiRichTextEditorComponent {
 		};
 		const optional = {
 			"aria-label": this.ariaLabel(),
+			"aria-labelledby": this.resolvedLabelledBy(),
 			"aria-describedby": this.describedBy(),
 			"aria-required": this.required() && "true",
 			"aria-readonly": this.readonly() && "true",
@@ -5621,6 +5655,13 @@ var UiRichTextEditorComponent = class UiRichTextEditorComponent {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			labelledBy: {
+				classPropertyName: "labelledBy",
+				publicName: "labelledBy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		outputs: {
@@ -5629,7 +5670,10 @@ var UiRichTextEditorComponent = class UiRichTextEditorComponent {
 			focused: "focused",
 			blurred: "blurred"
 		},
-		host: { classAttribute: "ui-rich-text-editor-host" },
+		host: {
+			properties: { "attr.id": "null" },
+			classAttribute: "ui-rich-text-editor-host"
+		},
 		providers: [provideIcons({
 			heroArrowUturnLeft,
 			heroArrowUturnRight,
@@ -5768,7 +5812,10 @@ i0.ɵɵngDeclareClassMetadata({
 				heroStrikethrough,
 				heroUnderline
 			})],
-			host: { class: "ui-rich-text-editor-host" },
+			host: {
+				class: "ui-rich-text-editor-host",
+				"[attr.id]": "null"
+			},
 			template: "<div\n    [class]=\"generatedClasses()\"\n    [attr.data-invalid]=\"validationState() === false ? '' : null\"\n    [attr.data-valid]=\"validationState() === true ? '' : null\"\n    [attr.data-disabled]=\"disabled() ? '' : null\"\n>\n    @if (showToolbar()) {\n        <div\n            class=\"ui-rich-text-editor__toolbar\"\n            role=\"toolbar\"\n            tabindex=\"-1\"\n            aria-label=\"Formatting\"\n            [attr.aria-controls]=\"id() || contentId\"\n            (keydown)=\"onToolbarKeydown($event)\"\n        >\n            @for (group of toolGroups(); track group[0]) {\n                @if (!$first) {\n                    <span\n                        class=\"ui-rich-text-editor__divider\"\n                        role=\"separator\"\n                        aria-orientation=\"vertical\"\n                    ></span>\n                }\n\n                @for (tool of group; track tool) {\n                    @let definition = toolDefinition(tool);\n                    @let state = toolState()[tool];\n\n                    <button\n                        type=\"button\"\n                        class=\"ui-rich-text-editor__tool\"\n                        [title]=\"definition.label\"\n                        [attr.aria-label]=\"definition.label\"\n                        [attr.aria-pressed]=\"definition.active ? state.active : null\"\n                        [attr.aria-disabled]=\"state.enabled ? null : 'true'\"\n                        [attr.data-active]=\"state.active ? '' : null\"\n                        [tabIndex]=\"flatTools().indexOf(tool) === focusIndex() ? 0 : -1\"\n                        (mousedown)=\"$event.preventDefault()\"\n                        (focus)=\"focusIndex.set(flatTools().indexOf(tool))\"\n                        (click)=\"runTool(tool)\"\n                    >\n                        <ng-icon [name]=\"definition.icon\" aria-hidden=\"true\" />\n                    </button>\n                }\n            }\n        </div>\n    }\n\n    @if (linkOpen()) {\n        <div\n            class=\"ui-rich-text-editor__link\"\n            tabindex=\"-1\"\n            (keydown)=\"onLinkKeydown($event)\"\n        >\n            <ui-input\n                class=\"ui-rich-text-editor__link-input\"\n                type=\"url\"\n                placeholder=\"https://\"\n                ariaLabel=\"Link address\"\n                [id]=\"linkInputId\"\n                [(value)]=\"linkHref\"\n            />\n\n            <ui-button size=\"sm\" (click)=\"applyLink()\">Apply</ui-button>\n\n            @if (toolState()['link']?.active) {\n                <ui-button\n                    size=\"sm\"\n                    appearance=\"ghost\"\n                    intent=\"danger\"\n                    (click)=\"removeLink()\"\n                >\n                    Remove\n                </ui-button>\n            }\n\n            <ui-button\n                size=\"sm\"\n                appearance=\"ghost\"\n                intent=\"secondary\"\n                (click)=\"closeLink()\"\n            >\n                Cancel\n            </ui-button>\n        </div>\n    }\n\n    <div #content class=\"ui-rich-text-editor__body\"></div>\n</div>\n",
 			styles: ["@layer properties;@layer components{.ui-rich-text-editor-host{width:100%}}.ui-rich-text-editor-host{display:block}.ui-rich-text-editor{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-line-2);background-color:var(--layer)}.ui-rich-text-editor:focus-within{border-color:var(--primary-focus)}.ui-rich-text-editor:focus-within{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-rich-text-editor:focus-within{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-rich-text-editor:focus-within{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-rich-text-editor[data-disabled]{opacity:50%}.ui-rich-text-editor[data-invalid]{border-color:var(--color-danger-500, var(--color-red-500))}.ui-rich-text-editor[data-invalid]:focus-within{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-rich-text-editor[data-invalid]:focus-within{--tw-ring-color: color-mix(in srgb, oklch(88.5% .062 18.334) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-rich-text-editor[data-invalid]:focus-within{--tw-ring-color: color-mix(in oklab, var(--color-danger-200, var(--color-red-200)) 50%, transparent)}}.ui-rich-text-editor[data-valid]{border-color:var(--color-success-500, var(--color-teal-500))}.ui-rich-text-editor[data-valid]:focus-within{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-rich-text-editor[data-valid]:focus-within{--tw-ring-color: color-mix(in srgb, oklch(91% .096 180.426) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-rich-text-editor[data-valid]:focus-within{--tw-ring-color: color-mix(in oklab, var(--color-success-200, var(--color-teal-200)) 50%, transparent)}}.ui-rich-text-editor__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * .5);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border-line-2);padding:var(--spacing, .25rem)}.ui-rich-text-editor__divider{margin-inline:var(--spacing, .25rem);height:calc(var(--spacing, .25rem) * 5);width:1px;background-color:var(--border-line-2)}.ui-rich-text-editor__tool{display:inline-flex;width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);align-items:center;justify-content:center;border-radius:var(--radius-md, .375rem);color:var(--muted-foreground-1)}.ui-rich-text-editor__tool:hover{background-color:var(--layer-hover)}.ui-rich-text-editor__tool:hover{color:var(--foreground)}.ui-rich-text-editor__tool:focus{--tw-outline-style: none;outline-style:none}.ui-rich-text-editor__tool:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-rich-text-editor__tool:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-rich-text-editor__tool:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-rich-text-editor__tool[data-active]{background-color:var(--color-primary-100, var(--color-blue-100));color:var(--color-primary-700, var(--color-blue-700))}.ui-rich-text-editor__tool[data-active]:where(.dark,.dark *){background-color:color-mix(in srgb,oklch(37.9% .146 265.522) 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.ui-rich-text-editor__tool[data-active]:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-primary-900, var(--color-blue-900)) 50%,transparent)}}.ui-rich-text-editor__tool[data-active]:where(.dark,.dark *){color:var(--color-primary-300, var(--color-blue-300))}.ui-rich-text-editor__tool[aria-disabled]{pointer-events:none;opacity:40%}.ui-rich-text-editor__link{display:flex;align-items:center;gap:calc(var(--spacing, .25rem) * 2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--border-line-2);padding:calc(var(--spacing, .25rem) * 2)}.ui-rich-text-editor__link-input{height:calc(var(--spacing, .25rem) * 9);flex:1}.ui-rich-text-editor__body{max-height:32rem;min-height:calc(var(--spacing, .25rem) * 32);overflow-y:auto}.ui-rich-text-editor__content{min-height:calc(var(--spacing, .25rem) * 32);padding:calc(var(--spacing, .25rem) * 3);color:var(--foreground)}.ui-rich-text-editor__content:focus{--tw-outline-style: none;outline-style:none}.ui-rich-text-editor__content>*+*{margin-top:calc(var(--spacing, .25rem) * 3)}.ui-rich-text-editor__content h1{font-size:var(--text-2xl, 1.5rem);line-height:var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.ui-rich-text-editor__content h2{font-size:var(--text-xl, 1.25rem);line-height:var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.ui-rich-text-editor__content h3{font-size:var(--text-lg, 1.125rem);line-height:var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.ui-rich-text-editor__content ul{list-style-type:disc;padding-inline-start:calc(var(--spacing, .25rem) * 6)}.ui-rich-text-editor__content ol{list-style-type:decimal;padding-inline-start:calc(var(--spacing, .25rem) * 6)}.ui-rich-text-editor__content li>p{margin-block:calc(var(--spacing, .25rem) * .5)}.ui-rich-text-editor__content blockquote{border-inline-start-style:var(--tw-border-style);border-inline-start-width:4px;border-color:var(--border-line-3);padding-inline-start:calc(var(--spacing, .25rem) * 4);color:var(--muted-foreground-1)}.ui-rich-text-editor__content code{border-radius:.25rem;background-color:var(--muted);padding-inline:var(--spacing, .25rem);padding-block:calc(var(--spacing, .25rem) * .5);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:.875em}.ui-rich-text-editor__content pre{overflow-x:auto;border-radius:var(--radius-md, .375rem);background-color:var(--muted);padding:calc(var(--spacing, .25rem) * 3);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))}.ui-rich-text-editor__content pre code{background-color:transparent;padding:0;color:inherit}.ui-rich-text-editor__content hr{border-color:var(--border-line-2)}.ui-rich-text-editor__content hr.ProseMirror-selectednode{border-color:var(--color-primary-500, var(--color-blue-500))}.ui-rich-text-editor__content a{color:var(--color-primary-600, var(--color-blue-600));text-decoration-line:underline}.ui-rich-text-editor__content a:where(.dark,.dark *){color:var(--color-primary-400, var(--color-blue-400))}.ui-rich-text-editor__content p.is-editor-empty:first-child:before{pointer-events:none;float:inline-start;height:0px;color:var(--muted-foreground-2);content:attr(data-placeholder)}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
 		}]
@@ -5877,6 +5924,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		labelledBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "labelledBy",
+				required: false
+			}]
+		}],
 		focused: [{
 			type: i0.Output,
 			args: ["focused"]
@@ -7052,7 +7107,10 @@ var UiSelectComponent = class UiSelectComponent {
 			selectedItem: "selectedItemChange",
 			selectedItems: "selectedItemsChange"
 		},
-		host: { listeners: { "focusout": "onFocusOut($event)" } },
+		host: {
+			listeners: { "focusout": "onFocusOut($event)" },
+			properties: { "attr.id": "null" }
+		},
 		providers: [provideIcons({
 			heroChevronDown,
 			heroXMark,
@@ -7207,7 +7265,10 @@ i0.ɵɵngDeclareClassMetadata({
 				NgIcon,
 				NgTemplateOutlet
 			],
-			host: { "(focusout)": "onFocusOut($event)" },
+			host: {
+				"[attr.id]": "null",
+				"(focusout)": "onFocusOut($event)"
+			},
 			providers: [provideIcons({
 				heroChevronDown,
 				heroXMark,
@@ -7662,6 +7723,7 @@ var UiTextareaComponent = class UiTextareaComponent {
 			focused: "focused",
 			blurred: "blurred"
 		},
+		host: { properties: { "attr.id": "null" } },
 		ngImport: i0,
 		template: "<textarea\n    [value]=\"value()\"\n    [class]=\"generatedClasses()\"\n    [attr.id]=\"id() || null\"\n    [attr.name]=\"name() || null\"\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    [required]=\"required()\"\n    [rows]=\"rows()\"\n    [style.resize]=\"resize()\"\n    [attr.maxlength]=\"maxlength()\"\n    [attr.minlength]=\"minlength()\"\n   \n    [attr.spellcheck]=\"spellcheck()\"\n    [attr.aria-label]=\"ariaLabel() || null\"\n    [attr.aria-describedby]=\"describedBy() || null\"\n    [attr.data-invalid]=\"validationState() === false ? '' : null\"\n    [attr.data-valid]=\"validationState() === true ? '' : null\"\n    (input)=\"handleInput($event)\"\n    (focus)=\"handleFocus($event)\"\n    (blur)=\"handleBlur($event)\"\n></textarea>\n",
 		styles: ["@layer properties;@layer components{:host{width:100%}}:host{display:block}.ui-textarea{display:block;width:100%;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-line-2);background-color:var(--layer);padding:calc(var(--spacing, .25rem) * 3)}.ui-textarea:focus{border-color:var(--primary-focus)}.ui-textarea:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-textarea:focus{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-textarea:focus{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-textarea:focus{--tw-outline-style: none;outline-style:none}.ui-textarea:disabled{opacity:50%}.ui-textarea[data-invalid]{border-color:var(--color-danger-500, var(--color-red-500))}.ui-textarea[data-invalid]:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-textarea[data-invalid]:focus{--tw-ring-color: color-mix(in srgb, oklch(88.5% .062 18.334) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-textarea[data-invalid]:focus{--tw-ring-color: color-mix(in oklab, var(--color-danger-200, var(--color-red-200)) 50%, transparent)}}.ui-textarea[data-valid]{border-color:var(--color-success-500, var(--color-teal-500))}.ui-textarea[data-valid]:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-textarea[data-valid]:focus{--tw-ring-color: color-mix(in srgb, oklch(91% .096 180.426) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-textarea[data-valid]:focus{--tw-ring-color: color-mix(in oklab, var(--color-success-200, var(--color-teal-200)) 50%, transparent)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
@@ -7676,6 +7738,7 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "ui-textarea",
+			host: { "[attr.id]": "null" },
 			template: "<textarea\n    [value]=\"value()\"\n    [class]=\"generatedClasses()\"\n    [attr.id]=\"id() || null\"\n    [attr.name]=\"name() || null\"\n    [placeholder]=\"placeholder()\"\n    [disabled]=\"disabled()\"\n    [readOnly]=\"readonly()\"\n    [required]=\"required()\"\n    [rows]=\"rows()\"\n    [style.resize]=\"resize()\"\n    [attr.maxlength]=\"maxlength()\"\n    [attr.minlength]=\"minlength()\"\n   \n    [attr.spellcheck]=\"spellcheck()\"\n    [attr.aria-label]=\"ariaLabel() || null\"\n    [attr.aria-describedby]=\"describedBy() || null\"\n    [attr.data-invalid]=\"validationState() === false ? '' : null\"\n    [attr.data-valid]=\"validationState() === true ? '' : null\"\n    (input)=\"handleInput($event)\"\n    (focus)=\"handleFocus($event)\"\n    (blur)=\"handleBlur($event)\"\n></textarea>\n",
 			styles: ["@layer properties;@layer components{:host{width:100%}}:host{display:block}.ui-textarea{display:block;width:100%;border-radius:var(--radius-md, .375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-line-2);background-color:var(--layer);padding:calc(var(--spacing, .25rem) * 3)}.ui-textarea:focus{border-color:var(--primary-focus)}.ui-textarea:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-textarea:focus{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-textarea:focus{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-textarea:focus{--tw-outline-style: none;outline-style:none}.ui-textarea:disabled{opacity:50%}.ui-textarea[data-invalid]{border-color:var(--color-danger-500, var(--color-red-500))}.ui-textarea[data-invalid]:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-textarea[data-invalid]:focus{--tw-ring-color: color-mix(in srgb, oklch(88.5% .062 18.334) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-textarea[data-invalid]:focus{--tw-ring-color: color-mix(in oklab, var(--color-danger-200, var(--color-red-200)) 50%, transparent)}}.ui-textarea[data-valid]{border-color:var(--color-success-500, var(--color-teal-500))}.ui-textarea[data-valid]:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-textarea[data-valid]:focus{--tw-ring-color: color-mix(in srgb, oklch(91% .096 180.426) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-textarea[data-valid]:focus{--tw-ring-color: color-mix(in oklab, var(--color-success-200, var(--color-teal-200)) 50%, transparent)}}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
 		}]
@@ -7947,10 +8010,17 @@ const AlertIntents = [
 	"danger"
 ];
 const AlertAppearances = ["soft", "bordered"];
+const TEXT_CLASSES = {
+	sm: "ui-text-caption",
+	md: "ui-text-caption",
+	lg: "ui-text-body-alt",
+	xl: "ui-text-h3"
+};
 var UiAvatarComponent = class UiAvatarComponent {
 	name = input.required(...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
 	src = input(null, ...ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []);
 	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	colour = input(null, ...ngDevMode ? [{ debugName: "colour" }] : /* istanbul ignore next */ []);
 	failedSrc = signal(null, ...ngDevMode ? [{ debugName: "failedSrc" }] : /* istanbul ignore next */ []);
 	showImage = computed(() => {
 		const src = this.src();
@@ -7960,10 +8030,14 @@ var UiAvatarComponent = class UiAvatarComponent {
 		const words = this.name().trim().split(/\s+/).filter(Boolean);
 		return ((words[0]?.[0] ?? "") + (words.length > 1 ? words[words.length - 1][0] : "")).toUpperCase();
 	}, ...ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []);
+	ink = computed(() => {
+		const colour = this.colour();
+		return colour ? chartLabelInk(colour) : null;
+	}, ...ngDevMode ? [{ debugName: "ink" }] : /* istanbul ignore next */ []);
 	generatedClasses = computed(() => [
 		"ui-avatar",
 		`ui-avatar--${this.size()}`,
-		this.size() === "lg" ? "ui-text-body-alt" : "ui-text-caption"
+		TEXT_CLASSES[this.size()]
 	].join(" "), ...ngDevMode ? [{ debugName: "generatedClasses" }] : /* istanbul ignore next */ []);
 	imageFailed() {
 		this.failedSrc.set(this.src());
@@ -8003,18 +8077,27 @@ var UiAvatarComponent = class UiAvatarComponent {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			colour: {
+				classPropertyName: "colour",
+				publicName: "colour",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		host: {
 			attributes: { "role": "img" },
 			properties: {
 				"attr.aria-label": "name()",
-				"class": "generatedClasses()"
+				"class": "generatedClasses()",
+				"style.background-color": "colour()",
+				"style.color": "ink()"
 			}
 		},
 		ngImport: i0,
 		template: "@if (showImage()) {\n    <img class=\"ui-avatar-image\" [src]=\"src()\" alt=\"\" (error)=\"imageFailed()\" />\n} @else {\n    <span aria-hidden=\"true\">{{ initials() }}</span>\n}\n",
-		styles: ["@layer properties;:host(.ui-avatar){display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-full, calc(infinity * 1px));background-color:var(--surface);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground);-webkit-user-select:none;user-select:none}:host(.ui-avatar--sm){width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6)}:host(.ui-avatar--md){width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8)}:host(.ui-avatar--lg){width:calc(var(--spacing, .25rem) * 10);height:calc(var(--spacing, .25rem) * 10)}.ui-avatar-image{width:100%;height:100%;object-fit:cover}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		styles: ["@layer properties;:host(.ui-avatar){display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-full, calc(infinity * 1px));background-color:var(--surface);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground);-webkit-user-select:none;user-select:none}:host(.ui-avatar--sm){width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6)}:host(.ui-avatar--md){width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8)}:host(.ui-avatar--lg){width:calc(var(--spacing, .25rem) * 10);height:calc(var(--spacing, .25rem) * 10)}:host(.ui-avatar--xl){width:calc(var(--spacing, .25rem) * 16);height:calc(var(--spacing, .25rem) * 16)}.ui-avatar-image{width:100%;height:100%;object-fit:cover}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
@@ -8029,10 +8112,12 @@ i0.ɵɵngDeclareClassMetadata({
 			host: {
 				role: "img",
 				"[attr.aria-label]": "name()",
-				"[class]": "generatedClasses()"
+				"[class]": "generatedClasses()",
+				"[style.background-color]": "colour()",
+				"[style.color]": "ink()"
 			},
 			template: "@if (showImage()) {\n    <img class=\"ui-avatar-image\" [src]=\"src()\" alt=\"\" (error)=\"imageFailed()\" />\n} @else {\n    <span aria-hidden=\"true\">{{ initials() }}</span>\n}\n",
-			styles: ["@layer properties;:host(.ui-avatar){display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-full, calc(infinity * 1px));background-color:var(--surface);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground);-webkit-user-select:none;user-select:none}:host(.ui-avatar--sm){width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6)}:host(.ui-avatar--md){width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8)}:host(.ui-avatar--lg){width:calc(var(--spacing, .25rem) * 10);height:calc(var(--spacing, .25rem) * 10)}.ui-avatar-image{width:100%;height:100%;object-fit:cover}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+			styles: ["@layer properties;:host(.ui-avatar){display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-full, calc(infinity * 1px));background-color:var(--surface);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground);-webkit-user-select:none;user-select:none}:host(.ui-avatar--sm){width:calc(var(--spacing, .25rem) * 6);height:calc(var(--spacing, .25rem) * 6)}:host(.ui-avatar--md){width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8)}:host(.ui-avatar--lg){width:calc(var(--spacing, .25rem) * 10);height:calc(var(--spacing, .25rem) * 10)}:host(.ui-avatar--xl){width:calc(var(--spacing, .25rem) * 16);height:calc(var(--spacing, .25rem) * 16)}.ui-avatar-image{width:100%;height:100%;object-fit:cover}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
 		}]
 	}],
 	propDecorators: {
@@ -8059,13 +8144,22 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "size",
 				required: false
 			}]
+		}],
+		colour: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "colour",
+				required: false
+			}]
 		}]
 	}
 });
 const AvatarSizes = [
 	"sm",
 	"md",
-	"lg"
+	"lg",
+	"xl"
 ];
 const BadgeIntents = [
 	"primary",
@@ -8196,6 +8290,35 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+var UiCalendarDayDirective = class UiCalendarDayDirective {
+	template = inject(TemplateRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: UiCalendarDayDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: UiCalendarDayDirective,
+		isStandalone: true,
+		selector: "ng-template[uiCalendarDay]",
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: UiCalendarDayDirective,
+	decorators: [{
+		type: Directive,
+		args: [{ selector: "ng-template[uiCalendarDay]" }]
+	}]
+});
 const ISO_PATTERN = /^(\d{4})-(\d{2})-(\d{2})$/;
 const TIME_PATTERN = /^([01]\d|2[0-3]):([0-5]\d)$/;
 function toIsoDate(date) {
@@ -8253,6 +8376,11 @@ var UiCalendarComponent = class UiCalendarComponent {
 	isDateDisabled = input(() => false, ...ngDevMode ? [{ debugName: "isDateDisabled" }] : /* istanbul ignore next */ []);
 	weekStart = input(1, ...ngDevMode ? [{ debugName: "weekStart" }] : /* istanbul ignore next */ []);
 	locale = input("en-GB", ...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+	dayClass = input(() => "", ...ngDevMode ? [{ debugName: "dayClass" }] : /* istanbul ignore next */ []);
+	hideSelection = input(false, ...ngDevMode ? [{ debugName: "hideSelection" }] : /* istanbul ignore next */ []);
+	dayClick = output();
+	monthChange = output();
+	dayTemplate = contentChild(UiCalendarDayDirective, ...ngDevMode ? [{ debugName: "dayTemplate" }] : /* istanbul ignore next */ []);
 	today = toIsoDate(/* @__PURE__ */ new Date());
 	anchorDate = computed(() => this.mode() === "range" ? this.range().start : this.value(), ...ngDevMode ? [{ debugName: "anchorDate" }] : /* istanbul ignore next */ []);
 	activeDate = linkedSignal(() => parseIsoDate(this.anchorDate()) ?? parseIsoDate(this.today), ...ngDevMode ? [{ debugName: "activeDate" }] : /* istanbul ignore next */ []);
@@ -8296,11 +8424,28 @@ var UiCalendarComponent = class UiCalendarComponent {
 				isDisabled: this.isUnavailable(iso),
 				isInRange: !!start && !!previewEnd && iso > start && iso < previewEnd,
 				isRangeStart: !!previewEnd && iso === start && start !== previewEnd,
-				isRangeEnd: !!start && iso === previewEnd && start !== previewEnd
+				isRangeEnd: !!start && iso === previewEnd && start !== previewEnd,
+				className: this.dayClass()(iso)
 			};
 		});
 	}, ...ngDevMode ? [{ debugName: "days" }] : /* istanbul ignore next */ []);
+	view = computed(() => {
+		const days = this.days();
+		return {
+			month: toIsoDate(new Date(this.viewYear(), this.viewMonth(), 1)),
+			start: days[0].iso,
+			end: days[days.length - 1].iso
+		};
+	}, {
+		...ngDevMode ? { debugName: "view" } : /* istanbul ignore next */ {},
+		equal: (a, b) => a.month === b.month && a.start === b.start
+	});
 	rangeBounds = computed(() => {
+		if (this.hideSelection()) return {
+			start: null,
+			end: null,
+			previewEnd: null
+		};
 		if (this.mode() === "single") return {
 			start: this.value(),
 			end: null,
@@ -8328,6 +8473,9 @@ var UiCalendarComponent = class UiCalendarComponent {
 		const firstOfNext = new Date(this.viewYear(), this.viewMonth() + 1, 1);
 		return !max || toIsoDate(firstOfNext) <= max;
 	}, ...ngDevMode ? [{ debugName: "canGoForward" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect(() => this.monthChange.emit(this.view()));
+	}
 	focusActiveDate() {
 		this.host.nativeElement.querySelector(`[data-date="${this.tabbableDate()}"]`)?.focus();
 	}
@@ -8338,6 +8486,7 @@ var UiCalendarComponent = class UiCalendarComponent {
 	}
 	select(day) {
 		if (day.isDisabled) return;
+		this.dayClick.emit(day.iso);
 		if (this.mode() === "single") {
 			this.value.set(day.iso);
 			return;
@@ -8454,68 +8603,104 @@ var UiCalendarComponent = class UiCalendarComponent {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			dayClass: {
+				classPropertyName: "dayClass",
+				publicName: "dayClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hideSelection: {
+				classPropertyName: "hideSelection",
+				publicName: "hideSelection",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		outputs: {
 			value: "valueChange",
-			range: "rangeChange"
+			range: "rangeChange",
+			dayClick: "dayClick",
+			monthChange: "monthChange"
 		},
 		providers: [provideIcons({
 			heroChevronLeft,
 			heroChevronRight
 		})],
+		queries: [{
+			propertyName: "dayTemplate",
+			first: true,
+			predicate: UiCalendarDayDirective,
+			descendants: true,
+			isSignal: true
+		}],
 		ngImport: i0,
-		template: "<div class=\"ui-calendar-header\">\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Previous month\"\n        [disabled]=\"!canGoBack()\"\n        (click)=\"showMonth(-1)\"\n    >\n        <ng-icon name=\"heroChevronLeft\" class=\"shrink-0\" />\n    </button>\n\n    <div class=\"ui-calendar-selects\">\n        <ui-select\n            class=\"ui-calendar-month\"\n            [dataSource]=\"monthSource()\"\n            [displayWith]=\"displayMonth\"\n            [pageSize]=\"12\"\n            [(selectedItem)]=\"viewMonth\"\n        />\n        <ui-select\n            class=\"ui-calendar-year\"\n            [dataSource]=\"yearSource()\"\n            [pageSize]=\"500\"\n            [(selectedItem)]=\"viewYear\"\n        />\n    </div>\n\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Next month\"\n        [disabled]=\"!canGoForward()\"\n        (click)=\"showMonth(1)\"\n    >\n        <ng-icon name=\"heroChevronRight\" class=\"shrink-0\" />\n    </button>\n</div>\n\n<div class=\"ui-calendar-weekdays\" aria-hidden=\"true\">\n    @for (weekday of weekdays(); track $index) {\n        <span class=\"ui-calendar-weekday ui-text-caption\">{{ weekday }}</span>\n    }\n</div>\n\n<div class=\"ui-calendar-grid\" (mouseleave)=\"preview(null)\">\n    @for (day of days(); track day.iso) {\n        <button\n            type=\"button\"\n            class=\"ui-calendar-day ui-text-body-alt\"\n            [attr.data-date]=\"day.iso\"\n            [attr.data-outside]=\"day.isOutside ? '' : null\"\n            [attr.data-today]=\"day.isToday ? '' : null\"\n            [attr.data-in-range]=\"day.isInRange ? '' : null\"\n            [attr.data-range-start]=\"day.isRangeStart ? '' : null\"\n            [attr.data-range-end]=\"day.isRangeEnd ? '' : null\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            [attr.aria-pressed]=\"day.isSelected\"\n            [attr.aria-label]=\"day.label\"\n            [tabindex]=\"day.iso === tabbableDate() ? 0 : -1\"\n            [attr.aria-disabled]=\"day.isDisabled || null\"\n            (click)=\"select(day)\"\n            (keydown)=\"handleKeydown($event)\"\n            (mouseenter)=\"preview(day.iso)\"\n            (focus)=\"preview(day.iso)\"\n        >\n            {{ day.day }}\n        </button>\n    }\n</div>\n",
-		styles: ["@layer properties;:host{display:inline-flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2)}.ui-calendar-header{display:flex;align-items:center;column-gap:var(--spacing, .25rem);padding-bottom:var(--spacing, .25rem)}.ui-calendar-selects{display:flex;min-width:0px;flex:1;column-gap:var(--spacing, .25rem)}.ui-calendar-month{min-width:0px;flex:1}.ui-calendar-year{width:calc(var(--spacing, .25rem) * 24);flex-shrink:0}.ui-calendar-nav{display:inline-flex;width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));color:var(--foreground)}.ui-calendar-nav:focus{--tw-outline-style: none;outline-style:none}.ui-calendar-nav:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-nav:disabled{pointer-events:none}.ui-calendar-nav:disabled{opacity:50%}.ui-calendar-nav:hover,.ui-calendar-nav:focus-visible{background-color:var(--surface)}.ui-calendar-weekdays,.ui-calendar-grid{display:grid;grid-template-columns:repeat(7,calc(var(--spacing, .25rem) * 10.5));justify-content:center}.ui-calendar-grid{row-gap:calc(var(--spacing, .25rem) * .5)}.ui-calendar-weekday{width:calc(var(--spacing, .25rem) * 10.5);padding-bottom:var(--spacing, .25rem);text-align:center;color:var(--muted-foreground-1)}.ui-calendar-day{position:relative;display:inline-flex;width:calc(var(--spacing, .25rem) * 10.5);height:calc(var(--spacing, .25rem) * 10.5);align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));border-style:var(--tw-border-style);border-width:1.5px;border-color:transparent;color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-calendar-day:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-day:focus-visible{--tw-outline-style: none;outline-style:none}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{border-color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-disabled]{cursor:not-allowed;text-decoration-line:line-through;opacity:40%}.ui-calendar-day[aria-disabled]:hover{border-color:transparent}.ui-calendar-day[aria-disabled]:hover{color:inherit}.ui-calendar-day[data-outside]{color:var(--muted-foreground)}.ui-calendar-day[data-today]{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-pressed=true]{border-color:var(--color-primary-600, var(--color-blue-600));background-color:var(--color-primary-600, var(--color-blue-600));color:var(--color-white, #fff)}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{border-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{background-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{color:var(--color-white, #fff)}.ui-calendar-day[data-in-range]{border-radius:0;background-color:var(--color-primary-100, var(--color-blue-100));color:var(--foreground)}.ui-calendar-day[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0}.ui-calendar-day[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0}.ui-calendar-day[data-range-end]:not([aria-pressed=true]){background-color:var(--color-primary-100, var(--color-blue-100))}.ui-calendar-day[data-in-range]:not(:nth-child(7n)),.ui-calendar-day[data-range-start]:not(:nth-child(7n)){--tw-shadow: 1px 0 0 var(--tw-shadow-color, var(--color-primary-100));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day[data-in-range]:nth-child(7n+1),.ui-calendar-day[data-range-end]:nth-child(7n+1){border-top-left-radius:var(--radius-full, calc(infinity * 1px));border-bottom-left-radius:var(--radius-full, calc(infinity * 1px))}.ui-calendar-day[data-in-range]:nth-child(7n),.ui-calendar-day[data-range-start]:nth-child(7n){border-top-right-radius:var(--radius-full, calc(infinity * 1px));border-bottom-right-radius:var(--radius-full, calc(infinity * 1px))}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-duration: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
-		dependencies: [{
-			kind: "component",
-			type: NgIcon,
-			selector: "ng-icon",
-			inputs: [
-				"name",
-				"svg",
-				"size",
-				"strokeWidth",
-				"color"
-			]
-		}, {
-			kind: "component",
-			type: UiSelectComponent,
-			selector: "ui-select",
-			inputs: [
-				"placement",
-				"closeBehaviour",
-				"dataSource",
-				"placeholder",
-				"id",
-				"describedBy",
-				"pageSize",
-				"searchMode",
-				"disabled",
-				"validationState",
-				"clearable",
-				"clearLabel",
-				"creatable",
-				"createLabel",
-				"groupBy",
-				"scrollToSelected",
-				"multiple",
-				"multipleDisplay",
-				"counterAfter",
-				"counterLabel",
-				"compareWith",
-				"displayWith",
-				"selectedItem",
-				"selectedItems"
-			],
-			outputs: [
-				"validationStateChange",
-				"selectionChange",
-				"create",
-				"selectedItemChange",
-				"selectedItemsChange"
-			]
-		}]
+		template: "<div class=\"ui-calendar-header\">\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Previous month\"\n        [disabled]=\"!canGoBack()\"\n        (click)=\"showMonth(-1)\"\n    >\n        <ng-icon name=\"heroChevronLeft\" class=\"shrink-0\" />\n    </button>\n\n    <div class=\"ui-calendar-selects\">\n        <ui-select\n            class=\"ui-calendar-month\"\n            [dataSource]=\"monthSource()\"\n            [displayWith]=\"displayMonth\"\n            [pageSize]=\"12\"\n            [(selectedItem)]=\"viewMonth\"\n        />\n        <ui-select\n            class=\"ui-calendar-year\"\n            [dataSource]=\"yearSource()\"\n            [pageSize]=\"500\"\n            [(selectedItem)]=\"viewYear\"\n        />\n    </div>\n\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Next month\"\n        [disabled]=\"!canGoForward()\"\n        (click)=\"showMonth(1)\"\n    >\n        <ng-icon name=\"heroChevronRight\" class=\"shrink-0\" />\n    </button>\n</div>\n\n<div class=\"ui-calendar-weekdays\" aria-hidden=\"true\">\n    @for (weekday of weekdays(); track $index) {\n        <span class=\"ui-calendar-weekday ui-text-caption\">{{ weekday }}</span>\n    }\n</div>\n\n<div class=\"ui-calendar-grid\" (mouseleave)=\"preview(null)\">\n    @for (day of days(); track day.iso) {\n        <button\n            type=\"button\"\n            class=\"ui-calendar-day ui-text-body-alt\"\n            [class]=\"day.className\"\n            [attr.data-date]=\"day.iso\"\n            [attr.data-outside]=\"day.isOutside ? '' : null\"\n            [attr.data-today]=\"day.isToday ? '' : null\"\n            [attr.data-in-range]=\"day.isInRange ? '' : null\"\n            [attr.data-range-start]=\"day.isRangeStart ? '' : null\"\n            [attr.data-range-end]=\"day.isRangeEnd ? '' : null\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            [attr.aria-pressed]=\"hideSelection() ? null : day.isSelected\"\n            [attr.aria-label]=\"day.label\"\n            [tabindex]=\"day.iso === tabbableDate() ? 0 : -1\"\n            [attr.aria-disabled]=\"day.isDisabled || null\"\n            (click)=\"select(day)\"\n            (keydown)=\"handleKeydown($event)\"\n            (mouseenter)=\"preview(day.iso)\"\n            (focus)=\"preview(day.iso)\"\n        >\n            @if (dayTemplate(); as dayTemplate) {\n                <ng-container\n                    [ngTemplateOutlet]=\"dayTemplate.template\"\n                    [ngTemplateOutletContext]=\"{ $implicit: day.iso, day }\"\n                />\n            } @else {\n                {{ day.day }}\n            }\n        </button>\n    }\n</div>\n",
+		styles: ["@layer properties;:host{display:inline-flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2)}.ui-calendar-header{display:flex;align-items:center;column-gap:var(--spacing, .25rem);padding-bottom:var(--spacing, .25rem)}.ui-calendar-selects{display:flex;min-width:0px;flex:1;column-gap:var(--spacing, .25rem)}.ui-calendar-month{min-width:0px;flex:1}.ui-calendar-year{width:calc(var(--spacing, .25rem) * 24);flex-shrink:0}.ui-calendar-nav{display:inline-flex;width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));color:var(--foreground)}.ui-calendar-nav:focus{--tw-outline-style: none;outline-style:none}.ui-calendar-nav:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-nav:disabled{pointer-events:none}.ui-calendar-nav:disabled{opacity:50%}.ui-calendar-nav:hover,.ui-calendar-nav:focus-visible{background-color:var(--surface)}.ui-calendar-weekdays,.ui-calendar-grid{display:grid;grid-template-columns:repeat(7,calc(var(--spacing, .25rem) * 10.5));justify-content:center}.ui-calendar-grid{row-gap:calc(var(--spacing, .25rem) * .5)}.ui-calendar-weekday{width:calc(var(--spacing, .25rem) * 10.5);padding-bottom:var(--spacing, .25rem);text-align:center;color:var(--muted-foreground-1)}.ui-calendar-day{position:relative;display:inline-flex;width:calc(var(--spacing, .25rem) * 10.5);height:calc(var(--spacing, .25rem) * 10.5);flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));border-style:var(--tw-border-style);border-width:1.5px;border-color:transparent;color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-calendar-day:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-day:focus-visible{--tw-outline-style: none;outline-style:none}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{border-color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-disabled]{cursor:not-allowed;text-decoration-line:line-through;opacity:40%}.ui-calendar-day[aria-disabled]:hover{border-color:transparent}.ui-calendar-day[aria-disabled]:hover{color:inherit}.ui-calendar-day[data-outside]{color:var(--muted-foreground)}.ui-calendar-day[data-today]{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-pressed=true]{border-color:var(--color-primary-600, var(--color-blue-600));background-color:var(--color-primary-600, var(--color-blue-600));color:var(--color-white, #fff)}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{border-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{background-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{color:var(--color-white, #fff)}.ui-calendar-day[data-in-range]{border-radius:0;background-color:var(--color-primary-100, var(--color-blue-100));color:var(--foreground)}.ui-calendar-day[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0}.ui-calendar-day[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0}.ui-calendar-day[data-range-end]:not([aria-pressed=true]){background-color:var(--color-primary-100, var(--color-blue-100))}.ui-calendar-day[data-in-range]:not(:nth-child(7n)),.ui-calendar-day[data-range-start]:not(:nth-child(7n)){--tw-shadow: 1px 0 0 var(--tw-shadow-color, var(--color-primary-100));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day[data-in-range]:nth-child(7n+1),.ui-calendar-day[data-range-end]:nth-child(7n+1){border-top-left-radius:var(--radius-full, calc(infinity * 1px));border-bottom-left-radius:var(--radius-full, calc(infinity * 1px))}.ui-calendar-day[data-in-range]:nth-child(7n),.ui-calendar-day[data-range-start]:nth-child(7n){border-top-right-radius:var(--radius-full, calc(infinity * 1px));border-bottom-right-radius:var(--radius-full, calc(infinity * 1px))}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-duration: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: NgIcon,
+				selector: "ng-icon",
+				inputs: [
+					"name",
+					"svg",
+					"size",
+					"strokeWidth",
+					"color"
+				]
+			},
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: UiSelectComponent,
+				selector: "ui-select",
+				inputs: [
+					"placement",
+					"closeBehaviour",
+					"dataSource",
+					"placeholder",
+					"id",
+					"describedBy",
+					"pageSize",
+					"searchMode",
+					"disabled",
+					"validationState",
+					"clearable",
+					"clearLabel",
+					"creatable",
+					"createLabel",
+					"groupBy",
+					"scrollToSelected",
+					"multiple",
+					"multipleDisplay",
+					"counterAfter",
+					"counterLabel",
+					"compareWith",
+					"displayWith",
+					"selectedItem",
+					"selectedItems"
+				],
+				outputs: [
+					"validationStateChange",
+					"selectionChange",
+					"create",
+					"selectedItemChange",
+					"selectedItemsChange"
+				]
+			}
+		]
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
@@ -8527,15 +8712,20 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "ui-calendar",
-			imports: [NgIcon, UiSelectComponent],
+			imports: [
+				NgIcon,
+				NgTemplateOutlet,
+				UiSelectComponent
+			],
 			providers: [provideIcons({
 				heroChevronLeft,
 				heroChevronRight
 			})],
-			template: "<div class=\"ui-calendar-header\">\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Previous month\"\n        [disabled]=\"!canGoBack()\"\n        (click)=\"showMonth(-1)\"\n    >\n        <ng-icon name=\"heroChevronLeft\" class=\"shrink-0\" />\n    </button>\n\n    <div class=\"ui-calendar-selects\">\n        <ui-select\n            class=\"ui-calendar-month\"\n            [dataSource]=\"monthSource()\"\n            [displayWith]=\"displayMonth\"\n            [pageSize]=\"12\"\n            [(selectedItem)]=\"viewMonth\"\n        />\n        <ui-select\n            class=\"ui-calendar-year\"\n            [dataSource]=\"yearSource()\"\n            [pageSize]=\"500\"\n            [(selectedItem)]=\"viewYear\"\n        />\n    </div>\n\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Next month\"\n        [disabled]=\"!canGoForward()\"\n        (click)=\"showMonth(1)\"\n    >\n        <ng-icon name=\"heroChevronRight\" class=\"shrink-0\" />\n    </button>\n</div>\n\n<div class=\"ui-calendar-weekdays\" aria-hidden=\"true\">\n    @for (weekday of weekdays(); track $index) {\n        <span class=\"ui-calendar-weekday ui-text-caption\">{{ weekday }}</span>\n    }\n</div>\n\n<div class=\"ui-calendar-grid\" (mouseleave)=\"preview(null)\">\n    @for (day of days(); track day.iso) {\n        <button\n            type=\"button\"\n            class=\"ui-calendar-day ui-text-body-alt\"\n            [attr.data-date]=\"day.iso\"\n            [attr.data-outside]=\"day.isOutside ? '' : null\"\n            [attr.data-today]=\"day.isToday ? '' : null\"\n            [attr.data-in-range]=\"day.isInRange ? '' : null\"\n            [attr.data-range-start]=\"day.isRangeStart ? '' : null\"\n            [attr.data-range-end]=\"day.isRangeEnd ? '' : null\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            [attr.aria-pressed]=\"day.isSelected\"\n            [attr.aria-label]=\"day.label\"\n            [tabindex]=\"day.iso === tabbableDate() ? 0 : -1\"\n            [attr.aria-disabled]=\"day.isDisabled || null\"\n            (click)=\"select(day)\"\n            (keydown)=\"handleKeydown($event)\"\n            (mouseenter)=\"preview(day.iso)\"\n            (focus)=\"preview(day.iso)\"\n        >\n            {{ day.day }}\n        </button>\n    }\n</div>\n",
-			styles: ["@layer properties;:host{display:inline-flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2)}.ui-calendar-header{display:flex;align-items:center;column-gap:var(--spacing, .25rem);padding-bottom:var(--spacing, .25rem)}.ui-calendar-selects{display:flex;min-width:0px;flex:1;column-gap:var(--spacing, .25rem)}.ui-calendar-month{min-width:0px;flex:1}.ui-calendar-year{width:calc(var(--spacing, .25rem) * 24);flex-shrink:0}.ui-calendar-nav{display:inline-flex;width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));color:var(--foreground)}.ui-calendar-nav:focus{--tw-outline-style: none;outline-style:none}.ui-calendar-nav:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-nav:disabled{pointer-events:none}.ui-calendar-nav:disabled{opacity:50%}.ui-calendar-nav:hover,.ui-calendar-nav:focus-visible{background-color:var(--surface)}.ui-calendar-weekdays,.ui-calendar-grid{display:grid;grid-template-columns:repeat(7,calc(var(--spacing, .25rem) * 10.5));justify-content:center}.ui-calendar-grid{row-gap:calc(var(--spacing, .25rem) * .5)}.ui-calendar-weekday{width:calc(var(--spacing, .25rem) * 10.5);padding-bottom:var(--spacing, .25rem);text-align:center;color:var(--muted-foreground-1)}.ui-calendar-day{position:relative;display:inline-flex;width:calc(var(--spacing, .25rem) * 10.5);height:calc(var(--spacing, .25rem) * 10.5);align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));border-style:var(--tw-border-style);border-width:1.5px;border-color:transparent;color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-calendar-day:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-day:focus-visible{--tw-outline-style: none;outline-style:none}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{border-color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-disabled]{cursor:not-allowed;text-decoration-line:line-through;opacity:40%}.ui-calendar-day[aria-disabled]:hover{border-color:transparent}.ui-calendar-day[aria-disabled]:hover{color:inherit}.ui-calendar-day[data-outside]{color:var(--muted-foreground)}.ui-calendar-day[data-today]{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-pressed=true]{border-color:var(--color-primary-600, var(--color-blue-600));background-color:var(--color-primary-600, var(--color-blue-600));color:var(--color-white, #fff)}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{border-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{background-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{color:var(--color-white, #fff)}.ui-calendar-day[data-in-range]{border-radius:0;background-color:var(--color-primary-100, var(--color-blue-100));color:var(--foreground)}.ui-calendar-day[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0}.ui-calendar-day[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0}.ui-calendar-day[data-range-end]:not([aria-pressed=true]){background-color:var(--color-primary-100, var(--color-blue-100))}.ui-calendar-day[data-in-range]:not(:nth-child(7n)),.ui-calendar-day[data-range-start]:not(:nth-child(7n)){--tw-shadow: 1px 0 0 var(--tw-shadow-color, var(--color-primary-100));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day[data-in-range]:nth-child(7n+1),.ui-calendar-day[data-range-end]:nth-child(7n+1){border-top-left-radius:var(--radius-full, calc(infinity * 1px));border-bottom-left-radius:var(--radius-full, calc(infinity * 1px))}.ui-calendar-day[data-in-range]:nth-child(7n),.ui-calendar-day[data-range-start]:nth-child(7n){border-top-right-radius:var(--radius-full, calc(infinity * 1px));border-bottom-right-radius:var(--radius-full, calc(infinity * 1px))}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-duration: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+			template: "<div class=\"ui-calendar-header\">\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Previous month\"\n        [disabled]=\"!canGoBack()\"\n        (click)=\"showMonth(-1)\"\n    >\n        <ng-icon name=\"heroChevronLeft\" class=\"shrink-0\" />\n    </button>\n\n    <div class=\"ui-calendar-selects\">\n        <ui-select\n            class=\"ui-calendar-month\"\n            [dataSource]=\"monthSource()\"\n            [displayWith]=\"displayMonth\"\n            [pageSize]=\"12\"\n            [(selectedItem)]=\"viewMonth\"\n        />\n        <ui-select\n            class=\"ui-calendar-year\"\n            [dataSource]=\"yearSource()\"\n            [pageSize]=\"500\"\n            [(selectedItem)]=\"viewYear\"\n        />\n    </div>\n\n    <button\n        type=\"button\"\n        class=\"ui-calendar-nav\"\n        aria-label=\"Next month\"\n        [disabled]=\"!canGoForward()\"\n        (click)=\"showMonth(1)\"\n    >\n        <ng-icon name=\"heroChevronRight\" class=\"shrink-0\" />\n    </button>\n</div>\n\n<div class=\"ui-calendar-weekdays\" aria-hidden=\"true\">\n    @for (weekday of weekdays(); track $index) {\n        <span class=\"ui-calendar-weekday ui-text-caption\">{{ weekday }}</span>\n    }\n</div>\n\n<div class=\"ui-calendar-grid\" (mouseleave)=\"preview(null)\">\n    @for (day of days(); track day.iso) {\n        <button\n            type=\"button\"\n            class=\"ui-calendar-day ui-text-body-alt\"\n            [class]=\"day.className\"\n            [attr.data-date]=\"day.iso\"\n            [attr.data-outside]=\"day.isOutside ? '' : null\"\n            [attr.data-today]=\"day.isToday ? '' : null\"\n            [attr.data-in-range]=\"day.isInRange ? '' : null\"\n            [attr.data-range-start]=\"day.isRangeStart ? '' : null\"\n            [attr.data-range-end]=\"day.isRangeEnd ? '' : null\"\n            [attr.aria-current]=\"day.isToday ? 'date' : null\"\n            [attr.aria-pressed]=\"hideSelection() ? null : day.isSelected\"\n            [attr.aria-label]=\"day.label\"\n            [tabindex]=\"day.iso === tabbableDate() ? 0 : -1\"\n            [attr.aria-disabled]=\"day.isDisabled || null\"\n            (click)=\"select(day)\"\n            (keydown)=\"handleKeydown($event)\"\n            (mouseenter)=\"preview(day.iso)\"\n            (focus)=\"preview(day.iso)\"\n        >\n            @if (dayTemplate(); as dayTemplate) {\n                <ng-container\n                    [ngTemplateOutlet]=\"dayTemplate.template\"\n                    [ngTemplateOutletContext]=\"{ $implicit: day.iso, day }\"\n                />\n            } @else {\n                {{ day.day }}\n            }\n        </button>\n    }\n</div>\n",
+			styles: ["@layer properties;:host{display:inline-flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2)}.ui-calendar-header{display:flex;align-items:center;column-gap:var(--spacing, .25rem);padding-bottom:var(--spacing, .25rem)}.ui-calendar-selects{display:flex;min-width:0px;flex:1;column-gap:var(--spacing, .25rem)}.ui-calendar-month{min-width:0px;flex:1}.ui-calendar-year{width:calc(var(--spacing, .25rem) * 24);flex-shrink:0}.ui-calendar-nav{display:inline-flex;width:calc(var(--spacing, .25rem) * 8);height:calc(var(--spacing, .25rem) * 8);flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));color:var(--foreground)}.ui-calendar-nav:focus{--tw-outline-style: none;outline-style:none}.ui-calendar-nav:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-nav:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-nav:disabled{pointer-events:none}.ui-calendar-nav:disabled{opacity:50%}.ui-calendar-nav:hover,.ui-calendar-nav:focus-visible{background-color:var(--surface)}.ui-calendar-weekdays,.ui-calendar-grid{display:grid;grid-template-columns:repeat(7,calc(var(--spacing, .25rem) * 10.5));justify-content:center}.ui-calendar-grid{row-gap:calc(var(--spacing, .25rem) * .5)}.ui-calendar-weekday{width:calc(var(--spacing, .25rem) * 10.5);padding-bottom:var(--spacing, .25rem);text-align:center;color:var(--muted-foreground-1)}.ui-calendar-day{position:relative;display:inline-flex;width:calc(var(--spacing, .25rem) * 10.5);height:calc(var(--spacing, .25rem) * 10.5);flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-full, calc(infinity * 1px));border-style:var(--tw-border-style);border-width:1.5px;border-color:transparent;color:var(--foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-calendar-day:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in srgb, oklch(88.2% .059 254.128) 50%, transparent)}@supports (color: color-mix(in lab,red,red)){.ui-calendar-day:focus-visible{--tw-ring-color: color-mix(in oklab, var(--color-primary-200, var(--color-blue-200)) 50%, transparent)}}.ui-calendar-day:focus-visible{--tw-outline-style: none;outline-style:none}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{border-color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day:hover,.ui-calendar-day:focus-visible{color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-disabled]{cursor:not-allowed;text-decoration-line:line-through;opacity:40%}.ui-calendar-day[aria-disabled]:hover{border-color:transparent}.ui-calendar-day[aria-disabled]:hover{color:inherit}.ui-calendar-day[data-outside]{color:var(--muted-foreground)}.ui-calendar-day[data-today]{--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);color:var(--color-primary-600, var(--color-blue-600))}.ui-calendar-day[aria-pressed=true]{border-color:var(--color-primary-600, var(--color-blue-600));background-color:var(--color-primary-600, var(--color-blue-600));color:var(--color-white, #fff)}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{border-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{background-color:var(--color-primary-700, var(--color-blue-700))}.ui-calendar-day[aria-pressed=true]:hover,.ui-calendar-day[aria-pressed=true]:focus-visible{color:var(--color-white, #fff)}.ui-calendar-day[data-in-range]{border-radius:0;background-color:var(--color-primary-100, var(--color-blue-100));color:var(--foreground)}.ui-calendar-day[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0}.ui-calendar-day[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0}.ui-calendar-day[data-range-end]:not([aria-pressed=true]){background-color:var(--color-primary-100, var(--color-blue-100))}.ui-calendar-day[data-in-range]:not(:nth-child(7n)),.ui-calendar-day[data-range-start]:not(:nth-child(7n)){--tw-shadow: 1px 0 0 var(--tw-shadow-color, var(--color-primary-100));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-calendar-day[data-in-range]:nth-child(7n+1),.ui-calendar-day[data-range-end]:nth-child(7n+1){border-top-left-radius:var(--radius-full, calc(infinity * 1px));border-bottom-left-radius:var(--radius-full, calc(infinity * 1px))}.ui-calendar-day[data-in-range]:nth-child(7n),.ui-calendar-day[data-range-start]:nth-child(7n){border-top-right-radius:var(--radius-full, calc(infinity * 1px));border-bottom-right-radius:var(--radius-full, calc(infinity * 1px))}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-border-style: solid;--tw-duration: initial;--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
 		}]
 	}],
+	ctorParameters: () => [],
 	propDecorators: {
 		mode: [{
 			type: i0.Input,
@@ -8606,6 +8796,34 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "locale",
 				required: false
 			}]
+		}],
+		dayClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dayClass",
+				required: false
+			}]
+		}],
+		hideSelection: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideSelection",
+				required: false
+			}]
+		}],
+		dayClick: [{
+			type: i0.Output,
+			args: ["dayClick"]
+		}],
+		monthChange: [{
+			type: i0.Output,
+			args: ["monthChange"]
+		}],
+		dayTemplate: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => UiCalendarDayDirective), { isSignal: true }]
 		}]
 	}
 });
@@ -12898,6 +13116,7 @@ var UiColourComponent = class UiColourComponent {
 			}
 		},
 		outputs: { value: "valueChange" },
+		host: { properties: { "attr.id": "null" } },
 		viewQueries: [{
 			propertyName: "picker",
 			first: true,
@@ -12990,6 +13209,7 @@ i0.ɵɵngDeclareClassMetadata({
 				UiInputGroupComponent,
 				UiButtonComponent
 			],
+			host: { "[attr.id]": "null" },
 			template: "<ui-input-group [validationState]=\"isValid() ? null : false\">\n    <ui-button\n        appearance=\"white\"\n        intent=\"secondary\"\n        size=\"sm\"\n        classes=\"h-full\"\n        ariaLabel=\"Pick colour\"\n        [disabled]=\"disabled()\"\n        (click)=\"openPicker()\"\n    >\n        <span\n            class=\"border border-line-2 rounded size-5\"\n            [style.background-color]=\"isValid() ? value() : 'transparent'\"\n        ></span>\n    </ui-button>\n\n    <input\n        #picker\n        type=\"color\"\n        class=\"sr-only\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        [value]=\"pickerValue()\"\n        [disabled]=\"disabled()\"\n        (input)=\"handlePick($event)\"\n    />\n\n    <ui-input\n        [(value)]=\"value\"\n        [id]=\"id()\"\n        [disabled]=\"disabled()\"\n        [maxlength]=\"7\"\n        [spellcheck]=\"false\"\n        autocomplete=\"off\"\n        placeholder=\"#000000\"\n    />\n</ui-input-group>\n"
 		}]
 	}],
@@ -13467,7 +13687,10 @@ var UiDateRangePickerComponent = class UiDateRangePickerComponent {
 			}
 		},
 		outputs: { value: "valueChange" },
-		host: { classAttribute: "block" },
+		host: {
+			properties: { "attr.id": "null" },
+			classAttribute: "block"
+		},
 		providers: [provideIcons({
 			heroCalendarDateRange,
 			heroXMark
@@ -13538,9 +13761,16 @@ var UiDateRangePickerComponent = class UiDateRangePickerComponent {
 					"max",
 					"isDateDisabled",
 					"weekStart",
-					"locale"
+					"locale",
+					"dayClass",
+					"hideSelection"
 				],
-				outputs: ["valueChange", "rangeChange"]
+				outputs: [
+					"valueChange",
+					"rangeChange",
+					"dayClick",
+					"monthChange"
+				]
 			},
 			{
 				kind: "component",
@@ -13592,7 +13822,10 @@ i0.ɵɵngDeclareClassMetadata({
 				UiDropdownDirective,
 				NgIcon
 			],
-			host: { class: "block" },
+			host: {
+				class: "block",
+				"[attr.id]": "null"
+			},
 			providers: [provideIcons({
 				heroCalendarDateRange,
 				heroXMark
@@ -14170,7 +14403,10 @@ var UiDatepickerComponent = class UiDatepickerComponent {
 			}
 		},
 		outputs: { value: "valueChange" },
-		host: { classAttribute: "block" },
+		host: {
+			properties: { "attr.id": "null" },
+			classAttribute: "block"
+		},
 		providers: [provideIcons({
 			heroCalendar,
 			heroXMark
@@ -14241,9 +14477,16 @@ var UiDatepickerComponent = class UiDatepickerComponent {
 					"max",
 					"isDateDisabled",
 					"weekStart",
-					"locale"
+					"locale",
+					"dayClass",
+					"hideSelection"
 				],
-				outputs: ["valueChange", "rangeChange"]
+				outputs: [
+					"valueChange",
+					"rangeChange",
+					"dayClick",
+					"monthChange"
+				]
 			},
 			{
 				kind: "component",
@@ -14330,7 +14573,10 @@ i0.ɵɵngDeclareClassMetadata({
 				NgIcon,
 				UiCardComponent
 			],
-			host: { class: "block" },
+			host: {
+				class: "block",
+				"[attr.id]": "null"
+			},
 			providers: [provideIcons({
 				heroCalendar,
 				heroXMark
@@ -14823,6 +15069,7 @@ var UiFileInputComponent = class UiFileInputComponent {
 			value: "valueChange",
 			rejected: "rejected"
 		},
+		host: { properties: { "attr.id": "null" } },
 		providers: [provideIcons({
 			heroArrowUp,
 			heroXMark
@@ -14936,6 +15183,7 @@ i0.ɵɵngDeclareClassMetadata({
 				heroArrowUp,
 				heroXMark
 			})],
+			host: { "[attr.id]": "null" },
 			template: "<ui-input-group [validationState]=\"hasRejection() ? false : null\">\n    <ui-button\n        appearance=\"white\"\n        intent=\"secondary\"\n        size=\"sm\"\n        classes=\"h-full\"\n        [disabled]=\"disabled()\"\n        (click)=\"openPicker()\"\n    >\n        <ng-icon name=\"heroArrowUpTray\" class=\"shrink-0\" />\n        {{ buttonLabel() }}\n    </ui-button>\n\n    <input\n        #picker\n        type=\"file\"\n        class=\"sr-only\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        [accept]=\"accept()\"\n        [multiple]=\"multiple()\"\n        [disabled]=\"disabled()\"\n        (change)=\"handlePick($event)\"\n    />\n\n    <ui-input\n        [value]=\"summary()\"\n        [id]=\"id()\"\n        [disabled]=\"disabled()\"\n        [placeholder]=\"placeholder()\"\n        [describedBy]=\"describedBy()\"\n        classes=\"truncate cursor-pointer\"\n        readonly\n        (click)=\"openPicker()\"\n    >\n        <ng-template #trailing>\n            @if (value().length && !disabled()) {\n                <button\n                    type=\"button\"\n                    class=\"inline-flex justify-center items-center w-8 self-stretch text-muted-foreground-1 hover:text-foreground\"\n                    aria-label=\"Clear files\"\n                    (click)=\"clear($event)\"\n                >\n                    <ng-icon name=\"heroXMark\" class=\"shrink-0\" />\n                </button>\n            }\n        </ng-template>\n    </ui-input>\n</ui-input-group>\n"
 		}]
 	}],
@@ -15335,6 +15583,7 @@ var UiSwitchComponent = class UiSwitchComponent {
 			}
 		},
 		outputs: { value: "valueChange" },
+		host: { properties: { "attr.id": "null" } },
 		ngImport: i0,
 		template: "<label class=\"inline-flex items-center gap-2 cursor-pointer\" [class.opacity-50]=\"disabled()\">\n    <span class=\"relative inline-flex items-center rounded-full focus-within:ring-2 focus-within:ring-primary-200/50\">\n        <!--\n            reuses ui-checkbox for the real state/behaviour, class-bound track/thumb below\n            react to value() directly instead of peer-checked, since peer-* relies on the\n            input and the styled element being real DOM siblings, which breaks once the\n            input is nested inside ui-checkbox's own host element\n        -->\n        <ui-checkbox\n            [(value)]=\"value\"\n            [disabled]=\"disabled()\"\n            [id]=\"id()\"\n            [name]=\"name()\"\n            classes=\"sr-only\"\n        />\n\n        <span\n            class=\"w-9 h-5 rounded-full transition-colors\"\n            [class.bg-primary-600]=\"value()\"\n            [class.bg-surface-1]=\"!value()\"\n        ></span>\n\n        <span\n            class=\"absolute left-0.5 size-4 rounded-full bg-white shadow transition-transform\"\n            [class.translate-x-4]=\"value()\"\n        ></span>\n    </span>\n\n    <ng-content />\n</label>\n",
 		dependencies: [{
@@ -15365,6 +15614,7 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "ui-switch",
 			imports: [UiCheckboxComponent],
+			host: { "[attr.id]": "null" },
 			template: "<label class=\"inline-flex items-center gap-2 cursor-pointer\" [class.opacity-50]=\"disabled()\">\n    <span class=\"relative inline-flex items-center rounded-full focus-within:ring-2 focus-within:ring-primary-200/50\">\n        <!--\n            reuses ui-checkbox for the real state/behaviour, class-bound track/thumb below\n            react to value() directly instead of peer-checked, since peer-* relies on the\n            input and the styled element being real DOM siblings, which breaks once the\n            input is nested inside ui-checkbox's own host element\n        -->\n        <ui-checkbox\n            [(value)]=\"value\"\n            [disabled]=\"disabled()\"\n            [id]=\"id()\"\n            [name]=\"name()\"\n            classes=\"sr-only\"\n        />\n\n        <span\n            class=\"w-9 h-5 rounded-full transition-colors\"\n            [class.bg-primary-600]=\"value()\"\n            [class.bg-surface-1]=\"!value()\"\n        ></span>\n\n        <span\n            class=\"absolute left-0.5 size-4 rounded-full bg-white shadow transition-transform\"\n            [class.translate-x-4]=\"value()\"\n        ></span>\n    </span>\n\n    <ng-content />\n</label>\n"
 		}]
 	}],
@@ -15432,7 +15682,7 @@ var UiTableFiltersComponent = class UiTableFiltersComponent {
 	}, ...ngDevMode ? [{ debugName: "linked" }] : /* istanbul ignore next */ []);
 	appliedCount = computed(() => this.facets().filter((facet) => facet.id in this.value()).length, ...ngDevMode ? [{ debugName: "appliedCount" }] : /* istanbul ignore next */ []);
 	anyApplied = computed(() => this.appliedCount() > 0, ...ngDevMode ? [{ debugName: "anyApplied" }] : /* istanbul ignore next */ []);
-	window = inject(DOCUMENT).defaultView;
+	window = inject(DOCUMENT$1).defaultView;
 	wide = signal(true, ...ngDevMode ? [{ debugName: "wide" }] : /* istanbul ignore next */ []);
 	constructor() {
 		effect((onCleanup) => {
@@ -15994,7 +16244,8 @@ var UiUserMenuComponent = class UiUserMenuComponent {
 				inputs: [
 					"name",
 					"src",
-					"size"
+					"size",
+					"colour"
 				]
 			},
 			{
@@ -16076,7 +16327,7 @@ const PREFERENCES = [
 	"dark"
 ];
 var UiThemeService = class UiThemeService {
-	document = inject(DOCUMENT);
+	document = inject(DOCUMENT$1);
 	storageKey = inject(UI_THEME_CONFIG).storageKey;
 	media = this.document.defaultView?.matchMedia?.("(prefers-color-scheme: dark)");
 	preference = signal(this.stored(), ...ngDevMode ? [{ debugName: "preference" }] : /* istanbul ignore next */ []);
@@ -16264,6 +16515,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { AlertAppearances, AlertIntents, AvatarSizes, BadgeAppearances, BadgeIntents, BadgeSizes, BarChartOrientations, ButtonAppearances, ButtonGroupAppearances, ButtonIntents, ButtonSizes, ButtonTypes, CHART_COLOURS, CHART_INK, CHART_INK_DARK, CHART_MAX_LINE_SERIES, CHART_MAX_SERIES, CHART_PALETTE, CHART_PALETTE_DARK, CalendarModes, CardHeadingLevels, CardRadii, DisclosureTriggerAppearances, FileRejectionReasons, InputAriaAutocompletes, InputAriaHasPopups, InputModes, InputTypes, LineChartCurves, MoneySignDisplays, PRIVATE_TEXT_LABEL, PRIVATE_TEXT_MASK, PieChartVariants, ProgressIntents, ProgressLabelPositions, ProgressOrientations, ProgressShapes, ProgressSizes, RichTextToolGroups, RichTextTools, SelectLocalDataSource, SelectMultipleDisplays, SelectRemoteDataSource, SkeletonShapes, TableFiltersBreakpoints, TableLocalDataSource, TableRemoteDataSource, TextareaResizeOptions, ToastIntents, ToasterPositions, UI_BUTTON_GROUP, UI_FORMAT, UI_FORMAT_DEFAULTS, UI_LOADING_TYPES, UI_PRIVACY, UI_THEME_CONFIG, UiAlertComponent, UiAvatarComponent, UiBadgeComponent, UiBarChartComponent, UiButtonComponent, UiButtonGroupComponent, UiCalendarComponent, UiCardComponent, UiCardHeaderComponent, UiChartComponent, UiChartFrameComponent, UiChartLegendComponent, UiChartTableComponent, UiCheckboxComponent, UiColourComponent, UiContainerComponent, UiCounterComponent, UiDateRangePickerComponent, UiDatepickerComponent, UiDisclosureChevronComponent, UiDisclosureComponent, UiDisclosurePanelDirective, UiDisclosureTriggerComponent, UiDrawerComponent, UiDropdownButtonComponent, UiDropdownComponent, UiDropdownDirective, UiDropdownMenuComponent, UiDropzoneComponent, UiFieldComponent, UiFileInputComponent, UiInputAddonComponent, UiInputComponent, UiInputGroupComponent, UiKpiComponent, UiLayoutComponent, UiLineChartComponent, UiLoadingComponent, UiModalComponent, UiMoneyComponent, UiOverlayComponent, UiPaginationComponent, UiPieChartComponent, UiPrivacies, UiPrivateComponent, UiProgressComponent, UiRadioComponent, UiRichTextEditorComponent, UiSearchComponent, UiSegmentedComponent, UiSelectComponent, UiSidebarComponent, UiSidebarGroupComponent, UiSidebarItemComponent, UiSkeletonComponent, UiStatComponent, UiSwitchComponent, UiTabComponent, UiTabDirective, UiTableBarDirective, UiTableCellDirective, UiTableComponent, UiTableFiltersComponent, UiTableRegistry, UiTextareaComponent, UiThemeService, UiThemeSwitchComponent, UiTimeSelectComponent, UiToastComponent, UiToastService, UiToasterComponent, UiTooltipComponent, UiTreemapChartComponent, UiUserMenuComponent, WeekStarts, chartColour, chartInk, chartLabelInk, chartSeriesStyle, defaultDateRangePresets, financialYearPreset, injectMoneyFormatter, injectPrivateText, lastDaysPreset, maskMoney, mixChartColours, moneyFormatterParts, monthPreset, pickedChartColour, provideUiFormat, provideUiPrivacy, provideUiTheme, radiusClasses, thisWeekPreset, todayPreset, yearPreset };
+export { AlertAppearances, AlertIntents, AvatarSizes, BadgeAppearances, BadgeIntents, BadgeSizes, BarChartOrientations, ButtonAppearances, ButtonGroupAppearances, ButtonIntents, ButtonSizes, ButtonTypes, CHART_COLOURS, CHART_INK, CHART_INK_DARK, CHART_MAX_LINE_SERIES, CHART_MAX_SERIES, CHART_PALETTE, CHART_PALETTE_DARK, CalendarModes, CardHeadingLevels, CardRadii, DisclosureTriggerAppearances, FileRejectionReasons, InputAriaAutocompletes, InputAriaHasPopups, InputModes, InputTypes, LineChartCurves, MoneySignDisplays, PRIVATE_TEXT_LABEL, PRIVATE_TEXT_MASK, PieChartVariants, ProgressIntents, ProgressLabelPositions, ProgressOrientations, ProgressShapes, ProgressSizes, RichTextToolGroups, RichTextTools, SelectLocalDataSource, SelectMultipleDisplays, SelectRemoteDataSource, SkeletonShapes, TableFiltersBreakpoints, TableLocalDataSource, TableRemoteDataSource, TextareaResizeOptions, ToastIntents, ToasterPositions, UI_BUTTON_GROUP, UI_FORMAT, UI_FORMAT_DEFAULTS, UI_LOADING_TYPES, UI_PRIVACY, UI_THEME_CONFIG, UiAlertComponent, UiAvatarComponent, UiBadgeComponent, UiBarChartComponent, UiButtonComponent, UiButtonGroupComponent, UiCalendarComponent, UiCalendarDayDirective, UiCardComponent, UiCardHeaderComponent, UiChartComponent, UiChartFrameComponent, UiChartLegendComponent, UiChartTableComponent, UiCheckboxComponent, UiColourComponent, UiContainerComponent, UiCounterComponent, UiDateRangePickerComponent, UiDatepickerComponent, UiDisclosureChevronComponent, UiDisclosureComponent, UiDisclosurePanelDirective, UiDisclosureTriggerComponent, UiDrawerComponent, UiDropdownButtonComponent, UiDropdownComponent, UiDropdownDirective, UiDropdownMenuComponent, UiDropzoneComponent, UiFieldComponent, UiFileInputComponent, UiInputAddonComponent, UiInputComponent, UiInputGroupComponent, UiKpiComponent, UiLayoutComponent, UiLineChartComponent, UiLoadingComponent, UiModalComponent, UiMoneyComponent, UiOverlayComponent, UiPaginationComponent, UiPieChartComponent, UiPrivacies, UiPrivateComponent, UiProgressComponent, UiRadioComponent, UiRichTextEditorComponent, UiSearchComponent, UiSegmentedComponent, UiSelectComponent, UiSidebarComponent, UiSidebarGroupComponent, UiSidebarItemComponent, UiSkeletonComponent, UiStatComponent, UiSwitchComponent, UiTabComponent, UiTabDirective, UiTableBarDirective, UiTableCellDirective, UiTableComponent, UiTableFiltersComponent, UiTableRegistry, UiTextareaComponent, UiThemeService, UiThemeSwitchComponent, UiTimeSelectComponent, UiToastComponent, UiToastService, UiToasterComponent, UiTooltipComponent, UiTreemapChartComponent, UiUserMenuComponent, WeekStarts, chartColour, chartInk, chartLabelInk, chartSeriesStyle, defaultDateRangePresets, financialYearPreset, injectMoneyFormatter, injectPrivateText, lastDaysPreset, maskMoney, mixChartColours, moneyFormatterParts, monthPreset, pickedChartColour, provideUiFormat, provideUiPrivacy, provideUiTheme, radiusClasses, thisWeekPreset, todayPreset, yearPreset };
 
 //# sourceMappingURL=area8975-ui.mjs.map