@forgeroute/ui 0.4.55 → 0.4.57

package/fesm2022/forgeroute-ui.mjs

@@ -2519,8 +2519,13 @@ var ModalComponent = class ModalComponent {
 		this.dialogTestId = input("", ...ngDevMode ? [{ debugName: "dialogTestId" }] : /* istanbul ignore next */ []);
 		this.hideClose = input(false, ...ngDevMode ? [{ debugName: "hideClose" }] : /* istanbul ignore next */ []);
 		this.closable = input(true, ...ngDevMode ? [{ debugName: "closable" }] : /* istanbul ignore next */ []);
+		this.layout = input("default", ...ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []);
+		this.closeOnBackdrop = input(true, ...ngDevMode ? [{ debugName: "closeOnBackdrop" }] : /* istanbul ignore next */ []);
+		this.closeOnEscape = input(true, ...ngDevMode ? [{ debugName: "closeOnEscape" }] : /* istanbul ignore next */ []);
+		this.busy = input(false, ...ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []);
 		this.close = output();
 		this.returnFocusTo = input(null, ...ngDevMode ? [{ debugName: "returnFocusTo" }] : /* istanbul ignore next */ []);
+		this.kiosk = computed(() => this.layout() === "kiosk", ...ngDevMode ? [{ debugName: "kiosk" }] : /* istanbul ignore next */ []);
 		this.titleId = `m-title-${Math.random().toString(36).slice(2, 8)}`;
 		this.el = inject(ElementRef);
 		this.ren = inject(Renderer2);
@@ -2563,7 +2568,7 @@ var ModalComponent = class ModalComponent {
 		if (!this.open() || !this._overlays.isTop(this)) return;
 		if (event.key === "Escape") {
 			event.preventDefault();
-			if (this.closable()) this.close.emit();
+			this.dismiss("escape");
 			return;
 		}
 		if (event.key === "Tab") {
@@ -2586,6 +2591,12 @@ var ModalComponent = class ModalComponent {
 			}
 		}
 	}
+	dismiss(via) {
+		if (!this.closable() || this.busy()) return;
+		if (via === "backdrop" && !this.closeOnBackdrop()) return;
+		if (via === "escape" && !this.closeOnEscape()) return;
+		this.close.emit();
+	}
 	onGuardFocus(which, event) {
 		if (!this._overlays.isTop(this)) return;
 		redirectFromGuard(which, this.el.nativeElement, this.el.nativeElement.querySelector(".m-modal"), event?.relatedTarget ?? null);
@@ -2606,6 +2617,10 @@ var ModalComponent = class ModalComponent {
 		this._stopViewport?.();
 		this._stopViewport = null;
 		this._overlays.remove(this);
+		if (this._scrollLocked && this.layout() === "kiosk") {
+			restoreFocus(this.returnFocusTo(), this._prevFocus);
+			this._prevFocus = null;
+		}
 		if (this._scrollLocked && this._overlays.isEmpty) this.doc.body.style.overflow = "";
 		const el = this.el.nativeElement;
 		if (el.parentNode === this.doc.body) this.ren.removeChild(this.doc.body, el);
@@ -2684,6 +2699,34 @@ var ModalComponent = class ModalComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				layout: {
+					classPropertyName: "layout",
+					publicName: "layout",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				closeOnBackdrop: {
+					classPropertyName: "closeOnBackdrop",
+					publicName: "closeOnBackdrop",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				closeOnEscape: {
+					classPropertyName: "closeOnEscape",
+					publicName: "closeOnEscape",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				busy: {
+					classPropertyName: "busy",
+					publicName: "busy",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				returnFocusTo: {
 					classPropertyName: "returnFocusTo",
 					publicName: "returnFocusTo",
@@ -2697,8 +2740,8 @@ var ModalComponent = class ModalComponent {
 			ngImport: i0,
 			template: `
     @if (open()) {
-      <div class="m-backdrop" (click)="closable() && close.emit()"></div>
-      <div class="m-modal" role="dialog" aria-modal="true" tabindex="-1" [attr.aria-labelledby]="titleId" [attr.data-testid]="dialogTestId() || null" [style.max-width]="maxWidth()">
+      <div class="m-backdrop" [class.m-kiosk-backdrop]="kiosk()" (click)="dismiss('backdrop')"></div>
+      <div class="m-modal" [class.m-kiosk]="kiosk()" role="dialog" aria-modal="true" tabindex="-1" [attr.aria-labelledby]="titleId" [attr.aria-busy]="busy() ? 'true' : null" [attr.data-testid]="dialogTestId() || null" [style.max-width]="maxWidth()">
         <span class="m-focus-guard" data-ui-focus-guard="start" tabindex="0" (focus)="onGuardFocus('start', $event)"></span>
         <div class="m-header">
           <div class="m-header-text">
@@ -2707,8 +2750,9 @@ var ModalComponent = class ModalComponent {
               <p class="m-description">{{ description() }}</p>
             }
           </div>
+          <ng-content select="[modal-header-end]" />
           @if (!hideClose() && closable()) {
-            <button class="m-close" type="button" aria-label="Close" (click)="close.emit()">
+            <button class="m-close" type="button" aria-label="Close" [disabled]="busy()" (click)="dismiss('close')">
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                 <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
               </svg>
@@ -2728,7 +2772,7 @@ var ModalComponent = class ModalComponent {
     }
   `,
 			isInline: true,
-			styles: [".m-backdrop{position:fixed;inset:0;background:#02081773;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;animation:m-fade .18s ease}.m-modal:focus{outline:none}.m-focus-guard{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;outline:none}.m-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.07);z-index:201;width:calc(100% - 32px);box-shadow:0 4px 6px #0000000a,0 16px 32px #0000001f,0 48px 96px #0000001a;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;animation:m-scale .22s cubic-bezier(.16,1,.3,1)}.m-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;flex-shrink:0}.m-header-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.m-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em;line-height:1.3}.m-description{font-size:.8125rem;color:#64748b;margin:0;line-height:1.4}.m-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:none;cursor:pointer;color:#94a3b8;flex-shrink:0;margin-left:12px;transition:background .13s,color .13s}.m-close:hover{background:#f1f5f9;color:#1e293b}.m-close:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.m-body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0;font-size:.9rem;color:#475569;line-height:1.65}.m-footer{padding:14px 24px 18px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.m-footer:not(:has(*)){display:none}.m-footer-left{display:flex;align-items:center;gap:8px}.m-footer-right{display:flex;align-items:center;gap:8px;margin-left:auto}.m-footer-center{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;margin:0 8px}.m-footer-center:empty{display:none}@media(max-width:480px){.m-modal{top:auto;bottom:var(--ui-kb, 0px);left:0;right:0;transform:none;width:100vw;max-width:none!important;max-height:min(85dvh,var(--ui-vvh, 100dvh));border-radius:20px 20px 0 0;animation:m-up .24s cubic-bezier(.16,1,.3,1)}.m-footer{border-radius:0;flex-wrap:wrap;padding-bottom:max(18px,env(safe-area-inset-bottom))}}@media(pointer:coarse),(max-width:480px){.m-close{position:relative}.m-close:after{content:\"\";position:absolute;inset:-7px}}@keyframes m-fade{0%{opacity:0}to{opacity:1}}@keyframes m-scale{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes m-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.m-backdrop,.m-modal{animation:none}}\n"],
+			styles: [".m-backdrop{position:fixed;inset:0;background:#02081773;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;animation:m-fade .18s ease}.m-modal:focus{outline:none}.m-close:disabled{opacity:.4;cursor:not-allowed}.m-focus-guard{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;outline:none}.m-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.07);z-index:201;width:calc(100% - 32px);box-shadow:0 4px 6px #0000000a,0 16px 32px #0000001f,0 48px 96px #0000001a;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;animation:m-scale .22s cubic-bezier(.16,1,.3,1)}.m-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;flex-shrink:0}.m-header-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.m-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em;line-height:1.3}.m-description{font-size:.8125rem;color:#64748b;margin:0;line-height:1.4}.m-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:none;cursor:pointer;color:#94a3b8;flex-shrink:0;margin-left:12px;transition:background .13s,color .13s}.m-close:hover{background:#f1f5f9;color:#1e293b}.m-close:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.m-body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0;font-size:.9rem;color:#475569;line-height:1.65}.m-footer{padding:14px 24px 18px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.m-footer:not(:has(*)){display:none}.m-footer-left{display:flex;align-items:center;gap:8px}.m-footer-right{display:flex;align-items:center;gap:8px;margin-left:auto}.m-footer-center{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;margin:0 8px}.m-footer-center:empty{display:none}@media(max-width:480px){.m-modal:not(.m-kiosk){top:auto;bottom:var(--ui-kb, 0px);left:0;right:0;transform:none;width:100vw;max-width:none!important;max-height:min(85dvh,var(--ui-vvh, 100dvh));border-radius:20px 20px 0 0;animation:m-up .24s cubic-bezier(.16,1,.3,1)}.m-footer{border-radius:0;flex-wrap:wrap;padding-bottom:max(18px,env(safe-area-inset-bottom))}}@media(pointer:coarse),(max-width:480px){.m-close{position:relative}.m-close:after{content:\"\";position:absolute;inset:-7px}}.m-backdrop.m-kiosk-backdrop{background:#0f172ab8;backdrop-filter:none;-webkit-backdrop-filter:none}.m-modal.m-kiosk{inset:0;transform:none;margin:auto;width:calc(100% - 32px);height:fit-content;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;animation:m-fade .18s ease;box-shadow:0 25px 60px #00000040}.m-modal.m-kiosk .m-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.m-modal.m-kiosk .m-footer{border-radius:0 0 16px 16px}@media(max-width:480px){.m-modal.m-kiosk{bottom:var(--ui-kb, 0px);max-height:min(calc(100dvh - 32px),var(--ui-vvh, 100dvh));border-radius:16px}.m-modal.m-kiosk .m-footer{flex-wrap:wrap;padding-bottom:max(18px,env(safe-area-inset-bottom))}}@keyframes m-fade{0%{opacity:0}to{opacity:1}}@keyframes m-scale{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes m-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.m-backdrop,.m-modal{animation:none}}\n"],
 			changeDetection: i0.ChangeDetectionStrategy.OnPush
 		});
 	}
@@ -2747,8 +2791,8 @@ i0.ɵɵngDeclareClassMetadata({
 			host: { "(document:keydown)": "onKeydown($event)" },
 			template: `
     @if (open()) {
-      <div class="m-backdrop" (click)="closable() && close.emit()"></div>
-      <div class="m-modal" role="dialog" aria-modal="true" tabindex="-1" [attr.aria-labelledby]="titleId" [attr.data-testid]="dialogTestId() || null" [style.max-width]="maxWidth()">
+      <div class="m-backdrop" [class.m-kiosk-backdrop]="kiosk()" (click)="dismiss('backdrop')"></div>
+      <div class="m-modal" [class.m-kiosk]="kiosk()" role="dialog" aria-modal="true" tabindex="-1" [attr.aria-labelledby]="titleId" [attr.aria-busy]="busy() ? 'true' : null" [attr.data-testid]="dialogTestId() || null" [style.max-width]="maxWidth()">
         <span class="m-focus-guard" data-ui-focus-guard="start" tabindex="0" (focus)="onGuardFocus('start', $event)"></span>
         <div class="m-header">
           <div class="m-header-text">
@@ -2757,8 +2801,9 @@ i0.ɵɵngDeclareClassMetadata({
               <p class="m-description">{{ description() }}</p>
             }
           </div>
+          <ng-content select="[modal-header-end]" />
           @if (!hideClose() && closable()) {
-            <button class="m-close" type="button" aria-label="Close" (click)="close.emit()">
+            <button class="m-close" type="button" aria-label="Close" [disabled]="busy()" (click)="dismiss('close')">
               <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                 <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
               </svg>
@@ -2777,7 +2822,7 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     }
   `,
-			styles: [".m-backdrop{position:fixed;inset:0;background:#02081773;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;animation:m-fade .18s ease}.m-modal:focus{outline:none}.m-focus-guard{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;outline:none}.m-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.07);z-index:201;width:calc(100% - 32px);box-shadow:0 4px 6px #0000000a,0 16px 32px #0000001f,0 48px 96px #0000001a;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;animation:m-scale .22s cubic-bezier(.16,1,.3,1)}.m-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;flex-shrink:0}.m-header-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.m-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em;line-height:1.3}.m-description{font-size:.8125rem;color:#64748b;margin:0;line-height:1.4}.m-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:none;cursor:pointer;color:#94a3b8;flex-shrink:0;margin-left:12px;transition:background .13s,color .13s}.m-close:hover{background:#f1f5f9;color:#1e293b}.m-close:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.m-body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0;font-size:.9rem;color:#475569;line-height:1.65}.m-footer{padding:14px 24px 18px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.m-footer:not(:has(*)){display:none}.m-footer-left{display:flex;align-items:center;gap:8px}.m-footer-right{display:flex;align-items:center;gap:8px;margin-left:auto}.m-footer-center{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;margin:0 8px}.m-footer-center:empty{display:none}@media(max-width:480px){.m-modal{top:auto;bottom:var(--ui-kb, 0px);left:0;right:0;transform:none;width:100vw;max-width:none!important;max-height:min(85dvh,var(--ui-vvh, 100dvh));border-radius:20px 20px 0 0;animation:m-up .24s cubic-bezier(.16,1,.3,1)}.m-footer{border-radius:0;flex-wrap:wrap;padding-bottom:max(18px,env(safe-area-inset-bottom))}}@media(pointer:coarse),(max-width:480px){.m-close{position:relative}.m-close:after{content:\"\";position:absolute;inset:-7px}}@keyframes m-fade{0%{opacity:0}to{opacity:1}}@keyframes m-scale{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes m-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.m-backdrop,.m-modal{animation:none}}\n"]
+			styles: [".m-backdrop{position:fixed;inset:0;background:#02081773;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;animation:m-fade .18s ease}.m-modal:focus{outline:none}.m-close:disabled{opacity:.4;cursor:not-allowed}.m-focus-guard{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;outline:none}.m-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.07);z-index:201;width:calc(100% - 32px);box-shadow:0 4px 6px #0000000a,0 16px 32px #0000001f,0 48px 96px #0000001a;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;animation:m-scale .22s cubic-bezier(.16,1,.3,1)}.m-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;flex-shrink:0}.m-header-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.m-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em;line-height:1.3}.m-description{font-size:.8125rem;color:#64748b;margin:0;line-height:1.4}.m-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:none;cursor:pointer;color:#94a3b8;flex-shrink:0;margin-left:12px;transition:background .13s,color .13s}.m-close:hover{background:#f1f5f9;color:#1e293b}.m-close:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.m-body{padding:20px 24px;overflow-y:auto;flex:1;min-height:0;font-size:.9rem;color:#475569;line-height:1.65}.m-footer{padding:14px 24px 18px;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.m-footer:not(:has(*)){display:none}.m-footer-left{display:flex;align-items:center;gap:8px}.m-footer-right{display:flex;align-items:center;gap:8px;margin-left:auto}.m-footer-center{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;margin:0 8px}.m-footer-center:empty{display:none}@media(max-width:480px){.m-modal:not(.m-kiosk){top:auto;bottom:var(--ui-kb, 0px);left:0;right:0;transform:none;width:100vw;max-width:none!important;max-height:min(85dvh,var(--ui-vvh, 100dvh));border-radius:20px 20px 0 0;animation:m-up .24s cubic-bezier(.16,1,.3,1)}.m-footer{border-radius:0;flex-wrap:wrap;padding-bottom:max(18px,env(safe-area-inset-bottom))}}@media(pointer:coarse),(max-width:480px){.m-close{position:relative}.m-close:after{content:\"\";position:absolute;inset:-7px}}.m-backdrop.m-kiosk-backdrop{background:#0f172ab8;backdrop-filter:none;-webkit-backdrop-filter:none}.m-modal.m-kiosk{inset:0;transform:none;margin:auto;width:calc(100% - 32px);height:fit-content;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;animation:m-fade .18s ease;box-shadow:0 25px 60px #00000040}.m-modal.m-kiosk .m-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.m-modal.m-kiosk .m-footer{border-radius:0 0 16px 16px}@media(max-width:480px){.m-modal.m-kiosk{bottom:var(--ui-kb, 0px);max-height:min(calc(100dvh - 32px),var(--ui-vvh, 100dvh));border-radius:16px}.m-modal.m-kiosk .m-footer{flex-wrap:wrap;padding-bottom:max(18px,env(safe-area-inset-bottom))}}@keyframes m-fade{0%{opacity:0}to{opacity:1}}@keyframes m-scale{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes m-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.m-backdrop,.m-modal{animation:none}}\n"]
 		}]
 	}],
 	ctorParameters: () => [],
@@ -2846,6 +2891,38 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		layout: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "layout",
+				required: false
+			}]
+		}],
+		closeOnBackdrop: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeOnBackdrop",
+				required: false
+			}]
+		}],
+		closeOnEscape: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeOnEscape",
+				required: false
+			}]
+		}],
+		busy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "busy",
+				required: false
+			}]
+		}],
 		close: [{
 			type: i0.Output,
 			args: ["close"]
@@ -2990,6 +3067,11 @@ function formatTime(value) {
 	const h = Math.floor(t / 60), mi = t % 60;
 	return `${h % 12 === 0 ? 12 : h % 12}:${String(mi).padStart(2, "0")} ${h < 12 ? "AM" : "PM"}`;
 }
+function mergeDescribedBy(own, external) {
+	const ids = `${own ?? ""} ${external ?? ""}`.split(/\s+/).filter(Boolean);
+	const unique = ids.filter((id, i) => ids.indexOf(id) === i);
+	return unique.length ? unique.join(" ") : null;
+}
 var CheckboxComponent = class CheckboxComponent {
 	isSelected(value) {
 		return this._selected().includes(value);
@@ -4969,6 +5051,7 @@ var TextInputComponent = class TextInputComponent {
 		this.inputmode = input("", ...ngDevMode ? [{ debugName: "inputmode" }] : /* istanbul ignore next */ []);
 		this.readonly = input(false, ...ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []);
 		this.hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+		this.ariaDescribedBy = input("", ...ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []);
 		this.error = input("", ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
 		this.phoneFormat = input(false, ...ngDevMode ? [{ debugName: "phoneFormat" }] : /* istanbul ignore next */ []);
 		this.min = input(void 0, ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
@@ -5005,8 +5088,7 @@ var TextInputComponent = class TextInputComponent {
 		this._eyeOffPath = iconPath("view-off");
 		this._showRequirements = computed(() => this.passwordRequirements() && this.type() === "password" && this._typed(), ...ngDevMode ? [{ debugName: "_showRequirements" }] : /* istanbul ignore next */ []);
 		this._describedBy = computed(() => {
-			const ids = [this._activeError() || this.hint() ? this._inputId + "-desc" : "", this._showRequirements() ? this._inputId + "-req" : ""].filter(Boolean);
-			return ids.length ? ids.join(" ") : null;
+			return mergeDescribedBy([this._activeError() || this.hint() ? this._inputId + "-desc" : "", this._showRequirements() ? this._inputId + "-req" : ""].filter(Boolean).join(" "), this.ariaDescribedBy());
 		}, ...ngDevMode ? [{ debugName: "_describedBy" }] : /* istanbul ignore next */ []);
 		this._typed = signal(false, ...ngDevMode ? [{ debugName: "_typed" }] : /* istanbul ignore next */ []);
 		this._defaultRules = DEFAULT_PASSWORD_RULES;
@@ -5300,6 +5382,13 @@ var TextInputComponent = class TextInputComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				ariaDescribedBy: {
+					classPropertyName: "ariaDescribedBy",
+					publicName: "ariaDescribedBy",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				error: {
 					classPropertyName: "error",
 					publicName: "error",
@@ -5687,6 +5776,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		ariaDescribedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaDescribedBy",
+				required: false
+			}]
+		}],
 		error: [{
 			type: i0.Input,
 			args: [{
@@ -6174,6 +6271,10 @@ var TableToolbarComponent = class TableToolbarComponent {
 						"dialogTestId",
 						"hideClose",
 						"closable",
+						"layout",
+						"closeOnBackdrop",
+						"closeOnEscape",
+						"busy",
 						"returnFocusTo"
 					],
 					outputs: ["close"]
@@ -6259,6 +6360,7 @@ var TableToolbarComponent = class TableToolbarComponent {
 						"inputmode",
 						"readonly",
 						"hint",
+						"ariaDescribedBy",
 						"error",
 						"phoneFormat",
 						"min",
@@ -7330,6 +7432,7 @@ var SelectComponent = class SelectComponent {
 		this.valueType = input("string", ...ngDevMode ? [{ debugName: "valueType" }] : /* istanbul ignore next */ []);
 		this.required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
 		this.hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+		this.ariaDescribedBy = input("", ...ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []);
 		this.error = input("", ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
 		this.showErrors = input(false, ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
 		this.size = input("default", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
@@ -7345,7 +7448,7 @@ var SelectComponent = class SelectComponent {
 			return this.options().findIndex((o) => this._norm(String(o.value)) === v);
 		}, ...ngDevMode ? [{ debugName: "_selectedIndex" }] : /* istanbul ignore next */ []);
 		this._selectedDescription = computed(() => this.options()[this._selectedIndex()]?.description ?? "", ...ngDevMode ? [{ debugName: "_selectedDescription" }] : /* istanbul ignore next */ []);
-		this._describedBy = computed(() => [this._activeError() || this.hint() ? this._selectId + "-desc" : "", !this._activeError() && this._selectedDescription() ? this._selectId + "-opt-desc" : ""].filter(Boolean).join(" "), ...ngDevMode ? [{ debugName: "_describedBy" }] : /* istanbul ignore next */ []);
+		this._describedBy = computed(() => mergeDescribedBy([this._activeError() || this.hint() ? this._selectId + "-desc" : "", !this._activeError() && this._selectedDescription() ? this._selectId + "-opt-desc" : ""].filter(Boolean).join(" "), this.ariaDescribedBy()), ...ngDevMode ? [{ debugName: "_describedBy" }] : /* istanbul ignore next */ []);
 		this._reveal = createFieldReveal(this.showErrors);
 		this._issue = computed(() => this._check(this._value()), ...ngDevMode ? [{ debugName: "_issue" }] : /* istanbul ignore next */ []);
 		this.invalid = computed(() => !!this.error() || !!this._issue(), ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
@@ -7494,6 +7597,13 @@ var SelectComponent = class SelectComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				ariaDescribedBy: {
+					classPropertyName: "ariaDescribedBy",
+					publicName: "ariaDescribedBy",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				error: {
 					classPropertyName: "error",
 					publicName: "error",
@@ -7715,6 +7825,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		ariaDescribedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaDescribedBy",
+				required: false
+			}]
+		}],
 		error: [{
 			type: i0.Input,
 			args: [{
@@ -10110,6 +10228,10 @@ var ImportExportComponent = class ImportExportComponent {
 						"dialogTestId",
 						"hideClose",
 						"closable",
+						"layout",
+						"closeOnBackdrop",
+						"closeOnEscape",
+						"busy",
 						"returnFocusTo"
 					],
 					outputs: ["close"]
@@ -10156,6 +10278,7 @@ var ImportExportComponent = class ImportExportComponent {
 						"valueType",
 						"required",
 						"hint",
+						"ariaDescribedBy",
 						"error",
 						"showErrors",
 						"size",
@@ -10650,6 +10773,10 @@ var ConfirmOutletComponent = class ConfirmOutletComponent {
 					"dialogTestId",
 					"hideClose",
 					"closable",
+					"layout",
+					"closeOnBackdrop",
+					"closeOnEscape",
+					"busy",
 					"returnFocusTo"
 				],
 				outputs: ["close"]
@@ -11982,7 +12109,7 @@ var DataTableComponent = class DataTableComponent {
 				label: "Default"
 			}];
 			for (const col of this.visibleCols()) {
-				if (!this._isSortable(col)) continue;
+				if (!this._isSortable(col) || this._emptyColumnKeys().has(col.key)) continue;
 				opts.push({
 					value: `${col.key}:asc`,
 					label: `${col.label} ↑`
@@ -11999,6 +12126,31 @@ var DataTableComponent = class DataTableComponent {
 			cf: this.getColFilter(col)
 		})).filter((f) => f.cf !== null), ...ngDevMode ? [{ debugName: "_phoneFilterCols" }] : /* istanbul ignore next */ []);
 		this._showColumnControls = computed(() => !this._error() && (this._items().length > 0 || !!this._sortField() || Object.values(this._colFilterValues()).some((v) => v.length > 0)), ...ngDevMode ? [{ debugName: "_showColumnControls" }] : /* istanbul ignore next */ []);
+		this._emptyColumnKeys = computed(() => {
+			const items = this._items();
+			const out = /* @__PURE__ */ new Set();
+			if (items.length === 0) return out;
+			for (const col of this.visibleCols()) {
+				if (!this._isSortable(col) || this._sortField() === col.key) continue;
+				let hasValue = false;
+				for (const item of items) {
+					let text;
+					try {
+						text = this.cardCellText(col, item);
+					} catch {
+						hasValue = true;
+						break;
+					}
+					const t = text === null || text === void 0 ? "" : String(text).trim();
+					if (t !== "" && t !== "—") {
+						hasValue = true;
+						break;
+					}
+				}
+				if (!hasValue) out.add(col.key);
+			}
+			return out;
+		}, ...ngDevMode ? [{ debugName: "_emptyColumnKeys" }] : /* istanbul ignore next */ []);
 		this._hasPhoneControls = computed(() => this._phoneSortOptions().length > 1 || this._phoneFilterCols().length > 0, ...ngDevMode ? [{ debugName: "_hasPhoneControls" }] : /* istanbul ignore next */ []);
 		this._injector = inject(Injector);
 		this._silentNext = false;
@@ -12120,6 +12272,9 @@ var DataTableComponent = class DataTableComponent {
 		this.load();
 		this._fetchCounts();
 	}
+	_canShowSort(col) {
+		return this._isSortable(col) && this._showColumnControls() && !this._emptyColumnKeys().has(col.key);
+	}
 	onPhoneSort(value) {
 		if (!value) {
 			this._sortField.set(null);
@@ -13017,11 +13172,11 @@ var DataTableComponent = class DataTableComponent {
                     [style.width]="col.width ?? null"
                     [style.min-width]="col.width ?? null"
                     [style.max-width]="col.width ?? null"
-                    [attr.aria-sort]="_isSortable(col) && _showColumnControls() ? sortAriaLabel(col.key) : null"
+                    [attr.aria-sort]="_canShowSort(col) ? sortAriaLabel(col.key) : null"
                     [class.dt-th-sorted]="_sortField() === col.key"
                     [class.dt-th-actions]="col.cellType === 'actions'">
                     <div class="dt-th-inner">
-                      @if (_isSortable(col) && _showColumnControls()) {
+                      @if (_canShowSort(col)) {
                         <button
                           class="dt-sort-btn"
                           (click)="onSort(col.key)"
@@ -13799,6 +13954,7 @@ var DataTableComponent = class DataTableComponent {
 						"valueType",
 						"required",
 						"hint",
+						"ariaDescribedBy",
 						"error",
 						"showErrors",
 						"size",
@@ -13844,6 +14000,10 @@ var DataTableComponent = class DataTableComponent {
 						"dialogTestId",
 						"hideClose",
 						"closable",
+						"layout",
+						"closeOnBackdrop",
+						"closeOnEscape",
+						"busy",
 						"returnFocusTo"
 					],
 					outputs: ["close"]
@@ -14085,11 +14245,11 @@ i0.ɵɵngDeclareClassMetadata({
                     [style.width]="col.width ?? null"
                     [style.min-width]="col.width ?? null"
                     [style.max-width]="col.width ?? null"
-                    [attr.aria-sort]="_isSortable(col) && _showColumnControls() ? sortAriaLabel(col.key) : null"
+                    [attr.aria-sort]="_canShowSort(col) ? sortAriaLabel(col.key) : null"
                     [class.dt-th-sorted]="_sortField() === col.key"
                     [class.dt-th-actions]="col.cellType === 'actions'">
                     <div class="dt-th-inner">
-                      @if (_isSortable(col) && _showColumnControls()) {
+                      @if (_canShowSort(col)) {
                         <button
                           class="dt-sort-btn"
                           (click)="onSort(col.key)"
@@ -17388,6 +17548,7 @@ var BusinessHoursComponent = class BusinessHoursComponent {
 						"valueType",
 						"required",
 						"hint",
+						"ariaDescribedBy",
 						"error",
 						"showErrors",
 						"size",
@@ -19084,6 +19245,7 @@ var PhoneNumberPickerComponent = class PhoneNumberPickerComponent {
 						"inputmode",
 						"readonly",
 						"hint",
+						"ariaDescribedBy",
 						"error",
 						"phoneFormat",
 						"min",
@@ -20682,6 +20844,7 @@ var TextareaInputComponent = class TextareaInputComponent {
 		this.required = input(false, ...ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []);
 		this.readonly = input(false, ...ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []);
 		this.hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+		this.ariaDescribedBy = input("", ...ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []);
 		this.hintAsDescription = input(false, ...ngDevMode ? [{ debugName: "hintAsDescription" }] : /* istanbul ignore next */ []);
 		this.error = input("", ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
 		this.monospace = input(false, ...ngDevMode ? [{ debugName: "monospace" }] : /* istanbul ignore next */ []);
@@ -20694,13 +20857,14 @@ var TextareaInputComponent = class TextareaInputComponent {
 		this.disabled = computed(() => this._disabledInput() || this._cvaDisabled(), ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
 		this._value = signal("", ...ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []);
 		this._unlabelledHint = computed(() => !this.label() && !!this.hint(), ...ngDevMode ? [{ debugName: "_unlabelledHint" }] : /* istanbul ignore next */ []);
-		this._describedBy = computed(() => {
+		this._describedBy = computed(() => mergeDescribedBy(this._ownDescribedBy(), this.ariaDescribedBy()), ...ngDevMode ? [{ debugName: "_describedBy" }] : /* istanbul ignore next */ []);
+		this._ownDescribedBy = computed(() => {
 			if (!this.hintAsDescription()) return this._activeError() ? this._inputId + "-desc" : this._unlabelledHint() ? this._inputId + "-hint" : null;
 			const ids = [];
 			if (this.hint() && (this.label() || !this._activeError())) ids.push(this._inputId + "-hint");
 			if (this._activeError()) ids.push(this._inputId + "-desc");
 			return ids.length ? ids.join(" ") : null;
-		}, ...ngDevMode ? [{ debugName: "_describedBy" }] : /* istanbul ignore next */ []);
+		}, ...ngDevMode ? [{ debugName: "_ownDescribedBy" }] : /* istanbul ignore next */ []);
 		this._reveal = createFieldReveal(this.showErrors);
 		this._issue = computed(() => this._check(this._value()), ...ngDevMode ? [{ debugName: "_issue" }] : /* istanbul ignore next */ []);
 		this.invalid = computed(() => !!this.error() || !!this._issue(), ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
@@ -20826,6 +20990,13 @@ var TextareaInputComponent = class TextareaInputComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				ariaDescribedBy: {
+					classPropertyName: "ariaDescribedBy",
+					publicName: "ariaDescribedBy",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				hintAsDescription: {
 					classPropertyName: "hintAsDescription",
 					publicName: "hintAsDescription",
@@ -21071,6 +21242,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		ariaDescribedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaDescribedBy",
+				required: false
+			}]
+		}],
 		hintAsDescription: [{
 			type: i0.Input,
 			args: [{
@@ -21349,6 +21528,7 @@ var BulkMessagePanelComponent = class BulkMessagePanelComponent {
 						"inputmode",
 						"readonly",
 						"hint",
+						"ariaDescribedBy",
 						"error",
 						"phoneFormat",
 						"min",
@@ -21381,6 +21561,7 @@ var BulkMessagePanelComponent = class BulkMessagePanelComponent {
 						"required",
 						"readonly",
 						"hint",
+						"ariaDescribedBy",
 						"hintAsDescription",
 						"error",
 						"monospace",
@@ -21500,6 +21681,679 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+var FormRowComponent = class FormRowComponent {
+	constructor() {
+		this.cols = input(2, ...ngDevMode ? [{ debugName: "cols" }] : /* istanbul ignore next */ []);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormRowComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: FormRowComponent,
+			isStandalone: true,
+			selector: "ui-form-row",
+			inputs: { cols: {
+				classPropertyName: "cols",
+				publicName: "cols",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			} },
+			ngImport: i0,
+			template: `<div class="fr-row" [class.fr-row--4]="cols() === 4" [style.--fr-cols]="cols()"><ng-content /></div>`,
+			isInline: true,
+			styles: ["ui-form-row{display:block}.fr-row{display:grid;grid-template-columns:repeat(var(--fr-cols, 2),1fr);gap:12px}.fr-row>.ui-span-2{grid-column:span 2}.fr-row>.ui-span-3{grid-column:span 3}.fr-row>.ui-span-all{grid-column:1 / -1}@media(max-width:768px){.fr-row--4{grid-template-columns:repeat(2,1fr)}.fr-row--4>.ui-span-3{grid-column:1 / -1}}@media(max-width:480px){.fr-row{grid-template-columns:1fr}.fr-row>.ui-span-2,.fr-row>.ui-span-3,.fr-row>.ui-span-all{grid-column:1 / -1}}\n"],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormRowComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-form-row",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			template: `<div class="fr-row" [class.fr-row--4]="cols() === 4" [style.--fr-cols]="cols()"><ng-content /></div>`,
+			styles: ["ui-form-row{display:block}.fr-row{display:grid;grid-template-columns:repeat(var(--fr-cols, 2),1fr);gap:12px}.fr-row>.ui-span-2{grid-column:span 2}.fr-row>.ui-span-3{grid-column:span 3}.fr-row>.ui-span-all{grid-column:1 / -1}@media(max-width:768px){.fr-row--4{grid-template-columns:repeat(2,1fr)}.fr-row--4>.ui-span-3{grid-column:1 / -1}}@media(max-width:480px){.fr-row{grid-template-columns:1fr}.fr-row>.ui-span-2,.fr-row>.ui-span-3,.fr-row>.ui-span-all{grid-column:1 / -1}}\n"]
+		}]
+	}],
+	propDecorators: { cols: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "cols",
+			required: false
+		}]
+	}] }
+});
+var FormSectionComponent = class FormSectionComponent {
+	constructor() {
+		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.divider = input(false, ...ngDevMode ? [{ debugName: "divider" }] : /* istanbul ignore next */ []);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormSectionComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: FormSectionComponent,
+			isStandalone: true,
+			selector: "ui-form-section",
+			inputs: {
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				divider: {
+					classPropertyName: "divider",
+					publicName: "divider",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			ngImport: i0,
+			template: `
+    @if (divider()) { <div class="fs-divider"></div> }
+    @if (label()) { <p class="fs-label">{{ label() }}</p> }
+    <div class="fs-fields"><ng-content /></div>
+  `,
+			isInline: true,
+			styles: [":host{display:block}.fs-divider{height:1px;background:#f1f5f9;margin:8px -24px 16px}.fs-label{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0 0 12px}.fs-fields{display:flex;flex-direction:column;gap:14px}\n"],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormSectionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-form-section",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
+    @if (divider()) { <div class="fs-divider"></div> }
+    @if (label()) { <p class="fs-label">{{ label() }}</p> }
+    <div class="fs-fields"><ng-content /></div>
+  `,
+			styles: [":host{display:block}.fs-divider{height:1px;background:#f1f5f9;margin:8px -24px 16px}.fs-label{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0 0 12px}.fs-fields{display:flex;flex-direction:column;gap:14px}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		divider: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "divider",
+				required: false
+			}]
+		}]
+	}
+});
+const DEFAULT_BANK_MANDATE_TEXT = "By checking this box, I authorize the above business to initiate ACH debit entries to my bank account for agreed-upon payments. I understand I may revoke this authorization at any time by contacting the business.";
+const DEFAULT_BANK_ACCOUNT_TYPE_OPTIONS = [{
+	value: "checking",
+	label: "Checking"
+}, {
+	value: "savings",
+	label: "Savings"
+}];
+const DEFAULT_BANK_HOLDER_TYPE_OPTIONS = [{
+	value: "individual",
+	label: "Individual"
+}, {
+	value: "company",
+	label: "Business"
+}];
+const digitsOnly$1 = (max) => (raw) => raw.replace(/\D/g, "").slice(0, max);
+var BankAccountFormComponent = class BankAccountFormComponent {
+	constructor() {
+		this.showErrors = input(false, ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
+		this.disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+		this.busy = input(false, ...ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []);
+		this.mandateText = input(DEFAULT_BANK_MANDATE_TEXT, ...ngDevMode ? [{ debugName: "mandateText" }] : /* istanbul ignore next */ []);
+		this.accountTypeOptions = input(DEFAULT_BANK_ACCOUNT_TYPE_OPTIONS, ...ngDevMode ? [{ debugName: "accountTypeOptions" }] : /* istanbul ignore next */ []);
+		this.holderTypeOptions = input(DEFAULT_BANK_HOLDER_TYPE_OPTIONS, ...ngDevMode ? [{ debugName: "holderTypeOptions" }] : /* istanbul ignore next */ []);
+		this.accountHolderNameDefault = input("", ...ngDevMode ? [{ debugName: "accountHolderNameDefault" }] : /* istanbul ignore next */ []);
+		this.testIdPrefix = input("bank", ...ngDevMode ? [{ debugName: "testIdPrefix" }] : /* istanbul ignore next */ []);
+		this.submitted = output();
+		this.validChange = output();
+		this.routingNumber = signal("", ...ngDevMode ? [{ debugName: "routingNumber" }] : /* istanbul ignore next */ []);
+		this.accountNumber = signal("", ...ngDevMode ? [{ debugName: "accountNumber" }] : /* istanbul ignore next */ []);
+		this.confirmAccount = signal("", ...ngDevMode ? [{ debugName: "confirmAccount" }] : /* istanbul ignore next */ []);
+		this.accountHolderName = signal("", ...ngDevMode ? [{ debugName: "accountHolderName" }] : /* istanbul ignore next */ []);
+		this.accountType = signal("checking", ...ngDevMode ? [{ debugName: "accountType" }] : /* istanbul ignore next */ []);
+		this.holderType = signal("individual", ...ngDevMode ? [{ debugName: "holderType" }] : /* istanbul ignore next */ []);
+		this.mandateAccepted = signal(false, ...ngDevMode ? [{ debugName: "mandateAccepted" }] : /* istanbul ignore next */ []);
+		this._touched = signal(false, ...ngDevMode ? [{ debugName: "_touched" }] : /* istanbul ignore next */ []);
+		this.routingFormatter = digitsOnly$1(9);
+		this.accountFormatter = digitsOnly$1(17);
+		this.locked = computed(() => this.disabled() || this.busy(), ...ngDevMode ? [{ debugName: "locked" }] : /* istanbul ignore next */ []);
+		this.reveal = computed(() => this.showErrors() || this._touched(), ...ngDevMode ? [{ debugName: "reveal" }] : /* istanbul ignore next */ []);
+		this.routingError = computed(() => {
+			const v = this.routingNumber().trim();
+			return v && v.length !== 9 ? "Routing number must be 9 digits." : "";
+		}, ...ngDevMode ? [{ debugName: "routingError" }] : /* istanbul ignore next */ []);
+		this.accountError = computed(() => {
+			const v = this.accountNumber().trim();
+			return v && v.length < 4 ? "Account number must be at least 4 digits." : "";
+		}, ...ngDevMode ? [{ debugName: "accountError" }] : /* istanbul ignore next */ []);
+		this.confirmError = computed(() => {
+			const v = this.confirmAccount().trim();
+			return v && v !== this.accountNumber().trim() ? "Account numbers do not match." : "";
+		}, ...ngDevMode ? [{ debugName: "confirmError" }] : /* istanbul ignore next */ []);
+		this.errorMessage = computed(() => {
+			if (!this.accountHolderName().trim()) return "Account holder name is required.";
+			if (!this.routingNumber().trim()) return "Routing number is required.";
+			if (this.routingError()) return this.routingError();
+			if (!this.accountNumber().trim()) return "Account number is required.";
+			if (this.accountError()) return this.accountError();
+			if (!this.confirmAccount().trim()) return "Confirm account number is required.";
+			if (this.confirmError()) return this.confirmError();
+			if (!this.accountTypeOptions().some((o) => String(o.value) === this.accountType())) return "Select a valid account type.";
+			if (!this.holderTypeOptions().some((o) => String(o.value) === this.holderType())) return "Select a valid holder type.";
+			if (!this.mandateAccepted()) return "You must authorize ACH debits to continue.";
+			return "";
+		}, ...ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []);
+		this.invalid = computed(() => this.errorMessage() !== "", ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
+		this.valid = computed(() => !this.invalid(), ...ngDevMode ? [{ debugName: "valid" }] : /* istanbul ignore next */ []);
+		this._fields = viewChildren(UiFieldValidity, ...ngDevMode ? [{ debugName: "_fields" }] : /* istanbul ignore next */ []);
+		effect(() => {
+			const d = this.accountHolderNameDefault();
+			untracked(() => this.accountHolderName.set(d));
+		});
+		effect(() => {
+			const v = this.valid();
+			untracked(() => this.validChange.emit(v));
+		});
+	}
+	id(name) {
+		return `${this.testIdPrefix()}-${name}`;
+	}
+	onEnter(event) {
+		const t = event.target;
+		if (t instanceof HTMLInputElement && t.type === "text") {
+			event.preventDefault();
+			this.submit();
+		}
+	}
+	submit() {
+		if (this.locked()) return;
+		if (this.invalid() || this._fields().some((f) => f.invalid())) {
+			this._touched.set(true);
+			return;
+		}
+		this.submitted.emit({
+			routingNumber: this.routingNumber().trim(),
+			accountNumber: this.accountNumber().trim(),
+			accountType: this.accountType(),
+			accountHolderName: this.accountHolderName().trim(),
+			holderType: this.holderType(),
+			mandateAccepted: true
+		});
+	}
+	reset() {
+		this.routingNumber.set("");
+		this.accountNumber.set("");
+		this.confirmAccount.set("");
+		this.accountHolderName.set(this.accountHolderNameDefault());
+		this.accountType.set("checking");
+		this.holderType.set("individual");
+		this.mandateAccepted.set(false);
+		this._touched.set(false);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: BankAccountFormComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.2.0",
+			version: "22.2.2",
+			type: BankAccountFormComponent,
+			isStandalone: true,
+			selector: "ui-bank-account-form",
+			inputs: {
+				showErrors: {
+					classPropertyName: "showErrors",
+					publicName: "showErrors",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				disabled: {
+					classPropertyName: "disabled",
+					publicName: "disabled",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				busy: {
+					classPropertyName: "busy",
+					publicName: "busy",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				mandateText: {
+					classPropertyName: "mandateText",
+					publicName: "mandateText",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				accountTypeOptions: {
+					classPropertyName: "accountTypeOptions",
+					publicName: "accountTypeOptions",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				holderTypeOptions: {
+					classPropertyName: "holderTypeOptions",
+					publicName: "holderTypeOptions",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				accountHolderNameDefault: {
+					classPropertyName: "accountHolderNameDefault",
+					publicName: "accountHolderNameDefault",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				testIdPrefix: {
+					classPropertyName: "testIdPrefix",
+					publicName: "testIdPrefix",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			outputs: {
+				submitted: "submitted",
+				validChange: "validChange"
+			},
+			host: { properties: { "attr.aria-busy": "busy() ? \"true\" : null" } },
+			providers: [{
+				provide: UiFieldValidity,
+				useExisting: forwardRef(() => BankAccountFormComponent)
+			}],
+			viewQueries: [{
+				propertyName: "_fields",
+				predicate: UiFieldValidity,
+				descendants: true,
+				isSignal: true
+			}],
+			ngImport: i0,
+			template: `
+    <form novalidate (submit)="$event.preventDefault(); submit()" (keydown.enter)="onEnter($event)">
+      <ui-form-section>
+        <ui-text-input label="Account holder name" [inputTestId]="id('holder-name')" autocomplete="name" [required]="true" [maxlength]="100"
+          [showErrors]="reveal()" [disabled]="locked()" [ngModel]="accountHolderName()" (ngModelChange)="accountHolderName.set($event ?? '')" [ngModelOptions]="{ standalone: true }" />
+        <ui-text-input label="Routing number" [inputTestId]="id('routing')" inputmode="numeric" placeholder="9-digit routing number" [required]="true"
+          [maxlength]="9" [formatter]="routingFormatter" [error]="routingError()" [showErrors]="reveal()" [disabled]="locked()"
+          [ngModel]="routingNumber()" (ngModelChange)="routingNumber.set($event ?? '')" [ngModelOptions]="{ standalone: true }" />
+        <ui-text-input label="Account number" [inputTestId]="id('account')" inputmode="numeric" placeholder="Account number" [required]="true"
+          [maxlength]="17" [formatter]="accountFormatter" [error]="accountError()" [showErrors]="reveal()" [disabled]="locked()"
+          [ngModel]="accountNumber()" (ngModelChange)="accountNumber.set($event ?? '')" [ngModelOptions]="{ standalone: true }" />
+        <ui-text-input label="Confirm account number" [inputTestId]="id('confirm')" inputmode="numeric" placeholder="Re-enter account number" [required]="true"
+          [maxlength]="17" [formatter]="accountFormatter" [error]="confirmError()" [showErrors]="reveal()" [disabled]="locked()"
+          [ngModel]="confirmAccount()" (ngModelChange)="confirmAccount.set($event ?? '')" [ngModelOptions]="{ standalone: true }" />
+        <ui-form-row>
+          <ui-select label="Account type" [attr.data-testid]="id('account-type')" [options]="accountTypeOptions()" [required]="true" [showErrors]="reveal()"
+            [disabled]="locked()" [ngModel]="accountType()" (ngModelChange)="accountType.set($event)" [ngModelOptions]="{ standalone: true }" />
+          <ui-select label="Holder type" [attr.data-testid]="id('holder-type')" [options]="holderTypeOptions()" [required]="true" [showErrors]="reveal()"
+            [disabled]="locked()" [ngModel]="holderType()" (ngModelChange)="holderType.set($event)" [ngModelOptions]="{ standalone: true }" />
+        </ui-form-row>
+        <ui-checkbox [testId]="id('mandate')" [label]="mandateText()" [required]="true" requiredMessage="You must authorize ACH debits to continue."
+          [showErrors]="reveal()" [disabled]="locked()" [ngModel]="mandateAccepted()" (ngModelChange)="mandateAccepted.set(!!$event)" [ngModelOptions]="{ standalone: true }" />
+      </ui-form-section>
+    </form>
+  `,
+			isInline: true,
+			styles: [":host{display:block}\n"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: FormsModule
+				},
+				{
+					kind: "directive",
+					type: i1.ɵNgNoValidate,
+					selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+				},
+				{
+					kind: "directive",
+					type: i1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1.NgControlStatusGroup,
+					selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+				},
+				{
+					kind: "directive",
+					type: i1.RequiredValidator,
+					selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+					inputs: ["required"]
+				},
+				{
+					kind: "directive",
+					type: i1.MaxLengthValidator,
+					selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]",
+					inputs: ["maxlength"]
+				},
+				{
+					kind: "directive",
+					type: i1.NgModel,
+					selector: "[ngModel]:not([formControlName]):not([formControl])",
+					inputs: [
+						"name",
+						"disabled",
+						"ngModel",
+						"ngModelOptions"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngModel"]
+				},
+				{
+					kind: "directive",
+					type: i1.NgForm,
+					selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]",
+					inputs: ["ngFormOptions"],
+					outputs: ["ngSubmit"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "component",
+					type: CheckboxComponent,
+					selector: "ui-checkbox, ui-checkbox-group",
+					inputs: [
+						"label",
+						"ariaLabel",
+						"testId",
+						"labelTestId",
+						"headingLevel",
+						"indeterminate",
+						"checked",
+						"options",
+						"legend",
+						"orientation",
+						"values",
+						"description",
+						"indent",
+						"required",
+						"requiredMessage",
+						"hint",
+						"error",
+						"showErrors",
+						"disabled"
+					],
+					outputs: [
+						"checkedChange",
+						"valuesChange",
+						"invalidChange"
+					]
+				},
+				{
+					kind: "component",
+					type: FormRowComponent,
+					selector: "ui-form-row",
+					inputs: ["cols"]
+				},
+				{
+					kind: "component",
+					type: FormSectionComponent,
+					selector: "ui-form-section",
+					inputs: ["label", "divider"]
+				},
+				{
+					kind: "component",
+					type: SelectComponent,
+					selector: "ui-select",
+					inputs: [
+						"label",
+						"ariaLabel",
+						"placeholder",
+						"options",
+						"valueType",
+						"required",
+						"hint",
+						"ariaDescribedBy",
+						"error",
+						"showErrors",
+						"size",
+						"disabled"
+					],
+					outputs: ["invalidChange", "valueChange"]
+				},
+				{
+					kind: "component",
+					type: TextInputComponent,
+					selector: "ui-text-input",
+					inputs: [
+						"label",
+						"ariaLabel",
+						"inputTestId",
+						"placeholder",
+						"prefix",
+						"revealable",
+						"passwordRequirements",
+						"passwordRules",
+						"type",
+						"maxlength",
+						"required",
+						"autocomplete",
+						"inputmode",
+						"readonly",
+						"hint",
+						"ariaDescribedBy",
+						"error",
+						"phoneFormat",
+						"min",
+						"max",
+						"maxDecimals",
+						"step",
+						"valueType",
+						"formatter",
+						"integer",
+						"showErrors",
+						"disabled"
+					],
+					outputs: [
+						"valueChange",
+						"focused",
+						"blurred",
+						"invalidChange"
+					]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: BankAccountFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-bank-account-form",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				FormsModule,
+				CheckboxComponent,
+				FormRowComponent,
+				FormSectionComponent,
+				SelectComponent,
+				TextInputComponent
+			],
+			providers: [{
+				provide: UiFieldValidity,
+				useExisting: forwardRef(() => BankAccountFormComponent)
+			}],
+			host: { "[attr.aria-busy]": "busy() ? \"true\" : null" },
+			template: `
+    <form novalidate (submit)="$event.preventDefault(); submit()" (keydown.enter)="onEnter($event)">
+      <ui-form-section>
+        <ui-text-input label="Account holder name" [inputTestId]="id('holder-name')" autocomplete="name" [required]="true" [maxlength]="100"
+          [showErrors]="reveal()" [disabled]="locked()" [ngModel]="accountHolderName()" (ngModelChange)="accountHolderName.set($event ?? '')" [ngModelOptions]="{ standalone: true }" />
+        <ui-text-input label="Routing number" [inputTestId]="id('routing')" inputmode="numeric" placeholder="9-digit routing number" [required]="true"
+          [maxlength]="9" [formatter]="routingFormatter" [error]="routingError()" [showErrors]="reveal()" [disabled]="locked()"
+          [ngModel]="routingNumber()" (ngModelChange)="routingNumber.set($event ?? '')" [ngModelOptions]="{ standalone: true }" />
+        <ui-text-input label="Account number" [inputTestId]="id('account')" inputmode="numeric" placeholder="Account number" [required]="true"
+          [maxlength]="17" [formatter]="accountFormatter" [error]="accountError()" [showErrors]="reveal()" [disabled]="locked()"
+          [ngModel]="accountNumber()" (ngModelChange)="accountNumber.set($event ?? '')" [ngModelOptions]="{ standalone: true }" />
+        <ui-text-input label="Confirm account number" [inputTestId]="id('confirm')" inputmode="numeric" placeholder="Re-enter account number" [required]="true"
+          [maxlength]="17" [formatter]="accountFormatter" [error]="confirmError()" [showErrors]="reveal()" [disabled]="locked()"
+          [ngModel]="confirmAccount()" (ngModelChange)="confirmAccount.set($event ?? '')" [ngModelOptions]="{ standalone: true }" />
+        <ui-form-row>
+          <ui-select label="Account type" [attr.data-testid]="id('account-type')" [options]="accountTypeOptions()" [required]="true" [showErrors]="reveal()"
+            [disabled]="locked()" [ngModel]="accountType()" (ngModelChange)="accountType.set($event)" [ngModelOptions]="{ standalone: true }" />
+          <ui-select label="Holder type" [attr.data-testid]="id('holder-type')" [options]="holderTypeOptions()" [required]="true" [showErrors]="reveal()"
+            [disabled]="locked()" [ngModel]="holderType()" (ngModelChange)="holderType.set($event)" [ngModelOptions]="{ standalone: true }" />
+        </ui-form-row>
+        <ui-checkbox [testId]="id('mandate')" [label]="mandateText()" [required]="true" requiredMessage="You must authorize ACH debits to continue."
+          [showErrors]="reveal()" [disabled]="locked()" [ngModel]="mandateAccepted()" (ngModelChange)="mandateAccepted.set(!!$event)" [ngModelOptions]="{ standalone: true }" />
+      </ui-form-section>
+    </form>
+  `,
+			styles: [":host{display:block}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		showErrors: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showErrors",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		busy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "busy",
+				required: false
+			}]
+		}],
+		mandateText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mandateText",
+				required: false
+			}]
+		}],
+		accountTypeOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "accountTypeOptions",
+				required: false
+			}]
+		}],
+		holderTypeOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "holderTypeOptions",
+				required: false
+			}]
+		}],
+		accountHolderNameDefault: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "accountHolderNameDefault",
+				required: false
+			}]
+		}],
+		testIdPrefix: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "testIdPrefix",
+				required: false
+			}]
+		}],
+		submitted: [{
+			type: i0.Output,
+			args: ["submitted"]
+		}],
+		validChange: [{
+			type: i0.Output,
+			args: ["validChange"]
+		}],
+		_fields: [{
+			type: i0.ViewChildren,
+			args: [i0.forwardRef(() => UiFieldValidity), { isSignal: true }]
+		}]
+	}
+});
 const SIZE_REM = {
 	sm: "0.8125rem",
 	md: "0.875rem",
@@ -22823,6 +23677,7 @@ var DateInputComponent = class DateInputComponent {
 		this.min = input("", ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
 		this.max = input("", ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
 		this.hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+		this.ariaDescribedBy = input("", ...ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []);
 		this.error = input("", ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
 		this.showErrors = input(false, ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
 		this._disabledInput = input(false, {
@@ -22832,6 +23687,7 @@ var DateInputComponent = class DateInputComponent {
 		this._cvaDisabled = signal(false, ...ngDevMode ? [{ debugName: "_cvaDisabled" }] : /* istanbul ignore next */ []);
 		this.disabled = computed(() => this._disabledInput() || this._cvaDisabled(), ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
 		this._value = signal("", ...ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []);
+		this._describedBy = computed(() => mergeDescribedBy(this._activeError() || this.hint() ? this._inputId + "-desc" : null, this.ariaDescribedBy()), ...ngDevMode ? [{ debugName: "_describedBy" }] : /* istanbul ignore next */ []);
 		this._reveal = createFieldReveal(this.showErrors);
 		this._issue = computed(() => this._check(this._value()), ...ngDevMode ? [{ debugName: "_issue" }] : /* istanbul ignore next */ []);
 		this.invalid = computed(() => !!this.error() || !!this._issue(), ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
@@ -22961,6 +23817,13 @@ var DateInputComponent = class DateInputComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				ariaDescribedBy: {
+					classPropertyName: "ariaDescribedBy",
+					publicName: "ariaDescribedBy",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				error: {
 					classPropertyName: "error",
 					publicName: "error",
@@ -23023,7 +23886,7 @@ var DateInputComponent = class DateInputComponent {
         [attr.max]="max() || null"
         [attr.required]="required() || null"
         [attr.aria-invalid]="_activeError() ? 'true' : null"
-        [attr.aria-describedby]="(_activeError() || hint()) ? _inputId + '-desc' : null"
+        [attr.aria-describedby]="_describedBy()"
         (change)="onChange($event)"
         (blur)="onBlur()"
       />
@@ -23085,7 +23948,7 @@ i0.ɵɵngDeclareClassMetadata({
         [attr.max]="max() || null"
         [attr.required]="required() || null"
         [attr.aria-invalid]="_activeError() ? 'true' : null"
-        [attr.aria-describedby]="(_activeError() || hint()) ? _inputId + '-desc' : null"
+        [attr.aria-describedby]="_describedBy()"
         (change)="onChange($event)"
         (blur)="onBlur()"
       />
@@ -23141,6 +24004,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		ariaDescribedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaDescribedBy",
+				required: false
+			}]
+		}],
 		error: [{
 			type: i0.Input,
 			args: [{
@@ -23182,6 +24053,7 @@ var DatetimeInputComponent = class DatetimeInputComponent {
 		this.min = input("", ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
 		this.max = input("", ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
 		this.hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+		this.ariaDescribedBy = input("", ...ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []);
 		this.error = input("", ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
 		this.showErrors = input(false, ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
 		this._disabledInput = input(false, {
@@ -23191,6 +24063,7 @@ var DatetimeInputComponent = class DatetimeInputComponent {
 		this._cvaDisabled = signal(false, ...ngDevMode ? [{ debugName: "_cvaDisabled" }] : /* istanbul ignore next */ []);
 		this.disabled = computed(() => this._disabledInput() || this._cvaDisabled(), ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
 		this._value = signal("", ...ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []);
+		this._describedBy = computed(() => mergeDescribedBy(this._activeError() || this.hint() ? this._inputId + "-desc" : null, this.ariaDescribedBy()), ...ngDevMode ? [{ debugName: "_describedBy" }] : /* istanbul ignore next */ []);
 		this._reveal = createFieldReveal(this.showErrors);
 		this._issue = computed(() => this._check(this._value()), ...ngDevMode ? [{ debugName: "_issue" }] : /* istanbul ignore next */ []);
 		this.invalid = computed(() => !!this.error() || !!this._issue(), ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
@@ -23318,6 +24191,13 @@ var DatetimeInputComponent = class DatetimeInputComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				ariaDescribedBy: {
+					classPropertyName: "ariaDescribedBy",
+					publicName: "ariaDescribedBy",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				error: {
 					classPropertyName: "error",
 					publicName: "error",
@@ -23377,7 +24257,7 @@ var DatetimeInputComponent = class DatetimeInputComponent {
         [attr.max]="max() || null"
         [attr.required]="required() || null"
         [attr.aria-invalid]="_activeError() ? 'true' : null"
-        [attr.aria-describedby]="(_activeError() || hint()) ? _inputId + '-desc' : null"
+        [attr.aria-describedby]="_describedBy()"
         (change)="onChange($event)"
         (blur)="onBlur()"
       />
@@ -23439,7 +24319,7 @@ i0.ɵɵngDeclareClassMetadata({
         [attr.max]="max() || null"
         [attr.required]="required() || null"
         [attr.aria-invalid]="_activeError() ? 'true' : null"
-        [attr.aria-describedby]="(_activeError() || hint()) ? _inputId + '-desc' : null"
+        [attr.aria-describedby]="_describedBy()"
         (change)="onChange($event)"
         (blur)="onBlur()"
       />
@@ -23495,6 +24375,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		ariaDescribedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaDescribedBy",
+				required: false
+			}]
+		}],
 		error: [{
 			type: i0.Input,
 			args: [{
@@ -23533,6 +24421,7 @@ var TimeInputComponent = class TimeInputComponent {
 		this.min = input("", ...ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []);
 		this.max = input("", ...ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []);
 		this.hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+		this.ariaDescribedBy = input("", ...ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []);
 		this.error = input("", ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
 		this.showErrors = input(false, ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
 		this._disabledInput = input(false, {
@@ -23543,6 +24432,7 @@ var TimeInputComponent = class TimeInputComponent {
 		this.disabled = computed(() => this._disabledInput() || this._cvaDisabled(), ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
 		this._value = signal("", ...ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []);
 		this._inputId = `tmi-${Math.random().toString(36).slice(2, 8)}`;
+		this._describedBy = computed(() => mergeDescribedBy(this._activeError() || this.hint() ? this._inputId + "-desc" : null, this.ariaDescribedBy()), ...ngDevMode ? [{ debugName: "_describedBy" }] : /* istanbul ignore next */ []);
 		this._reveal = createFieldReveal(this.showErrors);
 		this._issue = computed(() => this._check(this._value()), ...ngDevMode ? [{ debugName: "_issue" }] : /* istanbul ignore next */ []);
 		this.invalid = computed(() => !!this.error() || !!this._issue(), ...ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []);
@@ -23680,6 +24570,13 @@ var TimeInputComponent = class TimeInputComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				ariaDescribedBy: {
+					classPropertyName: "ariaDescribedBy",
+					publicName: "ariaDescribedBy",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				error: {
 					classPropertyName: "error",
 					publicName: "error",
@@ -23741,7 +24638,7 @@ var TimeInputComponent = class TimeInputComponent {
         [attr.aria-label]="ariaLabel() || label() || null"
         [attr.aria-required]="required() ? 'true' : null"
         [attr.aria-invalid]="_activeError() ? 'true' : null"
-        [attr.aria-describedby]="(_activeError() || hint()) ? _inputId + '-desc' : null"
+        [attr.aria-describedby]="_describedBy()"
         (change)="onChange($event)"
         (blur)="onBlur()"
       />
@@ -23805,7 +24702,7 @@ i0.ɵɵngDeclareClassMetadata({
         [attr.aria-label]="ariaLabel() || label() || null"
         [attr.aria-required]="required() ? 'true' : null"
         [attr.aria-invalid]="_activeError() ? 'true' : null"
-        [attr.aria-describedby]="(_activeError() || hint()) ? _inputId + '-desc' : null"
+        [attr.aria-describedby]="_describedBy()"
         (change)="onChange($event)"
         (blur)="onBlur()"
       />
@@ -23869,6 +24766,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		ariaDescribedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaDescribedBy",
+				required: false
+			}]
+		}],
 		error: [{
 			type: i0.Input,
 			args: [{
@@ -26581,156 +27486,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-var FormSectionComponent = class FormSectionComponent {
-	constructor() {
-		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
-		this.divider = input(false, ...ngDevMode ? [{ debugName: "divider" }] : /* istanbul ignore next */ []);
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "22.2.2",
-			ngImport: i0,
-			type: FormSectionComponent,
-			deps: [],
-			target: i0.ɵɵFactoryTarget.Component
-		});
-	}
-	static {
-		this.ɵcmp = i0.ɵɵngDeclareComponent({
-			minVersion: "17.0.0",
-			version: "22.2.2",
-			type: FormSectionComponent,
-			isStandalone: true,
-			selector: "ui-form-section",
-			inputs: {
-				label: {
-					classPropertyName: "label",
-					publicName: "label",
-					isSignal: true,
-					isRequired: false,
-					transformFunction: null
-				},
-				divider: {
-					classPropertyName: "divider",
-					publicName: "divider",
-					isSignal: true,
-					isRequired: false,
-					transformFunction: null
-				}
-			},
-			ngImport: i0,
-			template: `
-    @if (divider()) { <div class="fs-divider"></div> }
-    @if (label()) { <p class="fs-label">{{ label() }}</p> }
-    <div class="fs-fields"><ng-content /></div>
-  `,
-			isInline: true,
-			styles: [":host{display:block}.fs-divider{height:1px;background:#f1f5f9;margin:8px -24px 16px}.fs-label{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0 0 12px}.fs-fields{display:flex;flex-direction:column;gap:14px}\n"],
-			changeDetection: i0.ChangeDetectionStrategy.OnPush
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: FormSectionComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "ui-form-section",
-			standalone: true,
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			template: `
-    @if (divider()) { <div class="fs-divider"></div> }
-    @if (label()) { <p class="fs-label">{{ label() }}</p> }
-    <div class="fs-fields"><ng-content /></div>
-  `,
-			styles: [":host{display:block}.fs-divider{height:1px;background:#f1f5f9;margin:8px -24px 16px}.fs-label{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin:0 0 12px}.fs-fields{display:flex;flex-direction:column;gap:14px}\n"]
-		}]
-	}],
-	propDecorators: {
-		label: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "label",
-				required: false
-			}]
-		}],
-		divider: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "divider",
-				required: false
-			}]
-		}]
-	}
-});
-var FormRowComponent = class FormRowComponent {
-	constructor() {
-		this.cols = input(2, ...ngDevMode ? [{ debugName: "cols" }] : /* istanbul ignore next */ []);
-	}
-	static {
-		this.ɵfac = i0.ɵɵngDeclareFactory({
-			minVersion: "12.0.0",
-			version: "22.2.2",
-			ngImport: i0,
-			type: FormRowComponent,
-			deps: [],
-			target: i0.ɵɵFactoryTarget.Component
-		});
-	}
-	static {
-		this.ɵcmp = i0.ɵɵngDeclareComponent({
-			minVersion: "17.1.0",
-			version: "22.2.2",
-			type: FormRowComponent,
-			isStandalone: true,
-			selector: "ui-form-row",
-			inputs: { cols: {
-				classPropertyName: "cols",
-				publicName: "cols",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			} },
-			ngImport: i0,
-			template: `<div class="fr-row" [class.fr-row--4]="cols() === 4" [style.--fr-cols]="cols()"><ng-content /></div>`,
-			isInline: true,
-			styles: ["ui-form-row{display:block}.fr-row{display:grid;grid-template-columns:repeat(var(--fr-cols, 2),1fr);gap:12px}.fr-row>.ui-span-2{grid-column:span 2}.fr-row>.ui-span-3{grid-column:span 3}.fr-row>.ui-span-all{grid-column:1 / -1}@media(max-width:768px){.fr-row--4{grid-template-columns:repeat(2,1fr)}.fr-row--4>.ui-span-3{grid-column:1 / -1}}@media(max-width:480px){.fr-row{grid-template-columns:1fr}.fr-row>.ui-span-2,.fr-row>.ui-span-3,.fr-row>.ui-span-all{grid-column:1 / -1}}\n"],
-			changeDetection: i0.ChangeDetectionStrategy.OnPush,
-			encapsulation: i0.ViewEncapsulation.None
-		});
-	}
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.2",
-	ngImport: i0,
-	type: FormRowComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "ui-form-row",
-			standalone: true,
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			encapsulation: ViewEncapsulation.None,
-			template: `<div class="fr-row" [class.fr-row--4]="cols() === 4" [style.--fr-cols]="cols()"><ng-content /></div>`,
-			styles: ["ui-form-row{display:block}.fr-row{display:grid;grid-template-columns:repeat(var(--fr-cols, 2),1fr);gap:12px}.fr-row>.ui-span-2{grid-column:span 2}.fr-row>.ui-span-3{grid-column:span 3}.fr-row>.ui-span-all{grid-column:1 / -1}@media(max-width:768px){.fr-row--4{grid-template-columns:repeat(2,1fr)}.fr-row--4>.ui-span-3{grid-column:1 / -1}}@media(max-width:480px){.fr-row{grid-template-columns:1fr}.fr-row>.ui-span-2,.fr-row>.ui-span-3,.fr-row>.ui-span-all{grid-column:1 / -1}}\n"]
-		}]
-	}],
-	propDecorators: { cols: [{
-		type: i0.Input,
-		args: [{
-			isSignal: true,
-			alias: "cols",
-			required: false
-		}]
-	}] }
-});
 var FormColSpanDirective = class FormColSpanDirective {
 	constructor() {
 		this.uiColSpan = input("", ...ngDevMode ? [{ debugName: "uiColSpan" }] : /* istanbul ignore next */ []);
@@ -27282,6 +28037,7 @@ const ICON_PATHS = {
 };
 const CALENDAR_PATH = "M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z M16 2v4 M8 2v4 M3 10h18";
 const EDIT_PATH = "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7 M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z";
+const TRASH_PATH = "M3 6h18 M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2 M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6 M10 11v6 M14 11v6";
 const INDICATOR_LABEL = {
 	high: "High priority",
 	medium: "Medium priority",
@@ -27303,10 +28059,20 @@ var CardListItemComponent = class CardListItemComponent {
 		this.viewButton = input(false, ...ngDevMode ? [{ debugName: "viewButton" }] : /* istanbul ignore next */ []);
 		this.editAriaLabel = input("", ...ngDevMode ? [{ debugName: "editAriaLabel" }] : /* istanbul ignore next */ []);
 		this.viewAriaLabel = input("", ...ngDevMode ? [{ debugName: "viewAriaLabel" }] : /* istanbul ignore next */ []);
+		this.deletable = input(false, ...ngDevMode ? [{ debugName: "deletable" }] : /* istanbul ignore next */ []);
+		this.deleteLabel = input("Delete", ...ngDevMode ? [{ debugName: "deleteLabel" }] : /* istanbul ignore next */ []);
+		this.deleteTestId = input("", ...ngDevMode ? [{ debugName: "deleteTestId" }] : /* istanbul ignore next */ []);
+		this.actionLabel = input("", ...ngDevMode ? [{ debugName: "actionLabel" }] : /* istanbul ignore next */ []);
+		this.actionTestId = input("", ...ngDevMode ? [{ debugName: "actionTestId" }] : /* istanbul ignore next */ []);
+		this.actionAriaLabel = input("", ...ngDevMode ? [{ debugName: "actionAriaLabel" }] : /* istanbul ignore next */ []);
+		this.hasBuiltInChip = computed(() => this.editButton() || this.viewButton() || !!this.actionLabel() || this.deletable(), ...ngDevMode ? [{ debugName: "hasBuiltInChip" }] : /* istanbul ignore next */ []);
 		this.editClick = output();
 		this.viewClick = output();
+		this.delete = output();
+		this.action = output();
 		this.calendarPath = CALENDAR_PATH;
 		this.editPath = EDIT_PATH;
+		this.trashPath = TRASH_PATH;
 		this.iconPath = computed(() => {
 			const i = this.icon();
 			return i ? ICON_PATHS[i] ?? null : null;
@@ -27421,11 +28187,55 @@ var CardListItemComponent = class CardListItemComponent {
 					isSignal: true,
 					isRequired: false,
 					transformFunction: null
+				},
+				deletable: {
+					classPropertyName: "deletable",
+					publicName: "deletable",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				deleteLabel: {
+					classPropertyName: "deleteLabel",
+					publicName: "deleteLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				deleteTestId: {
+					classPropertyName: "deleteTestId",
+					publicName: "deleteTestId",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				actionLabel: {
+					classPropertyName: "actionLabel",
+					publicName: "actionLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				actionTestId: {
+					classPropertyName: "actionTestId",
+					publicName: "actionTestId",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				actionAriaLabel: {
+					classPropertyName: "actionAriaLabel",
+					publicName: "actionAriaLabel",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
 				}
 			},
 			outputs: {
 				editClick: "editClick",
-				viewClick: "viewClick"
+				viewClick: "viewClick",
+				delete: "delete",
+				action: "action"
 			},
 			ngImport: i0,
 			template: `
@@ -27435,7 +28245,7 @@ var CardListItemComponent = class CardListItemComponent {
         @if (status() && statusVariant()) { <ui-badge [label]="status()!" [variant]="statusVariant()!" /> }
       </div>
     }
-    <div class="cli-row" [class.cli-row--badges]="hasBadges()" [class.cli-row--badges-2]="hasBadges() && !!type() && !!status() && !!statusVariant()">
+    <div class="cli-row" [class.cli-row--badges]="hasBadges()" [class.cli-row--badges-2]="hasBadges() && !!type() && !!status() && !!statusVariant()" [class.cli-row--badges-chip]="hasBadges() && hasBuiltInChip()">
       @if (iconPath(); as d) {
         <div class="cli-icon-circle" [class]="'cli-icon-circle cli-icon-circle--' + icon()" aria-hidden="true">
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path [attr.d]="d" /></svg>
@@ -27473,6 +28283,14 @@ var CardListItemComponent = class CardListItemComponent {
       @if (viewButton()) {
         <button class="cli-chip cli-chip--view" type="button" [attr.aria-label]="viewAriaLabel() || null" (click)="viewClick.emit()">View</button>
       }
+      @if (actionLabel()) {
+        <button class="cli-chip cli-chip--action" type="button" [attr.data-testid]="actionTestId() || null" [attr.aria-label]="actionAriaLabel() || null" (click)="action.emit()">{{ actionLabel() }}</button>
+      }
+      @if (deletable()) {
+        <button class="cli-chip cli-chip--delete" type="button" [attr.data-testid]="deleteTestId() || null" [attr.aria-label]="deleteLabel() || 'Delete'" (click)="delete.emit()">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path [attr.d]="trashPath" /></svg>
+        </button>
+      }
       <ng-content select="[card-list-action]" />
       <ng-content />
     </div>
@@ -27480,7 +28298,7 @@ var CardListItemComponent = class CardListItemComponent {
     <ng-content select="[card-detail]" />
   `,
 			isInline: true,
-			styles: ["ui-card-list-item{position:relative;display:block;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:8px}ui-card-list-item:last-child{margin-bottom:0}ui-card-list-item .cli-row{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;transition:background .12s}ui-card-list-item .cli-row:hover{background:#f8fafc}@media(prefers-reduced-motion:reduce){ui-card-list-item .cli-row{transition:none}}ui-card-list-item .cli-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:5px}ui-card-list-item .cli-dot:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}ui-card-list-item .cli-dot--high{background:#ef4444}ui-card-list-item .cli-dot--medium{background:#f59e0b}ui-card-list-item .cli-dot--low{background:#94a3b8}ui-card-list-item .cli-dot--blue{background:#3b82f6}ui-card-list-item .cli-dot--green{background:#22c55e}ui-card-list-item .cli-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}ui-card-list-item .cli-icon-circle--call{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--email{background:#dcfce7;color:#16a34a}ui-card-list-item .cli-icon-circle--sms{background:#fef9c3;color:#ca8a04}ui-card-list-item .cli-icon-circle--task{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--doc{background:#ffedd5;color:#ea580c}ui-card-list-item .cli-icon-circle--money{background:#d1fae5;color:#059669}ui-card-list-item .cli-icon-circle--deal{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-icon-circle--survey{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--property{background:#fef3c7;color:#d97706}ui-card-list-item .cli-icon-circle--search{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-icon-circle--heart{background:#fce7f3;color:#db2777}ui-card-list-item .cli-icon-circle--calc{background:#d1fae5;color:#059669}ui-card-list-item .cli-icon-circle--repeat{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere;word-break:break-word}ui-card-list-item .cli-badges{position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:6px;z-index:1}ui-card-list-item .cli-row--badges .cli-body{padding-right:96px}ui-card-list-item .cli-row--badges-2 .cli-body{padding-right:190px}ui-card-list-item .cli-row--badges .cli-chip{align-self:flex-end}ui-card-list-item .cli-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}ui-card-list-item .cli-title{font-size:.875rem;font-weight:600;color:#1e293b}ui-card-list-item .cli-desc-row{display:flex;align-items:center;gap:8px}ui-card-list-item .cli-desc-row:empty{display:none}ui-card-list-item .cli-description{font-size:.8125rem;color:#64748b;min-width:0}ui-card-list-item .cli-date{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#64748b}ui-card-list-item .cli-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;align-self:center;box-sizing:border-box;font-family:inherit;font-size:.8rem;font-weight:500;line-height:1.4;background:none;cursor:pointer;padding:4px 10px;border-radius:6px;text-decoration:none;transition:background .15s,color .15s,border-color .15s}ui-card-list-item .cli-chip--edit{color:#64748b;border:1px solid #e2e8f0}ui-card-list-item .cli-chip--edit:hover{background:#f1f5f9;color:#1e293b}ui-card-list-item .cli-chip--view{color:#2563eb;border:1px solid #dbeafe}ui-card-list-item .cli-chip--view:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}ui-card-list-item .cli-chip:focus-visible,ui-card-list-item .cli-inline-link:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}ui-card-list-item .cli-inline-link{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:500;color:#2563eb;text-decoration:none;transition:color .15s}ui-card-list-item .cli-inline-link:hover{color:#1d4ed8}@media(pointer:coarse),(max-width:480px){ui-card-list-item .cli-chip{min-height:44px;padding:4px 14px}}ui-card-list-item [card-stats]{display:flex;align-items:stretch;background:#f8fafc;border-top:1px solid #f1f5f9}ui-card-list-item [card-detail]{background:#f8fafc;border-top:1px solid #e2e8f0}ui-card-list-item .cli-stat{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 14px}ui-card-list-item .cli-stat-label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#64748b}ui-card-list-item .cli-stat-value{font-size:.9375rem;font-weight:600;color:#0f172a}ui-card-list-item .cli-stat-divider{width:1px;background:#e2e8f0;margin:8px 0}\n"],
+			styles: ["ui-card-list-item{position:relative;display:block;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:8px}ui-card-list-item:last-child{margin-bottom:0}ui-card-list-item .cli-row{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;transition:background .12s}ui-card-list-item .cli-row:hover{background:#f8fafc}@media(prefers-reduced-motion:reduce){ui-card-list-item .cli-row{transition:none}}ui-card-list-item .cli-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:5px}ui-card-list-item .cli-dot:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}ui-card-list-item .cli-dot--high{background:#ef4444}ui-card-list-item .cli-dot--medium{background:#f59e0b}ui-card-list-item .cli-dot--low{background:#94a3b8}ui-card-list-item .cli-dot--blue{background:#3b82f6}ui-card-list-item .cli-dot--green{background:#22c55e}ui-card-list-item .cli-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}ui-card-list-item .cli-icon-circle--call{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--email{background:#dcfce7;color:#16a34a}ui-card-list-item .cli-icon-circle--sms{background:#fef9c3;color:#ca8a04}ui-card-list-item .cli-icon-circle--task{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--doc{background:#ffedd5;color:#ea580c}ui-card-list-item .cli-icon-circle--money{background:#d1fae5;color:#059669}ui-card-list-item .cli-icon-circle--deal{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-icon-circle--survey{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--property{background:#fef3c7;color:#d97706}ui-card-list-item .cli-icon-circle--search{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-icon-circle--heart{background:#fce7f3;color:#db2777}ui-card-list-item .cli-icon-circle--calc{background:#d1fae5;color:#059669}ui-card-list-item .cli-icon-circle--repeat{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere;word-break:break-word}ui-card-list-item .cli-badges{position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:6px;z-index:1}ui-card-list-item .cli-row--badges .cli-body{padding-right:96px}ui-card-list-item .cli-row--badges-2 .cli-body{padding-right:190px}ui-card-list-item .cli-row--badges .cli-chip{align-self:flex-end}ui-card-list-item .cli-row--badges-chip{box-sizing:border-box;min-height:76px}ui-card-list-item .cli-row--badges:has([card-list-action]){box-sizing:border-box;min-height:76px}@media(pointer:coarse),(max-width:480px){ui-card-list-item .cli-row--badges-chip{min-height:92px}ui-card-list-item .cli-row--badges:has([card-list-action]){min-height:92px}}ui-card-list-item .cli-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}ui-card-list-item .cli-title{font-size:.875rem;font-weight:600;color:#1e293b}ui-card-list-item .cli-desc-row{display:flex;align-items:center;gap:8px}ui-card-list-item .cli-desc-row:empty{display:none}ui-card-list-item .cli-description{font-size:.8125rem;color:#64748b;min-width:0}ui-card-list-item .cli-date{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#64748b}ui-card-list-item .cli-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;align-self:center;box-sizing:border-box;font-family:inherit;font-size:.8rem;font-weight:500;line-height:1.4;background:none;cursor:pointer;padding:4px 10px;border-radius:6px;text-decoration:none;transition:background .15s,color .15s,border-color .15s}ui-card-list-item .cli-chip--edit{color:#64748b;border:1px solid #e2e8f0}ui-card-list-item .cli-chip--edit:hover{background:#f1f5f9;color:#1e293b}ui-card-list-item .cli-chip--view{color:#2563eb;border:1px solid #dbeafe}ui-card-list-item .cli-chip--view:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}ui-card-list-item .cli-chip--action{color:#475569;border:1px solid #e2e8f0}ui-card-list-item .cli-chip--action:hover{background:#f1f5f9;color:#1e293b}ui-card-list-item .cli-chip--delete{position:relative;justify-content:center;width:28px;height:28px;padding:0;color:#b91c1c;border:1px solid #fecaca}ui-card-list-item .cli-chip--delete:hover{background:#fef2f2;border-color:#fca5a5;color:#991b1b}ui-card-list-item .cli-chip--delete:after{content:\"\";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}ui-card-list-item .cli-chip:focus-visible,ui-card-list-item .cli-inline-link:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}ui-card-list-item .cli-inline-link{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:500;color:#2563eb;text-decoration:none;transition:color .15s}ui-card-list-item .cli-inline-link:hover{color:#1d4ed8}@media(pointer:coarse),(max-width:480px){ui-card-list-item .cli-chip{min-height:44px;padding:4px 14px}ui-card-list-item .cli-chip--delete{min-height:28px;padding:0}}ui-card-list-item [card-stats]{display:flex;align-items:stretch;background:#f8fafc;border-top:1px solid #f1f5f9}ui-card-list-item [card-detail]{background:#f8fafc;border-top:1px solid #e2e8f0}ui-card-list-item .cli-stat{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 14px}ui-card-list-item .cli-stat-label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#64748b}ui-card-list-item .cli-stat-value{font-size:.9375rem;font-weight:600;color:#0f172a}ui-card-list-item .cli-stat-divider{width:1px;background:#e2e8f0;margin:8px 0}\n"],
 			dependencies: [{
 				kind: "component",
 				type: BadgeComponent,
@@ -27517,7 +28335,7 @@ i0.ɵɵngDeclareClassMetadata({
         @if (status() && statusVariant()) { <ui-badge [label]="status()!" [variant]="statusVariant()!" /> }
       </div>
     }
-    <div class="cli-row" [class.cli-row--badges]="hasBadges()" [class.cli-row--badges-2]="hasBadges() && !!type() && !!status() && !!statusVariant()">
+    <div class="cli-row" [class.cli-row--badges]="hasBadges()" [class.cli-row--badges-2]="hasBadges() && !!type() && !!status() && !!statusVariant()" [class.cli-row--badges-chip]="hasBadges() && hasBuiltInChip()">
       @if (iconPath(); as d) {
         <div class="cli-icon-circle" [class]="'cli-icon-circle cli-icon-circle--' + icon()" aria-hidden="true">
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" focusable="false"><path [attr.d]="d" /></svg>
@@ -27555,13 +28373,21 @@ i0.ɵɵngDeclareClassMetadata({
       @if (viewButton()) {
         <button class="cli-chip cli-chip--view" type="button" [attr.aria-label]="viewAriaLabel() || null" (click)="viewClick.emit()">View</button>
       }
+      @if (actionLabel()) {
+        <button class="cli-chip cli-chip--action" type="button" [attr.data-testid]="actionTestId() || null" [attr.aria-label]="actionAriaLabel() || null" (click)="action.emit()">{{ actionLabel() }}</button>
+      }
+      @if (deletable()) {
+        <button class="cli-chip cli-chip--delete" type="button" [attr.data-testid]="deleteTestId() || null" [attr.aria-label]="deleteLabel() || 'Delete'" (click)="delete.emit()">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path [attr.d]="trashPath" /></svg>
+        </button>
+      }
       <ng-content select="[card-list-action]" />
       <ng-content />
     </div>
     <ng-content select="[card-stats]" />
     <ng-content select="[card-detail]" />
   `,
-			styles: ["ui-card-list-item{position:relative;display:block;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:8px}ui-card-list-item:last-child{margin-bottom:0}ui-card-list-item .cli-row{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;transition:background .12s}ui-card-list-item .cli-row:hover{background:#f8fafc}@media(prefers-reduced-motion:reduce){ui-card-list-item .cli-row{transition:none}}ui-card-list-item .cli-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:5px}ui-card-list-item .cli-dot:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}ui-card-list-item .cli-dot--high{background:#ef4444}ui-card-list-item .cli-dot--medium{background:#f59e0b}ui-card-list-item .cli-dot--low{background:#94a3b8}ui-card-list-item .cli-dot--blue{background:#3b82f6}ui-card-list-item .cli-dot--green{background:#22c55e}ui-card-list-item .cli-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}ui-card-list-item .cli-icon-circle--call{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--email{background:#dcfce7;color:#16a34a}ui-card-list-item .cli-icon-circle--sms{background:#fef9c3;color:#ca8a04}ui-card-list-item .cli-icon-circle--task{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--doc{background:#ffedd5;color:#ea580c}ui-card-list-item .cli-icon-circle--money{background:#d1fae5;color:#059669}ui-card-list-item .cli-icon-circle--deal{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-icon-circle--survey{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--property{background:#fef3c7;color:#d97706}ui-card-list-item .cli-icon-circle--search{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-icon-circle--heart{background:#fce7f3;color:#db2777}ui-card-list-item .cli-icon-circle--calc{background:#d1fae5;color:#059669}ui-card-list-item .cli-icon-circle--repeat{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere;word-break:break-word}ui-card-list-item .cli-badges{position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:6px;z-index:1}ui-card-list-item .cli-row--badges .cli-body{padding-right:96px}ui-card-list-item .cli-row--badges-2 .cli-body{padding-right:190px}ui-card-list-item .cli-row--badges .cli-chip{align-self:flex-end}ui-card-list-item .cli-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}ui-card-list-item .cli-title{font-size:.875rem;font-weight:600;color:#1e293b}ui-card-list-item .cli-desc-row{display:flex;align-items:center;gap:8px}ui-card-list-item .cli-desc-row:empty{display:none}ui-card-list-item .cli-description{font-size:.8125rem;color:#64748b;min-width:0}ui-card-list-item .cli-date{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#64748b}ui-card-list-item .cli-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;align-self:center;box-sizing:border-box;font-family:inherit;font-size:.8rem;font-weight:500;line-height:1.4;background:none;cursor:pointer;padding:4px 10px;border-radius:6px;text-decoration:none;transition:background .15s,color .15s,border-color .15s}ui-card-list-item .cli-chip--edit{color:#64748b;border:1px solid #e2e8f0}ui-card-list-item .cli-chip--edit:hover{background:#f1f5f9;color:#1e293b}ui-card-list-item .cli-chip--view{color:#2563eb;border:1px solid #dbeafe}ui-card-list-item .cli-chip--view:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}ui-card-list-item .cli-chip:focus-visible,ui-card-list-item .cli-inline-link:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}ui-card-list-item .cli-inline-link{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:500;color:#2563eb;text-decoration:none;transition:color .15s}ui-card-list-item .cli-inline-link:hover{color:#1d4ed8}@media(pointer:coarse),(max-width:480px){ui-card-list-item .cli-chip{min-height:44px;padding:4px 14px}}ui-card-list-item [card-stats]{display:flex;align-items:stretch;background:#f8fafc;border-top:1px solid #f1f5f9}ui-card-list-item [card-detail]{background:#f8fafc;border-top:1px solid #e2e8f0}ui-card-list-item .cli-stat{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 14px}ui-card-list-item .cli-stat-label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#64748b}ui-card-list-item .cli-stat-value{font-size:.9375rem;font-weight:600;color:#0f172a}ui-card-list-item .cli-stat-divider{width:1px;background:#e2e8f0;margin:8px 0}\n"]
+			styles: ["ui-card-list-item{position:relative;display:block;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;margin-bottom:8px}ui-card-list-item:last-child{margin-bottom:0}ui-card-list-item .cli-row{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;transition:background .12s}ui-card-list-item .cli-row:hover{background:#f8fafc}@media(prefers-reduced-motion:reduce){ui-card-list-item .cli-row{transition:none}}ui-card-list-item .cli-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:5px}ui-card-list-item .cli-dot:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}ui-card-list-item .cli-dot--high{background:#ef4444}ui-card-list-item .cli-dot--medium{background:#f59e0b}ui-card-list-item .cli-dot--low{background:#94a3b8}ui-card-list-item .cli-dot--blue{background:#3b82f6}ui-card-list-item .cli-dot--green{background:#22c55e}ui-card-list-item .cli-icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}ui-card-list-item .cli-icon-circle--call{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--email{background:#dcfce7;color:#16a34a}ui-card-list-item .cli-icon-circle--sms{background:#fef9c3;color:#ca8a04}ui-card-list-item .cli-icon-circle--task{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--doc{background:#ffedd5;color:#ea580c}ui-card-list-item .cli-icon-circle--money{background:#d1fae5;color:#059669}ui-card-list-item .cli-icon-circle--deal{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-icon-circle--survey{background:#dbeafe;color:#2563eb}ui-card-list-item .cli-icon-circle--property{background:#fef3c7;color:#d97706}ui-card-list-item .cli-icon-circle--search{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-icon-circle--heart{background:#fce7f3;color:#db2777}ui-card-list-item .cli-icon-circle--calc{background:#d1fae5;color:#059669}ui-card-list-item .cli-icon-circle--repeat{background:#e0f2fe;color:#0284c7}ui-card-list-item .cli-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere;word-break:break-word}ui-card-list-item .cli-badges{position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:6px;z-index:1}ui-card-list-item .cli-row--badges .cli-body{padding-right:96px}ui-card-list-item .cli-row--badges-2 .cli-body{padding-right:190px}ui-card-list-item .cli-row--badges .cli-chip{align-self:flex-end}ui-card-list-item .cli-row--badges-chip{box-sizing:border-box;min-height:76px}ui-card-list-item .cli-row--badges:has([card-list-action]){box-sizing:border-box;min-height:76px}@media(pointer:coarse),(max-width:480px){ui-card-list-item .cli-row--badges-chip{min-height:92px}ui-card-list-item .cli-row--badges:has([card-list-action]){min-height:92px}}ui-card-list-item .cli-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}ui-card-list-item .cli-title{font-size:.875rem;font-weight:600;color:#1e293b}ui-card-list-item .cli-desc-row{display:flex;align-items:center;gap:8px}ui-card-list-item .cli-desc-row:empty{display:none}ui-card-list-item .cli-description{font-size:.8125rem;color:#64748b;min-width:0}ui-card-list-item .cli-date{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#64748b}ui-card-list-item .cli-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;align-self:center;box-sizing:border-box;font-family:inherit;font-size:.8rem;font-weight:500;line-height:1.4;background:none;cursor:pointer;padding:4px 10px;border-radius:6px;text-decoration:none;transition:background .15s,color .15s,border-color .15s}ui-card-list-item .cli-chip--edit{color:#64748b;border:1px solid #e2e8f0}ui-card-list-item .cli-chip--edit:hover{background:#f1f5f9;color:#1e293b}ui-card-list-item .cli-chip--view{color:#2563eb;border:1px solid #dbeafe}ui-card-list-item .cli-chip--view:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}ui-card-list-item .cli-chip--action{color:#475569;border:1px solid #e2e8f0}ui-card-list-item .cli-chip--action:hover{background:#f1f5f9;color:#1e293b}ui-card-list-item .cli-chip--delete{position:relative;justify-content:center;width:28px;height:28px;padding:0;color:#b91c1c;border:1px solid #fecaca}ui-card-list-item .cli-chip--delete:hover{background:#fef2f2;border-color:#fca5a5;color:#991b1b}ui-card-list-item .cli-chip--delete:after{content:\"\";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}ui-card-list-item .cli-chip:focus-visible,ui-card-list-item .cli-inline-link:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}ui-card-list-item .cli-inline-link{flex-shrink:0;margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:500;color:#2563eb;text-decoration:none;transition:color .15s}ui-card-list-item .cli-inline-link:hover{color:#1d4ed8}@media(pointer:coarse),(max-width:480px){ui-card-list-item .cli-chip{min-height:44px;padding:4px 14px}ui-card-list-item .cli-chip--delete{min-height:28px;padding:0}}ui-card-list-item [card-stats]{display:flex;align-items:stretch;background:#f8fafc;border-top:1px solid #f1f5f9}ui-card-list-item [card-detail]{background:#f8fafc;border-top:1px solid #e2e8f0}ui-card-list-item .cli-stat{flex:1;display:flex;flex-direction:column;gap:2px;padding:10px 14px}ui-card-list-item .cli-stat-label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#64748b}ui-card-list-item .cli-stat-value{font-size:.9375rem;font-weight:600;color:#0f172a}ui-card-list-item .cli-stat-divider{width:1px;background:#e2e8f0;margin:8px 0}\n"]
 		}]
 	}],
 	propDecorators: {
@@ -27669,6 +28495,54 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		deletable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "deletable",
+				required: false
+			}]
+		}],
+		deleteLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "deleteLabel",
+				required: false
+			}]
+		}],
+		deleteTestId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "deleteTestId",
+				required: false
+			}]
+		}],
+		actionLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actionLabel",
+				required: false
+			}]
+		}],
+		actionTestId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actionTestId",
+				required: false
+			}]
+		}],
+		actionAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "actionAriaLabel",
+				required: false
+			}]
+		}],
 		editClick: [{
 			type: i0.Output,
 			args: ["editClick"]
@@ -27676,6 +28550,14 @@ i0.ɵɵngDeclareClassMetadata({
 		viewClick: [{
 			type: i0.Output,
 			args: ["viewClick"]
+		}],
+		delete: [{
+			type: i0.Output,
+			args: ["delete"]
+		}],
+		action: [{
+			type: i0.Output,
+			args: ["action"]
 		}]
 	}
 });
@@ -27756,26 +28638,44 @@ var NotesComponent = class NotesComponent {
 		return ((parts[0]?.[0] ?? "") + (parts.length > 1 ? parts[parts.length - 1][0] : "")).toUpperCase();
 	}
 	tooLong(text) {
-		return text.trim().length > NOTES_MAX_LENGTH;
+		return text.trim().length > this.maxLength();
 	}
 	validBody(text) {
 		const n = text.trim().length;
-		return n > 0 && n <= 1e4;
+		return n > 0 && n <= this.maxLength();
 	}
 	get listUrl() {
-		return `${this.apiBase}/notes/${this.resourceType()}/${this.resourceId()}`;
+		return this.basePath() ? `${this.apiBase}${this.basePath()}` : `${this.apiBase}/notes/${this.resourceType()}/${this.resourceId()}`;
+	}
+	noteUrl(id) {
+		return this.basePath() ? `${this.apiBase}${this.basePath()}/${id}` : `${this.apiBase}/notes/${id}`;
+	}
+	get ready() {
+		return !!this.basePath() || !!this.resourceType() && !!this.resourceId();
+	}
+	payload(text) {
+		return this.basePath() ? { content: text.trim() } : { body: text.trim() };
+	}
+	normalize(n) {
+		return {
+			...n,
+			body: n.body ?? n.content ?? "",
+			updatedAt: n.updatedAt ?? n.createdAt
+		};
 	}
 	constructor() {
 		this.resourceType = input("", ...ngDevMode ? [{ debugName: "resourceType" }] : /* istanbul ignore next */ []);
 		this.resourceId = input("", ...ngDevMode ? [{ debugName: "resourceId" }] : /* istanbul ignore next */ []);
+		this.basePath = input("", ...ngDevMode ? [{ debugName: "basePath" }] : /* istanbul ignore next */ []);
 		this.readOnly = input(false, ...ngDevMode ? [{ debugName: "readOnly" }] : /* istanbul ignore next */ []);
+		this.editable = input(true, ...ngDevMode ? [{ debugName: "editable" }] : /* istanbul ignore next */ []);
+		this.maxLength = input(NOTES_MAX_LENGTH, ...ngDevMode ? [{ debugName: "maxLength" }] : /* istanbul ignore next */ []);
 		this.totalChange = output();
 		this.http = inject(HttpClient);
 		this.toast = inject(ToastService);
 		this.destroyRef = inject(DestroyRef);
 		this.apiBase = inject(FORGEROUTE_CONFIG, { optional: true })?.baseUrl ?? "/api";
 		this.pageSize = NOTES_PAGE_SIZE;
-		this.maxLength = NOTES_MAX_LENGTH;
 		this.notes = signal([], ...ngDevMode ? [{ debugName: "notes" }] : /* istanbul ignore next */ []);
 		this.loading = signal(false, ...ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []);
 		this.saving = signal(false, ...ngDevMode ? [{ debugName: "saving" }] : /* istanbul ignore next */ []);
@@ -27788,16 +28688,16 @@ var NotesComponent = class NotesComponent {
 		effect(() => {
 			const id = this.resourceId();
 			const type = this.resourceType();
-			if (id && type) untracked(() => this.loadPage(0));
+			if (this.basePath() || id && type) untracked(() => this.loadPage(0));
 		});
 	}
 	loadPage(p) {
-		if (!this.resourceType() || !this.resourceId()) return;
+		if (!this.ready) return;
 		this.loading.set(true);
 		this.http.get(`${this.listUrl}?page=${p}&size=${this.pageSize}`).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
 			next: (res) => {
-				this.notes.set(res.content);
-				this.page.set(res.page);
+				this.notes.set(res.content.map((n) => this.normalize(n)));
+				this.page.set(res.page ?? res.number ?? p);
 				this.totalElements.set(res.totalElements);
 				this.loading.set(false);
 				this.totalChange.emit(res.totalElements);
@@ -27811,7 +28711,7 @@ var NotesComponent = class NotesComponent {
 	addNote() {
 		if (this.readOnly() || !this.validBody(this.newBody) || this.saving()) return;
 		this.saving.set(true);
-		this.http.post(this.listUrl, { body: this.newBody.trim() }).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+		this.http.post(this.listUrl, this.payload(this.newBody)).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
 			next: () => {
 				this.newBody = "";
 				this.saving.set(false);
@@ -27824,7 +28724,7 @@ var NotesComponent = class NotesComponent {
 		});
 	}
 	startEdit(note) {
-		if (this.readOnly()) return;
+		if (this.readOnly() || !this.editable()) return;
 		this.editingId.set(note.id);
 		this.editBody = note.body;
 	}
@@ -27833,11 +28733,11 @@ var NotesComponent = class NotesComponent {
 		this.editBody = "";
 	}
 	saveEdit(noteId) {
-		if (this.readOnly() || !this.validBody(this.editBody) || this.saving()) return;
+		if (this.readOnly() || !this.editable() || !this.validBody(this.editBody) || this.saving()) return;
 		this.saving.set(true);
-		this.http.put(`${this.apiBase}/notes/${noteId}`, { body: this.editBody.trim() }).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+		this.http.put(this.noteUrl(noteId), this.payload(this.editBody)).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
 			next: (updated) => {
-				this.notes.update((arr) => arr.map((n) => n.id === noteId ? updated : n));
+				this.notes.update((arr) => arr.map((n) => n.id === noteId ? this.normalize(updated) : n));
 				this.editingId.set(null);
 				this.saving.set(false);
 			},
@@ -27855,7 +28755,7 @@ var NotesComponent = class NotesComponent {
 		const id = this.deletingId();
 		if (this.readOnly() || !id || this.saving()) return;
 		this.saving.set(true);
-		this.http.delete(`${this.apiBase}/notes/${id}`).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
+		this.http.delete(this.noteUrl(id)).pipe(takeUntilDestroyed(this.destroyRef)).subscribe({
 			next: () => {
 				this.deletingId.set(null);
 				this.saving.set(false);
@@ -27900,12 +28800,33 @@ var NotesComponent = class NotesComponent {
 					isRequired: false,
 					transformFunction: null
 				},
+				basePath: {
+					classPropertyName: "basePath",
+					publicName: "basePath",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
 				readOnly: {
 					classPropertyName: "readOnly",
 					publicName: "readOnly",
 					isSignal: true,
 					isRequired: false,
 					transformFunction: null
+				},
+				editable: {
+					classPropertyName: "editable",
+					publicName: "editable",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				maxLength: {
+					classPropertyName: "maxLength",
+					publicName: "maxLength",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
 				}
 			},
 			outputs: { totalChange: "totalChange" },
@@ -27913,7 +28834,7 @@ var NotesComponent = class NotesComponent {
 			template: `
     @if (!readOnly()) {
       <div class="note-add">
-        <ui-textarea-input ariaLabel="Add a note" placeholder="Add a note..." [rows]="3" [maxlength]="maxLength" [showErrors]="tooLong(newBody)" [disabled]="saving()" [(ngModel)]="newBody"
+        <ui-textarea-input ariaLabel="Add a note" placeholder="Add a note..." [rows]="3" [maxlength]="maxLength()" [showErrors]="tooLong(newBody)" [disabled]="saving()" [(ngModel)]="newBody"
           (keydown.meta.enter)="addNote()" (keydown.control.enter)="addNote()" />
         <div class="note-add-footer">
           <ui-button variant="primary" size="sm" data-testid="note-add-btn" [loading]="saving()" [disabled]="!validBody(newBody)" (click)="addNote()">Add Note</ui-button>
@@ -27940,13 +28861,15 @@ var NotesComponent = class NotesComponent {
                 }
                 @if (!readOnly() && editingId() !== note.id) {
                   <div class="note-actions">
-                    <ui-icon name="edit" [size]="14" tooltip="Edit note" (iconClick)="startEdit(note)" />
+                    @if (editable()) {
+                      <ui-icon name="edit" [size]="14" tooltip="Edit note" (iconClick)="startEdit(note)" />
+                    }
                     <ui-icon name="delete" variant="danger" [size]="14" tooltip="Delete note" (iconClick)="confirmDelete(note.id)" />
                   </div>
                 }
               </div>
               @if (editingId() === note.id) {
-                <ui-textarea-input ariaLabel="Edit note" [rows]="3" [maxlength]="maxLength" [showErrors]="tooLong(editBody)" [disabled]="saving()" [(ngModel)]="editBody" />
+                <ui-textarea-input ariaLabel="Edit note" [rows]="3" [maxlength]="maxLength()" [showErrors]="tooLong(editBody)" [disabled]="saving()" [(ngModel)]="editBody" />
                 <div class="note-item-footer">
                   <ui-button variant="secondary" size="sm" (click)="cancelEdit()">Cancel</ui-button>
                   <ui-button variant="primary" size="sm" [loading]="saving()" [disabled]="!validBody(editBody)" (click)="saveEdit(note.id)">Save</ui-button>
@@ -28041,6 +28964,10 @@ var NotesComponent = class NotesComponent {
 						"dialogTestId",
 						"hideClose",
 						"closable",
+						"layout",
+						"closeOnBackdrop",
+						"closeOnEscape",
+						"busy",
 						"returnFocusTo"
 					],
 					outputs: ["close"]
@@ -28082,6 +29009,7 @@ var NotesComponent = class NotesComponent {
 						"required",
 						"readonly",
 						"hint",
+						"ariaDescribedBy",
 						"hintAsDescription",
 						"error",
 						"monospace",
@@ -28156,7 +29084,7 @@ i0.ɵɵngDeclareClassMetadata({
 			template: `
     @if (!readOnly()) {
       <div class="note-add">
-        <ui-textarea-input ariaLabel="Add a note" placeholder="Add a note..." [rows]="3" [maxlength]="maxLength" [showErrors]="tooLong(newBody)" [disabled]="saving()" [(ngModel)]="newBody"
+        <ui-textarea-input ariaLabel="Add a note" placeholder="Add a note..." [rows]="3" [maxlength]="maxLength()" [showErrors]="tooLong(newBody)" [disabled]="saving()" [(ngModel)]="newBody"
           (keydown.meta.enter)="addNote()" (keydown.control.enter)="addNote()" />
         <div class="note-add-footer">
           <ui-button variant="primary" size="sm" data-testid="note-add-btn" [loading]="saving()" [disabled]="!validBody(newBody)" (click)="addNote()">Add Note</ui-button>
@@ -28183,13 +29111,15 @@ i0.ɵɵngDeclareClassMetadata({
                 }
                 @if (!readOnly() && editingId() !== note.id) {
                   <div class="note-actions">
-                    <ui-icon name="edit" [size]="14" tooltip="Edit note" (iconClick)="startEdit(note)" />
+                    @if (editable()) {
+                      <ui-icon name="edit" [size]="14" tooltip="Edit note" (iconClick)="startEdit(note)" />
+                    }
                     <ui-icon name="delete" variant="danger" [size]="14" tooltip="Delete note" (iconClick)="confirmDelete(note.id)" />
                   </div>
                 }
               </div>
               @if (editingId() === note.id) {
-                <ui-textarea-input ariaLabel="Edit note" [rows]="3" [maxlength]="maxLength" [showErrors]="tooLong(editBody)" [disabled]="saving()" [(ngModel)]="editBody" />
+                <ui-textarea-input ariaLabel="Edit note" [rows]="3" [maxlength]="maxLength()" [showErrors]="tooLong(editBody)" [disabled]="saving()" [(ngModel)]="editBody" />
                 <div class="note-item-footer">
                   <ui-button variant="secondary" size="sm" (click)="cancelEdit()">Cancel</ui-button>
                   <ui-button variant="primary" size="sm" [loading]="saving()" [disabled]="!validBody(editBody)" (click)="saveEdit(note.id)">Save</ui-button>
@@ -28231,6 +29161,14 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		basePath: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "basePath",
+				required: false
+			}]
+		}],
 		readOnly: [{
 			type: i0.Input,
 			args: [{
@@ -28239,6 +29177,22 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		editable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "editable",
+				required: false
+			}]
+		}],
+		maxLength: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxLength",
+				required: false
+			}]
+		}],
 		totalChange: [{
 			type: i0.Output,
 			args: ["totalChange"]
@@ -33877,6 +34831,7 @@ var DateRangePickerComponent = class DateRangePickerComponent {
 						"min",
 						"max",
 						"hint",
+						"ariaDescribedBy",
 						"error",
 						"showErrors",
 						"disabled"
@@ -42252,6 +43207,10 @@ var ImageGalleryDialogComponent = class ImageGalleryDialogComponent {
 						"dialogTestId",
 						"hideClose",
 						"closable",
+						"layout",
+						"closeOnBackdrop",
+						"closeOnEscape",
+						"busy",
 						"returnFocusTo"
 					],
 					outputs: ["close"]
@@ -45220,6 +46179,7 @@ var SetupWizardComponent = class SetupWizardComponent {
 						"inputmode",
 						"readonly",
 						"hint",
+						"ariaDescribedBy",
 						"error",
 						"phoneFormat",
 						"min",
@@ -47279,6 +48239,7 @@ var EmailTemplateEditorComponent = class EmailTemplateEditorComponent {
 						"min",
 						"max",
 						"hint",
+						"ariaDescribedBy",
 						"error",
 						"showErrors",
 						"disabled"
@@ -47372,6 +48333,7 @@ var EmailTemplateEditorComponent = class EmailTemplateEditorComponent {
 						"valueType",
 						"required",
 						"hint",
+						"ariaDescribedBy",
 						"error",
 						"showErrors",
 						"size",
@@ -47432,6 +48394,7 @@ var EmailTemplateEditorComponent = class EmailTemplateEditorComponent {
 						"inputmode",
 						"readonly",
 						"hint",
+						"ariaDescribedBy",
 						"error",
 						"phoneFormat",
 						"min",
@@ -48203,6 +49166,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { ActionBarComponent, AlertComponent, AppShellComponent, AudioPlayerComponent, AvatarComponent, BADGE_VARIANT_STYLES, BadgeComponent, BarRowComponent, BoardCardDirective, BoardComponent, BulkMessagePanelComponent, BusinessHoursComponent, ButtonComponent, CalendarComponent, CardListItemComponent, CheckboxComponent, CheckboxTrailingDirective, ChipComponent, ChipGroupComponent, ColorInputComponent, ColumnFilterComponent, ColumnsComponent, ComboboxComponent, ConfirmOutletComponent, ConfirmService, ContactPickerComponent, DEFAULT_EMAIL_TEMPLATE_BLOCK_GROUPS, DEFAULT_EMAIL_TEMPLATE_VARIABLE_GROUPS, DEFAULT_PASSWORD_RULES, DROPDOWN_GROUP, DataTableComponent, DateInputComponent, DateRangePickerComponent, DatetimeInputComponent, DetailCardComponent, DiscountSelectorComponent, DividerComponent, DropdownComponent, EMAIL_BLOCK_DRAG_TYPE, EMAIL_TEMPLATE_MAX_BODY, EMAIL_TEMPLATE_MAX_TEXT, EMAIL_TEMPLATE_START_TEXT, EmailTemplateEditorComponent, EmptyStateComponent, ErrorComponent, ErrorStateComponent, FORGEROUTE_CONFIG, FadeComponent, FileInputComponent, FixedFooterComponent, FormColSpanDirective, FormComponent, FormRowComponent, FormSectionComponent, HintComponent, IDX_BEHAVIOR_SIGNALS, INTEGRATION_CATALOG, INTEGRATION_FIELD_DEFS, INTEGRATION_GROUP_ORDER, INTEGRATION_OPTION_DEFS, IconComponent, ImageComponent, ImageGalleryComponent, ImageGalleryDialogComponent, ImagePreviewComponent, ImageRepositionComponent, ImportExportComponent, ImportSourceGridComponent, KpiCardComponent, LAYOUT_GAP_PX, ListComponent, ListItemComponent, LiveRegionComponent, MAX_EMAIL_ADDRESS_LENGTH, ModalComponent, MoreMenuComponent, MultiSelectComponent, NOTES_MAX_LENGTH, NotesComponent, OptionCardComponent, PHONE_NUMBER_AREA_CODE_LENGTH, PHONE_NUMBER_ZIP_LENGTH, PageComponent, PaginationComponent, PanelInfoListComponent, PasswordRequirementsComponent, PdfHotspotComponent, PhoneNumberPickerComponent, PillTabsComponent, ProgressBarComponent, ProgressRingComponent, QrCodeComponent, QuickFilterTabsComponent, RICH_TEXT_OPTIONS, RadioComponent, RadioGroupComponent, RadioMatrixComponent, RadioOptionContentDirective, ReadonlyFieldsetComponent, RichTextEditorComponent, SEMANTIC_BADGE_MAP, SETUP_DONE_KEY, SETUP_INTEGRATIONS, SearchInputComponent, SectionHeaderComponent, SelectComponent, SetupWizardComponent, SetupWizardStepDirective, SetupWizardStepHeaderDirective, ShowComponent, SidePanelComponent, SidebarLayoutComponent, SignaturePadComponent, SkeletonComponent, StackComponent, StarComponent, StepperComponent, TableToolbarComponent, TextComponent, TextInputComponent, TextTemplatePickerComponent, TextareaInputComponent, TimeInputComponent, TimelineComponent, ToastComponent, ToastService, ToggleBadgeComponent, ToggleComponent, TooltipDirective, US_STATES, UiFieldValidity, acceptLabel, appShellGroupsStorageKey, autoVariant, blockHasContent, buildDefaultSchedule, buildPreviewDocument, buildVideoBlockHtml, builtInActionIcon, businessTimeOptions, createFieldReveal, decodeFilterValues, digitsOnly, downloadBlob, encodeFilterValue, encodeFilterValues, errorContextInterceptor, escapeHtml, fileMatchesAccept, formatAddress, formatCategoryLabel, formatCurrency, formatFileSize, formatIsoDate, formatIsoDateTime, formatTime, formatVideoDuration, getEligibleIds, getEligibleOptions, getErrorMessage, humanReadableMessage, iconPath, insideEditorBlock, integrationPlainText, integrationsForApp, integrationsOnlyFor, isBlockDrag, isValidEmailAddress, isWebUrl, isoKey, issueToErrors, maxLengthIssue, normalizeHexColor, parseBizHours, parseIso, parseTime, passwordMeetsRules, pluralize, provideForgerouteToast, reorderItems, requiredIssue, resolveLayoutGap, resolvePreset, serializeBizHours, serializedTextLength, setupIntegrations, splitIntro };
+export { ActionBarComponent, AlertComponent, AppShellComponent, AudioPlayerComponent, AvatarComponent, BADGE_VARIANT_STYLES, BadgeComponent, BankAccountFormComponent, BarRowComponent, BoardCardDirective, BoardComponent, BulkMessagePanelComponent, BusinessHoursComponent, ButtonComponent, CalendarComponent, CardListItemComponent, CheckboxComponent, CheckboxTrailingDirective, ChipComponent, ChipGroupComponent, ColorInputComponent, ColumnFilterComponent, ColumnsComponent, ComboboxComponent, ConfirmOutletComponent, ConfirmService, ContactPickerComponent, DEFAULT_BANK_ACCOUNT_TYPE_OPTIONS, DEFAULT_BANK_HOLDER_TYPE_OPTIONS, DEFAULT_BANK_MANDATE_TEXT, DEFAULT_EMAIL_TEMPLATE_BLOCK_GROUPS, DEFAULT_EMAIL_TEMPLATE_VARIABLE_GROUPS, DEFAULT_PASSWORD_RULES, DROPDOWN_GROUP, DataTableComponent, DateInputComponent, DateRangePickerComponent, DatetimeInputComponent, DetailCardComponent, DiscountSelectorComponent, DividerComponent, DropdownComponent, EMAIL_BLOCK_DRAG_TYPE, EMAIL_TEMPLATE_MAX_BODY, EMAIL_TEMPLATE_MAX_TEXT, EMAIL_TEMPLATE_START_TEXT, EmailTemplateEditorComponent, EmptyStateComponent, ErrorComponent, ErrorStateComponent, FORGEROUTE_CONFIG, FadeComponent, FileInputComponent, FixedFooterComponent, FormColSpanDirective, FormComponent, FormRowComponent, FormSectionComponent, HintComponent, IDX_BEHAVIOR_SIGNALS, INTEGRATION_CATALOG, INTEGRATION_FIELD_DEFS, INTEGRATION_GROUP_ORDER, INTEGRATION_OPTION_DEFS, IconComponent, ImageComponent, ImageGalleryComponent, ImageGalleryDialogComponent, ImagePreviewComponent, ImageRepositionComponent, ImportExportComponent, ImportSourceGridComponent, KpiCardComponent, LAYOUT_GAP_PX, ListComponent, ListItemComponent, LiveRegionComponent, MAX_EMAIL_ADDRESS_LENGTH, ModalComponent, MoreMenuComponent, MultiSelectComponent, NOTES_MAX_LENGTH, NotesComponent, OptionCardComponent, PHONE_NUMBER_AREA_CODE_LENGTH, PHONE_NUMBER_ZIP_LENGTH, PageComponent, PaginationComponent, PanelInfoListComponent, PasswordRequirementsComponent, PdfHotspotComponent, PhoneNumberPickerComponent, PillTabsComponent, ProgressBarComponent, ProgressRingComponent, QrCodeComponent, QuickFilterTabsComponent, RICH_TEXT_OPTIONS, RadioComponent, RadioGroupComponent, RadioMatrixComponent, RadioOptionContentDirective, ReadonlyFieldsetComponent, RichTextEditorComponent, SEMANTIC_BADGE_MAP, SETUP_DONE_KEY, SETUP_INTEGRATIONS, SearchInputComponent, SectionHeaderComponent, SelectComponent, SetupWizardComponent, SetupWizardStepDirective, SetupWizardStepHeaderDirective, ShowComponent, SidePanelComponent, SidebarLayoutComponent, SignaturePadComponent, SkeletonComponent, StackComponent, StarComponent, StepperComponent, TableToolbarComponent, TextComponent, TextInputComponent, TextTemplatePickerComponent, TextareaInputComponent, TimeInputComponent, TimelineComponent, ToastComponent, ToastService, ToggleBadgeComponent, ToggleComponent, TooltipDirective, US_STATES, UiFieldValidity, acceptLabel, appShellGroupsStorageKey, autoVariant, blockHasContent, buildDefaultSchedule, buildPreviewDocument, buildVideoBlockHtml, builtInActionIcon, businessTimeOptions, createFieldReveal, decodeFilterValues, digitsOnly, downloadBlob, encodeFilterValue, encodeFilterValues, errorContextInterceptor, escapeHtml, fileMatchesAccept, formatAddress, formatCategoryLabel, formatCurrency, formatFileSize, formatIsoDate, formatIsoDateTime, formatTime, formatVideoDuration, getEligibleIds, getEligibleOptions, getErrorMessage, humanReadableMessage, iconPath, insideEditorBlock, integrationPlainText, integrationsForApp, integrationsOnlyFor, isBlockDrag, isValidEmailAddress, isWebUrl, isoKey, issueToErrors, maxLengthIssue, mergeDescribedBy, normalizeHexColor, parseBizHours, parseIso, parseTime, passwordMeetsRules, pluralize, provideForgerouteToast, reorderItems, requiredIssue, resolveLayoutGap, resolvePreset, serializeBizHours, serializedTextLength, setupIntegrations, splitIntro };
 
 //# sourceMappingURL=forgeroute-ui.mjs.map