gravitas-ui 0.1.0

package/fesm2022/gravitas-ui.mjs

@@ -0,0 +1,3307 @@
+import * as i0 from '@angular/core';
+import { Input, ViewChild, ChangeDetectionStrategy, Component, EventEmitter, HostListener, HostBinding, Output, ViewEncapsulation, computed, Optional, Self, forwardRef, booleanAttribute, Injectable, inject, ElementRef, NgZone, DestroyRef, ContentChildren, Directive, signal, effect, createComponent, Inject } from '@angular/core';
+import { NgClass, CommonModule, NgFor, NgIf, AsyncPipe, DOCUMENT } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { BehaviorSubject } from 'rxjs';
+import { take } from 'rxjs/operators';
+
+class Button {
+    buttonElement;
+    /** Native button type attribute. */
+    type = 'button';
+    /** Visual style variant. Maps to Bootstrap variants (btn-*) with Gravitas styling. */
+    variant = 'primary';
+    /** Visual treatment independent from semantic variant. */
+    appearance = 'solid';
+    /** Size variant. Maps to Bootstrap size classes (btn-sm / btn-lg). */
+    size = 'md';
+    /** Disables the button. */
+    disabled = false;
+    /** Shows a busy state (disables button + shows spinner). */
+    loading = false;
+    /** If true, makes the button full width. */
+    fullWidth = false;
+    /** Optional label shown while loading (ex: "Saving..."). If empty, shows normal content. */
+    loadingText = '';
+    /** Extra CSS classes applied to the button element (ex: "mt-3 px-4"). */
+    className = '';
+    get nativeButton() {
+        return this.buttonElement?.nativeElement ?? null;
+    }
+    get isDisabled() {
+        return this.disabled || this.loading;
+    }
+    get btnClass() {
+        const sizeClass = this.size === 'md' ? '' : `btn-${this.size}`;
+        const disabledClass = this.isDisabled ? 'disabled' : '';
+        const widthClass = this.fullWidth ? 'w-100' : '';
+        const appearanceClass = `gv-button--appearance-${this.resolvedAppearance}`;
+        const variantClass = `gv-button--variant-${this.variant}`;
+        return [
+            'btn',
+            'gv-button',
+            sizeClass,
+            widthClass,
+            disabledClass,
+            appearanceClass,
+            variantClass,
+            this.className,
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    get resolvedAppearance() {
+        if (this.appearance === 'solid' && this.variant === 'link') {
+            return 'link';
+        }
+        return this.appearance;
+    }
+    focus() {
+        this.nativeButton?.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Button, isStandalone: true, selector: "gv-button", inputs: { type: "type", variant: "variant", appearance: "appearance", size: "size", disabled: "disabled", loading: "loading", fullWidth: "fullWidth", loadingText: "loadingText", className: "className" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["buttonElement"], descendants: true, static: true }], ngImport: i0, template: "<button\n  #buttonElement\n  [attr.type]=\"type\"\n  [class]=\"btnClass\"\n  [disabled]=\"isDisabled\"\n  [attr.aria-busy]=\"loading ? 'true' : null\"\n>\n  <!-- Left icon slot -->\n  <span class=\"gv-btn-icon gv-btn-icon--left\" aria-hidden=\"true\">\n    <ng-content select=\"[gvIconLeft]\"></ng-content>\n  </span>\n\n  <!-- Loading spinner -->\n  @if (loading) {\n    <span class=\"gv-button__spinner spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n  }\n\n  <!-- Label -->\n  @if (loading && loadingText) {\n    <span class=\"gv-btn-label\">{{ loadingText }}</span>\n  } @else {\n    <span class=\"gv-btn-label\">\n      <ng-content></ng-content>\n    </span>\n  }\n\n  <!-- Right icon slot -->\n  <span class=\"gv-btn-icon gv-btn-icon--right\" aria-hidden=\"true\">\n    <ng-content select=\"[gvIconRight]\"></ng-content>\n  </span>\n\n  @if (loading) {\n    <span class=\"visually-hidden\">Loading</span>\n  }\n</button>\n", styles: [".gv-button.btn{--gv-button-bg: var(--gv-surface, #ffffff);--gv-button-bg-hover: #f8fafc;--gv-button-border: var(--gv-border, #e2e8f0);--gv-button-border-hover: #cbd5e1;--gv-button-text: var(--gv-text-strong, #0f172a);--gv-button-shadow: var(--gv-btn-shadow);--gv-button-shadow-hover: var(--gv-btn-shadow-hover);display:inline-flex;align-items:center;justify-content:center;gap:var(--gv-btn-gap);min-height:var(--gv-btn-height-md);padding:var(--gv-btn-padding-y) var(--gv-btn-padding-x);border-width:1px;border-style:solid;border-radius:var(--gv-btn-radius-md-strong);border-color:var(--gv-button-border);background:var(--gv-button-bg);color:var(--gv-button-text);box-shadow:var(--gv-button-shadow);font-size:var(--gv-btn-font-size);font-weight:var(--gv-btn-font-weight);line-height:1.2;letter-spacing:.01em;text-decoration:none;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.gv-button.btn:hover:not(:disabled):not(.disabled){background:var(--gv-button-bg-hover);border-color:var(--gv-button-border-hover);color:var(--gv-button-text);box-shadow:var(--gv-button-shadow-hover);transform:translateY(-1px)}.gv-button.btn:active:not(:disabled):not(.disabled){transform:translateY(0);box-shadow:var(--gv-button-shadow)}.gv-button.btn:focus-visible{outline:none;border-color:#3b82f67a;box-shadow:var(--gv-button-shadow),var(--gv-ring, 0 0 0 4px rgba(96, 165, 250, .35))}.gv-button.btn-sm{min-height:var(--gv-btn-height-sm);padding:.45rem var(--gv-control-padding-x-sm);border-radius:var(--gv-btn-radius-sm);font-size:calc(var(--gv-control-font-size-sm) - .0625rem)}.gv-button.btn-lg{min-height:var(--gv-btn-height-lg);padding:.75rem calc(var(--gv-control-padding-x-lg) + .15rem);border-radius:var(--gv-btn-radius-lg-strong);font-size:var(--gv-control-font-size-md)}.gv-button--variant-primary{--gv-button-tone-bg: var(--gv-btn-primary-bg);--gv-button-tone-bg-hover: var(--gv-btn-primary-bg-hover);--gv-button-tone-border: var(--gv-btn-primary-border);--gv-button-tone-border-hover: var(--gv-btn-primary-border-hover);--gv-button-tone-text: var(--gv-btn-primary-text)}.gv-button--variant-secondary{--gv-button-tone-bg: var(--gv-btn-secondary-bg);--gv-button-tone-bg-hover: var(--gv-btn-secondary-bg-hover);--gv-button-tone-border: var(--gv-btn-secondary-border);--gv-button-tone-border-hover: var(--gv-btn-secondary-border-hover);--gv-button-tone-text: var(--gv-btn-secondary-text)}.gv-button--variant-success{--gv-button-tone-bg: var(--gv-btn-success-bg);--gv-button-tone-bg-hover: var(--gv-btn-success-bg-hover);--gv-button-tone-border: var(--gv-btn-success-border);--gv-button-tone-border-hover: var(--gv-btn-success-border-hover);--gv-button-tone-text: var(--gv-btn-success-text)}.gv-button--variant-danger{--gv-button-tone-bg: var(--gv-btn-danger-bg);--gv-button-tone-bg-hover: var(--gv-btn-danger-bg-hover);--gv-button-tone-border: var(--gv-btn-danger-border);--gv-button-tone-border-hover: var(--gv-btn-danger-border-hover);--gv-button-tone-text: var(--gv-btn-danger-text)}.gv-button--variant-warning{--gv-button-tone-bg: var(--gv-btn-warning-bg);--gv-button-tone-bg-hover: var(--gv-btn-warning-bg-hover);--gv-button-tone-border: var(--gv-btn-warning-border);--gv-button-tone-border-hover: var(--gv-btn-warning-border-hover);--gv-button-tone-text: var(--gv-btn-warning-text)}.gv-button--variant-info{--gv-button-tone-bg: var(--gv-btn-info-bg);--gv-button-tone-bg-hover: var(--gv-btn-info-bg-hover);--gv-button-tone-border: var(--gv-btn-info-border);--gv-button-tone-border-hover: var(--gv-btn-info-border-hover);--gv-button-tone-text: var(--gv-btn-info-text)}.gv-button--variant-light{--gv-button-tone-bg: var(--gv-btn-light-bg);--gv-button-tone-bg-hover: var(--gv-btn-light-bg-hover);--gv-button-tone-border: var(--gv-btn-light-border);--gv-button-tone-border-hover: var(--gv-btn-light-border-hover);--gv-button-tone-text: var(--gv-btn-light-text)}.gv-button--variant-dark{--gv-button-tone-bg: var(--gv-btn-dark-bg);--gv-button-tone-bg-hover: var(--gv-btn-dark-bg-hover);--gv-button-tone-border: var(--gv-btn-dark-border);--gv-button-tone-border-hover: var(--gv-btn-dark-border-hover);--gv-button-tone-text: var(--gv-btn-dark-text)}.gv-button--variant-link{--gv-button-tone-bg: transparent;--gv-button-tone-bg-hover: rgba(59, 130, 246, .08);--gv-button-tone-border: transparent;--gv-button-tone-border-hover: transparent;--gv-button-tone-text: var(--gv-accent, #2563eb)}.gv-button--appearance-solid{--gv-button-bg: var(--gv-button-tone-bg);--gv-button-bg-hover: var(--gv-button-tone-bg-hover);--gv-button-border: var(--gv-button-tone-border);--gv-button-border-hover: var(--gv-button-tone-border-hover);--gv-button-text: var(--gv-button-tone-text)}.gv-button--appearance-solid.gv-button--variant-primary,.gv-button--appearance-solid.gv-button--variant-dark{--gv-button-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 8px 18px rgba(37, 99, 235, .22);--gv-button-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .2), 0 10px 24px rgba(37, 99, 235, .28)}.gv-button--appearance-solid.gv-button--variant-dark{--gv-button-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px rgba(15, 23, 42, .22);--gv-button-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 28px rgba(15, 23, 42, .28)}.gv-button--appearance-soft{--gv-button-bg: color-mix(in srgb, var(--gv-button-tone-bg) 72%, white 28%);--gv-button-bg-hover: color-mix(in srgb, var(--gv-button-tone-bg-hover) 78%, white 22%);--gv-button-border: color-mix(in srgb, var(--gv-button-tone-border) 55%, white 45%);--gv-button-border-hover: color-mix(in srgb, var(--gv-button-tone-border-hover) 66%, white 34%);--gv-button-text: var(--gv-button-tone-text)}.gv-button--appearance-outline{--gv-button-bg: rgba(255, 255, 255, .94);--gv-button-bg-hover: color-mix(in srgb, var(--gv-button-tone-bg-hover) 18%, white 82%);--gv-button-border: color-mix(in srgb, var(--gv-button-tone-border) 72%, white 28%);--gv-button-border-hover: var(--gv-button-tone-border-hover);--gv-button-text: var(--gv-button-tone-text)}.gv-button--appearance-ghost{--gv-button-bg: transparent;--gv-button-bg-hover: color-mix(in srgb, var(--gv-button-tone-bg-hover) 14%, transparent 86%);--gv-button-border: transparent;--gv-button-border-hover: color-mix(in srgb, var(--gv-button-tone-border-hover) 22%, transparent 78%);--gv-button-text: var(--gv-button-tone-text);--gv-button-shadow: none;--gv-button-shadow-hover: none}.gv-button--appearance-link{--gv-button-bg: transparent;--gv-button-bg-hover: rgba(59, 130, 246, .08);--gv-button-border: transparent;--gv-button-border-hover: transparent;--gv-button-text: var(--gv-button-tone-text);--gv-button-shadow: none;--gv-button-shadow-hover: none;min-height:auto;padding:.125rem .25rem;border-radius:var(--gv-radius-md)}.gv-button.btn:disabled,.gv-button.btn.disabled{background:color-mix(in srgb,var(--gv-button-bg) 82%,white 18%);border-color:color-mix(in srgb,var(--gv-button-border) 72%,white 28%);color:color-mix(in srgb,var(--gv-button-text) 55%,white 45%);opacity:1;cursor:not-allowed;transform:none;box-shadow:none!important}.gv-button__spinner{margin-right:.1rem;vertical-align:-.125em}.gv-button .gv-btn-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex:0 0 auto}.gv-button .gv-btn-icon:empty{display:none}.gv-button .gv-btn-label{display:inline-flex;align-items:center;min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Button, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  #buttonElement\n  [attr.type]=\"type\"\n  [class]=\"btnClass\"\n  [disabled]=\"isDisabled\"\n  [attr.aria-busy]=\"loading ? 'true' : null\"\n>\n  <!-- Left icon slot -->\n  <span class=\"gv-btn-icon gv-btn-icon--left\" aria-hidden=\"true\">\n    <ng-content select=\"[gvIconLeft]\"></ng-content>\n  </span>\n\n  <!-- Loading spinner -->\n  @if (loading) {\n    <span class=\"gv-button__spinner spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n  }\n\n  <!-- Label -->\n  @if (loading && loadingText) {\n    <span class=\"gv-btn-label\">{{ loadingText }}</span>\n  } @else {\n    <span class=\"gv-btn-label\">\n      <ng-content></ng-content>\n    </span>\n  }\n\n  <!-- Right icon slot -->\n  <span class=\"gv-btn-icon gv-btn-icon--right\" aria-hidden=\"true\">\n    <ng-content select=\"[gvIconRight]\"></ng-content>\n  </span>\n\n  @if (loading) {\n    <span class=\"visually-hidden\">Loading</span>\n  }\n</button>\n", styles: [".gv-button.btn{--gv-button-bg: var(--gv-surface, #ffffff);--gv-button-bg-hover: #f8fafc;--gv-button-border: var(--gv-border, #e2e8f0);--gv-button-border-hover: #cbd5e1;--gv-button-text: var(--gv-text-strong, #0f172a);--gv-button-shadow: var(--gv-btn-shadow);--gv-button-shadow-hover: var(--gv-btn-shadow-hover);display:inline-flex;align-items:center;justify-content:center;gap:var(--gv-btn-gap);min-height:var(--gv-btn-height-md);padding:var(--gv-btn-padding-y) var(--gv-btn-padding-x);border-width:1px;border-style:solid;border-radius:var(--gv-btn-radius-md-strong);border-color:var(--gv-button-border);background:var(--gv-button-bg);color:var(--gv-button-text);box-shadow:var(--gv-button-shadow);font-size:var(--gv-btn-font-size);font-weight:var(--gv-btn-font-weight);line-height:1.2;letter-spacing:.01em;text-decoration:none;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.gv-button.btn:hover:not(:disabled):not(.disabled){background:var(--gv-button-bg-hover);border-color:var(--gv-button-border-hover);color:var(--gv-button-text);box-shadow:var(--gv-button-shadow-hover);transform:translateY(-1px)}.gv-button.btn:active:not(:disabled):not(.disabled){transform:translateY(0);box-shadow:var(--gv-button-shadow)}.gv-button.btn:focus-visible{outline:none;border-color:#3b82f67a;box-shadow:var(--gv-button-shadow),var(--gv-ring, 0 0 0 4px rgba(96, 165, 250, .35))}.gv-button.btn-sm{min-height:var(--gv-btn-height-sm);padding:.45rem var(--gv-control-padding-x-sm);border-radius:var(--gv-btn-radius-sm);font-size:calc(var(--gv-control-font-size-sm) - .0625rem)}.gv-button.btn-lg{min-height:var(--gv-btn-height-lg);padding:.75rem calc(var(--gv-control-padding-x-lg) + .15rem);border-radius:var(--gv-btn-radius-lg-strong);font-size:var(--gv-control-font-size-md)}.gv-button--variant-primary{--gv-button-tone-bg: var(--gv-btn-primary-bg);--gv-button-tone-bg-hover: var(--gv-btn-primary-bg-hover);--gv-button-tone-border: var(--gv-btn-primary-border);--gv-button-tone-border-hover: var(--gv-btn-primary-border-hover);--gv-button-tone-text: var(--gv-btn-primary-text)}.gv-button--variant-secondary{--gv-button-tone-bg: var(--gv-btn-secondary-bg);--gv-button-tone-bg-hover: var(--gv-btn-secondary-bg-hover);--gv-button-tone-border: var(--gv-btn-secondary-border);--gv-button-tone-border-hover: var(--gv-btn-secondary-border-hover);--gv-button-tone-text: var(--gv-btn-secondary-text)}.gv-button--variant-success{--gv-button-tone-bg: var(--gv-btn-success-bg);--gv-button-tone-bg-hover: var(--gv-btn-success-bg-hover);--gv-button-tone-border: var(--gv-btn-success-border);--gv-button-tone-border-hover: var(--gv-btn-success-border-hover);--gv-button-tone-text: var(--gv-btn-success-text)}.gv-button--variant-danger{--gv-button-tone-bg: var(--gv-btn-danger-bg);--gv-button-tone-bg-hover: var(--gv-btn-danger-bg-hover);--gv-button-tone-border: var(--gv-btn-danger-border);--gv-button-tone-border-hover: var(--gv-btn-danger-border-hover);--gv-button-tone-text: var(--gv-btn-danger-text)}.gv-button--variant-warning{--gv-button-tone-bg: var(--gv-btn-warning-bg);--gv-button-tone-bg-hover: var(--gv-btn-warning-bg-hover);--gv-button-tone-border: var(--gv-btn-warning-border);--gv-button-tone-border-hover: var(--gv-btn-warning-border-hover);--gv-button-tone-text: var(--gv-btn-warning-text)}.gv-button--variant-info{--gv-button-tone-bg: var(--gv-btn-info-bg);--gv-button-tone-bg-hover: var(--gv-btn-info-bg-hover);--gv-button-tone-border: var(--gv-btn-info-border);--gv-button-tone-border-hover: var(--gv-btn-info-border-hover);--gv-button-tone-text: var(--gv-btn-info-text)}.gv-button--variant-light{--gv-button-tone-bg: var(--gv-btn-light-bg);--gv-button-tone-bg-hover: var(--gv-btn-light-bg-hover);--gv-button-tone-border: var(--gv-btn-light-border);--gv-button-tone-border-hover: var(--gv-btn-light-border-hover);--gv-button-tone-text: var(--gv-btn-light-text)}.gv-button--variant-dark{--gv-button-tone-bg: var(--gv-btn-dark-bg);--gv-button-tone-bg-hover: var(--gv-btn-dark-bg-hover);--gv-button-tone-border: var(--gv-btn-dark-border);--gv-button-tone-border-hover: var(--gv-btn-dark-border-hover);--gv-button-tone-text: var(--gv-btn-dark-text)}.gv-button--variant-link{--gv-button-tone-bg: transparent;--gv-button-tone-bg-hover: rgba(59, 130, 246, .08);--gv-button-tone-border: transparent;--gv-button-tone-border-hover: transparent;--gv-button-tone-text: var(--gv-accent, #2563eb)}.gv-button--appearance-solid{--gv-button-bg: var(--gv-button-tone-bg);--gv-button-bg-hover: var(--gv-button-tone-bg-hover);--gv-button-border: var(--gv-button-tone-border);--gv-button-border-hover: var(--gv-button-tone-border-hover);--gv-button-text: var(--gv-button-tone-text)}.gv-button--appearance-solid.gv-button--variant-primary,.gv-button--appearance-solid.gv-button--variant-dark{--gv-button-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 8px 18px rgba(37, 99, 235, .22);--gv-button-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .2), 0 10px 24px rgba(37, 99, 235, .28)}.gv-button--appearance-solid.gv-button--variant-dark{--gv-button-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px rgba(15, 23, 42, .22);--gv-button-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 28px rgba(15, 23, 42, .28)}.gv-button--appearance-soft{--gv-button-bg: color-mix(in srgb, var(--gv-button-tone-bg) 72%, white 28%);--gv-button-bg-hover: color-mix(in srgb, var(--gv-button-tone-bg-hover) 78%, white 22%);--gv-button-border: color-mix(in srgb, var(--gv-button-tone-border) 55%, white 45%);--gv-button-border-hover: color-mix(in srgb, var(--gv-button-tone-border-hover) 66%, white 34%);--gv-button-text: var(--gv-button-tone-text)}.gv-button--appearance-outline{--gv-button-bg: rgba(255, 255, 255, .94);--gv-button-bg-hover: color-mix(in srgb, var(--gv-button-tone-bg-hover) 18%, white 82%);--gv-button-border: color-mix(in srgb, var(--gv-button-tone-border) 72%, white 28%);--gv-button-border-hover: var(--gv-button-tone-border-hover);--gv-button-text: var(--gv-button-tone-text)}.gv-button--appearance-ghost{--gv-button-bg: transparent;--gv-button-bg-hover: color-mix(in srgb, var(--gv-button-tone-bg-hover) 14%, transparent 86%);--gv-button-border: transparent;--gv-button-border-hover: color-mix(in srgb, var(--gv-button-tone-border-hover) 22%, transparent 78%);--gv-button-text: var(--gv-button-tone-text);--gv-button-shadow: none;--gv-button-shadow-hover: none}.gv-button--appearance-link{--gv-button-bg: transparent;--gv-button-bg-hover: rgba(59, 130, 246, .08);--gv-button-border: transparent;--gv-button-border-hover: transparent;--gv-button-text: var(--gv-button-tone-text);--gv-button-shadow: none;--gv-button-shadow-hover: none;min-height:auto;padding:.125rem .25rem;border-radius:var(--gv-radius-md)}.gv-button.btn:disabled,.gv-button.btn.disabled{background:color-mix(in srgb,var(--gv-button-bg) 82%,white 18%);border-color:color-mix(in srgb,var(--gv-button-border) 72%,white 28%);color:color-mix(in srgb,var(--gv-button-text) 55%,white 45%);opacity:1;cursor:not-allowed;transform:none;box-shadow:none!important}.gv-button__spinner{margin-right:.1rem;vertical-align:-.125em}.gv-button .gv-btn-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex:0 0 auto}.gv-button .gv-btn-icon:empty{display:none}.gv-button .gv-btn-label{display:inline-flex;align-items:center;min-width:0}\n"] }]
+        }], propDecorators: { buttonElement: [{
+                type: ViewChild,
+                args: ['buttonElement', { static: true }]
+            }], type: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
+            }], loadingText: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }] } });
+
+class Card {
+    title = null;
+    subtitle = null;
+    /** Force header on/off. null = auto (shows if title/subtitle/actions exist) */
+    showHeader = null;
+    /** Makes the card fill its container height */
+    fullHeight = false;
+    /** Enables hover/press styles + click behavior */
+    interactive = false;
+    /** Disables interactions (no hover, no click, no keyboard activation) */
+    disabled = false;
+    /** Extra classes (Bootstrap utilities etc.) */
+    className = '';
+    cardClick = new EventEmitter();
+    /** Accessibility: only focusable when interactive and not disabled */
+    get roleAttr() {
+        return this.interactive && !this.disabled ? 'button' : null;
+    }
+    get tabIndexAttr() {
+        return this.interactive && !this.disabled ? 0 : null;
+    }
+    get ariaDisabled() {
+        return this.interactive ? String(this.disabled) : null;
+    }
+    get hasHeader() {
+        if (this.showHeader === true)
+            return true;
+        if (this.showHeader === false)
+            return false;
+        // auto: show when there's title/subtitle OR projected actions slot exists
+        // We can't easily detect slot content without more complexity, so:
+        return !!this.title || !!this.subtitle;
+    }
+    get cardClass() {
+        const classes = [
+            'gv-card',
+            this.fullHeight ? 'h-100' : '',
+            this.interactive ? 'gv-card--interactive' : '',
+            this.disabled ? 'gv-card--disabled' : '',
+            this.className,
+        ];
+        return classes.filter(Boolean).join(' ');
+    }
+    onHostClick(event) {
+        if (!this.interactive || this.disabled)
+            return;
+        this.cardClick.emit(event);
+    }
+    onHostKeydown(event) {
+        if (!this.interactive || this.disabled)
+            return;
+        // Keyboard activation
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.cardClick.emit(event);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Card, isStandalone: true, selector: "gv-card", inputs: { title: "title", subtitle: "subtitle", showHeader: "showHeader", fullHeight: "fullHeight", interactive: "interactive", disabled: "disabled", className: "className" }, outputs: { cardClick: "cardClick" }, host: { listeners: { "click": "onHostClick($event)", "keydown": "onHostKeydown($event)" }, properties: { "attr.role": "this.roleAttr", "attr.tabindex": "this.tabIndexAttr", "attr.aria-disabled": "this.ariaDisabled" } }, ngImport: i0, template: "<div [class]=\"cardClass\">\n  @if (hasHeader) {\n    <div class=\"gv-card__header\">\n      <div class=\"gv-card__header-text\">\n        @if (title) {\n          <div class=\"gv-card__title\">{{ title }}</div>\n        }\n        @if (subtitle) {\n          <div class=\"gv-card__subtitle\">{{ subtitle }}</div>\n        }\n      </div>\n\n      <div class=\"gv-card__actions\">\n        <ng-content select=\"[gvCardActions]\"></ng-content>\n      </div>\n    </div>\n  }\n\n  <div class=\"gv-card__body\">\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"gv-card__footer\">\n    <ng-content select=\"[gvCardFooter]\"></ng-content>\n  </div>\n</div>\n", styles: [".gv-card{background:var(--gv-surface);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);box-shadow:var(--gv-shadow-sm);overflow:hidden}.gv-card__header{padding:var(--gv-space-3, 12px);border-bottom:1px solid var(--gv-border);display:flex;align-items:center;justify-content:space-between;gap:var(--gv-space-3, 12px)}.gv-card__title{font-weight:700;color:var(--gv-text-strong);font-size:14px;line-height:1.2}.gv-card__subtitle{margin-top:2px;font-size:12px;color:var(--gv-text-muted)}.gv-card__body{padding:var(--gv-space-3, 12px)}.gv-card__footer{padding:var(--gv-space-3, 12px);border-top:1px solid var(--gv-border)}.gv-card--interactive{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.gv-card--interactive:hover{transform:translateY(-1px);box-shadow:var(--gv-shadow-md);border-color:#3b82f659}.gv-card--interactive:active{transform:translateY(0);box-shadow:var(--gv-shadow-sm)}:host(:focus-visible) .gv-card--interactive{box-shadow:var(--gv-ring, 0 0 0 4px rgba(96, 165, 250, .35));border-color:#3b82f68c}.gv-card--disabled{cursor:not-allowed;opacity:.7}.gv-card--disabled:hover{transform:none;box-shadow:var(--gv-shadow-sm);border-color:var(--gv-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Card, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"cardClass\">\n  @if (hasHeader) {\n    <div class=\"gv-card__header\">\n      <div class=\"gv-card__header-text\">\n        @if (title) {\n          <div class=\"gv-card__title\">{{ title }}</div>\n        }\n        @if (subtitle) {\n          <div class=\"gv-card__subtitle\">{{ subtitle }}</div>\n        }\n      </div>\n\n      <div class=\"gv-card__actions\">\n        <ng-content select=\"[gvCardActions]\"></ng-content>\n      </div>\n    </div>\n  }\n\n  <div class=\"gv-card__body\">\n    <ng-content></ng-content>\n  </div>\n\n  <div class=\"gv-card__footer\">\n    <ng-content select=\"[gvCardFooter]\"></ng-content>\n  </div>\n</div>\n", styles: [".gv-card{background:var(--gv-surface);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);box-shadow:var(--gv-shadow-sm);overflow:hidden}.gv-card__header{padding:var(--gv-space-3, 12px);border-bottom:1px solid var(--gv-border);display:flex;align-items:center;justify-content:space-between;gap:var(--gv-space-3, 12px)}.gv-card__title{font-weight:700;color:var(--gv-text-strong);font-size:14px;line-height:1.2}.gv-card__subtitle{margin-top:2px;font-size:12px;color:var(--gv-text-muted)}.gv-card__body{padding:var(--gv-space-3, 12px)}.gv-card__footer{padding:var(--gv-space-3, 12px);border-top:1px solid var(--gv-border)}.gv-card--interactive{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.gv-card--interactive:hover{transform:translateY(-1px);box-shadow:var(--gv-shadow-md);border-color:#3b82f659}.gv-card--interactive:active{transform:translateY(0);box-shadow:var(--gv-shadow-sm)}:host(:focus-visible) .gv-card--interactive{box-shadow:var(--gv-ring, 0 0 0 4px rgba(96, 165, 250, .35));border-color:#3b82f68c}.gv-card--disabled{cursor:not-allowed;opacity:.7}.gv-card--disabled:hover{transform:none;box-shadow:var(--gv-shadow-sm);border-color:var(--gv-border)}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], showHeader: [{
+                type: Input
+            }], fullHeight: [{
+                type: Input
+            }], interactive: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], cardClick: [{
+                type: Output
+            }], roleAttr: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], tabIndexAttr: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], onHostClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onHostKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+let nextId$1 = 0;
+class FormField {
+    /** Visible label above the control */
+    label = null;
+    /** Optional supporting description shown between label and control */
+    description = null;
+    /** Shows a red asterisk next to label */
+    required = false;
+    /** Helper text (only shows when there is no error) */
+    helperText = null;
+    /** Error message (shows under the control) */
+    error = null;
+    /** Makes the field take full width */
+    fullWidth = false;
+    /**
+     * Use this to connect label->control and error/helper -> aria-describedby.
+     * Example: controlId="email"
+     */
+    controlId = `gv-ff-${++nextId$1}`;
+    /** Optional: set to false to hide the label visually (keeps layout consistent) */
+    showLabel = true;
+    get hostClass() {
+        return ['gv-form-field', this.fullWidth ? 'w-100' : ''].filter(Boolean).join(' ');
+    }
+    get describedById() {
+        return `${this.controlId}__desc`;
+    }
+    get labelId() {
+        return `${this.controlId}__label`;
+    }
+    get hasError() {
+        return !!(this.error && this.error.trim().length);
+    }
+    get hasHelper() {
+        return !!(this.helperText && this.helperText.trim().length);
+    }
+    get hasDescription() {
+        return !!(this.description && this.description.trim().length);
+    }
+    get describedByText() {
+        if (this.hasError)
+            return this.error.trim();
+        if (this.hasHelper)
+            return this.helperText.trim();
+        return '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: FormField, isStandalone: true, selector: "gv-form-field", inputs: { label: "label", description: "description", required: "required", helperText: "helperText", error: "error", fullWidth: "fullWidth", controlId: "controlId", showLabel: "showLabel" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<div class=\"gv-field\" [class.w-100]=\"fullWidth\">\n  @if (label && showLabel) {\n    <label class=\"gv-field__label\" [attr.for]=\"controlId\" [attr.id]=\"labelId\">\n      <span class=\"gv-field__label-text\">{{ label }}</span>\n\n      @if (required) {\n        <span class=\"gv-field__required\" aria-hidden=\"true\">*</span>\n      }\n    </label>\n  }\n\n  @if (hasDescription) {\n    <div class=\"gv-field__description\">\n      {{ description }}\n    </div>\n  }\n\n  <div class=\"gv-field__row\" [class.w-100]=\"fullWidth\">\n    <div class=\"gv-field__prefix\">\n      <ng-content select=\"[prefix]\"></ng-content>\n    </div>\n\n    <div class=\"gv-field__control\" [class.w-100]=\"fullWidth\">\n      <!-- Consumer control goes here (gv-input, gv-select, etc.) -->\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"gv-field__suffix\">\n      <ng-content select=\"[suffix]\"></ng-content>\n    </div>\n  </div>\n\n  @if (hasError || hasHelper) {\n    <div\n      class=\"gv-field__message\"\n      [class.gv-field__message--error]=\"hasError\"\n      [attr.id]=\"describedById\"\n    >\n      <!-- Use Bootstrap feedback styles but keep Gravitas class hooks -->\n      @if (hasError) {\n        <div class=\"gv-field__error\" role=\"alert\">\n          {{ error }}\n        </div>\n      } @else {\n        <div class=\"gv-field__helper\">\n          {{ helperText }}\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [":root{--gv-field-gap: .5rem;--gv-field-label-gap: .35rem;--gv-field-msg-gap: .35rem;--gv-field-label-size: .8125rem;--gv-field-label-weight: 700}html[data-gv-density=compact]{--gv-field-gap: .4rem;--gv-field-label-gap: .25rem;--gv-field-msg-gap: .25rem;--gv-field-label-size: .775rem}html[data-gv-density=spacious]{--gv-field-gap: .65rem;--gv-field-label-gap: .45rem;--gv-field-msg-gap: .45rem;--gv-field-label-size: .85rem}.gv-form-field{display:block}.gv-field{display:flex;flex-direction:column;gap:var(--gv-field-label-gap)}.gv-field__label{display:inline-flex;align-items:baseline;gap:.35rem;color:var(--gv-text-strong, #0f172a);font-weight:var(--gv-field-label-weight);font-size:var(--gv-field-label-size);line-height:1.2;margin:0}.gv-field__required{color:var(--gv-danger, #dc2626);font-weight:800}.gv-field__row{display:flex;align-items:center;gap:var(--gv-field-gap);min-width:0}.gv-field__description{margin:0;color:var(--gv-text-muted, #64748b);font-size:.8125rem;line-height:1.45}.gv-field__prefix,.gv-field__suffix{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--gv-text-muted, #64748b)}.gv-field__control{min-width:0;flex:1 1 auto}.gv-field__control>*{max-width:100%}.gv-field__message{margin-top:var(--gv-field-msg-gap)}.gv-field__helper{margin:0;color:var(--gv-text-muted, #64748b);font-size:.8125rem}.gv-field__error{margin:0;font-size:.8125rem;color:var(--gv-danger, #dc2626)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: FormField, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-form-field', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"gv-field\" [class.w-100]=\"fullWidth\">\n  @if (label && showLabel) {\n    <label class=\"gv-field__label\" [attr.for]=\"controlId\" [attr.id]=\"labelId\">\n      <span class=\"gv-field__label-text\">{{ label }}</span>\n\n      @if (required) {\n        <span class=\"gv-field__required\" aria-hidden=\"true\">*</span>\n      }\n    </label>\n  }\n\n  @if (hasDescription) {\n    <div class=\"gv-field__description\">\n      {{ description }}\n    </div>\n  }\n\n  <div class=\"gv-field__row\" [class.w-100]=\"fullWidth\">\n    <div class=\"gv-field__prefix\">\n      <ng-content select=\"[prefix]\"></ng-content>\n    </div>\n\n    <div class=\"gv-field__control\" [class.w-100]=\"fullWidth\">\n      <!-- Consumer control goes here (gv-input, gv-select, etc.) -->\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"gv-field__suffix\">\n      <ng-content select=\"[suffix]\"></ng-content>\n    </div>\n  </div>\n\n  @if (hasError || hasHelper) {\n    <div\n      class=\"gv-field__message\"\n      [class.gv-field__message--error]=\"hasError\"\n      [attr.id]=\"describedById\"\n    >\n      <!-- Use Bootstrap feedback styles but keep Gravitas class hooks -->\n      @if (hasError) {\n        <div class=\"gv-field__error\" role=\"alert\">\n          {{ error }}\n        </div>\n      } @else {\n        <div class=\"gv-field__helper\">\n          {{ helperText }}\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [":root{--gv-field-gap: .5rem;--gv-field-label-gap: .35rem;--gv-field-msg-gap: .35rem;--gv-field-label-size: .8125rem;--gv-field-label-weight: 700}html[data-gv-density=compact]{--gv-field-gap: .4rem;--gv-field-label-gap: .25rem;--gv-field-msg-gap: .25rem;--gv-field-label-size: .775rem}html[data-gv-density=spacious]{--gv-field-gap: .65rem;--gv-field-label-gap: .45rem;--gv-field-msg-gap: .45rem;--gv-field-label-size: .85rem}.gv-form-field{display:block}.gv-field{display:flex;flex-direction:column;gap:var(--gv-field-label-gap)}.gv-field__label{display:inline-flex;align-items:baseline;gap:.35rem;color:var(--gv-text-strong, #0f172a);font-weight:var(--gv-field-label-weight);font-size:var(--gv-field-label-size);line-height:1.2;margin:0}.gv-field__required{color:var(--gv-danger, #dc2626);font-weight:800}.gv-field__row{display:flex;align-items:center;gap:var(--gv-field-gap);min-width:0}.gv-field__description{margin:0;color:var(--gv-text-muted, #64748b);font-size:.8125rem;line-height:1.45}.gv-field__prefix,.gv-field__suffix{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--gv-text-muted, #64748b)}.gv-field__control{min-width:0;flex:1 1 auto}.gv-field__control>*{max-width:100%}.gv-field__message{margin-top:var(--gv-field-msg-gap)}.gv-field__helper{margin:0;color:var(--gv-text-muted, #64748b);font-size:.8125rem}.gv-field__error{margin:0;font-size:.8125rem;color:var(--gv-danger, #dc2626)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
+            }], controlId: [{
+                type: Input
+            }], showLabel: [{
+                type: Input
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class InputComponent {
+    ngControl;
+    generatedId = `gv-input-${Math.random().toString(16).slice(2)}`;
+    id;
+    label;
+    placeholder = '';
+    hint;
+    set helperText(value) {
+        this.hint = value;
+    }
+    /** If set, overrides control-based validation UI */
+    error;
+    type = 'text';
+    size = 'md';
+    disabled = false;
+    readonly = false;
+    /** Bootstrap utilities */
+    className = '';
+    /** Show required asterisk (doesn't enforce validation) */
+    required = false;
+    /** Optional projected "prefix" / "suffix" areas */
+    hasPrefix = false;
+    hasSuffix = false;
+    // ---- forms glue (Reactive + Template-driven) ----
+    value = null;
+    onChange = () => { };
+    onTouched = () => { };
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+        if (this.ngControl)
+            this.ngControl.valueAccessor = this;
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    // --- computed state ---
+    control = computed(() => this.ngControl?.control ?? null, ...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    isInvalid = computed(() => {
+        if (this.error)
+            return true;
+        const c = this.control();
+        return !!c && c.invalid && (c.dirty || c.touched);
+    }, ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
+    get inputId() {
+        return this.id ?? this.generatedId;
+    }
+    get describedBy() {
+        return this.fieldHelperText || this.errorText ? `${this.inputId}__desc` : '';
+    }
+    get fieldHelperText() {
+        return !this.isInvalid() && this.hint ? this.hint : null;
+    }
+    get isDateLike() {
+        return this.type === 'date' || this.type === 'datetime-local';
+    }
+    get inputClasses() {
+        const sizeClass = this.size === 'md' ? '' : `form-control-${this.size}`;
+        return ['form-control', sizeClass, this.isInvalid() ? 'is-invalid' : '', this.className]
+            .filter(Boolean)
+            .join(' ');
+    }
+    get errorText() {
+        if (this.error)
+            return this.error;
+        const c = this.ngControl?.control;
+        if (!c)
+            return null;
+        const show = c.invalid && (c.touched || c.dirty);
+        if (!show)
+            return null;
+        const e = c.errors ?? {};
+        if (e['required'])
+            return 'This field is required.';
+        if (e['minlength'])
+            return `Must be at least ${e['minlength'].requiredLength} characters long.`;
+        if (e['maxlength'])
+            return `Must be at most ${e['maxlength'].requiredLength} characters long.`;
+        if (e['email'])
+            return 'Please enter a valid email address.';
+        return 'Invalid value.';
+    }
+    // DOM event handlers
+    handleInput(value) {
+        const casted = this.type === 'number' ? (value === '' ? null : Number(value)) : value;
+        this.value = casted;
+        this.onChange(casted);
+    }
+    handleBlur() {
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: InputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: InputComponent, isStandalone: true, selector: "gv-input", inputs: { id: "id", label: "label", placeholder: "placeholder", hint: "hint", helperText: "helperText", error: "error", type: "type", size: "size", disabled: "disabled", readonly: "readonly", className: "className", required: "required", hasPrefix: "hasPrefix", hasSuffix: "hasSuffix" }, ngImport: i0, template: "<gv-form-field\n  [label]=\"label ?? null\"\n  [required]=\"required\"\n  [helperText]=\"fieldHelperText\"\n  [error]=\"errorText\"\n  [controlId]=\"inputId\"\n>\n  <div\n    class=\"gv-inputwrap\"\n    [ngClass]=\"{\n      'gv-inputwrap--prefix': hasPrefix,\n      'gv-inputwrap--suffix': hasSuffix,\n    }\"\n  >\n    @if (hasPrefix) {\n      <div class=\"gv-affix gv-affix--prefix\">\n        <ng-content select=\"[gvPrefix]\"></ng-content>\n      </div>\n    }\n\n    <input\n      [id]=\"inputId\"\n      [attr.type]=\"type\"\n      [attr.placeholder]=\"placeholder\"\n      [class]=\"inputClasses\"\n      [disabled]=\"disabled\"\n      [readOnly]=\"readonly\"\n      [attr.aria-invalid]=\"isInvalid() ? 'true' : 'false'\"\n      [attr.aria-describedby]=\"describedBy\"\n      [value]=\"value ?? ''\"\n      (input)=\"handleInput($any($event.target).value)\"\n      (blur)=\"handleBlur()\"\n    />\n\n    @if (hasSuffix || isDateLike) {\n      <div class=\"gv-affix gv-affix--suffix\">\n        @if (hasSuffix) {\n          <ng-content select=\"[gvSuffix]\"></ng-content>\n        } @else {\n          <span class=\"gv-dateicon\" aria-hidden=\"true\">\uD83D\uDCC5</span>\n        }\n      </div>\n    }\n  </div>\n</gv-form-field>\n", styles: [".gv-inputwrap{position:relative;display:flex;align-items:stretch}.gv-affix{display:inline-flex;align-items:center;min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-md);border:1px solid var(--gv-field-border);background:var(--gv-surface-subtle);color:var(--gv-text-muted);font-size:calc(var(--gv-control-font-size-sm) - .0625rem)}.gv-affix--prefix{border-right:none;border-top-left-radius:var(--gv-control-radius-md);border-bottom-left-radius:var(--gv-control-radius-md)}.gv-affix--suffix{border-left:none;border-top-right-radius:var(--gv-control-radius-md);border-bottom-right-radius:var(--gv-control-radius-md)}.gv-inputwrap--prefix input.form-control{border-top-left-radius:0;border-bottom-left-radius:0}.gv-inputwrap--suffix input.form-control{border-top-right-radius:0;border-bottom-right-radius:0}input.form-control{min-height:var(--gv-control-height-md);border-color:var(--gv-field-border);border-radius:var(--gv-control-radius-md);background:var(--gv-field-bg);color:var(--gv-text);box-shadow:var(--gv-field-shadow)}input.form-control::placeholder{color:var(--gv-field-placeholder)}input.form-control:hover:not(:disabled):not([readonly]){border-color:var(--gv-field-border-hover)}input.form-control:focus{border-color:#3b82f68c;box-shadow:var(--gv-ring)}input.form-control[type=date],input.form-control[type=datetime-local]{padding-right:12px}.gv-dateicon{display:inline-flex;align-items:center;justify-content:center;opacity:.7}.gv-affix--suffix{min-width:var(--gv-control-height-md);justify-content:center}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: FormField, selector: "gv-form-field", inputs: ["label", "description", "required", "helperText", "error", "fullWidth", "controlId", "showLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-input', standalone: true, imports: [NgClass, FormField], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gv-form-field\n  [label]=\"label ?? null\"\n  [required]=\"required\"\n  [helperText]=\"fieldHelperText\"\n  [error]=\"errorText\"\n  [controlId]=\"inputId\"\n>\n  <div\n    class=\"gv-inputwrap\"\n    [ngClass]=\"{\n      'gv-inputwrap--prefix': hasPrefix,\n      'gv-inputwrap--suffix': hasSuffix,\n    }\"\n  >\n    @if (hasPrefix) {\n      <div class=\"gv-affix gv-affix--prefix\">\n        <ng-content select=\"[gvPrefix]\"></ng-content>\n      </div>\n    }\n\n    <input\n      [id]=\"inputId\"\n      [attr.type]=\"type\"\n      [attr.placeholder]=\"placeholder\"\n      [class]=\"inputClasses\"\n      [disabled]=\"disabled\"\n      [readOnly]=\"readonly\"\n      [attr.aria-invalid]=\"isInvalid() ? 'true' : 'false'\"\n      [attr.aria-describedby]=\"describedBy\"\n      [value]=\"value ?? ''\"\n      (input)=\"handleInput($any($event.target).value)\"\n      (blur)=\"handleBlur()\"\n    />\n\n    @if (hasSuffix || isDateLike) {\n      <div class=\"gv-affix gv-affix--suffix\">\n        @if (hasSuffix) {\n          <ng-content select=\"[gvSuffix]\"></ng-content>\n        } @else {\n          <span class=\"gv-dateicon\" aria-hidden=\"true\">\uD83D\uDCC5</span>\n        }\n      </div>\n    }\n  </div>\n</gv-form-field>\n", styles: [".gv-inputwrap{position:relative;display:flex;align-items:stretch}.gv-affix{display:inline-flex;align-items:center;min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-md);border:1px solid var(--gv-field-border);background:var(--gv-surface-subtle);color:var(--gv-text-muted);font-size:calc(var(--gv-control-font-size-sm) - .0625rem)}.gv-affix--prefix{border-right:none;border-top-left-radius:var(--gv-control-radius-md);border-bottom-left-radius:var(--gv-control-radius-md)}.gv-affix--suffix{border-left:none;border-top-right-radius:var(--gv-control-radius-md);border-bottom-right-radius:var(--gv-control-radius-md)}.gv-inputwrap--prefix input.form-control{border-top-left-radius:0;border-bottom-left-radius:0}.gv-inputwrap--suffix input.form-control{border-top-right-radius:0;border-bottom-right-radius:0}input.form-control{min-height:var(--gv-control-height-md);border-color:var(--gv-field-border);border-radius:var(--gv-control-radius-md);background:var(--gv-field-bg);color:var(--gv-text);box-shadow:var(--gv-field-shadow)}input.form-control::placeholder{color:var(--gv-field-placeholder)}input.form-control:hover:not(:disabled):not([readonly]){border-color:var(--gv-field-border-hover)}input.form-control:focus{border-color:#3b82f68c;box-shadow:var(--gv-ring)}input.form-control[type=date],input.form-control[type=datetime-local]{padding-right:12px}.gv-dateicon{display:inline-flex;align-items:center;justify-content:center;opacity:.7}.gv-affix--suffix{min-width:var(--gv-control-height-md);justify-content:center}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }], propDecorators: { id: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], helperText: [{
+                type: Input,
+                args: [{ alias: 'helperText' }]
+            }], error: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], hasPrefix: [{
+                type: Input
+            }], hasSuffix: [{
+                type: Input
+            }] } });
+
+class Select {
+    host;
+    generatedId = `gv-select-${Math.random().toString(16).slice(2)}`;
+    // --- UI ---
+    id;
+    label = '';
+    helperText = '';
+    placeholder = 'Select...';
+    error = null;
+    required = false;
+    size = 'md';
+    fullWidth = false;
+    className = '';
+    // --- Behavior ---
+    multiple = false;
+    searchable = false;
+    searchPlaceholder = 'Search...';
+    noResultsText = 'No results found';
+    clearable = false;
+    compareWith;
+    // --- Data ---
+    options = [];
+    loading = false;
+    loadingText = 'Loading...';
+    // --- State ---
+    value = null;
+    disabled = false;
+    isOpen = false;
+    searchTerm = '';
+    onChange = () => { };
+    onTouched = () => { };
+    valueMap = new Map();
+    constructor(host) {
+        this.host = host;
+    }
+    get hostFullWidth() {
+        return this.fullWidth;
+    }
+    ngOnChanges(changes) {
+        this.rebuildValueMap();
+        if (changes['multiple']) {
+            this.normalizeValueForMode();
+        }
+    }
+    writeValue(value) {
+        this.value = value;
+        this.normalizeValueForMode();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    rebuildValueMap() {
+        this.valueMap.clear();
+        for (const [index, opt] of (this.options ?? []).entries()) {
+            this.valueMap.set(this.getOptionKey(index), opt.value);
+        }
+    }
+    getOptionKey(index) {
+        return `gv-select-option-${index}`;
+    }
+    normalizeValueForMode() {
+        if (this.multiple) {
+            if (this.value == null) {
+                this.value = [];
+            }
+            else if (!Array.isArray(this.value)) {
+                this.value = [this.value];
+            }
+        }
+        else {
+            if (Array.isArray(this.value)) {
+                this.value = this.value.length ? this.value[0] : null;
+            }
+        }
+    }
+    stringifyValue(v) {
+        return v === null || v === undefined ? '' : String(v);
+    }
+    sameValue(a, b) {
+        if (a == null && b == null)
+            return true;
+        if (a == null || b == null)
+            return false;
+        if (this.compareWith) {
+            return this.compareWith(a, b);
+        }
+        return this.stringifyValue(a) === this.stringifyValue(b);
+    }
+    isSelected(v) {
+        if (this.multiple) {
+            return Array.isArray(this.value) && this.value.some((x) => this.sameValue(x, v));
+        }
+        return this.value !== null && !Array.isArray(this.value) && this.sameValue(this.value, v);
+    }
+    isOptionDisabled(opt) {
+        return !!opt.disabled || this.disabled || this.loading;
+    }
+    get filteredOptions() {
+        const term = this.searchTerm.trim().toLowerCase();
+        if (!term)
+            return this.options ?? [];
+        return (this.options ?? []).filter((opt) => opt.label.toLowerCase().includes(term));
+    }
+    get selectedOptions() {
+        return (this.options ?? []).filter((opt) => this.isSelected(opt.value));
+    }
+    get displayLabel() {
+        if (this.multiple) {
+            const selected = this.selectedOptions;
+            if (!selected.length)
+                return this.placeholder;
+            if (selected.length <= 2)
+                return selected.map((x) => x.label).join(', ');
+            return `${selected.length} selected`;
+        }
+        const selected = (this.options ?? []).find((opt) => this.isSelected(opt.value));
+        return selected?.label || this.placeholder;
+    }
+    get useCustomDropdown() {
+        return this.multiple || this.searchable;
+    }
+    get controlId() {
+        return this.id ?? this.generatedId;
+    }
+    get labelId() {
+        return this.label ? `${this.controlId}__label` : null;
+    }
+    get helperTextId() {
+        return this.helperText && !this.error ? `${this.controlId}__desc` : null;
+    }
+    get errorId() {
+        return this.error ? `${this.controlId}__desc` : null;
+    }
+    get describedBy() {
+        return this.errorId ?? this.helperTextId;
+    }
+    get selectClass() {
+        const sizeClass = this.size === 'md' ? '' : `form-select-${this.size}`;
+        const invalidClass = this.error ? 'is-invalid' : '';
+        const widthClass = this.fullWidth ? 'w-100' : '';
+        return ['form-select', sizeClass, invalidClass, widthClass, this.className]
+            .filter(Boolean)
+            .join(' ');
+    }
+    get triggerClass() {
+        const invalidClass = this.error ? 'is-invalid' : '';
+        const widthClass = this.fullWidth ? 'w-100' : '';
+        return ['gv-select-trigger', invalidClass, widthClass, this.className]
+            .filter(Boolean)
+            .join(' ');
+    }
+    // --- Native single select mode ---
+    handleNativeChange(event) {
+        const raw = event.target.value;
+        if (raw === '') {
+            this.value = null;
+            this.onChange(null);
+            return;
+        }
+        const mapped = this.valueMap.get(raw) ?? raw;
+        this.value = mapped;
+        this.onChange(mapped);
+    }
+    // --- Custom dropdown mode ---
+    toggleOpen() {
+        if (this.disabled || this.loading)
+            return;
+        this.isOpen = !this.isOpen;
+        if (!this.isOpen) {
+            this.searchTerm = '';
+            this.onTouched();
+        }
+    }
+    open() {
+        if (this.disabled || this.loading)
+            return;
+        this.isOpen = true;
+    }
+    close() {
+        this.isOpen = false;
+        this.searchTerm = '';
+        this.onTouched();
+    }
+    selectOption(opt) {
+        if (this.isOptionDisabled(opt))
+            return;
+        if (this.multiple) {
+            const current = Array.isArray(this.value) ? [...this.value] : [];
+            const exists = current.some((v) => this.sameValue(v, opt.value));
+            this.value = exists
+                ? current.filter((v) => !this.sameValue(v, opt.value))
+                : [...current, opt.value];
+            this.onChange(this.value);
+            return;
+        }
+        this.value = opt.value;
+        this.onChange(opt.value);
+        this.close();
+    }
+    removeSelected(opt, event) {
+        event?.stopPropagation();
+        if (!this.multiple || !Array.isArray(this.value))
+            return;
+        this.value = this.value.filter((v) => !this.sameValue(v, opt.value));
+        this.onChange(this.value);
+    }
+    clear(event) {
+        event?.stopPropagation();
+        this.value = this.multiple ? [] : null;
+        this.onChange(this.value);
+    }
+    trackByIndex(index) {
+        return index;
+    }
+    trackByValue = (_, opt) => this.stringifyValue(opt.value);
+    handleBlur() {
+        this.onTouched();
+    }
+    onDocumentClick(event) {
+        if (!this.host.nativeElement.contains(event.target) && this.isOpen) {
+            this.close();
+        }
+    }
+    onEscape() {
+        if (this.isOpen)
+            this.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Select, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Select, isStandalone: true, selector: "gv-select", inputs: { id: "id", label: "label", helperText: "helperText", placeholder: "placeholder", error: "error", required: "required", size: "size", fullWidth: "fullWidth", className: "className", multiple: "multiple", searchable: "searchable", searchPlaceholder: "searchPlaceholder", noResultsText: "noResultsText", clearable: "clearable", compareWith: "compareWith", options: "options", loading: "loading", loadingText: "loadingText", disabled: "disabled" }, host: { listeners: { "document:click": "onDocumentClick($event)", "document:keydown.escape": "onEscape()" }, properties: { "class.w-100": "this.hostFullWidth" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => Select),
+                multi: true,
+            },
+        ], usesOnChanges: true, ngImport: i0, template: "<gv-form-field\n  [label]=\"label || null\"\n  [required]=\"required\"\n  [helperText]=\"!error ? helperText : null\"\n  [error]=\"error\"\n  [controlId]=\"controlId\"\n  [fullWidth]=\"fullWidth\"\n>\n  <div class=\"gv-field__control\" [class.w-100]=\"fullWidth\">\n    <div class=\"gv-select-wrap\" [class.w-100]=\"fullWidth\">\n      @if (!useCustomDropdown) {\n        <select\n          [id]=\"controlId\"\n          [class]=\"selectClass\"\n          [disabled]=\"disabled || loading\"\n          (blur)=\"handleBlur()\"\n          (change)=\"handleNativeChange($event)\"\n          [attr.aria-invalid]=\"!!error\"\n          [attr.aria-describedby]=\"describedBy\"\n        >\n          <option [value]=\"''\" [disabled]=\"required\">\n            {{ loading ? loadingText : placeholder }}\n          </option>\n\n          @for (opt of options; track trackByValue($index, opt)) {\n            <option\n              [value]=\"getOptionKey($index)\"\n              [selected]=\"isSelected(opt.value)\"\n              [disabled]=\"opt.disabled\"\n            >\n              {{ opt.label }}\n            </option>\n          }\n        </select>\n      } @else {\n        <div class=\"gv-select-custom\" [class.w-100]=\"fullWidth\">\n          <button\n            type=\"button\"\n            [id]=\"controlId\"\n            [class]=\"triggerClass\"\n            [disabled]=\"disabled || loading\"\n            (click)=\"toggleOpen()\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-invalid]=\"!!error\"\n            [attr.aria-labelledby]=\"labelId ? labelId + ' ' + controlId : null\"\n            [attr.aria-describedby]=\"describedBy\"\n            [attr.aria-haspopup]=\"'listbox'\"\n            [attr.role]=\"'combobox'\"\n          >\n            <div class=\"gv-select-trigger__content\">\n              @if (multiple && selectedOptions.length) {\n                <div class=\"gv-select-chips\">\n                  @for (opt of selectedOptions; track trackByValue($index, opt)) {\n                    <span class=\"gv-select-chip\">\n                      {{ opt.label }}\n                      <button\n                        type=\"button\"\n                        class=\"gv-select-chip__remove\"\n                        (click)=\"removeSelected(opt, $event)\"\n                        [disabled]=\"disabled || loading\"\n                        aria-label=\"Remove\"\n                      >\n                        \u00D7\n                      </button>\n                    </span>\n                  }\n                </div>\n              } @else {\n                <span\n                  class=\"gv-select-trigger__text\"\n                  [class.gv-select-trigger__placeholder]=\"!selectedOptions.length\"\n                >\n                  {{ loading ? loadingText : displayLabel }}\n                </span>\n              }\n            </div>\n\n            <div class=\"gv-select-trigger__actions\">\n              @if (clearable && selectedOptions.length) {\n                <button\n                  type=\"button\"\n                  class=\"gv-select-clear\"\n                  (click)=\"clear($event)\"\n                  [disabled]=\"disabled || loading\"\n                  aria-label=\"Clear\"\n                >\n                  \u00D7\n                </button>\n              }\n              <span class=\"gv-select-caret\">\u25BE</span>\n            </div>\n          </button>\n\n          @if (isOpen) {\n            <div class=\"gv-select-panel\">\n              @if (searchable) {\n                <div class=\"gv-select-search\">\n                  <input\n                    type=\"text\"\n                    class=\"form-control\"\n                    [value]=\"searchTerm\"\n                    [placeholder]=\"searchPlaceholder\"\n                    (input)=\"searchTerm = $any($event.target).value\"\n                  />\n                </div>\n              }\n\n              <div class=\"gv-select-options\">\n                @if (filteredOptions.length) {\n                  @for (opt of filteredOptions; track trackByValue($index, opt)) {\n                    <button\n                      type=\"button\"\n                      class=\"gv-select-option\"\n                      [class.is-selected]=\"isSelected(opt.value)\"\n                      [class.is-disabled]=\"opt.disabled\"\n                      [disabled]=\"opt.disabled\"\n                      (click)=\"selectOption(opt)\"\n                    >\n                      @if (multiple) {\n                        <input\n                          type=\"checkbox\"\n                          class=\"gv-select-option__checkbox\"\n                          [checked]=\"isSelected(opt.value)\"\n                          [disabled]=\"opt.disabled\"\n                          tabindex=\"-1\"\n                        />\n                      }\n\n                      <span>{{ opt.label }}</span>\n                    </button>\n                  }\n                } @else {\n                  <div class=\"gv-select-empty\">\n                    {{ noResultsText }}\n                  </div>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</gv-form-field>\n", styles: [".gv-select-wrap{display:flex;align-items:center;gap:var(--gv-space-2)}:host ::ng-deep .form-select{min-height:var(--gv-control-height-md);border-radius:var(--gv-control-radius-md);border-color:var(--gv-field-border);background-color:var(--gv-field-bg);color:var(--gv-text);box-shadow:var(--gv-field-shadow)}:host ::ng-deep .form-select:hover:not(:disabled){border-color:var(--gv-field-border-hover)}:host ::ng-deep .form-select:focus{border-color:#3b82f68c;box-shadow:var(--gv-ring, 0 0 0 4px rgba(96, 165, 250, .35))}.gv-select-custom{position:relative}.gv-select-trigger{width:100%;min-height:var(--gv-control-height-md);border:1px solid var(--gv-field-border);border-radius:var(--gv-control-radius-md);background:var(--gv-field-bg);display:flex;align-items:center;justify-content:space-between;gap:var(--gv-control-gap-md);padding:0 var(--gv-control-padding-x-md);text-align:left;box-shadow:var(--gv-field-shadow);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.gv-select-trigger:hover:not(:disabled){border-color:var(--gv-field-border-hover);background:var(--gv-field-bg-hover)}.gv-select-trigger:focus{outline:none;border-color:#3b82f68c;box-shadow:var(--gv-ring, 0 0 0 4px rgba(96, 165, 250, .35))}.gv-select-trigger.is-invalid{border-color:var(--gv-danger, #dc2626)}.gv-select-trigger__content{flex:1;min-width:0}.gv-select-trigger__text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gv-select-trigger__placeholder{color:var(--gv-field-placeholder)}.gv-select-trigger__actions{display:flex;align-items:center;gap:var(--gv-space-2);flex-shrink:0}.gv-select-clear,.gv-select-chip__remove{border:0;background:transparent;cursor:pointer;padding:0;line-height:1;color:inherit}.gv-select-caret{font-size:calc(var(--gv-control-font-size-sm) - .0625rem);opacity:.8;color:var(--gv-text-muted)}.gv-select-panel{position:absolute;z-index:1000;top:calc(100% + var(--gv-space-2));left:0;right:0;background:var(--gv-overlay-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--gv-overlay-border);border-radius:var(--gv-radius-lg);box-shadow:var(--gv-shadow-overlay);overflow:hidden}.gv-select-search{padding:var(--gv-space-3);border-bottom:1px solid var(--gv-border, #e2e8f0);background:color-mix(in srgb,var(--gv-surface-subtle) 82%,transparent)}.gv-select-options{max-height:260px;overflow:auto;padding:var(--gv-space-2)}.gv-select-option{width:100%;border:0;background:transparent;border-radius:var(--gv-control-radius-sm);padding:var(--gv-space-3) var(--gv-control-padding-x-md);text-align:left;display:flex;align-items:center;gap:var(--gv-control-gap-sm);cursor:pointer;color:var(--gv-text);transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.gv-select-option:hover:not(.is-disabled){background:color-mix(in srgb,var(--gv-accent) 9%,transparent)}.gv-select-option.is-selected{background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);color:var(--gv-accent-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 18%,transparent);font-weight:600}.gv-select-option.is-disabled{opacity:.5;cursor:not-allowed}.gv-select-option__checkbox{pointer-events:none}.gv-select-empty{padding:calc(var(--gv-space-3) + var(--gv-space-1)) var(--gv-control-padding-x-md);font-size:var(--gv-control-font-size-md);color:var(--gv-text-muted, #64748b)}.gv-select-chips{display:flex;flex-wrap:wrap;gap:var(--gv-space-2)}.gv-select-chip{display:inline-flex;align-items:center;gap:var(--gv-space-2);background:var(--gv-primary-subtle-bg);color:var(--gv-primary-subtle-text);box-shadow:inset 0 0 0 1px var(--gv-primary-subtle-border);border-radius:999px;padding:var(--gv-space-1) var(--gv-space-2);font-size:calc(var(--gv-control-font-size-sm) - .0625rem);font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormField, selector: "gv-form-field", inputs: ["label", "description", "required", "helperText", "error", "fullWidth", "controlId", "showLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Select, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-select', standalone: true, imports: [CommonModule, FormField], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => Select),
+                            multi: true,
+                        },
+                    ], template: "<gv-form-field\n  [label]=\"label || null\"\n  [required]=\"required\"\n  [helperText]=\"!error ? helperText : null\"\n  [error]=\"error\"\n  [controlId]=\"controlId\"\n  [fullWidth]=\"fullWidth\"\n>\n  <div class=\"gv-field__control\" [class.w-100]=\"fullWidth\">\n    <div class=\"gv-select-wrap\" [class.w-100]=\"fullWidth\">\n      @if (!useCustomDropdown) {\n        <select\n          [id]=\"controlId\"\n          [class]=\"selectClass\"\n          [disabled]=\"disabled || loading\"\n          (blur)=\"handleBlur()\"\n          (change)=\"handleNativeChange($event)\"\n          [attr.aria-invalid]=\"!!error\"\n          [attr.aria-describedby]=\"describedBy\"\n        >\n          <option [value]=\"''\" [disabled]=\"required\">\n            {{ loading ? loadingText : placeholder }}\n          </option>\n\n          @for (opt of options; track trackByValue($index, opt)) {\n            <option\n              [value]=\"getOptionKey($index)\"\n              [selected]=\"isSelected(opt.value)\"\n              [disabled]=\"opt.disabled\"\n            >\n              {{ opt.label }}\n            </option>\n          }\n        </select>\n      } @else {\n        <div class=\"gv-select-custom\" [class.w-100]=\"fullWidth\">\n          <button\n            type=\"button\"\n            [id]=\"controlId\"\n            [class]=\"triggerClass\"\n            [disabled]=\"disabled || loading\"\n            (click)=\"toggleOpen()\"\n            [attr.aria-expanded]=\"isOpen\"\n            [attr.aria-invalid]=\"!!error\"\n            [attr.aria-labelledby]=\"labelId ? labelId + ' ' + controlId : null\"\n            [attr.aria-describedby]=\"describedBy\"\n            [attr.aria-haspopup]=\"'listbox'\"\n            [attr.role]=\"'combobox'\"\n          >\n            <div class=\"gv-select-trigger__content\">\n              @if (multiple && selectedOptions.length) {\n                <div class=\"gv-select-chips\">\n                  @for (opt of selectedOptions; track trackByValue($index, opt)) {\n                    <span class=\"gv-select-chip\">\n                      {{ opt.label }}\n                      <button\n                        type=\"button\"\n                        class=\"gv-select-chip__remove\"\n                        (click)=\"removeSelected(opt, $event)\"\n                        [disabled]=\"disabled || loading\"\n                        aria-label=\"Remove\"\n                      >\n                        \u00D7\n                      </button>\n                    </span>\n                  }\n                </div>\n              } @else {\n                <span\n                  class=\"gv-select-trigger__text\"\n                  [class.gv-select-trigger__placeholder]=\"!selectedOptions.length\"\n                >\n                  {{ loading ? loadingText : displayLabel }}\n                </span>\n              }\n            </div>\n\n            <div class=\"gv-select-trigger__actions\">\n              @if (clearable && selectedOptions.length) {\n                <button\n                  type=\"button\"\n                  class=\"gv-select-clear\"\n                  (click)=\"clear($event)\"\n                  [disabled]=\"disabled || loading\"\n                  aria-label=\"Clear\"\n                >\n                  \u00D7\n                </button>\n              }\n              <span class=\"gv-select-caret\">\u25BE</span>\n            </div>\n          </button>\n\n          @if (isOpen) {\n            <div class=\"gv-select-panel\">\n              @if (searchable) {\n                <div class=\"gv-select-search\">\n                  <input\n                    type=\"text\"\n                    class=\"form-control\"\n                    [value]=\"searchTerm\"\n                    [placeholder]=\"searchPlaceholder\"\n                    (input)=\"searchTerm = $any($event.target).value\"\n                  />\n                </div>\n              }\n\n              <div class=\"gv-select-options\">\n                @if (filteredOptions.length) {\n                  @for (opt of filteredOptions; track trackByValue($index, opt)) {\n                    <button\n                      type=\"button\"\n                      class=\"gv-select-option\"\n                      [class.is-selected]=\"isSelected(opt.value)\"\n                      [class.is-disabled]=\"opt.disabled\"\n                      [disabled]=\"opt.disabled\"\n                      (click)=\"selectOption(opt)\"\n                    >\n                      @if (multiple) {\n                        <input\n                          type=\"checkbox\"\n                          class=\"gv-select-option__checkbox\"\n                          [checked]=\"isSelected(opt.value)\"\n                          [disabled]=\"opt.disabled\"\n                          tabindex=\"-1\"\n                        />\n                      }\n\n                      <span>{{ opt.label }}</span>\n                    </button>\n                  }\n                } @else {\n                  <div class=\"gv-select-empty\">\n                    {{ noResultsText }}\n                  </div>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</gv-form-field>\n", styles: [".gv-select-wrap{display:flex;align-items:center;gap:var(--gv-space-2)}:host ::ng-deep .form-select{min-height:var(--gv-control-height-md);border-radius:var(--gv-control-radius-md);border-color:var(--gv-field-border);background-color:var(--gv-field-bg);color:var(--gv-text);box-shadow:var(--gv-field-shadow)}:host ::ng-deep .form-select:hover:not(:disabled){border-color:var(--gv-field-border-hover)}:host ::ng-deep .form-select:focus{border-color:#3b82f68c;box-shadow:var(--gv-ring, 0 0 0 4px rgba(96, 165, 250, .35))}.gv-select-custom{position:relative}.gv-select-trigger{width:100%;min-height:var(--gv-control-height-md);border:1px solid var(--gv-field-border);border-radius:var(--gv-control-radius-md);background:var(--gv-field-bg);display:flex;align-items:center;justify-content:space-between;gap:var(--gv-control-gap-md);padding:0 var(--gv-control-padding-x-md);text-align:left;box-shadow:var(--gv-field-shadow);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.gv-select-trigger:hover:not(:disabled){border-color:var(--gv-field-border-hover);background:var(--gv-field-bg-hover)}.gv-select-trigger:focus{outline:none;border-color:#3b82f68c;box-shadow:var(--gv-ring, 0 0 0 4px rgba(96, 165, 250, .35))}.gv-select-trigger.is-invalid{border-color:var(--gv-danger, #dc2626)}.gv-select-trigger__content{flex:1;min-width:0}.gv-select-trigger__text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gv-select-trigger__placeholder{color:var(--gv-field-placeholder)}.gv-select-trigger__actions{display:flex;align-items:center;gap:var(--gv-space-2);flex-shrink:0}.gv-select-clear,.gv-select-chip__remove{border:0;background:transparent;cursor:pointer;padding:0;line-height:1;color:inherit}.gv-select-caret{font-size:calc(var(--gv-control-font-size-sm) - .0625rem);opacity:.8;color:var(--gv-text-muted)}.gv-select-panel{position:absolute;z-index:1000;top:calc(100% + var(--gv-space-2));left:0;right:0;background:var(--gv-overlay-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--gv-overlay-border);border-radius:var(--gv-radius-lg);box-shadow:var(--gv-shadow-overlay);overflow:hidden}.gv-select-search{padding:var(--gv-space-3);border-bottom:1px solid var(--gv-border, #e2e8f0);background:color-mix(in srgb,var(--gv-surface-subtle) 82%,transparent)}.gv-select-options{max-height:260px;overflow:auto;padding:var(--gv-space-2)}.gv-select-option{width:100%;border:0;background:transparent;border-radius:var(--gv-control-radius-sm);padding:var(--gv-space-3) var(--gv-control-padding-x-md);text-align:left;display:flex;align-items:center;gap:var(--gv-control-gap-sm);cursor:pointer;color:var(--gv-text);transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.gv-select-option:hover:not(.is-disabled){background:color-mix(in srgb,var(--gv-accent) 9%,transparent)}.gv-select-option.is-selected{background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);color:var(--gv-accent-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 18%,transparent);font-weight:600}.gv-select-option.is-disabled{opacity:.5;cursor:not-allowed}.gv-select-option__checkbox{pointer-events:none}.gv-select-empty{padding:calc(var(--gv-space-3) + var(--gv-space-1)) var(--gv-control-padding-x-md);font-size:var(--gv-control-font-size-md);color:var(--gv-text-muted, #64748b)}.gv-select-chips{display:flex;flex-wrap:wrap;gap:var(--gv-space-2)}.gv-select-chip{display:inline-flex;align-items:center;gap:var(--gv-space-2);background:var(--gv-primary-subtle-bg);color:var(--gv-primary-subtle-text);box-shadow:inset 0 0 0 1px var(--gv-primary-subtle-border);border-radius:999px;padding:var(--gv-space-1) var(--gv-space-2);font-size:calc(var(--gv-control-font-size-sm) - .0625rem);font-weight:600}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { id: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], fullWidth: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], searchable: [{
+                type: Input
+            }], searchPlaceholder: [{
+                type: Input
+            }], noResultsText: [{
+                type: Input
+            }], clearable: [{
+                type: Input
+            }], compareWith: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], loadingText: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], hostFullWidth: [{
+                type: HostBinding,
+                args: ['class.w-100']
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
+let nextCheckboxId = 0;
+class Checkbox {
+    cdr;
+    generatedId = `gv-checkbox-${++nextCheckboxId}`;
+    label = '';
+    description = '';
+    helperText = '';
+    errorText = '';
+    set error(value) {
+        this.errorText = value ?? '';
+    }
+    size = 'md';
+    inputId = this.generatedId;
+    set id(value) {
+        this.inputId = value?.trim() || this.generatedId;
+    }
+    name;
+    disabled = false;
+    required = false;
+    _indeterminate = false;
+    set indeterminate(value) {
+        this._indeterminate = value;
+        this.syncIndeterminateState();
+        this.cdr.markForCheck();
+    }
+    get indeterminate() {
+        return this._indeterminate;
+    }
+    checkedChange = new EventEmitter();
+    inputRef;
+    checked = false;
+    focused = false;
+    onChange = () => { };
+    onTouched = () => { };
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    get hostClasses() {
+        return [
+            'gv-checkbox-host',
+            `gv-checkbox-host--${this.size}`,
+            this.disabled ? 'gv-checkbox-host--disabled' : '',
+            this.checked ? 'gv-checkbox-host--checked' : '',
+            this.indeterminate ? 'gv-checkbox-host--indeterminate' : '',
+            this.focused ? 'gv-checkbox-host--focused' : '',
+            this.errorText ? 'gv-checkbox-host--error' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    writeValue(value) {
+        this.checked = !!value;
+        if (this.checked && this.indeterminate) {
+            this._indeterminate = false;
+        }
+        this.syncIndeterminateState();
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.cdr.markForCheck();
+    }
+    handleInputChange(event) {
+        if (this.disabled) {
+            return;
+        }
+        const input = event.target;
+        this.checked = input.checked;
+        if (this.indeterminate) {
+            this._indeterminate = false;
+            input.indeterminate = false;
+        }
+        this.onChange(this.checked);
+        this.checkedChange.emit(this.checked);
+        this.cdr.markForCheck();
+    }
+    handleBlur() {
+        this.focused = false;
+        this.onTouched();
+        this.cdr.markForCheck();
+    }
+    handleFocus() {
+        this.focused = true;
+        this.cdr.markForCheck();
+    }
+    syncIndeterminateState() {
+        queueMicrotask(() => {
+            if (this.inputRef?.nativeElement) {
+                this.inputRef.nativeElement.indeterminate = this._indeterminate;
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Checkbox, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Checkbox, isStandalone: true, selector: "gv-checkbox", inputs: { label: "label", description: "description", helperText: "helperText", errorText: "errorText", error: "error", size: "size", inputId: "inputId", id: "id", name: "name", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute], indeterminate: ["indeterminate", "indeterminate", booleanAttribute] }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "class": "this.hostClasses" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => Checkbox),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "<label class=\"gv-checkbox\" [attr.for]=\"inputId\">\n  <span class=\"gv-checkbox__control\">\n    <input\n      #inputRef\n      class=\"gv-checkbox__input\"\n      type=\"checkbox\"\n      [id]=\"inputId\"\n      [name]=\"name || null\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [attr.aria-invalid]=\"errorText ? 'true' : null\"\n      [attr.aria-describedby]=\"description || helperText || errorText ? inputId + '-meta' : null\"\n      (change)=\"handleInputChange($event)\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    />\n\n    <span class=\"gv-checkbox__box\" aria-hidden=\"true\">\n      @if (indeterminate) {\n        <span class=\"gv-checkbox__mark gv-checkbox__mark--indeterminate\"></span>\n      } @else if (checked) {\n        <svg class=\"gv-checkbox__mark gv-checkbox__mark--check\" viewBox=\"0 0 16 16\" fill=\"none\">\n          <path\n            d=\"M3.5 8.25L6.5 11.25L12.5 4.75\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n    </span>\n  </span>\n\n  <span class=\"gv-checkbox__content\">\n    @if (label) {\n      <span class=\"gv-checkbox__label\">\n        {{ label }}\n        @if (required) {\n          <span class=\"gv-checkbox__required\" aria-hidden=\"true\">*</span>\n        }\n      </span>\n    }\n\n    @if (description || helperText || errorText) {\n      <span class=\"gv-checkbox__meta\" [id]=\"inputId + '-meta'\">\n        @if (errorText) {\n          <span class=\"gv-checkbox__error-text\">{{ errorText }}</span>\n        } @else {\n          @if (description) {\n            <span class=\"gv-checkbox__description\">{{ description }}</span>\n          }\n          @if (helperText) {\n            <span class=\"gv-checkbox__helper-text\">{{ helperText }}</span>\n          }\n        }\n      </span>\n    }\n  </span>\n</label>\n", styles: [":host{display:inline-block;width:100%}.gv-checkbox-host{--gv-checkbox-box-size: 1.125rem;--gv-checkbox-radius: calc(var(--gv-control-radius-sm) - 3px);--gv-checkbox-gap: var(--gv-control-gap-md);--gv-checkbox-label-size: var(--gv-control-font-size-md);--gv-checkbox-meta-size: .8125rem;--gv-checkbox-bg: var(--gv-field-bg);--gv-checkbox-border: var(--gv-field-border-strong);--gv-checkbox-border-hover: var(--gv-field-border-hover);--gv-checkbox-label-color: var(--gv-text-strong);--gv-checkbox-meta-color: var(--gv-text-muted);--gv-checkbox-checked-bg: var(--gv-accent);--gv-checkbox-checked-border: var(--gv-accent);--gv-checkbox-checked-color: #ffffff;--gv-checkbox-error-color: var(--gv-danger);--gv-checkbox-error-border: color-mix(in srgb, var(--gv-danger) 45%, transparent);--gv-checkbox-disabled-bg: var(--gv-control-disabled-bg);--gv-checkbox-disabled-border: var(--gv-control-disabled-border);--gv-checkbox-disabled-color: var(--gv-control-disabled-text)}.gv-checkbox{display:inline-flex;align-items:flex-start;gap:var(--gv-checkbox-gap);width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.gv-checkbox__control{position:relative;flex:0 0 auto;width:var(--gv-checkbox-box-size);height:var(--gv-checkbox-box-size);margin-top:.1rem}.gv-checkbox__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.gv-checkbox__box{display:inline-flex;align-items:center;justify-content:center;width:var(--gv-checkbox-box-size);height:var(--gv-checkbox-box-size);border-radius:var(--gv-checkbox-radius);border:1px solid var(--gv-checkbox-border);background:var(--gv-checkbox-bg);box-shadow:inset 0 1px #ffffffbf,var(--gv-field-shadow);color:transparent;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.gv-checkbox__content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.gv-checkbox__label{display:inline-flex;align-items:center;gap:.25rem;min-width:0;color:var(--gv-checkbox-label-color);font-size:var(--gv-checkbox-label-size);line-height:1.4;font-weight:600}.gv-checkbox__required{color:var(--gv-checkbox-error-color);font-weight:700}.gv-checkbox__meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;font-size:var(--gv-checkbox-meta-size);line-height:1.45}.gv-checkbox__description,.gv-checkbox__helper-text{color:var(--gv-checkbox-meta-color)}.gv-checkbox__error-text{color:var(--gv-checkbox-error-color);font-weight:500}.gv-checkbox__mark{display:inline-flex;align-items:center;justify-content:center}.gv-checkbox__mark--check{width:.9rem;height:.9rem}.gv-checkbox__mark--indeterminate{width:.55rem;height:.125rem;border-radius:999px;background:currentColor}.gv-checkbox:hover .gv-checkbox__box{border-color:var(--gv-checkbox-border-hover)}.gv-checkbox__input:focus-visible+.gv-checkbox__box{outline:none;box-shadow:0 0 0 4px #60a5fa59,inset 0 1px #ffffffbf,0 1px 2px #0f172a0a}:host(.gv-checkbox-host--checked) .gv-checkbox__box,:host(.gv-checkbox-host--indeterminate) .gv-checkbox__box{background:var(--gv-checkbox-checked-bg);border-color:var(--gv-checkbox-checked-border);color:var(--gv-checkbox-checked-color);box-shadow:0 2px 8px #2563eb2e,inset 0 1px #ffffff1f}:host(.gv-checkbox-host--checked) .gv-checkbox:hover .gv-checkbox__box,:host(.gv-checkbox-host--indeterminate) .gv-checkbox:hover .gv-checkbox__box{background:var(--gv-accent-hover);border-color:var(--gv-accent-hover)}:host(.gv-checkbox-host--error) .gv-checkbox__box{border-color:var(--gv-checkbox-error-border)}:host(.gv-checkbox-host--error) .gv-checkbox:hover .gv-checkbox__box{border-color:color-mix(in srgb,var(--gv-danger) 62%,transparent)}:host(.gv-checkbox-host--disabled) .gv-checkbox{cursor:not-allowed}:host(.gv-checkbox-host--disabled) .gv-checkbox__box{background:var(--gv-checkbox-disabled-bg);border-color:var(--gv-checkbox-disabled-border);color:var(--gv-checkbox-disabled-color);box-shadow:none}:host(.gv-checkbox-host--disabled) .gv-checkbox__label,:host(.gv-checkbox-host--disabled) .gv-checkbox__description,:host(.gv-checkbox-host--disabled) .gv-checkbox__helper-text{color:var(--gv-checkbox-disabled-color)}:host(.gv-checkbox-host--disabled) .gv-checkbox:hover .gv-checkbox__box{border-color:var(--gv-checkbox-disabled-border)}:host(.gv-checkbox-host--sm){--gv-checkbox-box-size: 1rem;--gv-checkbox-gap: var(--gv-control-gap-sm);--gv-checkbox-label-size: var(--gv-control-font-size-sm);--gv-checkbox-meta-size: .75rem}:host(.gv-checkbox-host--md){--gv-checkbox-box-size: 1.125rem;--gv-checkbox-gap: var(--gv-control-gap-md);--gv-checkbox-label-size: var(--gv-control-font-size-md);--gv-checkbox-meta-size: .8125rem}:host(.gv-checkbox-host--lg){--gv-checkbox-box-size: 1.25rem;--gv-checkbox-gap: var(--gv-control-gap-lg);--gv-checkbox-label-size: var(--gv-control-font-size-lg);--gv-checkbox-meta-size: .875rem;--gv-checkbox-radius: calc(var(--gv-control-radius-sm) - 2px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Checkbox, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-checkbox', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => Checkbox),
+                            multi: true,
+                        },
+                    ], template: "<label class=\"gv-checkbox\" [attr.for]=\"inputId\">\n  <span class=\"gv-checkbox__control\">\n    <input\n      #inputRef\n      class=\"gv-checkbox__input\"\n      type=\"checkbox\"\n      [id]=\"inputId\"\n      [name]=\"name || null\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [attr.aria-invalid]=\"errorText ? 'true' : null\"\n      [attr.aria-describedby]=\"description || helperText || errorText ? inputId + '-meta' : null\"\n      (change)=\"handleInputChange($event)\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    />\n\n    <span class=\"gv-checkbox__box\" aria-hidden=\"true\">\n      @if (indeterminate) {\n        <span class=\"gv-checkbox__mark gv-checkbox__mark--indeterminate\"></span>\n      } @else if (checked) {\n        <svg class=\"gv-checkbox__mark gv-checkbox__mark--check\" viewBox=\"0 0 16 16\" fill=\"none\">\n          <path\n            d=\"M3.5 8.25L6.5 11.25L12.5 4.75\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      }\n    </span>\n  </span>\n\n  <span class=\"gv-checkbox__content\">\n    @if (label) {\n      <span class=\"gv-checkbox__label\">\n        {{ label }}\n        @if (required) {\n          <span class=\"gv-checkbox__required\" aria-hidden=\"true\">*</span>\n        }\n      </span>\n    }\n\n    @if (description || helperText || errorText) {\n      <span class=\"gv-checkbox__meta\" [id]=\"inputId + '-meta'\">\n        @if (errorText) {\n          <span class=\"gv-checkbox__error-text\">{{ errorText }}</span>\n        } @else {\n          @if (description) {\n            <span class=\"gv-checkbox__description\">{{ description }}</span>\n          }\n          @if (helperText) {\n            <span class=\"gv-checkbox__helper-text\">{{ helperText }}</span>\n          }\n        }\n      </span>\n    }\n  </span>\n</label>\n", styles: [":host{display:inline-block;width:100%}.gv-checkbox-host{--gv-checkbox-box-size: 1.125rem;--gv-checkbox-radius: calc(var(--gv-control-radius-sm) - 3px);--gv-checkbox-gap: var(--gv-control-gap-md);--gv-checkbox-label-size: var(--gv-control-font-size-md);--gv-checkbox-meta-size: .8125rem;--gv-checkbox-bg: var(--gv-field-bg);--gv-checkbox-border: var(--gv-field-border-strong);--gv-checkbox-border-hover: var(--gv-field-border-hover);--gv-checkbox-label-color: var(--gv-text-strong);--gv-checkbox-meta-color: var(--gv-text-muted);--gv-checkbox-checked-bg: var(--gv-accent);--gv-checkbox-checked-border: var(--gv-accent);--gv-checkbox-checked-color: #ffffff;--gv-checkbox-error-color: var(--gv-danger);--gv-checkbox-error-border: color-mix(in srgb, var(--gv-danger) 45%, transparent);--gv-checkbox-disabled-bg: var(--gv-control-disabled-bg);--gv-checkbox-disabled-border: var(--gv-control-disabled-border);--gv-checkbox-disabled-color: var(--gv-control-disabled-text)}.gv-checkbox{display:inline-flex;align-items:flex-start;gap:var(--gv-checkbox-gap);width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.gv-checkbox__control{position:relative;flex:0 0 auto;width:var(--gv-checkbox-box-size);height:var(--gv-checkbox-box-size);margin-top:.1rem}.gv-checkbox__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.gv-checkbox__box{display:inline-flex;align-items:center;justify-content:center;width:var(--gv-checkbox-box-size);height:var(--gv-checkbox-box-size);border-radius:var(--gv-checkbox-radius);border:1px solid var(--gv-checkbox-border);background:var(--gv-checkbox-bg);box-shadow:inset 0 1px #ffffffbf,var(--gv-field-shadow);color:transparent;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.gv-checkbox__content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.gv-checkbox__label{display:inline-flex;align-items:center;gap:.25rem;min-width:0;color:var(--gv-checkbox-label-color);font-size:var(--gv-checkbox-label-size);line-height:1.4;font-weight:600}.gv-checkbox__required{color:var(--gv-checkbox-error-color);font-weight:700}.gv-checkbox__meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;font-size:var(--gv-checkbox-meta-size);line-height:1.45}.gv-checkbox__description,.gv-checkbox__helper-text{color:var(--gv-checkbox-meta-color)}.gv-checkbox__error-text{color:var(--gv-checkbox-error-color);font-weight:500}.gv-checkbox__mark{display:inline-flex;align-items:center;justify-content:center}.gv-checkbox__mark--check{width:.9rem;height:.9rem}.gv-checkbox__mark--indeterminate{width:.55rem;height:.125rem;border-radius:999px;background:currentColor}.gv-checkbox:hover .gv-checkbox__box{border-color:var(--gv-checkbox-border-hover)}.gv-checkbox__input:focus-visible+.gv-checkbox__box{outline:none;box-shadow:0 0 0 4px #60a5fa59,inset 0 1px #ffffffbf,0 1px 2px #0f172a0a}:host(.gv-checkbox-host--checked) .gv-checkbox__box,:host(.gv-checkbox-host--indeterminate) .gv-checkbox__box{background:var(--gv-checkbox-checked-bg);border-color:var(--gv-checkbox-checked-border);color:var(--gv-checkbox-checked-color);box-shadow:0 2px 8px #2563eb2e,inset 0 1px #ffffff1f}:host(.gv-checkbox-host--checked) .gv-checkbox:hover .gv-checkbox__box,:host(.gv-checkbox-host--indeterminate) .gv-checkbox:hover .gv-checkbox__box{background:var(--gv-accent-hover);border-color:var(--gv-accent-hover)}:host(.gv-checkbox-host--error) .gv-checkbox__box{border-color:var(--gv-checkbox-error-border)}:host(.gv-checkbox-host--error) .gv-checkbox:hover .gv-checkbox__box{border-color:color-mix(in srgb,var(--gv-danger) 62%,transparent)}:host(.gv-checkbox-host--disabled) .gv-checkbox{cursor:not-allowed}:host(.gv-checkbox-host--disabled) .gv-checkbox__box{background:var(--gv-checkbox-disabled-bg);border-color:var(--gv-checkbox-disabled-border);color:var(--gv-checkbox-disabled-color);box-shadow:none}:host(.gv-checkbox-host--disabled) .gv-checkbox__label,:host(.gv-checkbox-host--disabled) .gv-checkbox__description,:host(.gv-checkbox-host--disabled) .gv-checkbox__helper-text{color:var(--gv-checkbox-disabled-color)}:host(.gv-checkbox-host--disabled) .gv-checkbox:hover .gv-checkbox__box{border-color:var(--gv-checkbox-disabled-border)}:host(.gv-checkbox-host--sm){--gv-checkbox-box-size: 1rem;--gv-checkbox-gap: var(--gv-control-gap-sm);--gv-checkbox-label-size: var(--gv-control-font-size-sm);--gv-checkbox-meta-size: .75rem}:host(.gv-checkbox-host--md){--gv-checkbox-box-size: 1.125rem;--gv-checkbox-gap: var(--gv-control-gap-md);--gv-checkbox-label-size: var(--gv-control-font-size-md);--gv-checkbox-meta-size: .8125rem}:host(.gv-checkbox-host--lg){--gv-checkbox-box-size: 1.25rem;--gv-checkbox-gap: var(--gv-control-gap-lg);--gv-checkbox-label-size: var(--gv-control-font-size-lg);--gv-checkbox-meta-size: .875rem;--gv-checkbox-radius: calc(var(--gv-control-radius-sm) - 2px)}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { label: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], error: [{
+                type: Input,
+                args: [{ alias: 'error' }]
+            }], size: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], id: [{
+                type: Input,
+                args: [{ alias: 'id' }]
+            }], name: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], indeterminate: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], checkedChange: [{
+                type: Output
+            }], inputRef: [{
+                type: ViewChild,
+                args: ['inputRef']
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+let nextRadioId = 0;
+class Radio {
+    cdr;
+    generatedId = `gv-radio-${++nextRadioId}`;
+    label = '';
+    description = '';
+    helperText = '';
+    errorText = '';
+    set error(value) {
+        this.errorText = value ?? '';
+    }
+    size = 'md';
+    inputId = this.generatedId;
+    set id(value) {
+        this.inputId = value?.trim() || this.generatedId;
+    }
+    name;
+    value = true;
+    disabled = false;
+    required = false;
+    valueChange = new EventEmitter();
+    inputRef;
+    modelValue = null;
+    focused = false;
+    onChange = () => { };
+    onTouched = () => { };
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    get hostClasses() {
+        return [
+            'gv-radio-host',
+            `gv-radio-host--${this.size}`,
+            this.disabled ? 'gv-radio-host--disabled' : '',
+            this.checked ? 'gv-radio-host--checked' : '',
+            this.focused ? 'gv-radio-host--focused' : '',
+            this.errorText ? 'gv-radio-host--error' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    get checked() {
+        return this.modelValue === this.value;
+    }
+    writeValue(value) {
+        this.modelValue = value;
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.cdr.markForCheck();
+    }
+    handleInputChange(event) {
+        if (this.disabled) {
+            return;
+        }
+        const input = event.target;
+        if (!input.checked) {
+            return;
+        }
+        this.modelValue = this.value;
+        this.onChange(this.value);
+        this.valueChange.emit(this.value);
+        this.cdr.markForCheck();
+    }
+    handleBlur() {
+        this.focused = false;
+        this.onTouched();
+        this.cdr.markForCheck();
+    }
+    handleFocus() {
+        this.focused = true;
+        this.cdr.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Radio, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Radio, isStandalone: true, selector: "gv-radio", inputs: { label: "label", description: "description", helperText: "helperText", errorText: "errorText", error: "error", size: "size", inputId: "inputId", id: "id", name: "name", value: "value", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute] }, outputs: { valueChange: "valueChange" }, host: { properties: { "class": "this.hostClasses" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => Radio),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "<label class=\"gv-radio\" [attr.for]=\"inputId\">\n  <span class=\"gv-radio__control\">\n    <input\n      #inputRef\n      class=\"gv-radio__input\"\n      type=\"radio\"\n      [id]=\"inputId\"\n      [name]=\"name || null\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [value]=\"value\"\n      [attr.aria-invalid]=\"errorText ? 'true' : null\"\n      [attr.aria-describedby]=\"description || helperText || errorText ? inputId + '-meta' : null\"\n      (change)=\"handleInputChange($event)\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    />\n\n    <span class=\"gv-radio__outer\" aria-hidden=\"true\">\n      <span class=\"gv-radio__inner\"></span>\n    </span>\n  </span>\n\n  <span class=\"gv-radio__content\">\n    @if (label) {\n      <span class=\"gv-radio__label\">\n        {{ label }}\n        @if (required) {\n          <span class=\"gv-radio__required\" aria-hidden=\"true\">*</span>\n        }\n      </span>\n    }\n\n    @if (description || helperText || errorText) {\n      <span class=\"gv-radio__meta\" [id]=\"inputId + '-meta'\">\n        @if (errorText) {\n          <span class=\"gv-radio__error-text\">{{ errorText }}</span>\n        } @else {\n          @if (description) {\n            <span class=\"gv-radio__description\">{{ description }}</span>\n          }\n          @if (helperText) {\n            <span class=\"gv-radio__helper-text\">{{ helperText }}</span>\n          }\n        }\n      </span>\n    }\n  </span>\n</label>\n", styles: [":host{display:inline-block;width:100%}.gv-radio-host{--gv-radio-size: 1.125rem;--gv-radio-inner-size: .45rem;--gv-radio-gap: var(--gv-control-gap-md);--gv-radio-label-size: var(--gv-control-font-size-md);--gv-radio-meta-size: .8125rem;--gv-radio-bg: var(--gv-field-bg);--gv-radio-border: var(--gv-field-border-strong);--gv-radio-border-hover: var(--gv-field-border-hover);--gv-radio-label-color: var(--gv-text-strong);--gv-radio-meta-color: var(--gv-text-muted);--gv-radio-checked-border: var(--gv-accent);--gv-radio-checked-inner: var(--gv-accent);--gv-radio-error-color: var(--gv-danger);--gv-radio-error-border: color-mix(in srgb, var(--gv-danger) 45%, transparent);--gv-radio-disabled-bg: var(--gv-control-disabled-bg);--gv-radio-disabled-border: var(--gv-control-disabled-border);--gv-radio-disabled-color: var(--gv-control-disabled-text)}.gv-radio{display:inline-flex;align-items:flex-start;gap:var(--gv-radio-gap);width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.gv-radio__control{position:relative;flex:0 0 auto;width:var(--gv-radio-size);height:var(--gv-radio-size);margin-top:.1rem}.gv-radio__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.gv-radio__outer{display:inline-flex;align-items:center;justify-content:center;width:var(--gv-radio-size);height:var(--gv-radio-size);border-radius:999px;border:1px solid var(--gv-radio-border);background:var(--gv-radio-bg);box-shadow:inset 0 1px #ffffffbf,var(--gv-field-shadow);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.gv-radio__inner{width:var(--gv-radio-inner-size);height:var(--gv-radio-inner-size);border-radius:999px;background:transparent;transform:scale(.7);opacity:0;transition:background-color .18s ease,transform .18s ease,opacity .18s ease}.gv-radio__content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.gv-radio__label{display:inline-flex;align-items:center;gap:.25rem;min-width:0;color:var(--gv-radio-label-color);font-size:var(--gv-radio-label-size);line-height:1.4;font-weight:600}.gv-radio__required{color:var(--gv-radio-error-color);font-weight:700}.gv-radio__meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;font-size:var(--gv-radio-meta-size);line-height:1.45}.gv-radio__description,.gv-radio__helper-text{color:var(--gv-radio-meta-color)}.gv-radio__error-text{color:var(--gv-radio-error-color);font-weight:500}.gv-radio:hover .gv-radio__outer{border-color:var(--gv-radio-border-hover)}.gv-radio__input:focus-visible+.gv-radio__outer{outline:none;box-shadow:0 0 0 4px #60a5fa59,inset 0 1px #ffffffbf,0 1px 2px #0f172a0a}:host(.gv-radio-host--checked) .gv-radio__outer{border-color:var(--gv-radio-checked-border)}:host(.gv-radio-host--checked) .gv-radio__inner{background:var(--gv-radio-checked-inner);opacity:1;transform:scale(1)}:host(.gv-radio-host--error) .gv-radio__outer{border-color:var(--gv-radio-error-border)}:host(.gv-radio-host--error) .gv-radio:hover .gv-radio__outer{border-color:color-mix(in srgb,var(--gv-danger) 62%,transparent)}:host(.gv-radio-host--disabled) .gv-radio{cursor:not-allowed}:host(.gv-radio-host--disabled) .gv-radio__outer{background:var(--gv-radio-disabled-bg);border-color:var(--gv-radio-disabled-border);box-shadow:none}:host(.gv-radio-host--disabled) .gv-radio__inner{background:var(--gv-radio-disabled-color)}:host(.gv-radio-host--disabled) .gv-radio__label,:host(.gv-radio-host--disabled) .gv-radio__description,:host(.gv-radio-host--disabled) .gv-radio__helper-text{color:var(--gv-radio-disabled-color)}:host(.gv-radio-host--disabled) .gv-radio:hover .gv-radio__outer{border-color:var(--gv-radio-disabled-border)}:host(.gv-radio-host--sm){--gv-radio-size: 1rem;--gv-radio-inner-size: .375rem;--gv-radio-gap: var(--gv-control-gap-sm);--gv-radio-label-size: var(--gv-control-font-size-sm);--gv-radio-meta-size: .75rem}:host(.gv-radio-host--md){--gv-radio-size: 1.125rem;--gv-radio-inner-size: .45rem;--gv-radio-gap: var(--gv-control-gap-md);--gv-radio-label-size: var(--gv-control-font-size-md);--gv-radio-meta-size: .8125rem}:host(.gv-radio-host--lg){--gv-radio-size: 1.25rem;--gv-radio-inner-size: .5rem;--gv-radio-gap: var(--gv-control-gap-lg);--gv-radio-label-size: var(--gv-control-font-size-lg);--gv-radio-meta-size: .875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Radio, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-radio', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => Radio),
+                            multi: true,
+                        },
+                    ], template: "<label class=\"gv-radio\" [attr.for]=\"inputId\">\n  <span class=\"gv-radio__control\">\n    <input\n      #inputRef\n      class=\"gv-radio__input\"\n      type=\"radio\"\n      [id]=\"inputId\"\n      [name]=\"name || null\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [value]=\"value\"\n      [attr.aria-invalid]=\"errorText ? 'true' : null\"\n      [attr.aria-describedby]=\"description || helperText || errorText ? inputId + '-meta' : null\"\n      (change)=\"handleInputChange($event)\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    />\n\n    <span class=\"gv-radio__outer\" aria-hidden=\"true\">\n      <span class=\"gv-radio__inner\"></span>\n    </span>\n  </span>\n\n  <span class=\"gv-radio__content\">\n    @if (label) {\n      <span class=\"gv-radio__label\">\n        {{ label }}\n        @if (required) {\n          <span class=\"gv-radio__required\" aria-hidden=\"true\">*</span>\n        }\n      </span>\n    }\n\n    @if (description || helperText || errorText) {\n      <span class=\"gv-radio__meta\" [id]=\"inputId + '-meta'\">\n        @if (errorText) {\n          <span class=\"gv-radio__error-text\">{{ errorText }}</span>\n        } @else {\n          @if (description) {\n            <span class=\"gv-radio__description\">{{ description }}</span>\n          }\n          @if (helperText) {\n            <span class=\"gv-radio__helper-text\">{{ helperText }}</span>\n          }\n        }\n      </span>\n    }\n  </span>\n</label>\n", styles: [":host{display:inline-block;width:100%}.gv-radio-host{--gv-radio-size: 1.125rem;--gv-radio-inner-size: .45rem;--gv-radio-gap: var(--gv-control-gap-md);--gv-radio-label-size: var(--gv-control-font-size-md);--gv-radio-meta-size: .8125rem;--gv-radio-bg: var(--gv-field-bg);--gv-radio-border: var(--gv-field-border-strong);--gv-radio-border-hover: var(--gv-field-border-hover);--gv-radio-label-color: var(--gv-text-strong);--gv-radio-meta-color: var(--gv-text-muted);--gv-radio-checked-border: var(--gv-accent);--gv-radio-checked-inner: var(--gv-accent);--gv-radio-error-color: var(--gv-danger);--gv-radio-error-border: color-mix(in srgb, var(--gv-danger) 45%, transparent);--gv-radio-disabled-bg: var(--gv-control-disabled-bg);--gv-radio-disabled-border: var(--gv-control-disabled-border);--gv-radio-disabled-color: var(--gv-control-disabled-text)}.gv-radio{display:inline-flex;align-items:flex-start;gap:var(--gv-radio-gap);width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.gv-radio__control{position:relative;flex:0 0 auto;width:var(--gv-radio-size);height:var(--gv-radio-size);margin-top:.1rem}.gv-radio__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.gv-radio__outer{display:inline-flex;align-items:center;justify-content:center;width:var(--gv-radio-size);height:var(--gv-radio-size);border-radius:999px;border:1px solid var(--gv-radio-border);background:var(--gv-radio-bg);box-shadow:inset 0 1px #ffffffbf,var(--gv-field-shadow);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.gv-radio__inner{width:var(--gv-radio-inner-size);height:var(--gv-radio-inner-size);border-radius:999px;background:transparent;transform:scale(.7);opacity:0;transition:background-color .18s ease,transform .18s ease,opacity .18s ease}.gv-radio__content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.gv-radio__label{display:inline-flex;align-items:center;gap:.25rem;min-width:0;color:var(--gv-radio-label-color);font-size:var(--gv-radio-label-size);line-height:1.4;font-weight:600}.gv-radio__required{color:var(--gv-radio-error-color);font-weight:700}.gv-radio__meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;font-size:var(--gv-radio-meta-size);line-height:1.45}.gv-radio__description,.gv-radio__helper-text{color:var(--gv-radio-meta-color)}.gv-radio__error-text{color:var(--gv-radio-error-color);font-weight:500}.gv-radio:hover .gv-radio__outer{border-color:var(--gv-radio-border-hover)}.gv-radio__input:focus-visible+.gv-radio__outer{outline:none;box-shadow:0 0 0 4px #60a5fa59,inset 0 1px #ffffffbf,0 1px 2px #0f172a0a}:host(.gv-radio-host--checked) .gv-radio__outer{border-color:var(--gv-radio-checked-border)}:host(.gv-radio-host--checked) .gv-radio__inner{background:var(--gv-radio-checked-inner);opacity:1;transform:scale(1)}:host(.gv-radio-host--error) .gv-radio__outer{border-color:var(--gv-radio-error-border)}:host(.gv-radio-host--error) .gv-radio:hover .gv-radio__outer{border-color:color-mix(in srgb,var(--gv-danger) 62%,transparent)}:host(.gv-radio-host--disabled) .gv-radio{cursor:not-allowed}:host(.gv-radio-host--disabled) .gv-radio__outer{background:var(--gv-radio-disabled-bg);border-color:var(--gv-radio-disabled-border);box-shadow:none}:host(.gv-radio-host--disabled) .gv-radio__inner{background:var(--gv-radio-disabled-color)}:host(.gv-radio-host--disabled) .gv-radio__label,:host(.gv-radio-host--disabled) .gv-radio__description,:host(.gv-radio-host--disabled) .gv-radio__helper-text{color:var(--gv-radio-disabled-color)}:host(.gv-radio-host--disabled) .gv-radio:hover .gv-radio__outer{border-color:var(--gv-radio-disabled-border)}:host(.gv-radio-host--sm){--gv-radio-size: 1rem;--gv-radio-inner-size: .375rem;--gv-radio-gap: var(--gv-control-gap-sm);--gv-radio-label-size: var(--gv-control-font-size-sm);--gv-radio-meta-size: .75rem}:host(.gv-radio-host--md){--gv-radio-size: 1.125rem;--gv-radio-inner-size: .45rem;--gv-radio-gap: var(--gv-control-gap-md);--gv-radio-label-size: var(--gv-control-font-size-md);--gv-radio-meta-size: .8125rem}:host(.gv-radio-host--lg){--gv-radio-size: 1.25rem;--gv-radio-inner-size: .5rem;--gv-radio-gap: var(--gv-control-gap-lg);--gv-radio-label-size: var(--gv-control-font-size-lg);--gv-radio-meta-size: .875rem}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { label: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], error: [{
+                type: Input,
+                args: [{ alias: 'error' }]
+            }], size: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], id: [{
+                type: Input,
+                args: [{ alias: 'id' }]
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], valueChange: [{
+                type: Output
+            }], inputRef: [{
+                type: ViewChild,
+                args: ['inputRef']
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+let nextSwitchId = 0;
+class Switch {
+    cdr;
+    generatedId = `gv-switch-${++nextSwitchId}`;
+    label = '';
+    description = '';
+    helperText = '';
+    errorText = '';
+    set error(value) {
+        this.errorText = value ?? '';
+    }
+    size = 'md';
+    inputId = this.generatedId;
+    set id(value) {
+        this.inputId = value?.trim() || this.generatedId;
+    }
+    name;
+    disabled = false;
+    required = false;
+    checkedChange = new EventEmitter();
+    checked = false;
+    focused = false;
+    onChange = () => { };
+    onTouched = () => { };
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    get hostClasses() {
+        return [
+            'gv-switch-host',
+            `gv-switch-host--${this.size}`,
+            this.disabled ? 'gv-switch-host--disabled' : '',
+            this.checked ? 'gv-switch-host--checked' : '',
+            this.focused ? 'gv-switch-host--focused' : '',
+            this.errorText ? 'gv-switch-host--error' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    writeValue(value) {
+        this.checked = !!value;
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.cdr.markForCheck();
+    }
+    handleInputChange(event) {
+        if (this.disabled) {
+            return;
+        }
+        const input = event.target;
+        this.checked = input.checked;
+        this.onChange(this.checked);
+        this.checkedChange.emit(this.checked);
+        this.cdr.markForCheck();
+    }
+    handleBlur() {
+        this.focused = false;
+        this.onTouched();
+        this.cdr.markForCheck();
+    }
+    handleFocus() {
+        this.focused = true;
+        this.cdr.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Switch, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Switch, isStandalone: true, selector: "gv-switch", inputs: { label: "label", description: "description", helperText: "helperText", errorText: "errorText", error: "error", size: "size", inputId: "inputId", id: "id", name: "name", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute] }, outputs: { checkedChange: "checkedChange" }, host: { properties: { "class": "this.hostClasses" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => Switch),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<label class=\"gv-switch\" [attr.for]=\"inputId\">\n  <span class=\"gv-switch__control\">\n    <input\n      class=\"gv-switch__input\"\n      type=\"checkbox\"\n      [id]=\"inputId\"\n      [name]=\"name || null\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [attr.role]=\"'switch'\"\n      [attr.aria-checked]=\"checked\"\n      [attr.aria-invalid]=\"errorText ? 'true' : null\"\n      [attr.aria-describedby]=\"description || helperText || errorText ? inputId + '-meta' : null\"\n      (change)=\"handleInputChange($event)\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    />\n\n    <span class=\"gv-switch__track\" aria-hidden=\"true\">\n      <span class=\"gv-switch__thumb\"></span>\n    </span>\n  </span>\n\n  <span class=\"gv-switch__content\">\n    @if (label) {\n      <span class=\"gv-switch__label\">\n        {{ label }}\n        @if (required) {\n          <span class=\"gv-switch__required\" aria-hidden=\"true\">*</span>\n        }\n      </span>\n    }\n\n    @if (description || helperText || errorText) {\n      <span class=\"gv-switch__meta\" [id]=\"inputId + '-meta'\">\n        @if (errorText) {\n          <span class=\"gv-switch__error-text\">{{ errorText }}</span>\n        } @else {\n          @if (description) {\n            <span class=\"gv-switch__description\">{{ description }}</span>\n          }\n          @if (helperText) {\n            <span class=\"gv-switch__helper-text\">{{ helperText }}</span>\n          }\n        }\n      </span>\n    }\n  </span>\n</label>\n", styles: [":host{display:inline-block;width:100%}.gv-switch-host{--gv-switch-width: 2.5rem;--gv-switch-height: 1.5rem;--gv-switch-thumb-size: 1.125rem;--gv-switch-thumb-offset: .125rem;--gv-switch-gap: var(--gv-control-gap-md);--gv-switch-label-size: var(--gv-control-font-size-md);--gv-switch-meta-size: .8125rem;--gv-switch-track-bg: color-mix(in srgb, var(--gv-field-border) 78%, var(--gv-surface-subtle) 22%);--gv-switch-track-border: var(--gv-field-border-strong);--gv-switch-track-hover: color-mix(in srgb, var(--gv-field-border-hover) 72%, var(--gv-surface-subtle) 28%);--gv-switch-thumb-bg: var(--gv-surface);--gv-switch-thumb-shadow: var(--gv-control-thumb-shadow);--gv-switch-on-bg: var(--gv-accent);--gv-switch-on-border: var(--gv-accent);--gv-switch-on-hover: var(--gv-accent-hover);--gv-switch-label-color: var(--gv-text-strong);--gv-switch-meta-color: var(--gv-text-muted);--gv-switch-error-color: var(--gv-danger);--gv-switch-error-border: color-mix(in srgb, var(--gv-danger) 45%, transparent);--gv-switch-disabled-track: var(--gv-control-disabled-bg);--gv-switch-disabled-border: var(--gv-control-disabled-border);--gv-switch-disabled-thumb: var(--gv-surface);--gv-switch-disabled-color: var(--gv-control-disabled-text)}.gv-switch{display:inline-flex;align-items:flex-start;gap:var(--gv-switch-gap);width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.gv-switch__control{position:relative;flex:0 0 auto;width:var(--gv-switch-width);height:var(--gv-switch-height);margin-top:.05rem}.gv-switch__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.gv-switch__track{position:relative;display:inline-flex;align-items:center;width:var(--gv-switch-width);height:var(--gv-switch-height);border-radius:999px;border:1px solid var(--gv-switch-track-border);background:var(--gv-switch-track-bg);box-shadow:inset 0 1px 1px #ffffff73;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.gv-switch__thumb{position:absolute;top:50%;left:var(--gv-switch-thumb-offset);width:var(--gv-switch-thumb-size);height:var(--gv-switch-thumb-size);border-radius:999px;background:var(--gv-switch-thumb-bg);box-shadow:var(--gv-switch-thumb-shadow);transform:translateY(-50%);transition:left .2s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.gv-switch__content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.gv-switch__label{display:inline-flex;align-items:center;gap:.25rem;min-width:0;color:var(--gv-switch-label-color);font-size:var(--gv-switch-label-size);line-height:1.4;font-weight:600}.gv-switch__required{color:var(--gv-switch-error-color);font-weight:700}.gv-switch__meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;font-size:var(--gv-switch-meta-size);line-height:1.45}.gv-switch__description,.gv-switch__helper-text{color:var(--gv-switch-meta-color)}.gv-switch__error-text{color:var(--gv-switch-error-color);font-weight:500}.gv-switch:hover .gv-switch__track{background:var(--gv-switch-track-hover)}.gv-switch__input:focus-visible+.gv-switch__track{outline:none;box-shadow:0 0 0 4px #60a5fa59,inset 0 1px 1px #ffffff73}:host(.gv-switch-host--checked) .gv-switch__track{background:var(--gv-switch-on-bg);border-color:var(--gv-switch-on-border)}:host(.gv-switch-host--checked) .gv-switch:hover .gv-switch__track{background:var(--gv-switch-on-hover);border-color:var(--gv-switch-on-hover)}:host(.gv-switch-host--checked) .gv-switch__thumb{left:calc(var(--gv-switch-width) - var(--gv-switch-thumb-size) - var(--gv-switch-thumb-offset))}:host(.gv-switch-host--error) .gv-switch__track{border-color:var(--gv-switch-error-border)}:host(.gv-switch-host--disabled) .gv-switch{cursor:not-allowed}:host(.gv-switch-host--disabled) .gv-switch__track{background:var(--gv-switch-disabled-track);border-color:var(--gv-switch-disabled-border);box-shadow:none}:host(.gv-switch-host--disabled) .gv-switch__thumb{background:var(--gv-switch-disabled-thumb);box-shadow:var(--gv-field-shadow)}:host(.gv-switch-host--disabled) .gv-switch__label,:host(.gv-switch-host--disabled) .gv-switch__description,:host(.gv-switch-host--disabled) .gv-switch__helper-text{color:var(--gv-switch-disabled-color)}:host(.gv-switch-host--disabled) .gv-switch:hover .gv-switch__track{background:var(--gv-switch-disabled-track)}:host(.gv-switch-host--sm){--gv-switch-width: 2.125rem;--gv-switch-height: 1.25rem;--gv-switch-thumb-size: .9rem;--gv-switch-thumb-offset: .125rem;--gv-switch-gap: var(--gv-control-gap-sm);--gv-switch-label-size: var(--gv-control-font-size-sm);--gv-switch-meta-size: .75rem}:host(.gv-switch-host--md){--gv-switch-width: 2.5rem;--gv-switch-height: 1.5rem;--gv-switch-thumb-size: 1.125rem;--gv-switch-thumb-offset: .125rem;--gv-switch-gap: var(--gv-control-gap-md);--gv-switch-label-size: var(--gv-control-font-size-md);--gv-switch-meta-size: .8125rem}:host(.gv-switch-host--lg){--gv-switch-width: 2.875rem;--gv-switch-height: 1.75rem;--gv-switch-thumb-size: 1.3125rem;--gv-switch-thumb-offset: .125rem;--gv-switch-gap: var(--gv-control-gap-lg);--gv-switch-label-size: var(--gv-control-font-size-lg);--gv-switch-meta-size: .875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Switch, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-switch', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => Switch),
+                            multi: true,
+                        },
+                    ], template: "<label class=\"gv-switch\" [attr.for]=\"inputId\">\n  <span class=\"gv-switch__control\">\n    <input\n      class=\"gv-switch__input\"\n      type=\"checkbox\"\n      [id]=\"inputId\"\n      [name]=\"name || null\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [attr.role]=\"'switch'\"\n      [attr.aria-checked]=\"checked\"\n      [attr.aria-invalid]=\"errorText ? 'true' : null\"\n      [attr.aria-describedby]=\"description || helperText || errorText ? inputId + '-meta' : null\"\n      (change)=\"handleInputChange($event)\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    />\n\n    <span class=\"gv-switch__track\" aria-hidden=\"true\">\n      <span class=\"gv-switch__thumb\"></span>\n    </span>\n  </span>\n\n  <span class=\"gv-switch__content\">\n    @if (label) {\n      <span class=\"gv-switch__label\">\n        {{ label }}\n        @if (required) {\n          <span class=\"gv-switch__required\" aria-hidden=\"true\">*</span>\n        }\n      </span>\n    }\n\n    @if (description || helperText || errorText) {\n      <span class=\"gv-switch__meta\" [id]=\"inputId + '-meta'\">\n        @if (errorText) {\n          <span class=\"gv-switch__error-text\">{{ errorText }}</span>\n        } @else {\n          @if (description) {\n            <span class=\"gv-switch__description\">{{ description }}</span>\n          }\n          @if (helperText) {\n            <span class=\"gv-switch__helper-text\">{{ helperText }}</span>\n          }\n        }\n      </span>\n    }\n  </span>\n</label>\n", styles: [":host{display:inline-block;width:100%}.gv-switch-host{--gv-switch-width: 2.5rem;--gv-switch-height: 1.5rem;--gv-switch-thumb-size: 1.125rem;--gv-switch-thumb-offset: .125rem;--gv-switch-gap: var(--gv-control-gap-md);--gv-switch-label-size: var(--gv-control-font-size-md);--gv-switch-meta-size: .8125rem;--gv-switch-track-bg: color-mix(in srgb, var(--gv-field-border) 78%, var(--gv-surface-subtle) 22%);--gv-switch-track-border: var(--gv-field-border-strong);--gv-switch-track-hover: color-mix(in srgb, var(--gv-field-border-hover) 72%, var(--gv-surface-subtle) 28%);--gv-switch-thumb-bg: var(--gv-surface);--gv-switch-thumb-shadow: var(--gv-control-thumb-shadow);--gv-switch-on-bg: var(--gv-accent);--gv-switch-on-border: var(--gv-accent);--gv-switch-on-hover: var(--gv-accent-hover);--gv-switch-label-color: var(--gv-text-strong);--gv-switch-meta-color: var(--gv-text-muted);--gv-switch-error-color: var(--gv-danger);--gv-switch-error-border: color-mix(in srgb, var(--gv-danger) 45%, transparent);--gv-switch-disabled-track: var(--gv-control-disabled-bg);--gv-switch-disabled-border: var(--gv-control-disabled-border);--gv-switch-disabled-thumb: var(--gv-surface);--gv-switch-disabled-color: var(--gv-control-disabled-text)}.gv-switch{display:inline-flex;align-items:flex-start;gap:var(--gv-switch-gap);width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.gv-switch__control{position:relative;flex:0 0 auto;width:var(--gv-switch-width);height:var(--gv-switch-height);margin-top:.05rem}.gv-switch__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.gv-switch__track{position:relative;display:inline-flex;align-items:center;width:var(--gv-switch-width);height:var(--gv-switch-height);border-radius:999px;border:1px solid var(--gv-switch-track-border);background:var(--gv-switch-track-bg);box-shadow:inset 0 1px 1px #ffffff73;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.gv-switch__thumb{position:absolute;top:50%;left:var(--gv-switch-thumb-offset);width:var(--gv-switch-thumb-size);height:var(--gv-switch-thumb-size);border-radius:999px;background:var(--gv-switch-thumb-bg);box-shadow:var(--gv-switch-thumb-shadow);transform:translateY(-50%);transition:left .2s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.gv-switch__content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.gv-switch__label{display:inline-flex;align-items:center;gap:.25rem;min-width:0;color:var(--gv-switch-label-color);font-size:var(--gv-switch-label-size);line-height:1.4;font-weight:600}.gv-switch__required{color:var(--gv-switch-error-color);font-weight:700}.gv-switch__meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;font-size:var(--gv-switch-meta-size);line-height:1.45}.gv-switch__description,.gv-switch__helper-text{color:var(--gv-switch-meta-color)}.gv-switch__error-text{color:var(--gv-switch-error-color);font-weight:500}.gv-switch:hover .gv-switch__track{background:var(--gv-switch-track-hover)}.gv-switch__input:focus-visible+.gv-switch__track{outline:none;box-shadow:0 0 0 4px #60a5fa59,inset 0 1px 1px #ffffff73}:host(.gv-switch-host--checked) .gv-switch__track{background:var(--gv-switch-on-bg);border-color:var(--gv-switch-on-border)}:host(.gv-switch-host--checked) .gv-switch:hover .gv-switch__track{background:var(--gv-switch-on-hover);border-color:var(--gv-switch-on-hover)}:host(.gv-switch-host--checked) .gv-switch__thumb{left:calc(var(--gv-switch-width) - var(--gv-switch-thumb-size) - var(--gv-switch-thumb-offset))}:host(.gv-switch-host--error) .gv-switch__track{border-color:var(--gv-switch-error-border)}:host(.gv-switch-host--disabled) .gv-switch{cursor:not-allowed}:host(.gv-switch-host--disabled) .gv-switch__track{background:var(--gv-switch-disabled-track);border-color:var(--gv-switch-disabled-border);box-shadow:none}:host(.gv-switch-host--disabled) .gv-switch__thumb{background:var(--gv-switch-disabled-thumb);box-shadow:var(--gv-field-shadow)}:host(.gv-switch-host--disabled) .gv-switch__label,:host(.gv-switch-host--disabled) .gv-switch__description,:host(.gv-switch-host--disabled) .gv-switch__helper-text{color:var(--gv-switch-disabled-color)}:host(.gv-switch-host--disabled) .gv-switch:hover .gv-switch__track{background:var(--gv-switch-disabled-track)}:host(.gv-switch-host--sm){--gv-switch-width: 2.125rem;--gv-switch-height: 1.25rem;--gv-switch-thumb-size: .9rem;--gv-switch-thumb-offset: .125rem;--gv-switch-gap: var(--gv-control-gap-sm);--gv-switch-label-size: var(--gv-control-font-size-sm);--gv-switch-meta-size: .75rem}:host(.gv-switch-host--md){--gv-switch-width: 2.5rem;--gv-switch-height: 1.5rem;--gv-switch-thumb-size: 1.125rem;--gv-switch-thumb-offset: .125rem;--gv-switch-gap: var(--gv-control-gap-md);--gv-switch-label-size: var(--gv-control-font-size-md);--gv-switch-meta-size: .8125rem}:host(.gv-switch-host--lg){--gv-switch-width: 2.875rem;--gv-switch-height: 1.75rem;--gv-switch-thumb-size: 1.3125rem;--gv-switch-thumb-offset: .125rem;--gv-switch-gap: var(--gv-control-gap-lg);--gv-switch-label-size: var(--gv-control-font-size-lg);--gv-switch-meta-size: .875rem}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { label: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], error: [{
+                type: Input,
+                args: [{ alias: 'error' }]
+            }], size: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], id: [{
+                type: Input,
+                args: [{ alias: 'id' }]
+            }], name: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], checkedChange: [{
+                type: Output
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+let nextTextareaId = 0;
+class Textarea {
+    cdr;
+    generatedId = `gv-textarea-${++nextTextareaId}`;
+    label = '';
+    description = '';
+    helperText = '';
+    errorText = '';
+    set error(value) {
+        this.errorText = value ?? '';
+    }
+    placeholder = '';
+    inputId = this.generatedId;
+    set id(value) {
+        this.inputId = value?.trim() || this.generatedId;
+    }
+    name;
+    rows = 4;
+    size = 'md';
+    resize = 'vertical';
+    maxLength;
+    disabled = false;
+    required = false;
+    readonly = false;
+    valueChange = new EventEmitter();
+    value = '';
+    focused = false;
+    onChange = () => { };
+    onTouched = () => { };
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    get hostClasses() {
+        return [
+            'gv-textarea-host',
+            `gv-textarea-host--${this.size}`,
+            `gv-textarea-host--resize-${this.resize}`,
+            this.disabled ? 'gv-textarea-host--disabled' : '',
+            this.focused ? 'gv-textarea-host--focused' : '',
+            this.errorText ? 'gv-textarea-host--error' : '',
+            this.readonly ? 'gv-textarea-host--readonly' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    get characterCount() {
+        return this.value?.length ?? 0;
+    }
+    get describedBy() {
+        const ids = [];
+        if (this.helperText || this.errorText) {
+            ids.push(`${this.inputId}__desc`);
+        }
+        if (this.maxLength) {
+            ids.push(`${this.inputId}-count`);
+        }
+        return ids.length ? ids.join(' ') : null;
+    }
+    writeValue(value) {
+        this.value = value ?? '';
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.cdr.markForCheck();
+    }
+    handleInput(event) {
+        const target = event.target;
+        this.value = target.value;
+        this.onChange(this.value);
+        this.valueChange.emit(this.value);
+        this.cdr.markForCheck();
+    }
+    handleFocus() {
+        this.focused = true;
+        this.cdr.markForCheck();
+    }
+    handleBlur() {
+        this.focused = false;
+        this.onTouched();
+        this.cdr.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Textarea, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Textarea, isStandalone: true, selector: "gv-textarea", inputs: { label: "label", description: "description", helperText: "helperText", errorText: "errorText", error: "error", placeholder: "placeholder", inputId: "inputId", id: "id", name: "name", rows: "rows", size: "size", resize: "resize", maxLength: "maxLength", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute], readonly: ["readonly", "readonly", booleanAttribute] }, outputs: { valueChange: "valueChange" }, host: { properties: { "class": "this.hostClasses" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => Textarea),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<gv-form-field\n  [label]=\"label || null\"\n  [description]=\"description || null\"\n  [required]=\"required\"\n  [helperText]=\"!errorText ? helperText || null : null\"\n  [error]=\"errorText || null\"\n  [controlId]=\"inputId\"\n  [fullWidth]=\"true\"\n>\n  <div class=\"gv-textarea__control\">\n    <textarea\n      class=\"gv-textarea__field\"\n      [id]=\"inputId\"\n      [name]=\"name || null\"\n      [value]=\"value\"\n      [rows]=\"rows\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [readOnly]=\"readonly\"\n      [maxLength]=\"maxLength ?? null\"\n      [attr.aria-invalid]=\"errorText ? 'true' : null\"\n      [attr.aria-describedby]=\"describedBy\"\n      (input)=\"handleInput($event)\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    ></textarea>\n  </div>\n\n  @if (maxLength) {\n    <div class=\"gv-textarea__meta\">\n      @if (maxLength) {\n        <div class=\"gv-textarea__count\" [id]=\"inputId + '-count'\">{{ characterCount }}/{{ maxLength }}</div>\n      }\n    </div>\n  }\n</gv-form-field>\n", styles: [":host{display:inline-block;width:100%}.gv-textarea-host{--gv-textarea-radius: var(--gv-control-radius-md);--gv-textarea-padding-x: var(--gv-control-padding-x-md);--gv-textarea-padding-y: .75rem;--gv-textarea-font-size: var(--gv-control-font-size-md);--gv-textarea-label-size: .875rem;--gv-textarea-meta-size: .8125rem;--gv-textarea-bg: var(--gv-field-bg);--gv-textarea-border: var(--gv-field-border);--gv-textarea-border-hover: var(--gv-field-border-hover);--gv-textarea-text: var(--gv-text);--gv-textarea-placeholder: var(--gv-field-placeholder);--gv-textarea-label: #334155;--gv-textarea-description: #64748b;--gv-textarea-helper: #64748b;--gv-textarea-error: #dc2626;--gv-textarea-error-border: rgba(239, 68, 68, .45);--gv-textarea-disabled-bg: #f8fafc;--gv-textarea-disabled-border: rgba(203, 213, 225, .75);--gv-textarea-disabled-text: #94a3b8;--gv-textarea-shadow: var(--gv-field-shadow)}.gv-textarea{display:flex;flex-direction:column;gap:var(--gv-space-2);width:100%}.gv-textarea__control{width:100%}.gv-textarea__field{display:block;width:100%;min-width:0;padding:var(--gv-textarea-padding-y) var(--gv-textarea-padding-x);border-radius:var(--gv-textarea-radius);border:1px solid var(--gv-textarea-border);background:var(--gv-textarea-bg);color:var(--gv-textarea-text);font-size:var(--gv-textarea-font-size);line-height:1.5;box-shadow:var(--gv-textarea-shadow);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease;resize:vertical}.gv-textarea__field::placeholder{color:var(--gv-textarea-placeholder)}.gv-textarea__field:hover:not(:disabled):not([readonly]){border-color:var(--gv-textarea-border-hover)}.gv-textarea__field:focus{outline:none;border-color:#60a5fab3;box-shadow:0 0 0 4px #60a5fa59,0 1px 2px #0f172a0a}.gv-textarea__field:disabled{background:var(--gv-textarea-disabled-bg);border-color:var(--gv-textarea-disabled-border);color:var(--gv-textarea-disabled-text);box-shadow:none;cursor:not-allowed}.gv-textarea__field[readonly]{background:var(--gv-surface-subtle)}.gv-textarea__meta{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--gv-space-4);min-width:0;font-size:var(--gv-textarea-meta-size);line-height:1.45}.gv-textarea__count{flex:0 0 auto;color:var(--gv-textarea-description);white-space:nowrap}:host(.gv-textarea-host--error) .gv-textarea__field{border-color:var(--gv-textarea-error-border)}:host(.gv-textarea-host--error) .gv-textarea__field:hover:not(:disabled):not([readonly]){border-color:#ef444494}:host(.gv-textarea-host--disabled) .gv-textarea__label,:host(.gv-textarea-host--disabled) .gv-textarea__description,:host(.gv-textarea-host--disabled) .gv-textarea__helper-text,:host(.gv-textarea-host--disabled) .gv-textarea__count{color:var(--gv-textarea-disabled-text)}:host(.gv-textarea-host--sm){--gv-textarea-radius: var(--gv-control-radius-sm);--gv-textarea-padding-x: var(--gv-control-padding-x-sm);--gv-textarea-padding-y: .6rem;--gv-textarea-font-size: var(--gv-control-font-size-sm);--gv-textarea-label-size: .8125rem;--gv-textarea-meta-size: .75rem}:host(.gv-textarea-host--md){--gv-textarea-radius: var(--gv-control-radius-md);--gv-textarea-padding-x: var(--gv-control-padding-x-md);--gv-textarea-padding-y: .75rem;--gv-textarea-font-size: var(--gv-control-font-size-md);--gv-textarea-label-size: .875rem;--gv-textarea-meta-size: .8125rem}:host(.gv-textarea-host--lg){--gv-textarea-radius: var(--gv-control-radius-lg);--gv-textarea-padding-x: var(--gv-control-padding-x-lg);--gv-textarea-padding-y: .85rem;--gv-textarea-font-size: var(--gv-control-font-size-lg);--gv-textarea-label-size: .9375rem;--gv-textarea-meta-size: .875rem}:host(.gv-textarea-host--resize-none) .gv-textarea__field{resize:none}:host(.gv-textarea-host--resize-vertical) .gv-textarea__field{resize:vertical}:host(.gv-textarea-host--resize-both) .gv-textarea__field{resize:both}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FormField, selector: "gv-form-field", inputs: ["label", "description", "required", "helperText", "error", "fullWidth", "controlId", "showLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Textarea, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-textarea', standalone: true, imports: [CommonModule, FormField], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => Textarea),
+                            multi: true,
+                        },
+                    ], template: "<gv-form-field\n  [label]=\"label || null\"\n  [description]=\"description || null\"\n  [required]=\"required\"\n  [helperText]=\"!errorText ? helperText || null : null\"\n  [error]=\"errorText || null\"\n  [controlId]=\"inputId\"\n  [fullWidth]=\"true\"\n>\n  <div class=\"gv-textarea__control\">\n    <textarea\n      class=\"gv-textarea__field\"\n      [id]=\"inputId\"\n      [name]=\"name || null\"\n      [value]=\"value\"\n      [rows]=\"rows\"\n      [placeholder]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [required]=\"required\"\n      [readOnly]=\"readonly\"\n      [maxLength]=\"maxLength ?? null\"\n      [attr.aria-invalid]=\"errorText ? 'true' : null\"\n      [attr.aria-describedby]=\"describedBy\"\n      (input)=\"handleInput($event)\"\n      (focus)=\"handleFocus()\"\n      (blur)=\"handleBlur()\"\n    ></textarea>\n  </div>\n\n  @if (maxLength) {\n    <div class=\"gv-textarea__meta\">\n      @if (maxLength) {\n        <div class=\"gv-textarea__count\" [id]=\"inputId + '-count'\">{{ characterCount }}/{{ maxLength }}</div>\n      }\n    </div>\n  }\n</gv-form-field>\n", styles: [":host{display:inline-block;width:100%}.gv-textarea-host{--gv-textarea-radius: var(--gv-control-radius-md);--gv-textarea-padding-x: var(--gv-control-padding-x-md);--gv-textarea-padding-y: .75rem;--gv-textarea-font-size: var(--gv-control-font-size-md);--gv-textarea-label-size: .875rem;--gv-textarea-meta-size: .8125rem;--gv-textarea-bg: var(--gv-field-bg);--gv-textarea-border: var(--gv-field-border);--gv-textarea-border-hover: var(--gv-field-border-hover);--gv-textarea-text: var(--gv-text);--gv-textarea-placeholder: var(--gv-field-placeholder);--gv-textarea-label: #334155;--gv-textarea-description: #64748b;--gv-textarea-helper: #64748b;--gv-textarea-error: #dc2626;--gv-textarea-error-border: rgba(239, 68, 68, .45);--gv-textarea-disabled-bg: #f8fafc;--gv-textarea-disabled-border: rgba(203, 213, 225, .75);--gv-textarea-disabled-text: #94a3b8;--gv-textarea-shadow: var(--gv-field-shadow)}.gv-textarea{display:flex;flex-direction:column;gap:var(--gv-space-2);width:100%}.gv-textarea__control{width:100%}.gv-textarea__field{display:block;width:100%;min-width:0;padding:var(--gv-textarea-padding-y) var(--gv-textarea-padding-x);border-radius:var(--gv-textarea-radius);border:1px solid var(--gv-textarea-border);background:var(--gv-textarea-bg);color:var(--gv-textarea-text);font-size:var(--gv-textarea-font-size);line-height:1.5;box-shadow:var(--gv-textarea-shadow);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease;resize:vertical}.gv-textarea__field::placeholder{color:var(--gv-textarea-placeholder)}.gv-textarea__field:hover:not(:disabled):not([readonly]){border-color:var(--gv-textarea-border-hover)}.gv-textarea__field:focus{outline:none;border-color:#60a5fab3;box-shadow:0 0 0 4px #60a5fa59,0 1px 2px #0f172a0a}.gv-textarea__field:disabled{background:var(--gv-textarea-disabled-bg);border-color:var(--gv-textarea-disabled-border);color:var(--gv-textarea-disabled-text);box-shadow:none;cursor:not-allowed}.gv-textarea__field[readonly]{background:var(--gv-surface-subtle)}.gv-textarea__meta{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--gv-space-4);min-width:0;font-size:var(--gv-textarea-meta-size);line-height:1.45}.gv-textarea__count{flex:0 0 auto;color:var(--gv-textarea-description);white-space:nowrap}:host(.gv-textarea-host--error) .gv-textarea__field{border-color:var(--gv-textarea-error-border)}:host(.gv-textarea-host--error) .gv-textarea__field:hover:not(:disabled):not([readonly]){border-color:#ef444494}:host(.gv-textarea-host--disabled) .gv-textarea__label,:host(.gv-textarea-host--disabled) .gv-textarea__description,:host(.gv-textarea-host--disabled) .gv-textarea__helper-text,:host(.gv-textarea-host--disabled) .gv-textarea__count{color:var(--gv-textarea-disabled-text)}:host(.gv-textarea-host--sm){--gv-textarea-radius: var(--gv-control-radius-sm);--gv-textarea-padding-x: var(--gv-control-padding-x-sm);--gv-textarea-padding-y: .6rem;--gv-textarea-font-size: var(--gv-control-font-size-sm);--gv-textarea-label-size: .8125rem;--gv-textarea-meta-size: .75rem}:host(.gv-textarea-host--md){--gv-textarea-radius: var(--gv-control-radius-md);--gv-textarea-padding-x: var(--gv-control-padding-x-md);--gv-textarea-padding-y: .75rem;--gv-textarea-font-size: var(--gv-control-font-size-md);--gv-textarea-label-size: .875rem;--gv-textarea-meta-size: .8125rem}:host(.gv-textarea-host--lg){--gv-textarea-radius: var(--gv-control-radius-lg);--gv-textarea-padding-x: var(--gv-control-padding-x-lg);--gv-textarea-padding-y: .85rem;--gv-textarea-font-size: var(--gv-control-font-size-lg);--gv-textarea-label-size: .9375rem;--gv-textarea-meta-size: .875rem}:host(.gv-textarea-host--resize-none) .gv-textarea__field{resize:none}:host(.gv-textarea-host--resize-vertical) .gv-textarea__field{resize:vertical}:host(.gv-textarea-host--resize-both) .gv-textarea__field{resize:both}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { label: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], helperText: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], error: [{
+                type: Input,
+                args: [{ alias: 'error' }]
+            }], placeholder: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], id: [{
+                type: Input,
+                args: [{ alias: 'id' }]
+            }], name: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], resize: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], required: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], readonly: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], valueChange: [{
+                type: Output
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+let nextId = 0;
+class Modal {
+    open = false;
+    title;
+    subtitle;
+    size = 'md';
+    /** UX controls */
+    closeOnBackdrop = true;
+    closeOnEsc = true;
+    /** When true, disables closing + shows overlayed spinner area (optional UI in CSS) */
+    loading = false;
+    /** Allows extra utility classes on the panel (ex: "border-0") */
+    panelClass = '';
+    openChange = new EventEmitter();
+    closed = new EventEmitter();
+    panelRef;
+    titleId = `gv-modal-title-${++nextId}`;
+    prevBodyOverflow = null;
+    prevFocused = null;
+    get sizeClass() {
+        return `gv-modal--${this.size}`;
+    }
+    get panelClasses() {
+        return ['gv-modal__panel', this.sizeClass, this.panelClass].filter(Boolean).join(' ');
+    }
+    ngOnChanges(changes) {
+        if (changes['open']) {
+            if (this.open)
+                this.onOpen();
+            else
+                this.onCloseCleanup();
+        }
+    }
+    ngOnDestroy() {
+        // in case component is destroyed while open
+        this.onCloseCleanup();
+    }
+    /** Close triggers */
+    onBackdropMouseDown() {
+        if (!this.open)
+            return;
+        if (this.loading)
+            return;
+        if (!this.closeOnBackdrop)
+            return;
+        this.requestClose('backdrop');
+    }
+    onCloseButton() {
+        if (!this.open)
+            return;
+        if (this.loading)
+            return;
+        this.requestClose('button');
+    }
+    onDocKeydown(e) {
+        if (!this.open)
+            return;
+        if (e.key === 'Escape') {
+            if (this.loading)
+                return;
+            if (!this.closeOnEsc)
+                return;
+            e.preventDefault();
+            this.requestClose('esc');
+            return;
+        }
+        // super-light focus trap (v1)
+        if (e.key === 'Tab') {
+            this.trapFocus(e);
+        }
+    }
+    requestClose(reason) {
+        this.openChange.emit(false);
+        this.closed.emit(reason);
+    }
+    onOpen() {
+        this.prevFocused = document.activeElement;
+        this.lockBodyScroll();
+        // focus the panel (or first focusable) on next tick
+        queueMicrotask(() => {
+            const panel = this.panelRef?.nativeElement;
+            if (!panel)
+                return;
+            const focusable = this.getFocusable(panel);
+            (focusable[0] ?? panel).focus?.();
+        });
+    }
+    onCloseCleanup() {
+        this.unlockBodyScroll();
+        // restore focus
+        queueMicrotask(() => this.prevFocused?.focus?.());
+        this.prevFocused = null;
+    }
+    lockBodyScroll() {
+        const body = document.body;
+        if (this.prevBodyOverflow === null) {
+            this.prevBodyOverflow = body.style.overflow || '';
+            body.style.overflow = 'hidden';
+        }
+    }
+    unlockBodyScroll() {
+        if (this.prevBodyOverflow === null)
+            return;
+        document.body.style.overflow = this.prevBodyOverflow;
+        this.prevBodyOverflow = null;
+    }
+    trapFocus(e) {
+        const panel = this.panelRef?.nativeElement;
+        if (!panel)
+            return;
+        const focusable = this.getFocusable(panel);
+        if (focusable.length === 0) {
+            e.preventDefault();
+            panel.focus?.();
+            return;
+        }
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        const active = document.activeElement;
+        if (e.shiftKey) {
+            if (!active || active === first || !panel.contains(active)) {
+                e.preventDefault();
+                last.focus();
+            }
+        }
+        else {
+            if (!active || active === last || !panel.contains(active)) {
+                e.preventDefault();
+                first.focus();
+            }
+        }
+    }
+    getFocusable(root) {
+        const selectors = [
+            'a[href]',
+            'button:not([disabled])',
+            'textarea:not([disabled])',
+            'input:not([disabled])',
+            'select:not([disabled])',
+            '[tabindex]:not([tabindex="-1"])',
+        ].join(',');
+        return Array.from(root.querySelectorAll(selectors)).filter((el) => !el.hasAttribute('disabled') && !el.getAttribute('aria-hidden'));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Modal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Modal, isStandalone: true, selector: "gv-modal", inputs: { open: "open", title: "title", subtitle: "subtitle", size: "size", closeOnBackdrop: "closeOnBackdrop", closeOnEsc: "closeOnEsc", loading: "loading", panelClass: "panelClass" }, outputs: { openChange: "openChange", closed: "closed" }, host: { listeners: { "document:keydown": "onDocKeydown($event)" } }, viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (open) {\n  <div class=\"gv-modal\" role=\"presentation\">\n    <div class=\"gv-modal__backdrop\" (mousedown)=\"onBackdropMouseDown()\"></div>\n\n    <div class=\"gv-modal__viewport\">\n      <section\n        #panel\n        [class]=\"panelClasses\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [attr.aria-labelledby]=\"title ? titleId : null\"\n        tabindex=\"-1\"\n      >\n        @if (title || subtitle) {\n          <header class=\"gv-modal__header\">\n            <div class=\"gv-modal__heading\">\n              @if (title) {\n                <div class=\"gv-modal__title\" [id]=\"titleId\">{{ title }}</div>\n              }\n              @if (subtitle) {\n                <div class=\"gv-modal__subtitle\">{{ subtitle }}</div>\n              }\n            </div>\n\n            <button\n              type=\"button\"\n              class=\"gv-modal__close\"\n              (click)=\"onCloseButton()\"\n              [disabled]=\"loading\"\n              aria-label=\"Close dialog\"\n            >\n              \u2715\n            </button>\n          </header>\n        }\n\n        <div class=\"gv-modal__body\">\n          <ng-content></ng-content>\n        </div>\n\n        <footer class=\"gv-modal__footer\">\n          <ng-content select=\"[gvFooter]\"></ng-content>\n        </footer>\n\n        @if (loading) {\n          <div class=\"gv-modal__loading\" aria-hidden=\"true\">\n            <div class=\"spinner-border spinner-border-sm text-primary\" role=\"status\"></div>\n          </div>\n        }\n      </section>\n    </div>\n  </div>\n}\n", styles: [".gv-modal{position:fixed;inset:0;z-index:1050}.gv-modal__backdrop{position:absolute;inset:0;background:var(--gv-overlay-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gv-modal__viewport{position:relative;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:18px 16px;overflow:auto}html[data-gv-density=compact] .gv-modal__viewport{padding-top:12px}html[data-gv-density=comfortable] .gv-modal__viewport{padding-top:18px}html[data-gv-density=spacious] .gv-modal__viewport{padding-top:28px}.gv-modal__panel{width:min(920px,100%);background:var(--gv-overlay-surface);border:1px solid var(--gv-overlay-border);border-radius:18px;box-shadow:var(--gv-shadow-overlay);overflow:hidden;position:relative;outline:none}.gv-modal--sm{width:min(420px,100%)}.gv-modal--md{width:min(640px,100%)}.gv-modal--lg{width:min(860px,100%)}.gv-modal--xl{width:min(1040px,100%)}.gv-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--gv-border, #e2e8f0);background:color-mix(in srgb,var(--gv-surface-subtle) 82%,transparent)}.gv-modal__heading{min-width:0}.gv-modal__title{font-weight:800;font-size:15px;color:var(--gv-text-strong, #0f172a);line-height:1.2}.gv-modal__subtitle{margin-top:4px;font-size:12px;color:var(--gv-text-muted, #64748b);line-height:1.45}.gv-modal__close{flex:0 0 auto;width:2rem;height:2rem;border:1px solid var(--gv-border, #e2e8f0);border-radius:10px;background:var(--gv-surface);color:var(--gv-text-muted);line-height:1;box-shadow:var(--gv-shadow-sm);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.gv-modal__close:hover:not(:disabled){background:var(--gv-surface-subtle);color:var(--gv-text-strong);border-color:var(--gv-field-border-hover)}.gv-modal__close:focus-visible{outline:none;box-shadow:var(--gv-ring),var(--gv-shadow-sm)}.gv-modal__body{padding:18px}.gv-modal__footer{padding:14px 18px;border-top:1px solid var(--gv-border, #e2e8f0);display:flex;justify-content:flex-end;gap:8px;background:color-mix(in srgb,var(--gv-surface-subtle) 72%,transparent)}.gv-modal__loading{position:absolute;inset:0;background:color-mix(in srgb,var(--gv-overlay-surface) 78%,transparent);display:grid;place-items:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Modal, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-modal', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open) {\n  <div class=\"gv-modal\" role=\"presentation\">\n    <div class=\"gv-modal__backdrop\" (mousedown)=\"onBackdropMouseDown()\"></div>\n\n    <div class=\"gv-modal__viewport\">\n      <section\n        #panel\n        [class]=\"panelClasses\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        [attr.aria-labelledby]=\"title ? titleId : null\"\n        tabindex=\"-1\"\n      >\n        @if (title || subtitle) {\n          <header class=\"gv-modal__header\">\n            <div class=\"gv-modal__heading\">\n              @if (title) {\n                <div class=\"gv-modal__title\" [id]=\"titleId\">{{ title }}</div>\n              }\n              @if (subtitle) {\n                <div class=\"gv-modal__subtitle\">{{ subtitle }}</div>\n              }\n            </div>\n\n            <button\n              type=\"button\"\n              class=\"gv-modal__close\"\n              (click)=\"onCloseButton()\"\n              [disabled]=\"loading\"\n              aria-label=\"Close dialog\"\n            >\n              \u2715\n            </button>\n          </header>\n        }\n\n        <div class=\"gv-modal__body\">\n          <ng-content></ng-content>\n        </div>\n\n        <footer class=\"gv-modal__footer\">\n          <ng-content select=\"[gvFooter]\"></ng-content>\n        </footer>\n\n        @if (loading) {\n          <div class=\"gv-modal__loading\" aria-hidden=\"true\">\n            <div class=\"spinner-border spinner-border-sm text-primary\" role=\"status\"></div>\n          </div>\n        }\n      </section>\n    </div>\n  </div>\n}\n", styles: [".gv-modal{position:fixed;inset:0;z-index:1050}.gv-modal__backdrop{position:absolute;inset:0;background:var(--gv-overlay-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gv-modal__viewport{position:relative;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:18px 16px;overflow:auto}html[data-gv-density=compact] .gv-modal__viewport{padding-top:12px}html[data-gv-density=comfortable] .gv-modal__viewport{padding-top:18px}html[data-gv-density=spacious] .gv-modal__viewport{padding-top:28px}.gv-modal__panel{width:min(920px,100%);background:var(--gv-overlay-surface);border:1px solid var(--gv-overlay-border);border-radius:18px;box-shadow:var(--gv-shadow-overlay);overflow:hidden;position:relative;outline:none}.gv-modal--sm{width:min(420px,100%)}.gv-modal--md{width:min(640px,100%)}.gv-modal--lg{width:min(860px,100%)}.gv-modal--xl{width:min(1040px,100%)}.gv-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--gv-border, #e2e8f0);background:color-mix(in srgb,var(--gv-surface-subtle) 82%,transparent)}.gv-modal__heading{min-width:0}.gv-modal__title{font-weight:800;font-size:15px;color:var(--gv-text-strong, #0f172a);line-height:1.2}.gv-modal__subtitle{margin-top:4px;font-size:12px;color:var(--gv-text-muted, #64748b);line-height:1.45}.gv-modal__close{flex:0 0 auto;width:2rem;height:2rem;border:1px solid var(--gv-border, #e2e8f0);border-radius:10px;background:var(--gv-surface);color:var(--gv-text-muted);line-height:1;box-shadow:var(--gv-shadow-sm);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.gv-modal__close:hover:not(:disabled){background:var(--gv-surface-subtle);color:var(--gv-text-strong);border-color:var(--gv-field-border-hover)}.gv-modal__close:focus-visible{outline:none;box-shadow:var(--gv-ring),var(--gv-shadow-sm)}.gv-modal__body{padding:18px}.gv-modal__footer{padding:14px 18px;border-top:1px solid var(--gv-border, #e2e8f0);display:flex;justify-content:flex-end;gap:8px;background:color-mix(in srgb,var(--gv-surface-subtle) 72%,transparent)}.gv-modal__loading{position:absolute;inset:0;background:color-mix(in srgb,var(--gv-overlay-surface) 78%,transparent);display:grid;place-items:center}\n"] }]
+        }], propDecorators: { open: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], closeOnBackdrop: [{
+                type: Input
+            }], closeOnEsc: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], panelClass: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }], closed: [{
+                type: Output
+            }], panelRef: [{
+                type: ViewChild,
+                args: ['panel', { static: false }]
+            }], onDocKeydown: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+
+const DEFAULTS = {
+    title: '',
+    message: '',
+    variant: 'primary',
+    durationMs: 3500,
+    dismissible: true,
+    position: 'top-end',
+    ariaLive: 'polite',
+};
+function uid() {
+    return `gv_${Math.random().toString(36).slice(2)}_${Date.now().toString(36)}`;
+}
+class ToastService {
+    _toasts$ = new BehaviorSubject([]);
+    toasts$ = this._toasts$.asObservable();
+    show(opts) {
+        const id = opts.id ?? uid();
+        const toast = {
+            ...DEFAULTS,
+            ...opts,
+            id,
+            createdAt: Date.now(),
+            // message required
+            message: opts.message,
+            title: opts.title ?? DEFAULTS.title,
+            variant: (opts.variant ?? DEFAULTS.variant),
+            position: (opts.position ?? DEFAULTS.position),
+            durationMs: opts.durationMs ?? DEFAULTS.durationMs,
+            dismissible: opts.dismissible ?? DEFAULTS.dismissible,
+            ariaLive: opts.ariaLive ?? DEFAULTS.ariaLive,
+        };
+        this._toasts$.next([toast, ...this._toasts$.value]);
+        if (toast.durationMs > 0) {
+            window.setTimeout(() => this.dismiss(id), toast.durationMs);
+        }
+        return id;
+    }
+    dismiss(id) {
+        this._toasts$.next(this._toasts$.value.filter((t) => t.id !== id));
+    }
+    clear() {
+        this._toasts$.next([]);
+    }
+    // Convenience helpers (enterprise apps use these a lot)
+    success(message, title = 'Success') {
+        return this.show({ variant: 'success', title, message });
+    }
+    error(message, title = 'Error') {
+        return this.show({ variant: 'danger', title, message, ariaLive: 'assertive' });
+    }
+    warning(message, title = 'Warning') {
+        return this.show({ variant: 'warning', title, message });
+    }
+    info(message, title = 'Info') {
+        return this.show({ variant: 'info', title, message });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class Toasts {
+    toastSvc = inject(ToastService);
+    toasts$ = this.toastSvc.toasts$;
+    dismiss(id) {
+        this.toastSvc.dismiss(id);
+    }
+    trackById(_, t) {
+        return t.id;
+    }
+    positionClass(pos) {
+        // one container per position is a v2 feature; for v1 we use per-toast class
+        return `gv-toasts--${pos}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Toasts, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: Toasts, isStandalone: true, selector: "gv-toasts", ngImport: i0, template: "<div class=\"gv-toasts-root\" aria-live=\"polite\" aria-relevant=\"additions text\">\n  <ng-container *ngIf=\"toasts$ | async as toasts\">\n    <div\n      *ngFor=\"let t of toasts; trackBy: trackById\"\n      class=\"gv-toast\"\n      [ngClass]=\"[positionClass(t.position), 'gv-toast--' + t.variant]\"\n      [attr.role]=\"t.ariaLive === 'assertive' ? 'alert' : 'status'\"\n      [attr.aria-live]=\"t.ariaLive\"\n    >\n      <div class=\"gv-toast__inner\">\n        <div class=\"gv-toast__body\">\n          <div class=\"gv-toast__title\" *ngIf=\"t.title\">{{ t.title }}</div>\n          <div class=\"gv-toast__msg\">{{ t.message }}</div>\n        </div>\n\n        <button\n          *ngIf=\"t.dismissible\"\n          type=\"button\"\n          class=\"btn btn-sm btn-link gv-toast__close\"\n          aria-label=\"Dismiss notification\"\n          (click)=\"dismiss(t.id)\"\n        >\n          \u2715\n        </button>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".gv-toasts-root{position:fixed;inset:0;pointer-events:none;z-index:1080;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.gv-toast{position:fixed;width:min(420px,calc(100vw - 24px));pointer-events:auto;border-radius:12px;border:1px solid var(--gv-toast-border, var(--gv-border, #e2e8f0));background:var(--gv-toast-bg, var(--gv-surface, #fff));box-shadow:0 16px 40px #0f172a1f;overflow:hidden}.gv-toast__inner{display:flex;gap:10px;align-items:flex-start;padding:10px 12px}.gv-toast__body{min-width:0;flex:1}.gv-toast__title{font-weight:800;font-size:12px;color:var(--gv-toast-title-color, var(--gv-text-strong, #0f172a));margin-bottom:2px;letter-spacing:.01em}.gv-toast__msg{font-size:13px;color:var(--gv-toast-color, var(--gv-text, #1f2937));line-height:1.25rem;word-break:break-word}.gv-toast__close{padding:0;margin:0;text-decoration:none;color:var(--gv-toast-close-color, var(--gv-text-muted, #64748b))}.gv-toast__close:hover{color:var(--gv-toast-close-hover-color, var(--gv-text-strong, #0f172a))}.gv-toasts--top-end{top:12px;right:12px}.gv-toasts--top-start{top:12px;left:12px}.gv-toasts--top-center{top:12px;left:50%;transform:translate(-50%)}.gv-toasts--bottom-end{bottom:12px;right:12px}.gv-toasts--bottom-start{bottom:12px;left:12px}.gv-toasts--bottom-center{bottom:12px;left:50%;transform:translate(-50%)}.gv-toast--primary{border-left:4px solid var(--gv-accent, #3b82f6);background:var(--gv-toast-primary-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}.gv-toast--success{border-left:4px solid var(--gv-success, #16a34a);background:var(--gv-toast-success-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}.gv-toast--warning{border-left:4px solid var(--gv-warning, #f59e0b);background:var(--gv-toast-warning-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}.gv-toast--danger{border-left:4px solid var(--gv-danger, #dc2626);background:var(--gv-toast-danger-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}.gv-toast--info{border-left:4px solid var(--gv-info, #0ea5e9);background:var(--gv-toast-info-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}.gv-toast--dark{border-left:4px solid #111827;background:var(--gv-toast-dark-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}@keyframes gvToastIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gv-toast{animation:gvToastIn .14s ease-out}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Toasts, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-toasts', standalone: true, imports: [NgFor, NgIf, NgClass, AsyncPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"gv-toasts-root\" aria-live=\"polite\" aria-relevant=\"additions text\">\n  <ng-container *ngIf=\"toasts$ | async as toasts\">\n    <div\n      *ngFor=\"let t of toasts; trackBy: trackById\"\n      class=\"gv-toast\"\n      [ngClass]=\"[positionClass(t.position), 'gv-toast--' + t.variant]\"\n      [attr.role]=\"t.ariaLive === 'assertive' ? 'alert' : 'status'\"\n      [attr.aria-live]=\"t.ariaLive\"\n    >\n      <div class=\"gv-toast__inner\">\n        <div class=\"gv-toast__body\">\n          <div class=\"gv-toast__title\" *ngIf=\"t.title\">{{ t.title }}</div>\n          <div class=\"gv-toast__msg\">{{ t.message }}</div>\n        </div>\n\n        <button\n          *ngIf=\"t.dismissible\"\n          type=\"button\"\n          class=\"btn btn-sm btn-link gv-toast__close\"\n          aria-label=\"Dismiss notification\"\n          (click)=\"dismiss(t.id)\"\n        >\n          \u2715\n        </button>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".gv-toasts-root{position:fixed;inset:0;pointer-events:none;z-index:1080;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.gv-toast{position:fixed;width:min(420px,calc(100vw - 24px));pointer-events:auto;border-radius:12px;border:1px solid var(--gv-toast-border, var(--gv-border, #e2e8f0));background:var(--gv-toast-bg, var(--gv-surface, #fff));box-shadow:0 16px 40px #0f172a1f;overflow:hidden}.gv-toast__inner{display:flex;gap:10px;align-items:flex-start;padding:10px 12px}.gv-toast__body{min-width:0;flex:1}.gv-toast__title{font-weight:800;font-size:12px;color:var(--gv-toast-title-color, var(--gv-text-strong, #0f172a));margin-bottom:2px;letter-spacing:.01em}.gv-toast__msg{font-size:13px;color:var(--gv-toast-color, var(--gv-text, #1f2937));line-height:1.25rem;word-break:break-word}.gv-toast__close{padding:0;margin:0;text-decoration:none;color:var(--gv-toast-close-color, var(--gv-text-muted, #64748b))}.gv-toast__close:hover{color:var(--gv-toast-close-hover-color, var(--gv-text-strong, #0f172a))}.gv-toasts--top-end{top:12px;right:12px}.gv-toasts--top-start{top:12px;left:12px}.gv-toasts--top-center{top:12px;left:50%;transform:translate(-50%)}.gv-toasts--bottom-end{bottom:12px;right:12px}.gv-toasts--bottom-start{bottom:12px;left:12px}.gv-toasts--bottom-center{bottom:12px;left:50%;transform:translate(-50%)}.gv-toast--primary{border-left:4px solid var(--gv-accent, #3b82f6);background:var(--gv-toast-primary-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}.gv-toast--success{border-left:4px solid var(--gv-success, #16a34a);background:var(--gv-toast-success-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}.gv-toast--warning{border-left:4px solid var(--gv-warning, #f59e0b);background:var(--gv-toast-warning-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}.gv-toast--danger{border-left:4px solid var(--gv-danger, #dc2626);background:var(--gv-toast-danger-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}.gv-toast--info{border-left:4px solid var(--gv-info, #0ea5e9);background:var(--gv-toast-info-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}.gv-toast--dark{border-left:4px solid #111827;background:var(--gv-toast-dark-bg, var(--gv-toast-bg, var(--gv-surface, #fff)))}@keyframes gvToastIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gv-toast{animation:gvToastIn .14s ease-out}\n"] }]
+        }] });
+
+class Tab {
+    tabs;
+    cdr;
+    value;
+    disabled = false;
+    _active = false;
+    _btn;
+    get active() {
+        return this._active;
+    }
+    set active(next) {
+        if (this._active === next)
+            return;
+        this._active = next;
+        this.cdr.markForCheck();
+    }
+    get buttonEl() {
+        return this._btn?.nativeElement ?? null;
+    }
+    constructor(tabs, cdr) {
+        this.tabs = tabs;
+        this.cdr = cdr;
+    }
+    get tabIndex() {
+        return this.active && !this.disabled ? 0 : -1;
+    }
+    onClick() {
+        if (this.disabled)
+            return;
+        this.tabs?.setValue(this.value);
+    }
+    onKeydown(e) {
+        if (!this.tabs)
+            return;
+        const key = e.key;
+        if (!['ArrowLeft', 'ArrowRight', 'Home', 'End', 'Enter', ' '].includes(key))
+            return;
+        e.preventDefault();
+        const tabs = this.tabs.tabs.toArray().filter((t) => !t.disabled);
+        if (!tabs.length)
+            return;
+        const idx = tabs.findIndex((t) => t.value === this.tabs.value);
+        const focusTab = (t) => t.buttonEl?.focus();
+        if (key === 'Enter' || key === ' ') {
+            this.tabs.setValue(this.value);
+            return;
+        }
+        let next;
+        if (key === 'Home')
+            next = tabs[0];
+        else if (key === 'End')
+            next = tabs[tabs.length - 1];
+        else if (key === 'ArrowRight')
+            next = tabs[(idx + 1 + tabs.length) % tabs.length];
+        else
+            next = tabs[(idx - 1 + tabs.length) % tabs.length];
+        this.tabs.setValue(next.value);
+        focusTab(next);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tab, deps: [{ token: Tabs, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: Tab, isStandalone: true, selector: "gv-tab", inputs: { value: "value", disabled: "disabled" }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "_btn", first: true, predicate: ["btn"], descendants: true, read: ElementRef }], ngImport: i0, template: `
+    <button
+      #btn
+      class="gv-tab"
+      type="button"
+      role="tab"
+      [attr.aria-selected]="active"
+      [attr.aria-disabled]="disabled"
+      [attr.tabindex]="tabIndex"
+      [disabled]="disabled"
+    >
+      <ng-content></ng-content>
+    </button>
+  `, isInline: true, styles: [":host{display:block}.gv-tabs__list{position:relative;display:flex;align-items:center;gap:var(--gv-space-2);border-bottom:1px solid var(--gv-border);padding:0 var(--gv-space-1);--gv-tabs-indicator-left: 0px;--gv-tabs-indicator-width: 0px}.gv-tabs__indicator{position:absolute;left:0;bottom:-1px;width:var(--gv-tabs-indicator-width);transform:translate(var(--gv-tabs-indicator-left));background:linear-gradient(90deg,var(--gv-accent),var(--gv-accent-hover));border-radius:999px;opacity:1;height:4px;box-shadow:0 2px 8px #2563eb3d;transition:transform .32s cubic-bezier(.2,.9,.2,1),width .32s cubic-bezier(.2,.9,.2,1);z-index:10}.gv-tab{appearance:none;border:0;background:transparent;color:var(--gv-text-muted);font-weight:600;font-size:calc(var(--gv-control-font-size-sm) - .0625rem);min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-sm);display:inline-flex;align-items:center;gap:var(--gv-space-2);border-radius:var(--gv-control-radius-sm);cursor:pointer;position:relative;z-index:11;isolation:isolate;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .18s ease}.gv-tab:hover{color:var(--gv-text-strong);background:#0f172a0a}.gv-tab:focus-visible{outline:none;box-shadow:var(--gv-ring)}.gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 9%,var(--gv-surface) 91%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 14%,transparent);font-weight:700;transform:none}.gv-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;opacity:.75}.gv-tab[aria-selected=true] .gv-tab__icon{opacity:1;color:var(--gv-accent-hover)}.gv-tab__label{display:inline-flex;align-items:center;gap:var(--gv-space-2);white-space:nowrap}.gv-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;border-radius:999px;background:#0f172a0f;color:var(--gv-text-muted)}.gv-tab[aria-selected=true] .gv-tab__badge{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 15%,var(--gv-surface) 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent)}.gv-tab:disabled,.gv-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent!important}.gv-tabs__panels{padding-top:var(--gv-space-3)}.gv-tab-panel{padding:var(--gv-space-3) 0}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__list{border-bottom:0;padding:var(--gv-space-1);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);background:var(--gv-surface);width:fit-content}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab{min-height:var(--gv-control-height-sm);padding:0 var(--gv-control-padding-x-md);border-radius:var(--gv-control-radius-sm)}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent),0 4px 10px #0f172a14}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__indicator{display:none}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tab, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-tab', standalone: true, template: `
+    <button
+      #btn
+      class="gv-tab"
+      type="button"
+      role="tab"
+      [attr.aria-selected]="active"
+      [attr.aria-disabled]="disabled"
+      [attr.tabindex]="tabIndex"
+      [disabled]="disabled"
+    >
+      <ng-content></ng-content>
+    </button>
+  `, styles: [":host{display:block}.gv-tabs__list{position:relative;display:flex;align-items:center;gap:var(--gv-space-2);border-bottom:1px solid var(--gv-border);padding:0 var(--gv-space-1);--gv-tabs-indicator-left: 0px;--gv-tabs-indicator-width: 0px}.gv-tabs__indicator{position:absolute;left:0;bottom:-1px;width:var(--gv-tabs-indicator-width);transform:translate(var(--gv-tabs-indicator-left));background:linear-gradient(90deg,var(--gv-accent),var(--gv-accent-hover));border-radius:999px;opacity:1;height:4px;box-shadow:0 2px 8px #2563eb3d;transition:transform .32s cubic-bezier(.2,.9,.2,1),width .32s cubic-bezier(.2,.9,.2,1);z-index:10}.gv-tab{appearance:none;border:0;background:transparent;color:var(--gv-text-muted);font-weight:600;font-size:calc(var(--gv-control-font-size-sm) - .0625rem);min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-sm);display:inline-flex;align-items:center;gap:var(--gv-space-2);border-radius:var(--gv-control-radius-sm);cursor:pointer;position:relative;z-index:11;isolation:isolate;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .18s ease}.gv-tab:hover{color:var(--gv-text-strong);background:#0f172a0a}.gv-tab:focus-visible{outline:none;box-shadow:var(--gv-ring)}.gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 9%,var(--gv-surface) 91%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 14%,transparent);font-weight:700;transform:none}.gv-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;opacity:.75}.gv-tab[aria-selected=true] .gv-tab__icon{opacity:1;color:var(--gv-accent-hover)}.gv-tab__label{display:inline-flex;align-items:center;gap:var(--gv-space-2);white-space:nowrap}.gv-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;border-radius:999px;background:#0f172a0f;color:var(--gv-text-muted)}.gv-tab[aria-selected=true] .gv-tab__badge{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 15%,var(--gv-surface) 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent)}.gv-tab:disabled,.gv-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent!important}.gv-tabs__panels{padding-top:var(--gv-space-3)}.gv-tab-panel{padding:var(--gv-space-3) 0}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__list{border-bottom:0;padding:var(--gv-space-1);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);background:var(--gv-surface);width:fit-content}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab{min-height:var(--gv-control-height-sm);padding:0 var(--gv-control-padding-x-md);border-radius:var(--gv-control-radius-sm)}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent),0 4px 10px #0f172a14}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__indicator{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: Tabs, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{
+                type: Input,
+                args: [{ required: true }]
+            }], disabled: [{
+                type: Input
+            }], _btn: [{
+                type: ViewChild,
+                args: ['btn', { read: ElementRef }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+class TabPanel {
+    cdr;
+    value;
+    _active = false;
+    host = true;
+    get active() {
+        return this._active;
+    }
+    set active(next) {
+        if (this._active === next)
+            return;
+        this._active = next;
+        this.cdr.markForCheck();
+    }
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabPanel, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: TabPanel, isStandalone: true, selector: "gv-tab-panel", inputs: { value: "value" }, host: { properties: { "class.gv-tab-panel-host": "this.host" } }, ngImport: i0, template: `
+    <div class="gv-tab-panel" role="tabpanel" [hidden]="!active">
+      <ng-content></ng-content>
+    </div>
+  `, isInline: true, styles: [":host{display:block}.gv-tabs__list{position:relative;display:flex;align-items:center;gap:var(--gv-space-2);border-bottom:1px solid var(--gv-border);padding:0 var(--gv-space-1);--gv-tabs-indicator-left: 0px;--gv-tabs-indicator-width: 0px}.gv-tabs__indicator{position:absolute;left:0;bottom:-1px;width:var(--gv-tabs-indicator-width);transform:translate(var(--gv-tabs-indicator-left));background:linear-gradient(90deg,var(--gv-accent),var(--gv-accent-hover));border-radius:999px;opacity:1;height:4px;box-shadow:0 2px 8px #2563eb3d;transition:transform .32s cubic-bezier(.2,.9,.2,1),width .32s cubic-bezier(.2,.9,.2,1);z-index:10}.gv-tab{appearance:none;border:0;background:transparent;color:var(--gv-text-muted);font-weight:600;font-size:calc(var(--gv-control-font-size-sm) - .0625rem);min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-sm);display:inline-flex;align-items:center;gap:var(--gv-space-2);border-radius:var(--gv-control-radius-sm);cursor:pointer;position:relative;z-index:11;isolation:isolate;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .18s ease}.gv-tab:hover{color:var(--gv-text-strong);background:#0f172a0a}.gv-tab:focus-visible{outline:none;box-shadow:var(--gv-ring)}.gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 9%,var(--gv-surface) 91%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 14%,transparent);font-weight:700;transform:none}.gv-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;opacity:.75}.gv-tab[aria-selected=true] .gv-tab__icon{opacity:1;color:var(--gv-accent-hover)}.gv-tab__label{display:inline-flex;align-items:center;gap:var(--gv-space-2);white-space:nowrap}.gv-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;border-radius:999px;background:#0f172a0f;color:var(--gv-text-muted)}.gv-tab[aria-selected=true] .gv-tab__badge{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 15%,var(--gv-surface) 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent)}.gv-tab:disabled,.gv-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent!important}.gv-tabs__panels{padding-top:var(--gv-space-3)}.gv-tab-panel{padding:var(--gv-space-3) 0}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__list{border-bottom:0;padding:var(--gv-space-1);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);background:var(--gv-surface);width:fit-content}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab{min-height:var(--gv-control-height-sm);padding:0 var(--gv-control-padding-x-md);border-radius:var(--gv-control-radius-sm)}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent),0 4px 10px #0f172a14}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__indicator{display:none}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabPanel, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-tab-panel', standalone: true, template: `
+    <div class="gv-tab-panel" role="tabpanel" [hidden]="!active">
+      <ng-content></ng-content>
+    </div>
+  `, styles: [":host{display:block}.gv-tabs__list{position:relative;display:flex;align-items:center;gap:var(--gv-space-2);border-bottom:1px solid var(--gv-border);padding:0 var(--gv-space-1);--gv-tabs-indicator-left: 0px;--gv-tabs-indicator-width: 0px}.gv-tabs__indicator{position:absolute;left:0;bottom:-1px;width:var(--gv-tabs-indicator-width);transform:translate(var(--gv-tabs-indicator-left));background:linear-gradient(90deg,var(--gv-accent),var(--gv-accent-hover));border-radius:999px;opacity:1;height:4px;box-shadow:0 2px 8px #2563eb3d;transition:transform .32s cubic-bezier(.2,.9,.2,1),width .32s cubic-bezier(.2,.9,.2,1);z-index:10}.gv-tab{appearance:none;border:0;background:transparent;color:var(--gv-text-muted);font-weight:600;font-size:calc(var(--gv-control-font-size-sm) - .0625rem);min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-sm);display:inline-flex;align-items:center;gap:var(--gv-space-2);border-radius:var(--gv-control-radius-sm);cursor:pointer;position:relative;z-index:11;isolation:isolate;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .18s ease}.gv-tab:hover{color:var(--gv-text-strong);background:#0f172a0a}.gv-tab:focus-visible{outline:none;box-shadow:var(--gv-ring)}.gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 9%,var(--gv-surface) 91%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 14%,transparent);font-weight:700;transform:none}.gv-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;opacity:.75}.gv-tab[aria-selected=true] .gv-tab__icon{opacity:1;color:var(--gv-accent-hover)}.gv-tab__label{display:inline-flex;align-items:center;gap:var(--gv-space-2);white-space:nowrap}.gv-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;border-radius:999px;background:#0f172a0f;color:var(--gv-text-muted)}.gv-tab[aria-selected=true] .gv-tab__badge{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 15%,var(--gv-surface) 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent)}.gv-tab:disabled,.gv-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent!important}.gv-tabs__panels{padding-top:var(--gv-space-3)}.gv-tab-panel{padding:var(--gv-space-3) 0}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__list{border-bottom:0;padding:var(--gv-space-1);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);background:var(--gv-surface);width:fit-content}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab{min-height:var(--gv-control-height-sm);padding:0 var(--gv-control-padding-x-md);border-radius:var(--gv-control-radius-sm)}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent),0 4px 10px #0f172a14}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__indicator{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { value: [{
+                type: Input,
+                args: [{ required: true }]
+            }], host: [{
+                type: HostBinding,
+                args: ['class.gv-tab-panel-host']
+            }] } });
+
+class Tabs {
+    hostEl;
+    value = null;
+    valueChange = new EventEmitter();
+    variant = 'underline';
+    get dataVariant() {
+        return this.variant;
+    }
+    tabs;
+    panels;
+    zone = inject(NgZone);
+    destroyRef = inject(DestroyRef);
+    constructor(hostEl) {
+        this.hostEl = hostEl;
+    }
+    ngAfterContentInit() {
+        // Keep underline correct on resize
+        const onResize = () => this.updateIndicatorAfterRender();
+        window.addEventListener('resize', onResize, { passive: true });
+        this.destroyRef.onDestroy(() => {
+            window.removeEventListener('resize', onResize);
+        });
+        queueMicrotask(() => {
+            // If no value, pick first enabled tab.
+            if (!this.value) {
+                const firstEnabled = this.tabs?.find((t) => !t.disabled);
+                if (firstEnabled)
+                    this.setValue(firstEnabled.value, false);
+            }
+            this.syncChildren();
+            this.updateIndicatorAfterRender(); // ✅ initial position
+            this.tabs.changes.subscribe(() => {
+                this.syncChildren();
+                this.updateIndicatorAfterRender();
+            });
+            this.panels.changes.subscribe(() => {
+                this.syncChildren();
+                this.updateIndicatorAfterRender();
+            });
+        });
+    }
+    setValue(next, emit = true) {
+        if (this.value === next)
+            return;
+        this.value = next;
+        if (emit)
+            this.valueChange.emit(next);
+        this.syncChildren();
+        this.updateIndicatorAfterRender(); // ✅ slide underline
+    }
+    syncChildren() {
+        const active = this.value;
+        this.tabs?.forEach((t) => (t.active = t.value === active));
+        this.panels?.forEach((p) => (p.active = p.value === active));
+    }
+    /** Wait until Angular finishes applying DOM updates, then measure */
+    updateIndicatorAfterRender() {
+        if (this.variant !== 'underline')
+            return;
+        this.zone.onStable.pipe(take(1)).subscribe(() => {
+            requestAnimationFrame(() => this.updateIndicatorNow());
+        });
+    }
+    /** Measure active tab button + write CSS vars on the list */
+    updateIndicatorNow() {
+        const root = this.hostEl.nativeElement;
+        const list = root.querySelector('.gv-tabs__list');
+        if (!list)
+            return;
+        // ✅ No aria-selected query:
+        // Find the active Tab component instance and use its actual button element.
+        const activeTab = this.tabs?.find((t) => t.active && !t.disabled) ??
+            (this.value ? this.tabs?.find((t) => t.value === this.value && !t.disabled) : null) ??
+            null;
+        const activeBtn = activeTab?.buttonEl ?? null;
+        if (!activeBtn) {
+            list.style.setProperty('--gv-tabs-indicator-width', `0px`);
+            list.style.setProperty('--gv-tabs-indicator-left', `0px`);
+            return;
+        }
+        const listRect = list.getBoundingClientRect();
+        const btnRect = activeBtn.getBoundingClientRect();
+        const left = btnRect.left - listRect.left;
+        const width = btnRect.width;
+        list.style.setProperty('--gv-tabs-indicator-left', `${left}px`);
+        list.style.setProperty('--gv-tabs-indicator-width', `${width}px`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tabs, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: Tabs, isStandalone: true, selector: "gv-tabs", inputs: { value: "value", variant: "variant" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.data-gv-tabs-variant": "this.dataVariant" } }, queries: [{ propertyName: "tabs", predicate: Tab, descendants: true }, { propertyName: "panels", predicate: TabPanel, descendants: true }], ngImport: i0, template: `
+    <ng-content select="gv-tab-list"></ng-content>
+    <ng-content select="gv-tab-panels"></ng-content>
+  `, isInline: true, styles: [":host{display:block}.gv-tabs__list{position:relative;display:flex;align-items:center;gap:var(--gv-space-2);border-bottom:1px solid var(--gv-border);padding:0 var(--gv-space-1);--gv-tabs-indicator-left: 0px;--gv-tabs-indicator-width: 0px}.gv-tabs__indicator{position:absolute;left:0;bottom:-1px;width:var(--gv-tabs-indicator-width);transform:translate(var(--gv-tabs-indicator-left));background:linear-gradient(90deg,var(--gv-accent),var(--gv-accent-hover));border-radius:999px;opacity:1;height:4px;box-shadow:0 2px 8px #2563eb3d;transition:transform .32s cubic-bezier(.2,.9,.2,1),width .32s cubic-bezier(.2,.9,.2,1);z-index:10}.gv-tab{appearance:none;border:0;background:transparent;color:var(--gv-text-muted);font-weight:600;font-size:calc(var(--gv-control-font-size-sm) - .0625rem);min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-sm);display:inline-flex;align-items:center;gap:var(--gv-space-2);border-radius:var(--gv-control-radius-sm);cursor:pointer;position:relative;z-index:11;isolation:isolate;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .18s ease}.gv-tab:hover{color:var(--gv-text-strong);background:#0f172a0a}.gv-tab:focus-visible{outline:none;box-shadow:var(--gv-ring)}.gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 9%,var(--gv-surface) 91%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 14%,transparent);font-weight:700;transform:none}.gv-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;opacity:.75}.gv-tab[aria-selected=true] .gv-tab__icon{opacity:1;color:var(--gv-accent-hover)}.gv-tab__label{display:inline-flex;align-items:center;gap:var(--gv-space-2);white-space:nowrap}.gv-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;border-radius:999px;background:#0f172a0f;color:var(--gv-text-muted)}.gv-tab[aria-selected=true] .gv-tab__badge{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 15%,var(--gv-surface) 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent)}.gv-tab:disabled,.gv-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent!important}.gv-tabs__panels{padding-top:var(--gv-space-3)}.gv-tab-panel{padding:var(--gv-space-3) 0}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__list{border-bottom:0;padding:var(--gv-space-1);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);background:var(--gv-surface);width:fit-content}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab{min-height:var(--gv-control-height-sm);padding:0 var(--gv-control-padding-x-md);border-radius:var(--gv-control-radius-sm)}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent),0 4px 10px #0f172a14}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__indicator{display:none}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Tabs, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-tabs', standalone: true, template: `
+    <ng-content select="gv-tab-list"></ng-content>
+    <ng-content select="gv-tab-panels"></ng-content>
+  `, styles: [":host{display:block}.gv-tabs__list{position:relative;display:flex;align-items:center;gap:var(--gv-space-2);border-bottom:1px solid var(--gv-border);padding:0 var(--gv-space-1);--gv-tabs-indicator-left: 0px;--gv-tabs-indicator-width: 0px}.gv-tabs__indicator{position:absolute;left:0;bottom:-1px;width:var(--gv-tabs-indicator-width);transform:translate(var(--gv-tabs-indicator-left));background:linear-gradient(90deg,var(--gv-accent),var(--gv-accent-hover));border-radius:999px;opacity:1;height:4px;box-shadow:0 2px 8px #2563eb3d;transition:transform .32s cubic-bezier(.2,.9,.2,1),width .32s cubic-bezier(.2,.9,.2,1);z-index:10}.gv-tab{appearance:none;border:0;background:transparent;color:var(--gv-text-muted);font-weight:600;font-size:calc(var(--gv-control-font-size-sm) - .0625rem);min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-sm);display:inline-flex;align-items:center;gap:var(--gv-space-2);border-radius:var(--gv-control-radius-sm);cursor:pointer;position:relative;z-index:11;isolation:isolate;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .18s ease}.gv-tab:hover{color:var(--gv-text-strong);background:#0f172a0a}.gv-tab:focus-visible{outline:none;box-shadow:var(--gv-ring)}.gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 9%,var(--gv-surface) 91%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 14%,transparent);font-weight:700;transform:none}.gv-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;opacity:.75}.gv-tab[aria-selected=true] .gv-tab__icon{opacity:1;color:var(--gv-accent-hover)}.gv-tab__label{display:inline-flex;align-items:center;gap:var(--gv-space-2);white-space:nowrap}.gv-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;border-radius:999px;background:#0f172a0f;color:var(--gv-text-muted)}.gv-tab[aria-selected=true] .gv-tab__badge{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 15%,var(--gv-surface) 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent)}.gv-tab:disabled,.gv-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent!important}.gv-tabs__panels{padding-top:var(--gv-space-3)}.gv-tab-panel{padding:var(--gv-space-3) 0}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__list{border-bottom:0;padding:var(--gv-space-1);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);background:var(--gv-surface);width:fit-content}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab{min-height:var(--gv-control-height-sm);padding:0 var(--gv-control-padding-x-md);border-radius:var(--gv-control-radius-sm)}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent),0 4px 10px #0f172a14}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__indicator{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { value: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], variant: [{
+                type: Input
+            }], dataVariant: [{
+                type: HostBinding,
+                args: ['attr.data-gv-tabs-variant']
+            }], tabs: [{
+                type: ContentChildren,
+                args: [Tab, { descendants: true }]
+            }], panels: [{
+                type: ContentChildren,
+                args: [TabPanel, { descendants: true }]
+            }] } });
+
+class TabList {
+    hostClass = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: TabList, isStandalone: true, selector: "gv-tab-list", host: { properties: { "class.gv-tabs": "this.hostClass" } }, ngImport: i0, template: `
+    <div class="gv-tabs__list" role="tablist">
+      <ng-content></ng-content>
+
+      <!-- Single moving underline -->
+      <span class="gv-tabs__indicator" aria-hidden="true"></span>
+    </div>
+  `, isInline: true, styles: [":host{display:block}.gv-tabs__list{position:relative;display:flex;align-items:center;gap:var(--gv-space-2);border-bottom:1px solid var(--gv-border);padding:0 var(--gv-space-1);--gv-tabs-indicator-left: 0px;--gv-tabs-indicator-width: 0px}.gv-tabs__indicator{position:absolute;left:0;bottom:-1px;width:var(--gv-tabs-indicator-width);transform:translate(var(--gv-tabs-indicator-left));background:linear-gradient(90deg,var(--gv-accent),var(--gv-accent-hover));border-radius:999px;opacity:1;height:4px;box-shadow:0 2px 8px #2563eb3d;transition:transform .32s cubic-bezier(.2,.9,.2,1),width .32s cubic-bezier(.2,.9,.2,1);z-index:10}.gv-tab{appearance:none;border:0;background:transparent;color:var(--gv-text-muted);font-weight:600;font-size:calc(var(--gv-control-font-size-sm) - .0625rem);min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-sm);display:inline-flex;align-items:center;gap:var(--gv-space-2);border-radius:var(--gv-control-radius-sm);cursor:pointer;position:relative;z-index:11;isolation:isolate;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .18s ease}.gv-tab:hover{color:var(--gv-text-strong);background:#0f172a0a}.gv-tab:focus-visible{outline:none;box-shadow:var(--gv-ring)}.gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 9%,var(--gv-surface) 91%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 14%,transparent);font-weight:700;transform:none}.gv-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;opacity:.75}.gv-tab[aria-selected=true] .gv-tab__icon{opacity:1;color:var(--gv-accent-hover)}.gv-tab__label{display:inline-flex;align-items:center;gap:var(--gv-space-2);white-space:nowrap}.gv-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;border-radius:999px;background:#0f172a0f;color:var(--gv-text-muted)}.gv-tab[aria-selected=true] .gv-tab__badge{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 15%,var(--gv-surface) 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent)}.gv-tab:disabled,.gv-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent!important}.gv-tabs__panels{padding-top:var(--gv-space-3)}.gv-tab-panel{padding:var(--gv-space-3) 0}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__list{border-bottom:0;padding:var(--gv-space-1);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);background:var(--gv-surface);width:fit-content}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab{min-height:var(--gv-control-height-sm);padding:0 var(--gv-control-padding-x-md);border-radius:var(--gv-control-radius-sm)}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent),0 4px 10px #0f172a14}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__indicator{display:none}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabList, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-tab-list', standalone: true, template: `
+    <div class="gv-tabs__list" role="tablist">
+      <ng-content></ng-content>
+
+      <!-- Single moving underline -->
+      <span class="gv-tabs__indicator" aria-hidden="true"></span>
+    </div>
+  `, styles: [":host{display:block}.gv-tabs__list{position:relative;display:flex;align-items:center;gap:var(--gv-space-2);border-bottom:1px solid var(--gv-border);padding:0 var(--gv-space-1);--gv-tabs-indicator-left: 0px;--gv-tabs-indicator-width: 0px}.gv-tabs__indicator{position:absolute;left:0;bottom:-1px;width:var(--gv-tabs-indicator-width);transform:translate(var(--gv-tabs-indicator-left));background:linear-gradient(90deg,var(--gv-accent),var(--gv-accent-hover));border-radius:999px;opacity:1;height:4px;box-shadow:0 2px 8px #2563eb3d;transition:transform .32s cubic-bezier(.2,.9,.2,1),width .32s cubic-bezier(.2,.9,.2,1);z-index:10}.gv-tab{appearance:none;border:0;background:transparent;color:var(--gv-text-muted);font-weight:600;font-size:calc(var(--gv-control-font-size-sm) - .0625rem);min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-sm);display:inline-flex;align-items:center;gap:var(--gv-space-2);border-radius:var(--gv-control-radius-sm);cursor:pointer;position:relative;z-index:11;isolation:isolate;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .18s ease}.gv-tab:hover{color:var(--gv-text-strong);background:#0f172a0a}.gv-tab:focus-visible{outline:none;box-shadow:var(--gv-ring)}.gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 9%,var(--gv-surface) 91%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 14%,transparent);font-weight:700;transform:none}.gv-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;opacity:.75}.gv-tab[aria-selected=true] .gv-tab__icon{opacity:1;color:var(--gv-accent-hover)}.gv-tab__label{display:inline-flex;align-items:center;gap:var(--gv-space-2);white-space:nowrap}.gv-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;border-radius:999px;background:#0f172a0f;color:var(--gv-text-muted)}.gv-tab[aria-selected=true] .gv-tab__badge{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 15%,var(--gv-surface) 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent)}.gv-tab:disabled,.gv-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent!important}.gv-tabs__panels{padding-top:var(--gv-space-3)}.gv-tab-panel{padding:var(--gv-space-3) 0}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__list{border-bottom:0;padding:var(--gv-space-1);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);background:var(--gv-surface);width:fit-content}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab{min-height:var(--gv-control-height-sm);padding:0 var(--gv-control-padding-x-md);border-radius:var(--gv-control-radius-sm)}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent),0 4px 10px #0f172a14}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__indicator{display:none}\n"] }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.gv-tabs']
+            }] } });
+
+class TabPanels {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabPanels, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: TabPanels, isStandalone: true, selector: "gv-tab-panels", ngImport: i0, template: `<div class="gv-tabs__panels"><ng-content></ng-content></div>`, isInline: true, styles: [":host{display:block}.gv-tabs__list{position:relative;display:flex;align-items:center;gap:var(--gv-space-2);border-bottom:1px solid var(--gv-border);padding:0 var(--gv-space-1);--gv-tabs-indicator-left: 0px;--gv-tabs-indicator-width: 0px}.gv-tabs__indicator{position:absolute;left:0;bottom:-1px;width:var(--gv-tabs-indicator-width);transform:translate(var(--gv-tabs-indicator-left));background:linear-gradient(90deg,var(--gv-accent),var(--gv-accent-hover));border-radius:999px;opacity:1;height:4px;box-shadow:0 2px 8px #2563eb3d;transition:transform .32s cubic-bezier(.2,.9,.2,1),width .32s cubic-bezier(.2,.9,.2,1);z-index:10}.gv-tab{appearance:none;border:0;background:transparent;color:var(--gv-text-muted);font-weight:600;font-size:calc(var(--gv-control-font-size-sm) - .0625rem);min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-sm);display:inline-flex;align-items:center;gap:var(--gv-space-2);border-radius:var(--gv-control-radius-sm);cursor:pointer;position:relative;z-index:11;isolation:isolate;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .18s ease}.gv-tab:hover{color:var(--gv-text-strong);background:#0f172a0a}.gv-tab:focus-visible{outline:none;box-shadow:var(--gv-ring)}.gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 9%,var(--gv-surface) 91%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 14%,transparent);font-weight:700;transform:none}.gv-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;opacity:.75}.gv-tab[aria-selected=true] .gv-tab__icon{opacity:1;color:var(--gv-accent-hover)}.gv-tab__label{display:inline-flex;align-items:center;gap:var(--gv-space-2);white-space:nowrap}.gv-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;border-radius:999px;background:#0f172a0f;color:var(--gv-text-muted)}.gv-tab[aria-selected=true] .gv-tab__badge{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 15%,var(--gv-surface) 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent)}.gv-tab:disabled,.gv-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent!important}.gv-tabs__panels{padding-top:var(--gv-space-3)}.gv-tab-panel{padding:var(--gv-space-3) 0}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__list{border-bottom:0;padding:var(--gv-space-1);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);background:var(--gv-surface);width:fit-content}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab{min-height:var(--gv-control-height-sm);padding:0 var(--gv-control-padding-x-md);border-radius:var(--gv-control-radius-sm)}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent),0 4px 10px #0f172a14}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__indicator{display:none}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabPanels, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-tab-panels', standalone: true, template: `<div class="gv-tabs__panels"><ng-content></ng-content></div>`, styles: [":host{display:block}.gv-tabs__list{position:relative;display:flex;align-items:center;gap:var(--gv-space-2);border-bottom:1px solid var(--gv-border);padding:0 var(--gv-space-1);--gv-tabs-indicator-left: 0px;--gv-tabs-indicator-width: 0px}.gv-tabs__indicator{position:absolute;left:0;bottom:-1px;width:var(--gv-tabs-indicator-width);transform:translate(var(--gv-tabs-indicator-left));background:linear-gradient(90deg,var(--gv-accent),var(--gv-accent-hover));border-radius:999px;opacity:1;height:4px;box-shadow:0 2px 8px #2563eb3d;transition:transform .32s cubic-bezier(.2,.9,.2,1),width .32s cubic-bezier(.2,.9,.2,1);z-index:10}.gv-tab{appearance:none;border:0;background:transparent;color:var(--gv-text-muted);font-weight:600;font-size:calc(var(--gv-control-font-size-sm) - .0625rem);min-height:var(--gv-control-height-md);padding:0 var(--gv-control-padding-x-sm);display:inline-flex;align-items:center;gap:var(--gv-space-2);border-radius:var(--gv-control-radius-sm);cursor:pointer;position:relative;z-index:11;isolation:isolate;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .18s ease}.gv-tab:hover{color:var(--gv-text-strong);background:#0f172a0a}.gv-tab:focus-visible{outline:none;box-shadow:var(--gv-ring)}.gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 9%,var(--gv-surface) 91%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 14%,transparent);font-weight:700;transform:none}.gv-tab__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;line-height:1;opacity:.75}.gv-tab[aria-selected=true] .gv-tab__icon{opacity:1;color:var(--gv-accent-hover)}.gv-tab__label{display:inline-flex;align-items:center;gap:var(--gv-space-2);white-space:nowrap}.gv-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;border-radius:999px;background:#0f172a0f;color:var(--gv-text-muted)}.gv-tab[aria-selected=true] .gv-tab__badge{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 15%,var(--gv-surface) 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent)}.gv-tab:disabled,.gv-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent!important}.gv-tabs__panels{padding-top:var(--gv-space-3)}.gv-tab-panel{padding:var(--gv-space-3) 0}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__list{border-bottom:0;padding:var(--gv-space-1);border:1px solid var(--gv-border);border-radius:var(--gv-radius-lg);background:var(--gv-surface);width:fit-content}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab{min-height:var(--gv-control-height-sm);padding:0 var(--gv-control-padding-x-md);border-radius:var(--gv-control-radius-sm)}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tab[aria-selected=true]{color:var(--gv-accent-hover);background:color-mix(in srgb,var(--gv-accent) 12%,var(--gv-surface) 88%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gv-accent) 24%,transparent),0 4px 10px #0f172a14}:host-context(gv-tabs[data-gv-tabs-variant=\"pill\"]) .gv-tabs__indicator{display:none}\n"] }]
+        }] });
+
+class Loader {
+    variant = 'spinner';
+    size = 'md';
+    label;
+    inline = false;
+    overlay = false;
+    centered = false;
+    baseClass = true;
+    get inlineClass() {
+        return this.inline;
+    }
+    get overlayClass() {
+        return this.overlay;
+    }
+    get centeredClass() {
+        return this.centered;
+    }
+    get spinnerClass() {
+        return this.variant === 'spinner';
+    }
+    get dotsClass() {
+        return this.variant === 'dots';
+    }
+    get smClass() {
+        return this.size === 'sm';
+    }
+    get mdClass() {
+        return this.size === 'md';
+    }
+    get lgClass() {
+        return this.size === 'lg';
+    }
+    get ariaLabel() {
+        return this.label?.trim() || 'Loading...';
+    }
+    get showVisibleLabel() {
+        return !!this.label?.trim();
+    }
+    get dots() {
+        return [0, 1, 2];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Loader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Loader, isStandalone: true, selector: "gv-loader", inputs: { variant: "variant", size: "size", label: "label", inline: "inline", overlay: "overlay", centered: "centered" }, host: { properties: { "class.gv-loader": "this.baseClass", "class.gv-loader--inline": "this.inlineClass", "class.gv-loader--overlay": "this.overlayClass", "class.gv-loader--centered": "this.centeredClass", "class.gv-loader--spinner": "this.spinnerClass", "class.gv-loader--dots": "this.dotsClass", "class.gv-loader--sm": "this.smClass", "class.gv-loader--md": "this.mdClass", "class.gv-loader--lg": "this.lgClass" } }, ngImport: i0, template: "<div class=\"gv-loader__content\" role=\"status\" aria-live=\"polite\" [attr.aria-label]=\"ariaLabel\">\n  @if (variant === 'spinner') {\n    <span class=\"gv-loader__spinner\" aria-hidden=\"true\"></span>\n  }\n\n  @if (variant === 'dots') {\n    <span class=\"gv-loader__dots\" aria-hidden=\"true\">\n      @for (dot of dots; track $index) {\n        <span class=\"gv-loader__dot\"></span>\n      }\n    </span>\n  }\n\n  @if (showVisibleLabel) {\n    <span class=\"gv-loader__label\">{{ label }}</span>\n  } @else {\n    <span class=\"visually-hidden\">{{ ariaLabel }}</span>\n  }\n</div>\n", styles: [":host{--gv-loader-accent: var(--gv-accent);--gv-loader-track: var(--gv-loader-track);--gv-loader-text: var(--gv-text-muted);--gv-loader-overlay-bg: color-mix(in srgb, var(--gv-overlay-surface) 72%, transparent);--gv-loader-overlay-panel-bg: var(--gv-overlay-surface);--gv-loader-overlay-border: var(--gv-overlay-border);--gv-loader-radius: var(--gv-radius-md, 12px);display:block;position:relative}.gv-loader__content{display:inline-flex;align-items:center;gap:.625rem;color:var(--gv-loader-text)}:host(.gv-loader--inline){display:inline-flex;vertical-align:middle}:host(.gv-loader--centered):not(.gv-loader--inline):not(.gv-loader--overlay){display:flex;width:100%;justify-content:center}:host(.gv-loader--overlay){position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:inherit;background:var(--gv-loader-overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host(.gv-loader--overlay) .gv-loader__content{min-width:148px;justify-content:center;padding:.875rem 1rem;border:1px solid var(--gv-loader-overlay-border);border-radius:var(--gv-loader-radius);background:var(--gv-loader-overlay-panel-bg);box-shadow:var(--gv-shadow-overlay)}:host(.gv-loader--sm) .gv-loader__spinner{width:1.25rem;height:1.25rem}:host(.gv-loader--md) .gv-loader__spinner{width:1.625rem;height:1.625rem}:host(.gv-loader--lg) .gv-loader__spinner{width:2.125rem;height:2.125rem}.gv-loader__label{font-size:.875rem;line-height:1.2;color:var(--gv-loader-text);white-space:nowrap}.gv-loader__spinner{display:inline-block;flex:0 0 auto;border-radius:999px;border-style:solid;border-color:var(--gv-loader-track);border-top-color:var(--gv-loader-accent);animation:gv-loader-spin .85s linear infinite}.gv-loader__dots{display:inline-flex;align-items:flex-end;gap:.375rem;flex:0 0 auto;min-width:2.25rem}.gv-loader__dot{display:inline-block;border-radius:999px;background:var(--gv-loader-accent);opacity:.32;transform:translateY(0) scale(.82);animation:gv-loader-dot-wave 1s ease-in-out infinite}.gv-loader__dot:nth-child(2){animation-delay:.16s}.gv-loader__dot:nth-child(3){animation-delay:.32s}:host(.gv-loader--sm) .gv-loader__spinner{width:1.125rem;height:1.125rem;border-width:2px}:host(.gv-loader--md) .gv-loader__spinner{width:1.5rem;height:1.5rem;border-width:2.5px}:host(.gv-loader--lg) .gv-loader__spinner{width:2rem;height:2rem;border-width:3px}:host(.gv-loader--sm) .gv-loader__dot{width:.425rem;height:.425rem}:host(.gv-loader--md) .gv-loader__dot{width:.55rem;height:.55rem}:host(.gv-loader--lg) .gv-loader__dot{width:.7rem;height:.7rem}:host(.gv-loader--sm) .gv-loader__label{font-size:.8125rem}:host(.gv-loader--lg) .gv-loader__label{font-size:.9375rem}@keyframes gv-loader-spin{to{transform:rotate(360deg)}}@keyframes gv-loader-dot-wave{0%,to{opacity:.28;transform:translateY(.18rem) scale(.82)}45%{opacity:1;transform:translateY(-.08rem) scale(1)}70%{opacity:.72;transform:translateY(.04rem) scale(.92)}}@media(prefers-reduced-motion:reduce){.gv-loader__spinner,.gv-loader__dot{animation-duration:1.8s}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Loader, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-loader', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"gv-loader__content\" role=\"status\" aria-live=\"polite\" [attr.aria-label]=\"ariaLabel\">\n  @if (variant === 'spinner') {\n    <span class=\"gv-loader__spinner\" aria-hidden=\"true\"></span>\n  }\n\n  @if (variant === 'dots') {\n    <span class=\"gv-loader__dots\" aria-hidden=\"true\">\n      @for (dot of dots; track $index) {\n        <span class=\"gv-loader__dot\"></span>\n      }\n    </span>\n  }\n\n  @if (showVisibleLabel) {\n    <span class=\"gv-loader__label\">{{ label }}</span>\n  } @else {\n    <span class=\"visually-hidden\">{{ ariaLabel }}</span>\n  }\n</div>\n", styles: [":host{--gv-loader-accent: var(--gv-accent);--gv-loader-track: var(--gv-loader-track);--gv-loader-text: var(--gv-text-muted);--gv-loader-overlay-bg: color-mix(in srgb, var(--gv-overlay-surface) 72%, transparent);--gv-loader-overlay-panel-bg: var(--gv-overlay-surface);--gv-loader-overlay-border: var(--gv-overlay-border);--gv-loader-radius: var(--gv-radius-md, 12px);display:block;position:relative}.gv-loader__content{display:inline-flex;align-items:center;gap:.625rem;color:var(--gv-loader-text)}:host(.gv-loader--inline){display:inline-flex;vertical-align:middle}:host(.gv-loader--centered):not(.gv-loader--inline):not(.gv-loader--overlay){display:flex;width:100%;justify-content:center}:host(.gv-loader--overlay){position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:1rem;border-radius:inherit;background:var(--gv-loader-overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host(.gv-loader--overlay) .gv-loader__content{min-width:148px;justify-content:center;padding:.875rem 1rem;border:1px solid var(--gv-loader-overlay-border);border-radius:var(--gv-loader-radius);background:var(--gv-loader-overlay-panel-bg);box-shadow:var(--gv-shadow-overlay)}:host(.gv-loader--sm) .gv-loader__spinner{width:1.25rem;height:1.25rem}:host(.gv-loader--md) .gv-loader__spinner{width:1.625rem;height:1.625rem}:host(.gv-loader--lg) .gv-loader__spinner{width:2.125rem;height:2.125rem}.gv-loader__label{font-size:.875rem;line-height:1.2;color:var(--gv-loader-text);white-space:nowrap}.gv-loader__spinner{display:inline-block;flex:0 0 auto;border-radius:999px;border-style:solid;border-color:var(--gv-loader-track);border-top-color:var(--gv-loader-accent);animation:gv-loader-spin .85s linear infinite}.gv-loader__dots{display:inline-flex;align-items:flex-end;gap:.375rem;flex:0 0 auto;min-width:2.25rem}.gv-loader__dot{display:inline-block;border-radius:999px;background:var(--gv-loader-accent);opacity:.32;transform:translateY(0) scale(.82);animation:gv-loader-dot-wave 1s ease-in-out infinite}.gv-loader__dot:nth-child(2){animation-delay:.16s}.gv-loader__dot:nth-child(3){animation-delay:.32s}:host(.gv-loader--sm) .gv-loader__spinner{width:1.125rem;height:1.125rem;border-width:2px}:host(.gv-loader--md) .gv-loader__spinner{width:1.5rem;height:1.5rem;border-width:2.5px}:host(.gv-loader--lg) .gv-loader__spinner{width:2rem;height:2rem;border-width:3px}:host(.gv-loader--sm) .gv-loader__dot{width:.425rem;height:.425rem}:host(.gv-loader--md) .gv-loader__dot{width:.55rem;height:.55rem}:host(.gv-loader--lg) .gv-loader__dot{width:.7rem;height:.7rem}:host(.gv-loader--sm) .gv-loader__label{font-size:.8125rem}:host(.gv-loader--lg) .gv-loader__label{font-size:.9375rem}@keyframes gv-loader-spin{to{transform:rotate(360deg)}}@keyframes gv-loader-dot-wave{0%,to{opacity:.28;transform:translateY(.18rem) scale(.82)}45%{opacity:1;transform:translateY(-.08rem) scale(1)}70%{opacity:.72;transform:translateY(.04rem) scale(.92)}}@media(prefers-reduced-motion:reduce){.gv-loader__spinner,.gv-loader__dot{animation-duration:1.8s}}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], inline: [{
+                type: Input
+            }], overlay: [{
+                type: Input
+            }], centered: [{
+                type: Input
+            }], baseClass: [{
+                type: HostBinding,
+                args: ['class.gv-loader']
+            }], inlineClass: [{
+                type: HostBinding,
+                args: ['class.gv-loader--inline']
+            }], overlayClass: [{
+                type: HostBinding,
+                args: ['class.gv-loader--overlay']
+            }], centeredClass: [{
+                type: HostBinding,
+                args: ['class.gv-loader--centered']
+            }], spinnerClass: [{
+                type: HostBinding,
+                args: ['class.gv-loader--spinner']
+            }], dotsClass: [{
+                type: HostBinding,
+                args: ['class.gv-loader--dots']
+            }], smClass: [{
+                type: HostBinding,
+                args: ['class.gv-loader--sm']
+            }], mdClass: [{
+                type: HostBinding,
+                args: ['class.gv-loader--md']
+            }], lgClass: [{
+                type: HostBinding,
+                args: ['class.gv-loader--lg']
+            }] } });
+
+class Empty {
+    title = 'Nothing to show';
+    description = '';
+    compact = false;
+    baseClass = true;
+    get compactClass() {
+        return this.compact;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Empty, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Empty, isStandalone: true, selector: "gv-empty", inputs: { title: "title", description: "description", compact: ["compact", "compact", booleanAttribute] }, host: { properties: { "class.gv-empty": "this.baseClass", "class.gv-empty--compact": "this.compactClass" } }, ngImport: i0, template: "<div class=\"gv-empty__container\">\n  <div class=\"gv-empty__content\">\n    <!-- Icon / visual (optional slot later if needed) -->\n    <div class=\"gv-empty__icon\" aria-hidden=\"true\">\n      <div class=\"gv-empty__icon-inner\"></div>\n    </div>\n\n    <!-- Text -->\n    <div class=\"gv-empty__text\">\n      @if (title?.trim()) {\n        <div class=\"gv-empty__title\">{{ title }}</div>\n      }\n\n      @if (description?.trim()) {\n        <div class=\"gv-empty__description\">\n          {{ description }}\n        </div>\n      }\n    </div>\n\n    <!-- Actions -->\n    <div class=\"gv-empty__actions\">\n      <ng-content select=\"[gvEmptyActions]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{--gv-empty-padding-y: 2.5rem;--gv-empty-padding-x: 1.5rem;--gv-empty-title-color: var(--gv-text-strong);--gv-empty-text-color: var(--gv-text-muted);--gv-empty-icon-bg: var(--gv-surface-subtle);--gv-empty-icon-border: var(--gv-neutral-subtle-border);display:block}.gv-empty__container{display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--gv-empty-padding-y) var(--gv-empty-padding-x)}.gv-empty__content{max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1rem}.gv-empty__icon{width:56px;height:56px;border-radius:14px;background:var(--gv-empty-icon-bg);border:1px solid var(--gv-empty-icon-border);box-shadow:var(--gv-shadow-sm);display:flex;align-items:center;justify-content:center}.gv-empty__icon-inner{position:relative;width:22px;height:22px}.gv-empty__icon-inner:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--gv-accent) 42%,var(--gv-border) 58%) 2px,transparent 2px);background-size:8px 8px;opacity:.8;border-radius:6px}.gv-empty__text{display:flex;flex-direction:column;gap:.375rem}.gv-empty__title{font-size:1rem;font-weight:600;color:var(--gv-empty-title-color)}.gv-empty__description{font-size:.875rem;color:var(--gv-empty-text-color);line-height:1.5}.gv-empty__actions{margin-top:.5rem;display:flex;gap:.5rem;justify-content:center}:host(.gv-empty--compact) .gv-empty__container{padding:1.5rem 1rem}:host(.gv-empty--compact) .gv-empty__icon{width:44px;height:44px}:host(.gv-empty--compact) .gv-empty__title{font-size:.9375rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Empty, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-empty', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"gv-empty__container\">\n  <div class=\"gv-empty__content\">\n    <!-- Icon / visual (optional slot later if needed) -->\n    <div class=\"gv-empty__icon\" aria-hidden=\"true\">\n      <div class=\"gv-empty__icon-inner\"></div>\n    </div>\n\n    <!-- Text -->\n    <div class=\"gv-empty__text\">\n      @if (title?.trim()) {\n        <div class=\"gv-empty__title\">{{ title }}</div>\n      }\n\n      @if (description?.trim()) {\n        <div class=\"gv-empty__description\">\n          {{ description }}\n        </div>\n      }\n    </div>\n\n    <!-- Actions -->\n    <div class=\"gv-empty__actions\">\n      <ng-content select=\"[gvEmptyActions]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{--gv-empty-padding-y: 2.5rem;--gv-empty-padding-x: 1.5rem;--gv-empty-title-color: var(--gv-text-strong);--gv-empty-text-color: var(--gv-text-muted);--gv-empty-icon-bg: var(--gv-surface-subtle);--gv-empty-icon-border: var(--gv-neutral-subtle-border);display:block}.gv-empty__container{display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--gv-empty-padding-y) var(--gv-empty-padding-x)}.gv-empty__content{max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1rem}.gv-empty__icon{width:56px;height:56px;border-radius:14px;background:var(--gv-empty-icon-bg);border:1px solid var(--gv-empty-icon-border);box-shadow:var(--gv-shadow-sm);display:flex;align-items:center;justify-content:center}.gv-empty__icon-inner{position:relative;width:22px;height:22px}.gv-empty__icon-inner:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--gv-accent) 42%,var(--gv-border) 58%) 2px,transparent 2px);background-size:8px 8px;opacity:.8;border-radius:6px}.gv-empty__text{display:flex;flex-direction:column;gap:.375rem}.gv-empty__title{font-size:1rem;font-weight:600;color:var(--gv-empty-title-color)}.gv-empty__description{font-size:.875rem;color:var(--gv-empty-text-color);line-height:1.5}.gv-empty__actions{margin-top:.5rem;display:flex;gap:.5rem;justify-content:center}:host(.gv-empty--compact) .gv-empty__container{padding:1.5rem 1rem}:host(.gv-empty--compact) .gv-empty__icon{width:44px;height:44px}:host(.gv-empty--compact) .gv-empty__title{font-size:.9375rem}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], compact: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], baseClass: [{
+                type: HostBinding,
+                args: ['class.gv-empty']
+            }], compactClass: [{
+                type: HostBinding,
+                args: ['class.gv-empty--compact']
+            }] } });
+
+class Table {
+    columns = [];
+    rows = [];
+    filterable = false;
+    showColumnFilters = true;
+    collapsibleFilters = true;
+    filtersExpanded = false;
+    filterPlaceholder = 'Search...';
+    pagination = true;
+    pageSize = 10;
+    pageSizeOptions = [
+        { label: '10', value: 10 },
+        { label: '25', value: 25 },
+        { label: '50', value: 50 },
+    ];
+    rowLimit = null;
+    minBodyHeight = 320;
+    loading = false;
+    emptyText = 'No records found.';
+    emptyTitle = 'No records found';
+    emptyDescription = 'There are no rows to display right now.';
+    loadingTitle = 'Loading data';
+    loadingDescription = 'Please wait while the table content is loaded.';
+    className = '';
+    striped = false;
+    hover = true;
+    compact = false;
+    filterTerm = '';
+    currentPage = 1;
+    sortKey = null;
+    sortDirection = null;
+    columnFilters = {};
+    areFiltersOpen = false;
+    ngOnChanges(changes) {
+        if (changes['rows'] || changes['rowLimit'] || changes['columns']) {
+            this.initializeColumnFilters();
+            this.ensureValidPage();
+        }
+        if (changes['filtersExpanded']) {
+            this.areFiltersOpen = !!this.filtersExpanded;
+        }
+    }
+    get processedRows() {
+        let data = [...(this.rows ?? [])];
+        if (this.rowLimit !== null && this.rowLimit >= 0) {
+            data = data.slice(0, this.rowLimit);
+        }
+        data = this.applyGlobalSearch(data);
+        data = this.applyColumnFilters(data);
+        if (this.sortKey && this.sortDirection) {
+            data.sort((a, b) => {
+                const aValue = this.getCellValue(a, this.sortKey);
+                const bValue = this.getCellValue(b, this.sortKey);
+                const result = this.compareValues(aValue, bValue);
+                return this.sortDirection === 'asc' ? result : -result;
+            });
+        }
+        return data;
+    }
+    get pagedRows() {
+        if (!this.pagination)
+            return this.processedRows;
+        const start = (this.currentPage - 1) * this.pageSize;
+        return this.processedRows.slice(start, start + this.pageSize);
+    }
+    get totalRows() {
+        return this.processedRows.length;
+    }
+    get totalPages() {
+        if (!this.pagination)
+            return 1;
+        return Math.max(1, Math.ceil(this.totalRows / this.pageSize));
+    }
+    get startRow() {
+        if (!this.totalRows)
+            return 0;
+        return (this.currentPage - 1) * this.pageSize + 1;
+    }
+    get endRow() {
+        if (!this.totalRows)
+            return 0;
+        return Math.min(this.currentPage * this.pageSize, this.totalRows);
+    }
+    get tableClass() {
+        return [
+            'gv-table',
+            this.striped ? 'gv-table--striped' : '',
+            this.hover ? 'gv-table--hover' : '',
+            this.compact ? 'gv-table--compact' : '',
+            this.className,
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    get filterColumns() {
+        return (this.columns ?? []).filter((column) => !!column.filter);
+    }
+    get hasColumnFilters() {
+        return this.showColumnFilters && this.filterColumns.length > 0;
+    }
+    get searchableColumns() {
+        return (this.columns ?? []).filter((column) => column.searchable);
+    }
+    get shouldShowFiltersPanel() {
+        if (!this.hasColumnFilters)
+            return false;
+        if (!this.collapsibleFilters)
+            return true;
+        return this.areFiltersOpen;
+    }
+    get activeFilterCount() {
+        return this.activeFilterChips.length;
+    }
+    get activeFilterChips() {
+        const chips = [];
+        const globalTerm = this.filterTerm.trim();
+        if (globalTerm) {
+            chips.push({
+                key: '__global__',
+                label: 'Search',
+                valueLabel: globalTerm,
+                kind: 'global',
+            });
+        }
+        for (const column of this.filterColumns) {
+            const key = this.getFilterKey(column);
+            const filterType = column.filter?.type;
+            const filterValue = this.columnFilters[key];
+            switch (filterType) {
+                case 'text': {
+                    const value = String(filterValue ?? '').trim();
+                    if (value) {
+                        chips.push({
+                            key,
+                            label: column.label,
+                            valueLabel: value,
+                            column,
+                            kind: 'column',
+                        });
+                    }
+                    break;
+                }
+                case 'select': {
+                    if (filterValue !== '' && filterValue != null) {
+                        const optionLabel = column.filter?.options?.find((opt) => opt.value === filterValue)?.label ??
+                            String(filterValue);
+                        chips.push({
+                            key,
+                            label: column.label,
+                            valueLabel: optionLabel,
+                            column,
+                            kind: 'column',
+                        });
+                    }
+                    break;
+                }
+                case 'number-range': {
+                    const min = filterValue?.min;
+                    const max = filterValue?.max;
+                    if (min != null || max != null) {
+                        let valueLabel = '';
+                        if (min != null && max != null)
+                            valueLabel = `${min}–${max}`;
+                        else if (min != null)
+                            valueLabel = `≥ ${min}`;
+                        else
+                            valueLabel = `≤ ${max}`;
+                        chips.push({
+                            key,
+                            label: column.label,
+                            valueLabel,
+                            column,
+                            kind: 'column',
+                        });
+                    }
+                    break;
+                }
+                case 'date-range': {
+                    const from = filterValue?.from;
+                    const to = filterValue?.to;
+                    if (from || to) {
+                        let valueLabel = '';
+                        if (from && to)
+                            valueLabel = `${from} → ${to}`;
+                        else if (from)
+                            valueLabel = `From ${from}`;
+                        else
+                            valueLabel = `To ${to}`;
+                        chips.push({
+                            key,
+                            label: column.label,
+                            valueLabel,
+                            column,
+                            kind: 'column',
+                        });
+                    }
+                    break;
+                }
+            }
+        }
+        return chips;
+    }
+    get resolvedEmptyDescription() {
+        return this.emptyDescription?.trim() || this.emptyText;
+    }
+    onFilterChange() {
+        this.currentPage = 1;
+    }
+    onColumnFilterChange() {
+        this.currentPage = 1;
+    }
+    onPageSizeChange(value) {
+        this.pageSize = Number(value);
+        this.currentPage = 1;
+        this.ensureValidPage();
+    }
+    toggleFilters() {
+        if (!this.hasColumnFilters)
+            return;
+        this.areFiltersOpen = !this.areFiltersOpen;
+    }
+    clearFilterChip(chip) {
+        if (chip.kind === 'global') {
+            this.filterTerm = '';
+            this.currentPage = 1;
+            return;
+        }
+        const column = chip.column;
+        if (!column)
+            return;
+        const key = this.getFilterKey(column);
+        switch (column.filter?.type) {
+            case 'text':
+            case 'select':
+                this.columnFilters[key] = '';
+                break;
+            case 'number-range':
+                this.columnFilters[key] = { min: null, max: null };
+                break;
+            case 'date-range':
+                this.columnFilters[key] = { from: null, to: null };
+                break;
+        }
+        this.currentPage = 1;
+    }
+    toggleSort(column) {
+        if (!column.sortable)
+            return;
+        const key = String(column.key);
+        if (this.sortKey !== key) {
+            this.sortKey = key;
+            this.sortDirection = 'asc';
+        }
+        else if (this.sortDirection === 'asc') {
+            this.sortDirection = 'desc';
+        }
+        else if (this.sortDirection === 'desc') {
+            this.sortKey = null;
+            this.sortDirection = null;
+        }
+        else {
+            this.sortDirection = 'asc';
+        }
+        this.currentPage = 1;
+    }
+    getSortDirection(column) {
+        return this.sortKey === String(column.key) ? this.sortDirection : null;
+    }
+    goToPage(page) {
+        if (page < 1 || page > this.totalPages)
+            return;
+        this.currentPage = page;
+    }
+    previousPage() {
+        this.goToPage(this.currentPage - 1);
+    }
+    nextPage() {
+        this.goToPage(this.currentPage + 1);
+    }
+    clearAllFilters() {
+        this.filterTerm = '';
+        this.columnFilters = {};
+        this.initializeColumnFilters();
+        this.currentPage = 1;
+    }
+    trackByIndex(index) {
+        return index;
+    }
+    trackByColumn = (_, column) => String(column.key);
+    trackByChip = (_, chip) => chip.key;
+    getCellValue(row, key) {
+        return String(key)
+            .split('.')
+            .reduce((acc, part) => acc?.[part], row);
+    }
+    getAlignClass(column) {
+        switch (column.align) {
+            case 'center':
+                return 'gv-table__cell--center';
+            case 'end':
+                return 'gv-table__cell--end';
+            default:
+                return 'gv-table__cell--start';
+        }
+    }
+    getFilterKey(column) {
+        return String(column.key);
+    }
+    getFilterType(column) {
+        return column.filter?.type ?? null;
+    }
+    getTextFilterValue(column) {
+        return this.columnFilters[this.getFilterKey(column)] ?? '';
+    }
+    setTextFilterValue(column, value) {
+        this.columnFilters[this.getFilterKey(column)] = value;
+        this.onColumnFilterChange();
+    }
+    getSelectFilterValue(column) {
+        return this.columnFilters[this.getFilterKey(column)] ?? '';
+    }
+    setSelectFilterValue(column, value) {
+        this.columnFilters[this.getFilterKey(column)] = value;
+        this.onColumnFilterChange();
+    }
+    getNumberRangeFilterValue(column) {
+        return this.columnFilters[this.getFilterKey(column)] ?? { min: null, max: null };
+    }
+    setNumberRangeFilterMin(column, value) {
+        const key = this.getFilterKey(column);
+        const current = this.getNumberRangeFilterValue(column);
+        this.columnFilters[key] = {
+            ...current,
+            min: value === '' || value === null ? null : Number(value),
+        };
+        this.onColumnFilterChange();
+    }
+    setNumberRangeFilterMax(column, value) {
+        const key = this.getFilterKey(column);
+        const current = this.getNumberRangeFilterValue(column);
+        this.columnFilters[key] = {
+            ...current,
+            max: value === '' || value === null ? null : Number(value),
+        };
+        this.onColumnFilterChange();
+    }
+    getDateRangeFilterValue(column) {
+        return this.columnFilters[this.getFilterKey(column)] ?? { from: null, to: null };
+    }
+    setDateRangeFilterFrom(column, value) {
+        const key = this.getFilterKey(column);
+        const current = this.getDateRangeFilterValue(column);
+        this.columnFilters[key] = {
+            ...current,
+            from: value || null,
+        };
+        this.onColumnFilterChange();
+    }
+    setDateRangeFilterTo(column, value) {
+        const key = this.getFilterKey(column);
+        const current = this.getDateRangeFilterValue(column);
+        this.columnFilters[key] = {
+            ...current,
+            to: value || null,
+        };
+        this.onColumnFilterChange();
+    }
+    initializeColumnFilters() {
+        const nextFilters = {};
+        for (const column of this.filterColumns) {
+            const key = this.getFilterKey(column);
+            const existing = this.columnFilters[key];
+            switch (column.filter?.type) {
+                case 'text':
+                    nextFilters[key] = existing ?? '';
+                    break;
+                case 'select':
+                    nextFilters[key] = existing ?? '';
+                    break;
+                case 'number-range':
+                    nextFilters[key] = existing ?? { min: null, max: null };
+                    break;
+                case 'date-range':
+                    nextFilters[key] = existing ?? { from: null, to: null };
+                    break;
+            }
+        }
+        this.columnFilters = nextFilters;
+    }
+    applyGlobalSearch(data) {
+        const term = this.filterTerm.trim().toLowerCase();
+        if (!term)
+            return data;
+        const searchableColumns = this.searchableColumns;
+        if (!searchableColumns.length)
+            return data;
+        return data.filter((row) => searchableColumns.some((column) => {
+            const value = this.getCellValue(row, column.key);
+            return String(value ?? '')
+                .toLowerCase()
+                .includes(term);
+        }));
+    }
+    applyColumnFilters(data) {
+        if (!this.filterColumns.length)
+            return data;
+        return data.filter((row) => this.filterColumns.every((column) => {
+            const key = this.getFilterKey(column);
+            const filterType = column.filter?.type;
+            const cellValue = this.getCellValue(row, column.key);
+            const filterValue = this.columnFilters[key];
+            switch (filterType) {
+                case 'text': {
+                    const term = String(filterValue ?? '')
+                        .trim()
+                        .toLowerCase();
+                    if (!term)
+                        return true;
+                    return String(cellValue ?? '')
+                        .toLowerCase()
+                        .includes(term);
+                }
+                case 'select': {
+                    if (filterValue === '' || filterValue == null)
+                        return true;
+                    return cellValue === filterValue;
+                }
+                case 'number-range': {
+                    const min = filterValue?.min;
+                    const max = filterValue?.max;
+                    if ((min == null || min === '') && (max == null || max === '')) {
+                        return true;
+                    }
+                    const numericValue = Number(cellValue);
+                    if (Number.isNaN(numericValue))
+                        return false;
+                    if (min != null && min !== '' && numericValue < min)
+                        return false;
+                    if (max != null && max !== '' && numericValue > max)
+                        return false;
+                    return true;
+                }
+                case 'date-range': {
+                    const from = filterValue?.from;
+                    const to = filterValue?.to;
+                    if (!from && !to)
+                        return true;
+                    if (!cellValue)
+                        return false;
+                    const cellDate = new Date(cellValue).getTime();
+                    if (Number.isNaN(cellDate))
+                        return false;
+                    if (from) {
+                        const fromDate = new Date(from).setHours(0, 0, 0, 0);
+                        if (cellDate < fromDate)
+                            return false;
+                    }
+                    if (to) {
+                        const toDate = new Date(to).setHours(23, 59, 59, 999);
+                        if (cellDate > toDate)
+                            return false;
+                    }
+                    return true;
+                }
+                default:
+                    return true;
+            }
+        }));
+    }
+    compareValues(a, b) {
+        if (a == null && b == null)
+            return 0;
+        if (a == null)
+            return -1;
+        if (b == null)
+            return 1;
+        if (typeof a === 'number' && typeof b === 'number') {
+            return a - b;
+        }
+        const aDate = new Date(a).getTime();
+        const bDate = new Date(b).getTime();
+        const aLooksLikeDate = !Number.isNaN(aDate) && typeof a === 'string';
+        const bLooksLikeDate = !Number.isNaN(bDate) && typeof b === 'string';
+        if (aLooksLikeDate && bLooksLikeDate) {
+            return aDate - bDate;
+        }
+        return String(a).localeCompare(String(b), undefined, {
+            numeric: true,
+            sensitivity: 'base',
+        });
+    }
+    ensureValidPage() {
+        if (this.currentPage > this.totalPages) {
+            this.currentPage = this.totalPages;
+        }
+        if (this.currentPage < 1) {
+            this.currentPage = 1;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Table, isStandalone: true, selector: "gv-table", inputs: { columns: "columns", rows: "rows", filterable: "filterable", showColumnFilters: "showColumnFilters", collapsibleFilters: "collapsibleFilters", filtersExpanded: "filtersExpanded", filterPlaceholder: "filterPlaceholder", pagination: "pagination", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", rowLimit: "rowLimit", minBodyHeight: "minBodyHeight", loading: "loading", emptyText: "emptyText", emptyTitle: "emptyTitle", emptyDescription: "emptyDescription", loadingTitle: "loadingTitle", loadingDescription: "loadingDescription", className: "className", striped: "striped", hover: "hover", compact: "compact" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"gv-table-shell\">\n  @if (filterable || hasColumnFilters || pagination) {\n    <div class=\"gv-table-toolbar\">\n      <div class=\"gv-table-toolbar__left\">\n        @if (filterable) {\n          <div class=\"gv-table-toolbar__search\">\n            <input\n              type=\"text\"\n              class=\"form-control\"\n              [placeholder]=\"filterPlaceholder\"\n              [(ngModel)]=\"filterTerm\"\n              (ngModelChange)=\"onFilterChange()\"\n            />\n          </div>\n        }\n\n        @if (hasColumnFilters) {\n          <button\n            type=\"button\"\n            class=\"gv-table-toolbar__filters-btn\"\n            [class.is-active]=\"activeFilterCount > 0\"\n            (click)=\"toggleFilters()\"\n          >\n            <span>Filters</span>\n            @if (activeFilterCount > 0) {\n              <span class=\"gv-table-toolbar__filters-count\">{{ activeFilterCount }}</span>\n            }\n            <span class=\"gv-table-toolbar__filters-caret\">\n              {{ shouldShowFiltersPanel ? '\u25B4' : '\u25BE' }}\n            </span>\n          </button>\n        }\n      </div>\n\n      @if (pagination) {\n        <div class=\"gv-table-toolbar__page-size\">\n          <label class=\"gv-table-toolbar__label\">Rows per page</label>\n          <select\n            class=\"form-select\"\n            [ngModel]=\"pageSize\"\n            (ngModelChange)=\"onPageSizeChange($event)\"\n          >\n            @for (opt of pageSizeOptions; track trackByIndex($index)) {\n              <option [value]=\"opt.value\">{{ opt.label }}</option>\n            }\n          </select>\n        </div>\n      }\n    </div>\n  }\n\n  @if (activeFilterChips.length) {\n    <div class=\"gv-table-active-filters\">\n      @for (chip of activeFilterChips; track trackByChip($index, chip)) {\n        <button\n          type=\"button\"\n          class=\"gv-table-active-filters__chip\"\n          (click)=\"clearFilterChip(chip)\"\n          [attr.aria-label]=\"'Remove filter ' + chip.label\"\n        >\n          <span class=\"gv-table-active-filters__chip-label\">{{ chip.label }}:</span>\n          <span class=\"gv-table-active-filters__chip-value\">{{ chip.valueLabel }}</span>\n          <span class=\"gv-table-active-filters__chip-remove\">\u00D7</span>\n        </button>\n      }\n\n      <button type=\"button\" class=\"gv-table-active-filters__clear-all\" (click)=\"clearAllFilters()\">\n        Clear all\n      </button>\n    </div>\n  }\n\n  @if (shouldShowFiltersPanel) {\n    <div class=\"gv-table-filters\">\n      <div class=\"gv-table-filters__grid\">\n        @for (column of filterColumns; track trackByColumn($index, column)) {\n          <div class=\"gv-table-filter\">\n            <label class=\"gv-table-filter__label\">{{ column.label }}</label>\n\n            @switch (getFilterType(column)) {\n              @case ('text') {\n                <input\n                  type=\"text\"\n                  class=\"form-control\"\n                  [value]=\"getTextFilterValue(column)\"\n                  [placeholder]=\"'Filter ' + column.label\"\n                  (input)=\"setTextFilterValue(column, $any($event.target).value)\"\n                />\n              }\n\n              @case ('select') {\n                <select\n                  class=\"form-select\"\n                  [ngModel]=\"getSelectFilterValue(column)\"\n                  (ngModelChange)=\"setSelectFilterValue(column, $event)\"\n                >\n                  <option value=\"\">All</option>\n                  @for (opt of column.filter?.options ?? []; track trackByIndex($index)) {\n                    <option [ngValue]=\"opt.value\">{{ opt.label }}</option>\n                  }\n                </select>\n              }\n\n              @case ('number-range') {\n                <div class=\"gv-table-filter__range\">\n                  <input\n                    type=\"number\"\n                    class=\"form-control\"\n                    placeholder=\"Min\"\n                    [value]=\"getNumberRangeFilterValue(column).min ?? ''\"\n                    (input)=\"setNumberRangeFilterMin(column, $any($event.target).value)\"\n                  />\n                  <input\n                    type=\"number\"\n                    class=\"form-control\"\n                    placeholder=\"Max\"\n                    [value]=\"getNumberRangeFilterValue(column).max ?? ''\"\n                    (input)=\"setNumberRangeFilterMax(column, $any($event.target).value)\"\n                  />\n                </div>\n              }\n\n              @case ('date-range') {\n                <div class=\"gv-table-filter__range\">\n                  <input\n                    type=\"date\"\n                    class=\"form-control\"\n                    [value]=\"getDateRangeFilterValue(column).from ?? ''\"\n                    (input)=\"setDateRangeFilterFrom(column, $any($event.target).value)\"\n                  />\n                  <input\n                    type=\"date\"\n                    class=\"form-control\"\n                    [value]=\"getDateRangeFilterValue(column).to ?? ''\"\n                    (input)=\"setDateRangeFilterTo(column, $any($event.target).value)\"\n                  />\n                </div>\n              }\n            }\n          </div>\n        }\n      </div>\n\n      <div class=\"gv-table-filters__actions\">\n        <button type=\"button\" class=\"gv-table-filters__clear\" (click)=\"clearAllFilters()\">\n          Clear filters\n        </button>\n      </div>\n    </div>\n  }\n\n  <div class=\"gv-table-wrap\" [style.min-height.px]=\"minBodyHeight\">\n    <table [class]=\"tableClass\">\n      <thead>\n        <tr>\n          @for (column of columns; track trackByColumn($index, column)) {\n            <th [style.width]=\"column.width || null\" [class]=\"getAlignClass(column)\">\n              @if (column.sortable) {\n                <button type=\"button\" class=\"gv-table__sort\" (click)=\"toggleSort(column)\">\n                  <span>{{ column.label }}</span>\n                  <span class=\"gv-table__sort-icon\">\n                    @switch (getSortDirection(column)) {\n                      @case ('asc') {\n                        \u25B2\n                      }\n                      @case ('desc') {\n                        \u25BC\n                      }\n                      @default {\n                        \u2195\n                      }\n                    }\n                  </span>\n                </button>\n              } @else {\n                <span>{{ column.label }}</span>\n              }\n            </th>\n          }\n        </tr>\n      </thead>\n\n      <tbody>\n        @if (loading) {\n          <tr>\n            <td\n              [attr.colspan]=\"columns.length\"\n              class=\"gv-table__empty gv-table__empty--fill\"\n              [style.height.px]=\"minBodyHeight\"\n            >\n              <gv-empty\n                compact\n                [title]=\"loadingTitle\"\n                [description]=\"loadingDescription\"\n              ></gv-empty>\n            </td>\n          </tr>\n        } @else if (!pagedRows.length) {\n          <tr>\n            <td\n              [attr.colspan]=\"columns.length\"\n              class=\"gv-table__empty gv-table__empty--fill\"\n              [style.height.px]=\"minBodyHeight\"\n            >\n              <gv-empty\n                compact\n                [title]=\"emptyTitle\"\n                [description]=\"resolvedEmptyDescription\"\n              ></gv-empty>\n            </td>\n          </tr>\n        } @else {\n          @for (row of pagedRows; track trackByIndex($index)) {\n            <tr>\n              @for (column of columns; track trackByColumn($index, column)) {\n                <td [class]=\"getAlignClass(column)\">\n                  {{ getCellValue(row, column.key) }}\n                </td>\n              }\n            </tr>\n          }\n        }\n      </tbody>\n    </table>\n  </div>\n\n  @if (pagination) {\n    <div class=\"gv-table-footer\">\n      <div class=\"gv-table-footer__meta\">\n        Showing {{ startRow }} to {{ endRow }} of {{ totalRows }}\n      </div>\n\n      <div class=\"gv-table-pagination\">\n        <button\n          type=\"button\"\n          class=\"gv-table-pagination__icon-btn\"\n          (click)=\"previousPage()\"\n          [disabled]=\"currentPage === 1\"\n          aria-label=\"Previous page\"\n        >\n          \u2039\n        </button>\n\n        <div class=\"gv-table-pagination__pill\">\n          <span class=\"gv-table-pagination__current\">{{ currentPage }}</span>\n          <span class=\"gv-table-pagination__separator\">/</span>\n          <span class=\"gv-table-pagination__total\">{{ totalPages }}</span>\n        </div>\n\n        <button\n          type=\"button\"\n          class=\"gv-table-pagination__icon-btn\"\n          (click)=\"nextPage()\"\n          [disabled]=\"currentPage === totalPages\"\n          aria-label=\"Next page\"\n        >\n          \u203A\n        </button>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".gv-table-shell{display:grid;gap:12px}.gv-table-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.gv-table-toolbar__left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.gv-table-toolbar__search{flex:1 1 260px;max-width:360px}.gv-table-toolbar__filters-btn{height:38px;border:1px solid var(--gv-field-border);background:var(--gv-field-bg);color:var(--gv-text-strong, #0f172a);border-radius:10px;box-shadow:var(--gv-field-shadow);padding:0 12px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:background .15s ease,border-color .15s ease}.gv-table-toolbar__filters-btn:hover{background:color-mix(in srgb,var(--gv-accent) 8%,var(--gv-field-bg) 92%);border-color:var(--gv-field-border-hover)}.gv-table-toolbar__filters-btn.is-active{border-color:color-mix(in srgb,var(--gv-accent) 32%,transparent);background:var(--gv-primary-subtle-bg);color:var(--gv-accent-hover)}.gv-table-toolbar__filters-count{min-width:20px;height:20px;border-radius:999px;background:var(--gv-text-strong, #0f172a);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;font-size:11px;font-weight:700}.gv-table-toolbar__filters-caret{font-size:10px;opacity:.8}.gv-table-toolbar__page-size{display:flex;align-items:center;gap:8px}.gv-table-toolbar__label{font-size:12px;font-weight:600;color:var(--gv-text-muted, #64748b);white-space:nowrap}.gv-table-active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gv-table-active-filters__chip{border:1px solid var(--gv-primary-subtle-border);background:var(--gv-primary-subtle-bg);color:var(--gv-primary-subtle-text);border-radius:999px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.gv-table-active-filters__chip-label{color:color-mix(in srgb,currentColor 70%,var(--gv-text-muted) 30%)}.gv-table-active-filters__chip-remove{font-size:14px;line-height:1;opacity:.75}.gv-table-active-filters__clear-all{border:0;background:transparent;color:var(--gv-text-muted, #64748b);font-size:12px;font-weight:600;padding:6px 4px;text-decoration:underline}.gv-table-filters{display:grid;gap:12px;padding:14px;border:1px solid var(--gv-overlay-border);border-radius:16px;background:var(--gv-overlay-surface);box-shadow:var(--gv-shadow-md)}.gv-table-filters__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;min-width:0}.gv-table-filter{display:grid;gap:6px;min-width:0}.gv-table-filter__label{font-size:12px;font-weight:700;color:var(--gv-text-strong, #0f172a)}.gv-table-filter__range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-width:0}.gv-table-filter .form-control,.gv-table-filter .form-select{width:100%;min-width:0}.gv-table-filters__actions{display:flex;justify-content:flex-end;align-items:center}.gv-table-filters__clear{height:38px;min-width:140px;border:1px solid var(--gv-field-border);background:var(--gv-field-bg);color:var(--gv-text-strong, #0f172a);border-radius:8px;box-shadow:var(--gv-field-shadow);padding:0 14px;font-size:13px;font-weight:600;transition:background .15s ease,border-color .15s ease}.gv-table-filters__clear:hover{background:color-mix(in srgb,var(--gv-accent) 8%,var(--gv-field-bg) 92%);border-color:var(--gv-field-border-hover)}.gv-table-wrap{overflow-x:auto;border:1px solid var(--gv-border, #e2e8f0);border-radius:16px;background:var(--gv-surface);box-shadow:var(--gv-shadow-sm)}.gv-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:var(--gv-text-strong, #0f172a)}.gv-table thead th{background:var(--gv-surface-subtle, #f8fafc);border-bottom:1px solid var(--gv-border, #e2e8f0);padding:12px 14px;font-size:12px;font-weight:700;color:var(--gv-text-muted, #475569);white-space:nowrap}.gv-table tbody td{padding:14px;border-bottom:1px solid var(--gv-border, #e2e8f0);vertical-align:middle;background:var(--gv-surface)}.gv-table tbody tr:last-child td{border-bottom:0}.gv-table--striped tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--gv-surface-subtle) 72%,var(--gv-surface) 28%)}.gv-table--hover tbody tr:hover td{background:color-mix(in srgb,var(--gv-accent) 5%,var(--gv-surface) 95%)}.gv-table--compact thead th,.gv-table--compact tbody td{padding-top:10px;padding-bottom:10px}.gv-table__cell--start{text-align:left}.gv-table__cell--center{text-align:center}.gv-table__cell--end{text-align:right}.gv-table__sort{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;font:inherit;font-weight:inherit;color:inherit;cursor:pointer}.gv-table__sort-icon{font-size:11px;opacity:.8}.gv-table__empty{padding:0!important;color:var(--gv-text-muted, #64748b)}.gv-table__empty--fill{vertical-align:middle}:host ::ng-deep .gv-table__empty gv-empty{display:block;width:100%}:host ::ng-deep .gv-table__empty .gv-empty__container{min-height:100%;padding:24px}.gv-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.gv-table-footer__meta{font-size:13px;color:var(--gv-text-muted, #64748b)}.gv-table-pagination{display:inline-flex;align-items:center;gap:10px}.gv-table-pagination__icon-btn{width:34px;height:34px;border:1px solid var(--gv-field-border);background:var(--gv-field-bg);color:var(--gv-text-strong, #0f172a);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;box-shadow:var(--gv-field-shadow);transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.gv-table-pagination__icon-btn:hover:not(:disabled){background:color-mix(in srgb,var(--gv-accent) 8%,var(--gv-field-bg) 92%);border-color:var(--gv-field-border-hover);color:var(--gv-accent-hover)}.gv-table-pagination__icon-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.gv-table-pagination__pill{min-width:72px;height:34px;border:1px solid var(--gv-field-border);background:var(--gv-field-bg);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;color:var(--gv-text-strong, #0f172a);box-shadow:var(--gv-field-shadow)}.gv-table-pagination__separator,.gv-table-pagination__total{color:var(--gv-text-muted, #64748b)}:host ::ng-deep .form-control,:host ::ng-deep .form-select{border-radius:var(--gv-radius-md, 8px);border-color:var(--gv-field-border);background:var(--gv-field-bg);color:var(--gv-text);box-shadow:var(--gv-field-shadow)}:host ::ng-deep .form-control::placeholder{color:var(--gv-field-placeholder)}:host ::ng-deep .form-control:hover:not(:disabled):not([readonly]),:host ::ng-deep .form-select:hover:not(:disabled){border-color:var(--gv-field-border-hover)}:host ::ng-deep .form-control:focus,:host ::ng-deep .form-select:focus{border-color:#3b82f68c;box-shadow:var(--gv-ring, 0 0 0 4px rgba(96, 165, 250, .35))}@media(max-width:640px){.gv-table-filter__range{grid-template-columns:1fr}.gv-table-filters__actions{justify-content:stretch}.gv-table-filters__clear{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Empty, selector: "gv-empty", inputs: ["title", "description", "compact"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Table, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-table', standalone: true, imports: [CommonModule, FormsModule, Empty], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"gv-table-shell\">\n  @if (filterable || hasColumnFilters || pagination) {\n    <div class=\"gv-table-toolbar\">\n      <div class=\"gv-table-toolbar__left\">\n        @if (filterable) {\n          <div class=\"gv-table-toolbar__search\">\n            <input\n              type=\"text\"\n              class=\"form-control\"\n              [placeholder]=\"filterPlaceholder\"\n              [(ngModel)]=\"filterTerm\"\n              (ngModelChange)=\"onFilterChange()\"\n            />\n          </div>\n        }\n\n        @if (hasColumnFilters) {\n          <button\n            type=\"button\"\n            class=\"gv-table-toolbar__filters-btn\"\n            [class.is-active]=\"activeFilterCount > 0\"\n            (click)=\"toggleFilters()\"\n          >\n            <span>Filters</span>\n            @if (activeFilterCount > 0) {\n              <span class=\"gv-table-toolbar__filters-count\">{{ activeFilterCount }}</span>\n            }\n            <span class=\"gv-table-toolbar__filters-caret\">\n              {{ shouldShowFiltersPanel ? '\u25B4' : '\u25BE' }}\n            </span>\n          </button>\n        }\n      </div>\n\n      @if (pagination) {\n        <div class=\"gv-table-toolbar__page-size\">\n          <label class=\"gv-table-toolbar__label\">Rows per page</label>\n          <select\n            class=\"form-select\"\n            [ngModel]=\"pageSize\"\n            (ngModelChange)=\"onPageSizeChange($event)\"\n          >\n            @for (opt of pageSizeOptions; track trackByIndex($index)) {\n              <option [value]=\"opt.value\">{{ opt.label }}</option>\n            }\n          </select>\n        </div>\n      }\n    </div>\n  }\n\n  @if (activeFilterChips.length) {\n    <div class=\"gv-table-active-filters\">\n      @for (chip of activeFilterChips; track trackByChip($index, chip)) {\n        <button\n          type=\"button\"\n          class=\"gv-table-active-filters__chip\"\n          (click)=\"clearFilterChip(chip)\"\n          [attr.aria-label]=\"'Remove filter ' + chip.label\"\n        >\n          <span class=\"gv-table-active-filters__chip-label\">{{ chip.label }}:</span>\n          <span class=\"gv-table-active-filters__chip-value\">{{ chip.valueLabel }}</span>\n          <span class=\"gv-table-active-filters__chip-remove\">\u00D7</span>\n        </button>\n      }\n\n      <button type=\"button\" class=\"gv-table-active-filters__clear-all\" (click)=\"clearAllFilters()\">\n        Clear all\n      </button>\n    </div>\n  }\n\n  @if (shouldShowFiltersPanel) {\n    <div class=\"gv-table-filters\">\n      <div class=\"gv-table-filters__grid\">\n        @for (column of filterColumns; track trackByColumn($index, column)) {\n          <div class=\"gv-table-filter\">\n            <label class=\"gv-table-filter__label\">{{ column.label }}</label>\n\n            @switch (getFilterType(column)) {\n              @case ('text') {\n                <input\n                  type=\"text\"\n                  class=\"form-control\"\n                  [value]=\"getTextFilterValue(column)\"\n                  [placeholder]=\"'Filter ' + column.label\"\n                  (input)=\"setTextFilterValue(column, $any($event.target).value)\"\n                />\n              }\n\n              @case ('select') {\n                <select\n                  class=\"form-select\"\n                  [ngModel]=\"getSelectFilterValue(column)\"\n                  (ngModelChange)=\"setSelectFilterValue(column, $event)\"\n                >\n                  <option value=\"\">All</option>\n                  @for (opt of column.filter?.options ?? []; track trackByIndex($index)) {\n                    <option [ngValue]=\"opt.value\">{{ opt.label }}</option>\n                  }\n                </select>\n              }\n\n              @case ('number-range') {\n                <div class=\"gv-table-filter__range\">\n                  <input\n                    type=\"number\"\n                    class=\"form-control\"\n                    placeholder=\"Min\"\n                    [value]=\"getNumberRangeFilterValue(column).min ?? ''\"\n                    (input)=\"setNumberRangeFilterMin(column, $any($event.target).value)\"\n                  />\n                  <input\n                    type=\"number\"\n                    class=\"form-control\"\n                    placeholder=\"Max\"\n                    [value]=\"getNumberRangeFilterValue(column).max ?? ''\"\n                    (input)=\"setNumberRangeFilterMax(column, $any($event.target).value)\"\n                  />\n                </div>\n              }\n\n              @case ('date-range') {\n                <div class=\"gv-table-filter__range\">\n                  <input\n                    type=\"date\"\n                    class=\"form-control\"\n                    [value]=\"getDateRangeFilterValue(column).from ?? ''\"\n                    (input)=\"setDateRangeFilterFrom(column, $any($event.target).value)\"\n                  />\n                  <input\n                    type=\"date\"\n                    class=\"form-control\"\n                    [value]=\"getDateRangeFilterValue(column).to ?? ''\"\n                    (input)=\"setDateRangeFilterTo(column, $any($event.target).value)\"\n                  />\n                </div>\n              }\n            }\n          </div>\n        }\n      </div>\n\n      <div class=\"gv-table-filters__actions\">\n        <button type=\"button\" class=\"gv-table-filters__clear\" (click)=\"clearAllFilters()\">\n          Clear filters\n        </button>\n      </div>\n    </div>\n  }\n\n  <div class=\"gv-table-wrap\" [style.min-height.px]=\"minBodyHeight\">\n    <table [class]=\"tableClass\">\n      <thead>\n        <tr>\n          @for (column of columns; track trackByColumn($index, column)) {\n            <th [style.width]=\"column.width || null\" [class]=\"getAlignClass(column)\">\n              @if (column.sortable) {\n                <button type=\"button\" class=\"gv-table__sort\" (click)=\"toggleSort(column)\">\n                  <span>{{ column.label }}</span>\n                  <span class=\"gv-table__sort-icon\">\n                    @switch (getSortDirection(column)) {\n                      @case ('asc') {\n                        \u25B2\n                      }\n                      @case ('desc') {\n                        \u25BC\n                      }\n                      @default {\n                        \u2195\n                      }\n                    }\n                  </span>\n                </button>\n              } @else {\n                <span>{{ column.label }}</span>\n              }\n            </th>\n          }\n        </tr>\n      </thead>\n\n      <tbody>\n        @if (loading) {\n          <tr>\n            <td\n              [attr.colspan]=\"columns.length\"\n              class=\"gv-table__empty gv-table__empty--fill\"\n              [style.height.px]=\"minBodyHeight\"\n            >\n              <gv-empty\n                compact\n                [title]=\"loadingTitle\"\n                [description]=\"loadingDescription\"\n              ></gv-empty>\n            </td>\n          </tr>\n        } @else if (!pagedRows.length) {\n          <tr>\n            <td\n              [attr.colspan]=\"columns.length\"\n              class=\"gv-table__empty gv-table__empty--fill\"\n              [style.height.px]=\"minBodyHeight\"\n            >\n              <gv-empty\n                compact\n                [title]=\"emptyTitle\"\n                [description]=\"resolvedEmptyDescription\"\n              ></gv-empty>\n            </td>\n          </tr>\n        } @else {\n          @for (row of pagedRows; track trackByIndex($index)) {\n            <tr>\n              @for (column of columns; track trackByColumn($index, column)) {\n                <td [class]=\"getAlignClass(column)\">\n                  {{ getCellValue(row, column.key) }}\n                </td>\n              }\n            </tr>\n          }\n        }\n      </tbody>\n    </table>\n  </div>\n\n  @if (pagination) {\n    <div class=\"gv-table-footer\">\n      <div class=\"gv-table-footer__meta\">\n        Showing {{ startRow }} to {{ endRow }} of {{ totalRows }}\n      </div>\n\n      <div class=\"gv-table-pagination\">\n        <button\n          type=\"button\"\n          class=\"gv-table-pagination__icon-btn\"\n          (click)=\"previousPage()\"\n          [disabled]=\"currentPage === 1\"\n          aria-label=\"Previous page\"\n        >\n          \u2039\n        </button>\n\n        <div class=\"gv-table-pagination__pill\">\n          <span class=\"gv-table-pagination__current\">{{ currentPage }}</span>\n          <span class=\"gv-table-pagination__separator\">/</span>\n          <span class=\"gv-table-pagination__total\">{{ totalPages }}</span>\n        </div>\n\n        <button\n          type=\"button\"\n          class=\"gv-table-pagination__icon-btn\"\n          (click)=\"nextPage()\"\n          [disabled]=\"currentPage === totalPages\"\n          aria-label=\"Next page\"\n        >\n          \u203A\n        </button>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".gv-table-shell{display:grid;gap:12px}.gv-table-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.gv-table-toolbar__left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.gv-table-toolbar__search{flex:1 1 260px;max-width:360px}.gv-table-toolbar__filters-btn{height:38px;border:1px solid var(--gv-field-border);background:var(--gv-field-bg);color:var(--gv-text-strong, #0f172a);border-radius:10px;box-shadow:var(--gv-field-shadow);padding:0 12px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:background .15s ease,border-color .15s ease}.gv-table-toolbar__filters-btn:hover{background:color-mix(in srgb,var(--gv-accent) 8%,var(--gv-field-bg) 92%);border-color:var(--gv-field-border-hover)}.gv-table-toolbar__filters-btn.is-active{border-color:color-mix(in srgb,var(--gv-accent) 32%,transparent);background:var(--gv-primary-subtle-bg);color:var(--gv-accent-hover)}.gv-table-toolbar__filters-count{min-width:20px;height:20px;border-radius:999px;background:var(--gv-text-strong, #0f172a);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;font-size:11px;font-weight:700}.gv-table-toolbar__filters-caret{font-size:10px;opacity:.8}.gv-table-toolbar__page-size{display:flex;align-items:center;gap:8px}.gv-table-toolbar__label{font-size:12px;font-weight:600;color:var(--gv-text-muted, #64748b);white-space:nowrap}.gv-table-active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.gv-table-active-filters__chip{border:1px solid var(--gv-primary-subtle-border);background:var(--gv-primary-subtle-bg);color:var(--gv-primary-subtle-text);border-radius:999px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.gv-table-active-filters__chip-label{color:color-mix(in srgb,currentColor 70%,var(--gv-text-muted) 30%)}.gv-table-active-filters__chip-remove{font-size:14px;line-height:1;opacity:.75}.gv-table-active-filters__clear-all{border:0;background:transparent;color:var(--gv-text-muted, #64748b);font-size:12px;font-weight:600;padding:6px 4px;text-decoration:underline}.gv-table-filters{display:grid;gap:12px;padding:14px;border:1px solid var(--gv-overlay-border);border-radius:16px;background:var(--gv-overlay-surface);box-shadow:var(--gv-shadow-md)}.gv-table-filters__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;min-width:0}.gv-table-filter{display:grid;gap:6px;min-width:0}.gv-table-filter__label{font-size:12px;font-weight:700;color:var(--gv-text-strong, #0f172a)}.gv-table-filter__range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-width:0}.gv-table-filter .form-control,.gv-table-filter .form-select{width:100%;min-width:0}.gv-table-filters__actions{display:flex;justify-content:flex-end;align-items:center}.gv-table-filters__clear{height:38px;min-width:140px;border:1px solid var(--gv-field-border);background:var(--gv-field-bg);color:var(--gv-text-strong, #0f172a);border-radius:8px;box-shadow:var(--gv-field-shadow);padding:0 14px;font-size:13px;font-weight:600;transition:background .15s ease,border-color .15s ease}.gv-table-filters__clear:hover{background:color-mix(in srgb,var(--gv-accent) 8%,var(--gv-field-bg) 92%);border-color:var(--gv-field-border-hover)}.gv-table-wrap{overflow-x:auto;border:1px solid var(--gv-border, #e2e8f0);border-radius:16px;background:var(--gv-surface);box-shadow:var(--gv-shadow-sm)}.gv-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:var(--gv-text-strong, #0f172a)}.gv-table thead th{background:var(--gv-surface-subtle, #f8fafc);border-bottom:1px solid var(--gv-border, #e2e8f0);padding:12px 14px;font-size:12px;font-weight:700;color:var(--gv-text-muted, #475569);white-space:nowrap}.gv-table tbody td{padding:14px;border-bottom:1px solid var(--gv-border, #e2e8f0);vertical-align:middle;background:var(--gv-surface)}.gv-table tbody tr:last-child td{border-bottom:0}.gv-table--striped tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--gv-surface-subtle) 72%,var(--gv-surface) 28%)}.gv-table--hover tbody tr:hover td{background:color-mix(in srgb,var(--gv-accent) 5%,var(--gv-surface) 95%)}.gv-table--compact thead th,.gv-table--compact tbody td{padding-top:10px;padding-bottom:10px}.gv-table__cell--start{text-align:left}.gv-table__cell--center{text-align:center}.gv-table__cell--end{text-align:right}.gv-table__sort{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;font:inherit;font-weight:inherit;color:inherit;cursor:pointer}.gv-table__sort-icon{font-size:11px;opacity:.8}.gv-table__empty{padding:0!important;color:var(--gv-text-muted, #64748b)}.gv-table__empty--fill{vertical-align:middle}:host ::ng-deep .gv-table__empty gv-empty{display:block;width:100%}:host ::ng-deep .gv-table__empty .gv-empty__container{min-height:100%;padding:24px}.gv-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.gv-table-footer__meta{font-size:13px;color:var(--gv-text-muted, #64748b)}.gv-table-pagination{display:inline-flex;align-items:center;gap:10px}.gv-table-pagination__icon-btn{width:34px;height:34px;border:1px solid var(--gv-field-border);background:var(--gv-field-bg);color:var(--gv-text-strong, #0f172a);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;padding:0;box-shadow:var(--gv-field-shadow);transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.gv-table-pagination__icon-btn:hover:not(:disabled){background:color-mix(in srgb,var(--gv-accent) 8%,var(--gv-field-bg) 92%);border-color:var(--gv-field-border-hover);color:var(--gv-accent-hover)}.gv-table-pagination__icon-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.gv-table-pagination__pill{min-width:72px;height:34px;border:1px solid var(--gv-field-border);background:var(--gv-field-bg);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;color:var(--gv-text-strong, #0f172a);box-shadow:var(--gv-field-shadow)}.gv-table-pagination__separator,.gv-table-pagination__total{color:var(--gv-text-muted, #64748b)}:host ::ng-deep .form-control,:host ::ng-deep .form-select{border-radius:var(--gv-radius-md, 8px);border-color:var(--gv-field-border);background:var(--gv-field-bg);color:var(--gv-text);box-shadow:var(--gv-field-shadow)}:host ::ng-deep .form-control::placeholder{color:var(--gv-field-placeholder)}:host ::ng-deep .form-control:hover:not(:disabled):not([readonly]),:host ::ng-deep .form-select:hover:not(:disabled){border-color:var(--gv-field-border-hover)}:host ::ng-deep .form-control:focus,:host ::ng-deep .form-select:focus{border-color:#3b82f68c;box-shadow:var(--gv-ring, 0 0 0 4px rgba(96, 165, 250, .35))}@media(max-width:640px){.gv-table-filter__range{grid-template-columns:1fr}.gv-table-filters__actions{justify-content:stretch}.gv-table-filters__clear{width:100%}}\n"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], filterable: [{
+                type: Input
+            }], showColumnFilters: [{
+                type: Input
+            }], collapsibleFilters: [{
+                type: Input
+            }], filtersExpanded: [{
+                type: Input
+            }], filterPlaceholder: [{
+                type: Input
+            }], pagination: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], rowLimit: [{
+                type: Input
+            }], minBodyHeight: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], emptyText: [{
+                type: Input
+            }], emptyTitle: [{
+                type: Input
+            }], emptyDescription: [{
+                type: Input
+            }], loadingTitle: [{
+                type: Input
+            }], loadingDescription: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], striped: [{
+                type: Input
+            }], hover: [{
+                type: Input
+            }], compact: [{
+                type: Input
+            }] } });
+
+class Skeleton {
+    variant = 'rect';
+    width;
+    height;
+    lines = 1;
+    animated = true;
+    baseClass = true;
+    get animatedClass() {
+        return this.animated;
+    }
+    get textClass() {
+        return this.variant === 'text';
+    }
+    get rectClass() {
+        return this.variant === 'rect';
+    }
+    get circleClass() {
+        return this.variant === 'circle';
+    }
+    get skeletonWidth() {
+        return this.hostWidth;
+    }
+    get skeletonHeight() {
+        return this.hostHeight;
+    }
+    get resolvedLines() {
+        const total = this.variant === 'text' ? Math.max(1, this.lines) : 1;
+        return Array.from({ length: total }, (_, index) => index);
+    }
+    get hostWidth() {
+        return this.width?.trim() || null;
+    }
+    get hostHeight() {
+        if (this.height?.trim()) {
+            return this.height.trim();
+        }
+        if (this.variant === 'text') {
+            return null;
+        }
+        if (this.variant === 'circle') {
+            return this.hostWidth || '2.5rem';
+        }
+        return '1rem';
+    }
+    lineWidth(index) {
+        if (this.variant !== 'text') {
+            return null;
+        }
+        if (this.width?.trim()) {
+            return this.width.trim();
+        }
+        const widths = ['100%', '92%', '84%', '76%'];
+        return widths[index % widths.length];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Skeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Skeleton, isStandalone: true, selector: "gv-skeleton", inputs: { variant: "variant", width: "width", height: "height", lines: "lines", animated: "animated" }, host: { properties: { "class.gv-skeleton": "this.baseClass", "class.gv-skeleton--animated": "this.animatedClass", "class.gv-skeleton--text": "this.textClass", "class.gv-skeleton--rect": "this.rectClass", "class.gv-skeleton--circle": "this.circleClass", "style.--gv-skeleton-width": "this.skeletonWidth", "style.--gv-skeleton-height": "this.skeletonHeight" } }, ngImport: i0, template: "<div class=\"gv-skeleton__group\" role=\"status\" aria-live=\"polite\" aria-label=\"Loading content\">\n  @for (line of resolvedLines; track line) {\n    <span\n      class=\"gv-skeleton__item\"\n      [style.width]=\"lineWidth($index)\"\n      [style.height]=\"variant === 'text' ? height || null : null\"\n      aria-hidden=\"true\"\n    ></span>\n  }\n\n  <span class=\"visually-hidden\">Loading content</span>\n</div>\n", styles: [":host{--gv-skeleton-bg: var(--gv-skeleton-bg);--gv-skeleton-highlight: var(--gv-skeleton-highlight);--gv-skeleton-radius: 10px;--gv-skeleton-text-height: .875rem;--gv-skeleton-text-gap: .5rem;display:block;width:var(--gv-skeleton-width, auto);height:var(--gv-skeleton-height, auto)}.gv-skeleton__group{display:flex;flex-direction:column;gap:var(--gv-skeleton-text-gap);width:100%}.gv-skeleton__item{position:relative;display:block;overflow:hidden;background:var(--gv-skeleton-bg);border-radius:var(--gv-skeleton-radius)}:host(.gv-skeleton--animated) .gv-skeleton__item:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,var(--gv-skeleton-highlight) 50%,transparent 100%);animation:gv-skeleton-shimmer 1.45s ease-in-out infinite}:host(.gv-skeleton--text) .gv-skeleton__item{height:var(--gv-skeleton-text-height);border-radius:999px}:host(.gv-skeleton--rect) .gv-skeleton__group{height:100%}:host(.gv-skeleton--rect) .gv-skeleton__item{width:100%;height:100%;min-height:1rem}:host(.gv-skeleton--circle){width:var(--gv-skeleton-width, 2.5rem);height:var(--gv-skeleton-height, 2.5rem)}:host(.gv-skeleton--circle) .gv-skeleton__group{width:100%;height:100%}:host(.gv-skeleton--circle) .gv-skeleton__item{width:100%;height:100%;border-radius:999px}@keyframes gv-skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host(.gv-skeleton--animated) .gv-skeleton__item:after{animation-duration:2.4s}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Skeleton, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-skeleton', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"gv-skeleton__group\" role=\"status\" aria-live=\"polite\" aria-label=\"Loading content\">\n  @for (line of resolvedLines; track line) {\n    <span\n      class=\"gv-skeleton__item\"\n      [style.width]=\"lineWidth($index)\"\n      [style.height]=\"variant === 'text' ? height || null : null\"\n      aria-hidden=\"true\"\n    ></span>\n  }\n\n  <span class=\"visually-hidden\">Loading content</span>\n</div>\n", styles: [":host{--gv-skeleton-bg: var(--gv-skeleton-bg);--gv-skeleton-highlight: var(--gv-skeleton-highlight);--gv-skeleton-radius: 10px;--gv-skeleton-text-height: .875rem;--gv-skeleton-text-gap: .5rem;display:block;width:var(--gv-skeleton-width, auto);height:var(--gv-skeleton-height, auto)}.gv-skeleton__group{display:flex;flex-direction:column;gap:var(--gv-skeleton-text-gap);width:100%}.gv-skeleton__item{position:relative;display:block;overflow:hidden;background:var(--gv-skeleton-bg);border-radius:var(--gv-skeleton-radius)}:host(.gv-skeleton--animated) .gv-skeleton__item:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,var(--gv-skeleton-highlight) 50%,transparent 100%);animation:gv-skeleton-shimmer 1.45s ease-in-out infinite}:host(.gv-skeleton--text) .gv-skeleton__item{height:var(--gv-skeleton-text-height);border-radius:999px}:host(.gv-skeleton--rect) .gv-skeleton__group{height:100%}:host(.gv-skeleton--rect) .gv-skeleton__item{width:100%;height:100%;min-height:1rem}:host(.gv-skeleton--circle){width:var(--gv-skeleton-width, 2.5rem);height:var(--gv-skeleton-height, 2.5rem)}:host(.gv-skeleton--circle) .gv-skeleton__group{width:100%;height:100%}:host(.gv-skeleton--circle) .gv-skeleton__item{width:100%;height:100%;border-radius:999px}@keyframes gv-skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){:host(.gv-skeleton--animated) .gv-skeleton__item:after{animation-duration:2.4s}}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], lines: [{
+                type: Input
+            }], animated: [{
+                type: Input
+            }], baseClass: [{
+                type: HostBinding,
+                args: ['class.gv-skeleton']
+            }], animatedClass: [{
+                type: HostBinding,
+                args: ['class.gv-skeleton--animated']
+            }], textClass: [{
+                type: HostBinding,
+                args: ['class.gv-skeleton--text']
+            }], rectClass: [{
+                type: HostBinding,
+                args: ['class.gv-skeleton--rect']
+            }], circleClass: [{
+                type: HostBinding,
+                args: ['class.gv-skeleton--circle']
+            }], skeletonWidth: [{
+                type: HostBinding,
+                args: ['style.--gv-skeleton-width']
+            }], skeletonHeight: [{
+                type: HostBinding,
+                args: ['style.--gv-skeleton-height']
+            }] } });
+
+class DropdownTriggerDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DropdownTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: DropdownTriggerDirective, isStandalone: true, selector: "[gvDropdownTrigger]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DropdownTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[gvDropdownTrigger]',
+                    standalone: true,
+                }]
+        }] });
+class DropdownMenuDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DropdownMenuDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: DropdownMenuDirective, isStandalone: true, selector: "[gvDropdownMenu]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DropdownMenuDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[gvDropdownMenu]',
+                    standalone: true,
+                }]
+        }] });
+class Dropdown {
+    hostRef;
+    cdr;
+    align = 'start';
+    disabled = false;
+    closeOnItemClick = true;
+    baseClass = true;
+    get openClass() {
+        return this.open;
+    }
+    get disabledClass() {
+        return this.disabled;
+    }
+    get alignEndClass() {
+        return this.align === 'end';
+    }
+    open = false;
+    constructor(hostRef, cdr) {
+        this.hostRef = hostRef;
+        this.cdr = cdr;
+    }
+    toggle(event) {
+        event?.stopPropagation();
+        if (this.disabled) {
+            return;
+        }
+        this.open = !this.open;
+        this.cdr.markForCheck();
+    }
+    closeMenu() {
+        if (!this.open) {
+            return;
+        }
+        this.open = false;
+        this.cdr.markForCheck();
+    }
+    onTriggerKeydown(event) {
+        if (this.disabled) {
+            return;
+        }
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.toggle(event);
+            return;
+        }
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            this.open = true;
+            this.cdr.markForCheck();
+            return;
+        }
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.closeMenu();
+        }
+    }
+    onMenuClick(event) {
+        event.stopPropagation();
+        if (!this.closeOnItemClick) {
+            return;
+        }
+        const target = event.target;
+        const actionable = target?.closest('button, a, [role="menuitem"]');
+        if (actionable) {
+            this.closeMenu();
+        }
+    }
+    onMenuKeydown(event) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.closeMenu();
+        }
+    }
+    onDocumentClick(event) {
+        if (!this.open) {
+            return;
+        }
+        const host = this.hostRef.nativeElement;
+        const target = event.target;
+        if (target && !host.contains(target)) {
+            this.closeMenu();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Dropdown, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Dropdown, isStandalone: true, selector: "gv-dropdown", inputs: { align: "align", disabled: "disabled", closeOnItemClick: "closeOnItemClick" }, host: { listeners: { "document:click": "onDocumentClick($event)" }, properties: { "class.gv-dropdown": "this.baseClass", "class.gv-dropdown--open": "this.openClass", "class.gv-dropdown--disabled": "this.disabledClass", "class.gv-dropdown--align-end": "this.alignEndClass" } }, ngImport: i0, template: "<div\n  class=\"gv-dropdown__trigger-wrap\"\n  (click)=\"toggle($event)\"\n  (keydown)=\"onTriggerKeydown($event)\"\n>\n  <ng-content select=\"[gvDropdownTrigger]\"></ng-content>\n</div>\n\n@if (open) {\n  <div class=\"gv-dropdown__panel\" (click)=\"onMenuClick($event)\" (keydown)=\"onMenuKeydown($event)\">\n    <ng-content select=\"[gvDropdownMenu]\"></ng-content>\n  </div>\n}\n", styles: [":host{--gv-dropdown-bg: #ffffff;--gv-dropdown-border: var(--gv-color-slate-200, #e2e8f0);--gv-dropdown-text: var(--gv-color-slate-700, #334155);--gv-dropdown-muted: var(--gv-color-slate-500, #64748b);--gv-dropdown-hover: rgba(59, 130, 246, .08);--gv-dropdown-shadow: 0 18px 40px rgba(15, 23, 42, .1), 0 2px 8px rgba(15, 23, 42, .05);--gv-dropdown-radius: 12px;--gv-dropdown-focus-ring: 0 0 0 4px rgba(96, 165, 250, .35);--gv-dropdown-min-width: 12rem;--gv-dropdown-z-index: 1200;position:relative;display:inline-block}:host(.gv-dropdown--disabled){opacity:.7}.gv-dropdown__trigger-wrap{display:inline-flex}.gv-dropdown__panel{position:absolute;top:calc(100% + .5rem);left:0;z-index:var(--gv-dropdown-z-index);min-width:var(--gv-dropdown-min-width)}:host(.gv-dropdown--align-end) .gv-dropdown__panel{right:0;left:auto}:host ::ng-deep [gvDropdownTrigger]{display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep [gvDropdownTrigger]:focus-visible{outline:none;box-shadow:var(--gv-dropdown-focus-ring);border-radius:10px}:host ::ng-deep [gvDropdownMenu]{display:block;min-width:var(--gv-dropdown-min-width);padding:.5rem;border:1px solid var(--gv-dropdown-border);border-radius:var(--gv-dropdown-radius);background:var(--gv-dropdown-bg);box-shadow:var(--gv-dropdown-shadow);color:var(--gv-dropdown-text);animation:gv-dropdown-in .14s ease-out}:host ::ng-deep .gv-dropdown-item,:host ::ng-deep [gvDropdownMenu] button,:host ::ng-deep [gvDropdownMenu] a,:host ::ng-deep [gvDropdownMenu] [role=menuitem]{display:flex;width:100%;align-items:center;gap:.625rem;padding:.625rem .75rem;border:0;border-radius:10px;background:transparent;color:var(--gv-dropdown-text);text-align:left;text-decoration:none;font-size:.9375rem;line-height:1.2;cursor:pointer;transition:background-color .12s ease,color .12s ease}:host ::ng-deep .gv-dropdown-item:hover,:host ::ng-deep [gvDropdownMenu] button:hover,:host ::ng-deep [gvDropdownMenu] a:hover,:host ::ng-deep [gvDropdownMenu] [role=menuitem]:hover{background:var(--gv-dropdown-hover)}:host ::ng-deep .gv-dropdown-item:focus-visible,:host ::ng-deep [gvDropdownMenu] button:focus-visible,:host ::ng-deep [gvDropdownMenu] a:focus-visible,:host ::ng-deep [gvDropdownMenu] [role=menuitem]:focus-visible{outline:none;box-shadow:var(--gv-dropdown-focus-ring)}:host ::ng-deep .gv-dropdown-item--danger{color:#dc2626}:host ::ng-deep .gv-dropdown-item--muted{color:var(--gv-dropdown-muted)}:host ::ng-deep .gv-dropdown-item__meta{margin-left:auto;color:var(--gv-dropdown-muted);font-size:.8125rem}:host ::ng-deep .gv-dropdown-divider{height:1px;margin:.375rem 0;background:var(--gv-dropdown-border);border:0}@keyframes gv-dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Dropdown, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-dropdown', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"gv-dropdown__trigger-wrap\"\n  (click)=\"toggle($event)\"\n  (keydown)=\"onTriggerKeydown($event)\"\n>\n  <ng-content select=\"[gvDropdownTrigger]\"></ng-content>\n</div>\n\n@if (open) {\n  <div class=\"gv-dropdown__panel\" (click)=\"onMenuClick($event)\" (keydown)=\"onMenuKeydown($event)\">\n    <ng-content select=\"[gvDropdownMenu]\"></ng-content>\n  </div>\n}\n", styles: [":host{--gv-dropdown-bg: #ffffff;--gv-dropdown-border: var(--gv-color-slate-200, #e2e8f0);--gv-dropdown-text: var(--gv-color-slate-700, #334155);--gv-dropdown-muted: var(--gv-color-slate-500, #64748b);--gv-dropdown-hover: rgba(59, 130, 246, .08);--gv-dropdown-shadow: 0 18px 40px rgba(15, 23, 42, .1), 0 2px 8px rgba(15, 23, 42, .05);--gv-dropdown-radius: 12px;--gv-dropdown-focus-ring: 0 0 0 4px rgba(96, 165, 250, .35);--gv-dropdown-min-width: 12rem;--gv-dropdown-z-index: 1200;position:relative;display:inline-block}:host(.gv-dropdown--disabled){opacity:.7}.gv-dropdown__trigger-wrap{display:inline-flex}.gv-dropdown__panel{position:absolute;top:calc(100% + .5rem);left:0;z-index:var(--gv-dropdown-z-index);min-width:var(--gv-dropdown-min-width)}:host(.gv-dropdown--align-end) .gv-dropdown__panel{right:0;left:auto}:host ::ng-deep [gvDropdownTrigger]{display:inline-flex;align-items:center;justify-content:center}:host ::ng-deep [gvDropdownTrigger]:focus-visible{outline:none;box-shadow:var(--gv-dropdown-focus-ring);border-radius:10px}:host ::ng-deep [gvDropdownMenu]{display:block;min-width:var(--gv-dropdown-min-width);padding:.5rem;border:1px solid var(--gv-dropdown-border);border-radius:var(--gv-dropdown-radius);background:var(--gv-dropdown-bg);box-shadow:var(--gv-dropdown-shadow);color:var(--gv-dropdown-text);animation:gv-dropdown-in .14s ease-out}:host ::ng-deep .gv-dropdown-item,:host ::ng-deep [gvDropdownMenu] button,:host ::ng-deep [gvDropdownMenu] a,:host ::ng-deep [gvDropdownMenu] [role=menuitem]{display:flex;width:100%;align-items:center;gap:.625rem;padding:.625rem .75rem;border:0;border-radius:10px;background:transparent;color:var(--gv-dropdown-text);text-align:left;text-decoration:none;font-size:.9375rem;line-height:1.2;cursor:pointer;transition:background-color .12s ease,color .12s ease}:host ::ng-deep .gv-dropdown-item:hover,:host ::ng-deep [gvDropdownMenu] button:hover,:host ::ng-deep [gvDropdownMenu] a:hover,:host ::ng-deep [gvDropdownMenu] [role=menuitem]:hover{background:var(--gv-dropdown-hover)}:host ::ng-deep .gv-dropdown-item:focus-visible,:host ::ng-deep [gvDropdownMenu] button:focus-visible,:host ::ng-deep [gvDropdownMenu] a:focus-visible,:host ::ng-deep [gvDropdownMenu] [role=menuitem]:focus-visible{outline:none;box-shadow:var(--gv-dropdown-focus-ring)}:host ::ng-deep .gv-dropdown-item--danger{color:#dc2626}:host ::ng-deep .gv-dropdown-item--muted{color:var(--gv-dropdown-muted)}:host ::ng-deep .gv-dropdown-item__meta{margin-left:auto;color:var(--gv-dropdown-muted);font-size:.8125rem}:host ::ng-deep .gv-dropdown-divider{height:1px;margin:.375rem 0;background:var(--gv-dropdown-border);border:0}@keyframes gv-dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { align: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], closeOnItemClick: [{
+                type: Input
+            }], baseClass: [{
+                type: HostBinding,
+                args: ['class.gv-dropdown']
+            }], openClass: [{
+                type: HostBinding,
+                args: ['class.gv-dropdown--open']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.gv-dropdown--disabled']
+            }], alignEndClass: [{
+                type: HostBinding,
+                args: ['class.gv-dropdown--align-end']
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+class Avatar {
+    src;
+    alt;
+    name;
+    initials;
+    size = 'md';
+    shape = 'circle';
+    background = 'subtle';
+    imageFailed = false;
+    get hostClasses() {
+        return [
+            'gv-avatar-host',
+            `gv-avatar-host--${this.size}`,
+            `gv-avatar-host--${this.shape}`,
+            `gv-avatar-host--${this.background}`,
+        ].join(' ');
+    }
+    get hasImage() {
+        return !!this.src && !this.imageFailed;
+    }
+    get computedAlt() {
+        return this.alt?.trim() || this.name?.trim() || 'Avatar';
+    }
+    get displayInitials() {
+        if (this.initials?.trim()) {
+            return this.initials.trim().slice(0, 2).toUpperCase();
+        }
+        if (!this.name?.trim()) {
+            return '';
+        }
+        const parts = this.name.trim().split(/\s+/).filter(Boolean).slice(0, 2);
+        return parts
+            .map((part) => part.charAt(0))
+            .join('')
+            .toUpperCase();
+    }
+    get shouldShowInitials() {
+        return !this.hasImage && !!this.displayInitials;
+    }
+    get shouldShowProjectedContent() {
+        return !this.hasImage && !this.displayInitials;
+    }
+    onImageError() {
+        this.imageFailed = true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Avatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Avatar, isStandalone: true, selector: "gv-avatar", inputs: { src: "src", alt: "alt", name: "name", initials: "initials", size: "size", shape: "shape", background: "background" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"gv-avatar\" [attr.aria-label]=\"computedAlt\">\n  @if (hasImage) {\n    <img class=\"gv-avatar__image\" [src]=\"src!\" [alt]=\"computedAlt\" (error)=\"onImageError()\" />\n  } @else if (shouldShowInitials) {\n    <span class=\"gv-avatar__initials\">{{ displayInitials }}</span>\n  } @else {\n    <span class=\"gv-avatar__icon\">\n      <ng-content>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" class=\"gv-avatar__default-icon\">\n          <path\n            d=\"M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M4 20C4.8 17.2 7.6 15 12 15C16.4 15 19.2 17.2 20 20\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </ng-content>\n    </span>\n  }\n</div>\n", styles: [":host{display:inline-flex;vertical-align:middle}.gv-avatar-host{--gv-avatar-size: 2.5rem;--gv-avatar-radius: 999px;--gv-avatar-font-size: .875rem;--gv-avatar-icon-size: 1.1rem;--gv-avatar-bg: var(--gv-surface-subtle);--gv-avatar-border: var(--gv-neutral-subtle-border);--gv-avatar-color: var(--gv-neutral-subtle-text);--gv-avatar-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), var(--gv-shadow-sm)}.gv-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--gv-avatar-size);height:var(--gv-avatar-size);overflow:hidden;border-radius:var(--gv-avatar-radius);background:var(--gv-avatar-bg);border:1px solid var(--gv-avatar-border);color:var(--gv-avatar-color);box-shadow:var(--gv-avatar-shadow);-webkit-user-select:none;user-select:none;flex:0 0 auto}.gv-avatar__image{width:100%;height:100%;object-fit:cover;display:block}.gv-avatar__initials{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--gv-avatar-font-size);font-weight:700;letter-spacing:.02em;line-height:1}.gv-avatar__icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--gv-avatar-icon-size);line-height:1}.gv-avatar__icon>*{display:inline-flex;align-items:center;justify-content:center;line-height:1}.gv-avatar__icon svg,.gv-avatar__icon i,.gv-avatar__icon .material-icons,.gv-avatar__icon .material-symbols-outlined,.gv-avatar__default-icon{width:var(--gv-avatar-icon-size);height:var(--gv-avatar-icon-size);font-size:var(--gv-avatar-icon-size);line-height:1}:host(.gv-avatar-host--xs){--gv-avatar-size: 1.5rem;--gv-avatar-font-size: .625rem;--gv-avatar-icon-size: .8rem}:host(.gv-avatar-host--sm){--gv-avatar-size: 2rem;--gv-avatar-font-size: .75rem;--gv-avatar-icon-size: .95rem}:host(.gv-avatar-host--md){--gv-avatar-size: 2.5rem;--gv-avatar-font-size: .875rem;--gv-avatar-icon-size: 1.1rem}:host(.gv-avatar-host--lg){--gv-avatar-size: 3rem;--gv-avatar-font-size: 1rem;--gv-avatar-icon-size: 1.35rem}:host(.gv-avatar-host--xl){--gv-avatar-size: 4rem;--gv-avatar-font-size: 1.25rem;--gv-avatar-icon-size: 1.65rem}:host(.gv-avatar-host--circle){--gv-avatar-radius: 999px}:host(.gv-avatar-host--rounded){--gv-avatar-radius: 12px}:host(.gv-avatar-host--square){--gv-avatar-radius: 8px}:host(.gv-avatar-host--subtle){--gv-avatar-bg: linear-gradient(180deg, var(--gv-surface-subtle) 0%, var(--gv-bg-subtle) 100%);--gv-avatar-border: var(--gv-neutral-subtle-border);--gv-avatar-color: var(--gv-neutral-subtle-text)}:host(.gv-avatar-host--primary){--gv-avatar-bg: linear-gradient(180deg, var(--gv-primary-subtle-bg) 0%, color-mix(in srgb, var(--gv-primary-subtle-bg) 72%, var(--gv-surface) 28%) 100%);--gv-avatar-border: var(--gv-primary-subtle-border);--gv-avatar-color: var(--gv-primary-subtle-text)}:host(.gv-avatar-host--neutral){--gv-avatar-bg: linear-gradient(180deg, var(--gv-neutral-subtle-bg) 0%, color-mix(in srgb, var(--gv-neutral-subtle-border) 36%, var(--gv-surface) 64%) 100%);--gv-avatar-border: color-mix(in srgb, var(--gv-neutral-subtle-border) 88%, transparent);--gv-avatar-color: var(--gv-text)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Avatar, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-avatar', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"gv-avatar\" [attr.aria-label]=\"computedAlt\">\n  @if (hasImage) {\n    <img class=\"gv-avatar__image\" [src]=\"src!\" [alt]=\"computedAlt\" (error)=\"onImageError()\" />\n  } @else if (shouldShowInitials) {\n    <span class=\"gv-avatar__initials\">{{ displayInitials }}</span>\n  } @else {\n    <span class=\"gv-avatar__icon\">\n      <ng-content>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" class=\"gv-avatar__default-icon\">\n          <path\n            d=\"M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n          <path\n            d=\"M4 20C4.8 17.2 7.6 15 12 15C16.4 15 19.2 17.2 20 20\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.8\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          />\n        </svg>\n      </ng-content>\n    </span>\n  }\n</div>\n", styles: [":host{display:inline-flex;vertical-align:middle}.gv-avatar-host{--gv-avatar-size: 2.5rem;--gv-avatar-radius: 999px;--gv-avatar-font-size: .875rem;--gv-avatar-icon-size: 1.1rem;--gv-avatar-bg: var(--gv-surface-subtle);--gv-avatar-border: var(--gv-neutral-subtle-border);--gv-avatar-color: var(--gv-neutral-subtle-text);--gv-avatar-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), var(--gv-shadow-sm)}.gv-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--gv-avatar-size);height:var(--gv-avatar-size);overflow:hidden;border-radius:var(--gv-avatar-radius);background:var(--gv-avatar-bg);border:1px solid var(--gv-avatar-border);color:var(--gv-avatar-color);box-shadow:var(--gv-avatar-shadow);-webkit-user-select:none;user-select:none;flex:0 0 auto}.gv-avatar__image{width:100%;height:100%;object-fit:cover;display:block}.gv-avatar__initials{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--gv-avatar-font-size);font-weight:700;letter-spacing:.02em;line-height:1}.gv-avatar__icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--gv-avatar-icon-size);line-height:1}.gv-avatar__icon>*{display:inline-flex;align-items:center;justify-content:center;line-height:1}.gv-avatar__icon svg,.gv-avatar__icon i,.gv-avatar__icon .material-icons,.gv-avatar__icon .material-symbols-outlined,.gv-avatar__default-icon{width:var(--gv-avatar-icon-size);height:var(--gv-avatar-icon-size);font-size:var(--gv-avatar-icon-size);line-height:1}:host(.gv-avatar-host--xs){--gv-avatar-size: 1.5rem;--gv-avatar-font-size: .625rem;--gv-avatar-icon-size: .8rem}:host(.gv-avatar-host--sm){--gv-avatar-size: 2rem;--gv-avatar-font-size: .75rem;--gv-avatar-icon-size: .95rem}:host(.gv-avatar-host--md){--gv-avatar-size: 2.5rem;--gv-avatar-font-size: .875rem;--gv-avatar-icon-size: 1.1rem}:host(.gv-avatar-host--lg){--gv-avatar-size: 3rem;--gv-avatar-font-size: 1rem;--gv-avatar-icon-size: 1.35rem}:host(.gv-avatar-host--xl){--gv-avatar-size: 4rem;--gv-avatar-font-size: 1.25rem;--gv-avatar-icon-size: 1.65rem}:host(.gv-avatar-host--circle){--gv-avatar-radius: 999px}:host(.gv-avatar-host--rounded){--gv-avatar-radius: 12px}:host(.gv-avatar-host--square){--gv-avatar-radius: 8px}:host(.gv-avatar-host--subtle){--gv-avatar-bg: linear-gradient(180deg, var(--gv-surface-subtle) 0%, var(--gv-bg-subtle) 100%);--gv-avatar-border: var(--gv-neutral-subtle-border);--gv-avatar-color: var(--gv-neutral-subtle-text)}:host(.gv-avatar-host--primary){--gv-avatar-bg: linear-gradient(180deg, var(--gv-primary-subtle-bg) 0%, color-mix(in srgb, var(--gv-primary-subtle-bg) 72%, var(--gv-surface) 28%) 100%);--gv-avatar-border: var(--gv-primary-subtle-border);--gv-avatar-color: var(--gv-primary-subtle-text)}:host(.gv-avatar-host--neutral){--gv-avatar-bg: linear-gradient(180deg, var(--gv-neutral-subtle-bg) 0%, color-mix(in srgb, var(--gv-neutral-subtle-border) 36%, var(--gv-surface) 64%) 100%);--gv-avatar-border: color-mix(in srgb, var(--gv-neutral-subtle-border) 88%, transparent);--gv-avatar-color: var(--gv-text)}\n"] }]
+        }], propDecorators: { src: [{
+                type: Input
+            }], alt: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], initials: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], shape: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class Badge {
+    variant = 'neutral';
+    size = 'md';
+    pill = false;
+    dot = false;
+    baseClass = true;
+    get neutralClass() {
+        return this.variant === 'neutral';
+    }
+    get primaryClass() {
+        return this.variant === 'primary';
+    }
+    get successClass() {
+        return this.variant === 'success';
+    }
+    get warningClass() {
+        return this.variant === 'warning';
+    }
+    get dangerClass() {
+        return this.variant === 'danger';
+    }
+    get infoClass() {
+        return this.variant === 'info';
+    }
+    get smClass() {
+        return this.size === 'sm';
+    }
+    get mdClass() {
+        return this.size === 'md';
+    }
+    get pillClass() {
+        return this.pill;
+    }
+    get dotClass() {
+        return this.dot;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Badge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Badge, isStandalone: true, selector: "gv-badge", inputs: { variant: "variant", size: "size", pill: ["pill", "pill", booleanAttribute], dot: ["dot", "dot", booleanAttribute] }, host: { properties: { "class.gv-badge": "this.baseClass", "class.gv-badge--neutral": "this.neutralClass", "class.gv-badge--primary": "this.primaryClass", "class.gv-badge--success": "this.successClass", "class.gv-badge--warning": "this.warningClass", "class.gv-badge--danger": "this.dangerClass", "class.gv-badge--info": "this.infoClass", "class.gv-badge--sm": "this.smClass", "class.gv-badge--md": "this.mdClass", "class.gv-badge--pill": "this.pillClass", "class.gv-badge--dot": "this.dotClass" } }, ngImport: i0, template: "<span class=\"gv-badge__content\">\n  @if (dot) {\n    <span class=\"gv-badge__dot\" aria-hidden=\"true\"></span>\n  }\n\n  <span class=\"gv-badge__label\">\n    <ng-content></ng-content>\n  </span>\n</span>\n", styles: [":host{--gv-badge-radius: 12px;--gv-badge-font-size-sm: .75rem;--gv-badge-font-size-md: .8125rem;--gv-badge-padding-y-sm: .1875rem;--gv-badge-padding-x-sm: .5625rem;--gv-badge-padding-y-md: .3125rem;--gv-badge-padding-x-md: .6875rem;--gv-badge-neutral-bg: var(--gv-neutral-subtle-bg);--gv-badge-neutral-border: var(--gv-neutral-subtle-border);--gv-badge-neutral-text: var(--gv-neutral-subtle-text);--gv-badge-neutral-dot: var(--gv-text-muted);--gv-badge-primary-bg: var(--gv-primary-subtle-bg);--gv-badge-primary-border: var(--gv-primary-subtle-border);--gv-badge-primary-text: var(--gv-primary-subtle-text);--gv-badge-primary-dot: var(--gv-accent);--gv-badge-success-bg: var(--gv-success-subtle-bg);--gv-badge-success-border: var(--gv-success-subtle-border);--gv-badge-success-text: var(--gv-success-subtle-text);--gv-badge-success-dot: var(--gv-success);--gv-badge-warning-bg: var(--gv-warning-subtle-bg);--gv-badge-warning-border: var(--gv-warning-subtle-border);--gv-badge-warning-text: var(--gv-warning-subtle-text);--gv-badge-warning-dot: var(--gv-warning);--gv-badge-danger-bg: var(--gv-danger-subtle-bg);--gv-badge-danger-border: var(--gv-danger-subtle-border);--gv-badge-danger-text: var(--gv-danger-subtle-text);--gv-badge-danger-dot: var(--gv-danger);--gv-badge-info-bg: var(--gv-info-subtle-bg);--gv-badge-info-border: var(--gv-info-subtle-border);--gv-badge-info-text: var(--gv-info-subtle-text);--gv-badge-info-dot: var(--gv-info);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--gv-badge-radius);border:1px solid transparent;font-weight:600;letter-spacing:.01em;white-space:nowrap;line-height:1;box-shadow:inset 0 1px #ffffff8c,0 1px 2px #0f172a0a}:host(.gv-badge--sm){font-size:var(--gv-badge-font-size-sm);padding:var(--gv-badge-padding-y-sm) var(--gv-badge-padding-x-sm)}:host(.gv-badge--md){font-size:var(--gv-badge-font-size-md);padding:var(--gv-badge-padding-y-md) var(--gv-badge-padding-x-md)}:host(.gv-badge--pill){border-radius:999px}:host(.gv-badge--neutral){background:var(--gv-badge-neutral-bg);border-color:var(--gv-badge-neutral-border);color:var(--gv-badge-neutral-text)}:host(.gv-badge--primary){background:var(--gv-badge-primary-bg);border-color:var(--gv-badge-primary-border);color:var(--gv-badge-primary-text)}:host(.gv-badge--success){background:var(--gv-badge-success-bg);border-color:var(--gv-badge-success-border);color:var(--gv-badge-success-text)}:host(.gv-badge--warning){background:var(--gv-badge-warning-bg);border-color:var(--gv-badge-warning-border);color:var(--gv-badge-warning-text)}:host(.gv-badge--danger){background:var(--gv-badge-danger-bg);border-color:var(--gv-badge-danger-border);color:var(--gv-badge-danger-text)}:host(.gv-badge--info){background:var(--gv-badge-info-bg);border-color:var(--gv-badge-info-border);color:var(--gv-badge-info-text)}.gv-badge__content{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.gv-badge__label{display:inline-flex;align-items:center}.gv-badge__dot{display:inline-block;flex:0 0 auto;border-radius:999px;box-shadow:inset 0 1px #ffffff40}:host(.gv-badge--sm) .gv-badge__dot{width:.375rem;height:.375rem}:host(.gv-badge--md) .gv-badge__dot{width:.4375rem;height:.4375rem}:host(.gv-badge--neutral) .gv-badge__dot{background-color:var(--gv-badge-neutral-dot)}:host(.gv-badge--primary) .gv-badge__dot{background-color:var(--gv-badge-primary-dot)}:host(.gv-badge--success) .gv-badge__dot{background-color:var(--gv-badge-success-dot)}:host(.gv-badge--warning) .gv-badge__dot{background-color:var(--gv-badge-warning-dot)}:host(.gv-badge--danger) .gv-badge__dot{background-color:var(--gv-badge-danger-dot)}:host(.gv-badge--info) .gv-badge__dot{background-color:var(--gv-badge-info-dot)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Badge, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-badge', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"gv-badge__content\">\n  @if (dot) {\n    <span class=\"gv-badge__dot\" aria-hidden=\"true\"></span>\n  }\n\n  <span class=\"gv-badge__label\">\n    <ng-content></ng-content>\n  </span>\n</span>\n", styles: [":host{--gv-badge-radius: 12px;--gv-badge-font-size-sm: .75rem;--gv-badge-font-size-md: .8125rem;--gv-badge-padding-y-sm: .1875rem;--gv-badge-padding-x-sm: .5625rem;--gv-badge-padding-y-md: .3125rem;--gv-badge-padding-x-md: .6875rem;--gv-badge-neutral-bg: var(--gv-neutral-subtle-bg);--gv-badge-neutral-border: var(--gv-neutral-subtle-border);--gv-badge-neutral-text: var(--gv-neutral-subtle-text);--gv-badge-neutral-dot: var(--gv-text-muted);--gv-badge-primary-bg: var(--gv-primary-subtle-bg);--gv-badge-primary-border: var(--gv-primary-subtle-border);--gv-badge-primary-text: var(--gv-primary-subtle-text);--gv-badge-primary-dot: var(--gv-accent);--gv-badge-success-bg: var(--gv-success-subtle-bg);--gv-badge-success-border: var(--gv-success-subtle-border);--gv-badge-success-text: var(--gv-success-subtle-text);--gv-badge-success-dot: var(--gv-success);--gv-badge-warning-bg: var(--gv-warning-subtle-bg);--gv-badge-warning-border: var(--gv-warning-subtle-border);--gv-badge-warning-text: var(--gv-warning-subtle-text);--gv-badge-warning-dot: var(--gv-warning);--gv-badge-danger-bg: var(--gv-danger-subtle-bg);--gv-badge-danger-border: var(--gv-danger-subtle-border);--gv-badge-danger-text: var(--gv-danger-subtle-text);--gv-badge-danger-dot: var(--gv-danger);--gv-badge-info-bg: var(--gv-info-subtle-bg);--gv-badge-info-border: var(--gv-info-subtle-border);--gv-badge-info-text: var(--gv-info-subtle-text);--gv-badge-info-dot: var(--gv-info);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--gv-badge-radius);border:1px solid transparent;font-weight:600;letter-spacing:.01em;white-space:nowrap;line-height:1;box-shadow:inset 0 1px #ffffff8c,0 1px 2px #0f172a0a}:host(.gv-badge--sm){font-size:var(--gv-badge-font-size-sm);padding:var(--gv-badge-padding-y-sm) var(--gv-badge-padding-x-sm)}:host(.gv-badge--md){font-size:var(--gv-badge-font-size-md);padding:var(--gv-badge-padding-y-md) var(--gv-badge-padding-x-md)}:host(.gv-badge--pill){border-radius:999px}:host(.gv-badge--neutral){background:var(--gv-badge-neutral-bg);border-color:var(--gv-badge-neutral-border);color:var(--gv-badge-neutral-text)}:host(.gv-badge--primary){background:var(--gv-badge-primary-bg);border-color:var(--gv-badge-primary-border);color:var(--gv-badge-primary-text)}:host(.gv-badge--success){background:var(--gv-badge-success-bg);border-color:var(--gv-badge-success-border);color:var(--gv-badge-success-text)}:host(.gv-badge--warning){background:var(--gv-badge-warning-bg);border-color:var(--gv-badge-warning-border);color:var(--gv-badge-warning-text)}:host(.gv-badge--danger){background:var(--gv-badge-danger-bg);border-color:var(--gv-badge-danger-border);color:var(--gv-badge-danger-text)}:host(.gv-badge--info){background:var(--gv-badge-info-bg);border-color:var(--gv-badge-info-border);color:var(--gv-badge-info-text)}.gv-badge__content{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.gv-badge__label{display:inline-flex;align-items:center}.gv-badge__dot{display:inline-block;flex:0 0 auto;border-radius:999px;box-shadow:inset 0 1px #ffffff40}:host(.gv-badge--sm) .gv-badge__dot{width:.375rem;height:.375rem}:host(.gv-badge--md) .gv-badge__dot{width:.4375rem;height:.4375rem}:host(.gv-badge--neutral) .gv-badge__dot{background-color:var(--gv-badge-neutral-dot)}:host(.gv-badge--primary) .gv-badge__dot{background-color:var(--gv-badge-primary-dot)}:host(.gv-badge--success) .gv-badge__dot{background-color:var(--gv-badge-success-dot)}:host(.gv-badge--warning) .gv-badge__dot{background-color:var(--gv-badge-warning-dot)}:host(.gv-badge--danger) .gv-badge__dot{background-color:var(--gv-badge-danger-dot)}:host(.gv-badge--info) .gv-badge__dot{background-color:var(--gv-badge-info-dot)}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], pill: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], dot: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], baseClass: [{
+                type: HostBinding,
+                args: ['class.gv-badge']
+            }], neutralClass: [{
+                type: HostBinding,
+                args: ['class.gv-badge--neutral']
+            }], primaryClass: [{
+                type: HostBinding,
+                args: ['class.gv-badge--primary']
+            }], successClass: [{
+                type: HostBinding,
+                args: ['class.gv-badge--success']
+            }], warningClass: [{
+                type: HostBinding,
+                args: ['class.gv-badge--warning']
+            }], dangerClass: [{
+                type: HostBinding,
+                args: ['class.gv-badge--danger']
+            }], infoClass: [{
+                type: HostBinding,
+                args: ['class.gv-badge--info']
+            }], smClass: [{
+                type: HostBinding,
+                args: ['class.gv-badge--sm']
+            }], mdClass: [{
+                type: HostBinding,
+                args: ['class.gv-badge--md']
+            }], pillClass: [{
+                type: HostBinding,
+                args: ['class.gv-badge--pill']
+            }], dotClass: [{
+                type: HostBinding,
+                args: ['class.gv-badge--dot']
+            }] } });
+
+class Alert {
+    variant = 'info';
+    title;
+    dismissible = false;
+    dismissed = new EventEmitter();
+    visible = true;
+    baseClass = true;
+    get neutralClass() {
+        return this.variant === 'neutral';
+    }
+    get infoClass() {
+        return this.variant === 'info';
+    }
+    get successClass() {
+        return this.variant === 'success';
+    }
+    get warningClass() {
+        return this.variant === 'warning';
+    }
+    get dangerClass() {
+        return this.variant === 'danger';
+    }
+    get role() {
+        return this.variant === 'danger' || this.variant === 'warning' ? 'alert' : 'status';
+    }
+    onDismiss() {
+        this.visible = false;
+        this.dismissed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Alert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Alert, isStandalone: true, selector: "gv-alert", inputs: { variant: "variant", title: "title", dismissible: ["dismissible", "dismissible", booleanAttribute] }, outputs: { dismissed: "dismissed" }, host: { properties: { "class.gv-alert": "this.baseClass", "class.gv-alert--neutral": "this.neutralClass", "class.gv-alert--info": "this.infoClass", "class.gv-alert--success": "this.successClass", "class.gv-alert--warning": "this.warningClass", "class.gv-alert--danger": "this.dangerClass", "attr.role": "this.role" } }, ngImport: i0, template: "@if (visible) {\n  <div class=\"gv-alert__surface\">\n    <div class=\"gv-alert__body\">\n      <div class=\"gv-alert__content\">\n        @if (title?.trim()) {\n          <div class=\"gv-alert__title\">{{ title }}</div>\n        }\n\n        <div class=\"gv-alert__message\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n\n      @if (dismissible) {\n        <button\n          type=\"button\"\n          class=\"gv-alert__close\"\n          aria-label=\"Dismiss alert\"\n          (click)=\"onDismiss()\"\n        >\n          \u00D7\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: [":host{--gv-alert-radius: 14px;--gv-alert-padding-y: .875rem;--gv-alert-padding-x: 1rem;--gv-alert-title-size: .9375rem;--gv-alert-text-size: .875rem;--gv-alert-neutral-bg: var(--gv-surface);--gv-alert-neutral-border: var(--gv-neutral-subtle-border);--gv-alert-neutral-title: var(--gv-text-strong);--gv-alert-neutral-text: var(--gv-neutral-subtle-text);--gv-alert-info-bg: var(--gv-info-subtle-bg);--gv-alert-info-border: var(--gv-info-subtle-border);--gv-alert-info-title: var(--gv-info-subtle-text);--gv-alert-info-text: var(--gv-info-subtle-strong);--gv-alert-success-bg: var(--gv-success-subtle-bg);--gv-alert-success-border: var(--gv-success-subtle-border);--gv-alert-success-title: var(--gv-success-subtle-text);--gv-alert-success-text: var(--gv-success-subtle-strong);--gv-alert-warning-bg: var(--gv-warning-subtle-bg);--gv-alert-warning-border: var(--gv-warning-subtle-border);--gv-alert-warning-title: var(--gv-warning-subtle-text);--gv-alert-warning-text: var(--gv-warning-subtle-strong);--gv-alert-danger-bg: var(--gv-danger-subtle-bg);--gv-alert-danger-border: var(--gv-danger-subtle-border);--gv-alert-danger-title: var(--gv-danger-subtle-text);--gv-alert-danger-text: var(--gv-danger-subtle-strong);display:block}.gv-alert__surface{border:1px solid transparent;border-radius:var(--gv-alert-radius);box-shadow:var(--gv-shadow-sm)}.gv-alert__body{display:flex;align-items:flex-start;justify-content:space-between;gap:.875rem;padding:var(--gv-alert-padding-y) var(--gv-alert-padding-x)}.gv-alert__content{min-width:0;flex:1 1 auto}.gv-alert__title{margin-bottom:.3125rem;font-size:var(--gv-alert-title-size);font-weight:700;line-height:1.25}.gv-alert__message{font-size:var(--gv-alert-text-size);line-height:1.5}.gv-alert__message:empty{display:none}.gv-alert__close{flex:0 0 auto;width:1.875rem;height:1.875rem;display:inline-flex;align-items:center;justify-content:center;margin:-.125rem -.25rem 0 0;border:0;border-radius:10px;background:transparent;color:inherit;font-size:1.125rem;line-height:1;cursor:pointer;opacity:.72;transition:background-color .12s ease,opacity .12s ease,box-shadow .12s ease}.gv-alert__close:hover{background:color-mix(in srgb,currentColor 8%,transparent);opacity:1}.gv-alert__close:focus-visible{outline:none;box-shadow:0 0 0 4px #60a5fa59}:host(.gv-alert--neutral) .gv-alert__surface{background:var(--gv-alert-neutral-bg);border-color:var(--gv-alert-neutral-border)}:host(.gv-alert--neutral) .gv-alert__title{color:var(--gv-alert-neutral-title)}:host(.gv-alert--neutral) .gv-alert__message,:host(.gv-alert--neutral) .gv-alert__close{color:var(--gv-alert-neutral-text)}:host(.gv-alert--info) .gv-alert__surface{background:var(--gv-alert-info-bg);border-color:var(--gv-alert-info-border)}:host(.gv-alert--info) .gv-alert__title{color:var(--gv-alert-info-title)}:host(.gv-alert--info) .gv-alert__message,:host(.gv-alert--info) .gv-alert__close{color:var(--gv-alert-info-text)}:host(.gv-alert--success) .gv-alert__surface{background:var(--gv-alert-success-bg);border-color:var(--gv-alert-success-border)}:host(.gv-alert--success) .gv-alert__title{color:var(--gv-alert-success-title)}:host(.gv-alert--success) .gv-alert__message,:host(.gv-alert--success) .gv-alert__close{color:var(--gv-alert-success-text)}:host(.gv-alert--warning) .gv-alert__surface{background:var(--gv-alert-warning-bg);border-color:var(--gv-alert-warning-border)}:host(.gv-alert--warning) .gv-alert__title{color:var(--gv-alert-warning-title)}:host(.gv-alert--warning) .gv-alert__message,:host(.gv-alert--warning) .gv-alert__close{color:var(--gv-alert-warning-text)}:host(.gv-alert--danger) .gv-alert__surface{background:var(--gv-alert-danger-bg);border-color:var(--gv-alert-danger-border)}:host(.gv-alert--danger) .gv-alert__title{color:var(--gv-alert-danger-title)}:host(.gv-alert--danger) .gv-alert__message,:host(.gv-alert--danger) .gv-alert__close{color:var(--gv-alert-danger-text)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Alert, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-alert', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visible) {\n  <div class=\"gv-alert__surface\">\n    <div class=\"gv-alert__body\">\n      <div class=\"gv-alert__content\">\n        @if (title?.trim()) {\n          <div class=\"gv-alert__title\">{{ title }}</div>\n        }\n\n        <div class=\"gv-alert__message\">\n          <ng-content></ng-content>\n        </div>\n      </div>\n\n      @if (dismissible) {\n        <button\n          type=\"button\"\n          class=\"gv-alert__close\"\n          aria-label=\"Dismiss alert\"\n          (click)=\"onDismiss()\"\n        >\n          \u00D7\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: [":host{--gv-alert-radius: 14px;--gv-alert-padding-y: .875rem;--gv-alert-padding-x: 1rem;--gv-alert-title-size: .9375rem;--gv-alert-text-size: .875rem;--gv-alert-neutral-bg: var(--gv-surface);--gv-alert-neutral-border: var(--gv-neutral-subtle-border);--gv-alert-neutral-title: var(--gv-text-strong);--gv-alert-neutral-text: var(--gv-neutral-subtle-text);--gv-alert-info-bg: var(--gv-info-subtle-bg);--gv-alert-info-border: var(--gv-info-subtle-border);--gv-alert-info-title: var(--gv-info-subtle-text);--gv-alert-info-text: var(--gv-info-subtle-strong);--gv-alert-success-bg: var(--gv-success-subtle-bg);--gv-alert-success-border: var(--gv-success-subtle-border);--gv-alert-success-title: var(--gv-success-subtle-text);--gv-alert-success-text: var(--gv-success-subtle-strong);--gv-alert-warning-bg: var(--gv-warning-subtle-bg);--gv-alert-warning-border: var(--gv-warning-subtle-border);--gv-alert-warning-title: var(--gv-warning-subtle-text);--gv-alert-warning-text: var(--gv-warning-subtle-strong);--gv-alert-danger-bg: var(--gv-danger-subtle-bg);--gv-alert-danger-border: var(--gv-danger-subtle-border);--gv-alert-danger-title: var(--gv-danger-subtle-text);--gv-alert-danger-text: var(--gv-danger-subtle-strong);display:block}.gv-alert__surface{border:1px solid transparent;border-radius:var(--gv-alert-radius);box-shadow:var(--gv-shadow-sm)}.gv-alert__body{display:flex;align-items:flex-start;justify-content:space-between;gap:.875rem;padding:var(--gv-alert-padding-y) var(--gv-alert-padding-x)}.gv-alert__content{min-width:0;flex:1 1 auto}.gv-alert__title{margin-bottom:.3125rem;font-size:var(--gv-alert-title-size);font-weight:700;line-height:1.25}.gv-alert__message{font-size:var(--gv-alert-text-size);line-height:1.5}.gv-alert__message:empty{display:none}.gv-alert__close{flex:0 0 auto;width:1.875rem;height:1.875rem;display:inline-flex;align-items:center;justify-content:center;margin:-.125rem -.25rem 0 0;border:0;border-radius:10px;background:transparent;color:inherit;font-size:1.125rem;line-height:1;cursor:pointer;opacity:.72;transition:background-color .12s ease,opacity .12s ease,box-shadow .12s ease}.gv-alert__close:hover{background:color-mix(in srgb,currentColor 8%,transparent);opacity:1}.gv-alert__close:focus-visible{outline:none;box-shadow:0 0 0 4px #60a5fa59}:host(.gv-alert--neutral) .gv-alert__surface{background:var(--gv-alert-neutral-bg);border-color:var(--gv-alert-neutral-border)}:host(.gv-alert--neutral) .gv-alert__title{color:var(--gv-alert-neutral-title)}:host(.gv-alert--neutral) .gv-alert__message,:host(.gv-alert--neutral) .gv-alert__close{color:var(--gv-alert-neutral-text)}:host(.gv-alert--info) .gv-alert__surface{background:var(--gv-alert-info-bg);border-color:var(--gv-alert-info-border)}:host(.gv-alert--info) .gv-alert__title{color:var(--gv-alert-info-title)}:host(.gv-alert--info) .gv-alert__message,:host(.gv-alert--info) .gv-alert__close{color:var(--gv-alert-info-text)}:host(.gv-alert--success) .gv-alert__surface{background:var(--gv-alert-success-bg);border-color:var(--gv-alert-success-border)}:host(.gv-alert--success) .gv-alert__title{color:var(--gv-alert-success-title)}:host(.gv-alert--success) .gv-alert__message,:host(.gv-alert--success) .gv-alert__close{color:var(--gv-alert-success-text)}:host(.gv-alert--warning) .gv-alert__surface{background:var(--gv-alert-warning-bg);border-color:var(--gv-alert-warning-border)}:host(.gv-alert--warning) .gv-alert__title{color:var(--gv-alert-warning-title)}:host(.gv-alert--warning) .gv-alert__message,:host(.gv-alert--warning) .gv-alert__close{color:var(--gv-alert-warning-text)}:host(.gv-alert--danger) .gv-alert__surface{background:var(--gv-alert-danger-bg);border-color:var(--gv-alert-danger-border)}:host(.gv-alert--danger) .gv-alert__title{color:var(--gv-alert-danger-title)}:host(.gv-alert--danger) .gv-alert__message,:host(.gv-alert--danger) .gv-alert__close{color:var(--gv-alert-danger-text)}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], dismissible: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], dismissed: [{
+                type: Output
+            }], baseClass: [{
+                type: HostBinding,
+                args: ['class.gv-alert']
+            }], neutralClass: [{
+                type: HostBinding,
+                args: ['class.gv-alert--neutral']
+            }], infoClass: [{
+                type: HostBinding,
+                args: ['class.gv-alert--info']
+            }], successClass: [{
+                type: HostBinding,
+                args: ['class.gv-alert--success']
+            }], warningClass: [{
+                type: HostBinding,
+                args: ['class.gv-alert--warning']
+            }], dangerClass: [{
+                type: HostBinding,
+                args: ['class.gv-alert--danger']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }] } });
+
+class GvTooltipPanelComponent {
+    text = '';
+    placement = 'top';
+    maxWidth = 240;
+    get hostClasses() {
+        return `gv-tooltip-panel gv-tooltip-panel--${this.placement}`;
+    }
+    get hostMaxWidth() {
+        return this.maxWidth;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GvTooltipPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: GvTooltipPanelComponent, isStandalone: true, selector: "gv-tooltip-panel", inputs: { text: "text", placement: "placement", maxWidth: "maxWidth" }, host: { properties: { "class": "this.hostClasses", "style.max-width.px": "this.hostMaxWidth" } }, ngImport: i0, template: `
+    <div class="gv-tooltip-panel__inner">
+      {{ text }}
+      <span class="gv-tooltip-panel__arrow" aria-hidden="true"></span>
+    </div>
+  `, isInline: true, styles: [":host{position:fixed;top:0;left:0;z-index:1080;pointer-events:none;display:block}.gv-tooltip-panel__inner{position:relative;padding:.5rem .75rem;border-radius:12px;background:color-mix(in srgb,var(--gv-bg-deep) 86%,var(--gv-accent) 14%);color:var(--gv-text-inverse);font-size:.8125rem;line-height:1.35;font-weight:600;letter-spacing:.01em;box-shadow:var(--gv-shadow-overlay);border:1px solid color-mix(in srgb,var(--gv-text-inverse) 10%,transparent);word-break:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gv-tooltip-panel__arrow{position:absolute;width:10px;height:10px;background:color-mix(in srgb,var(--gv-bg-deep) 86%,var(--gv-accent) 14%);border:1px solid color-mix(in srgb,var(--gv-text-inverse) 10%,transparent);transform:rotate(45deg)}:host(.gv-tooltip-panel--top) .gv-tooltip-panel__arrow{bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);border-left:0;border-top:0}:host(.gv-tooltip-panel--bottom) .gv-tooltip-panel__arrow{top:-6px;left:50%;transform:translate(-50%) rotate(45deg);border-right:0;border-bottom:0}:host(.gv-tooltip-panel--left) .gv-tooltip-panel__arrow{right:-6px;top:50%;transform:translateY(-50%) rotate(45deg);border-left:0;border-bottom:0}:host(.gv-tooltip-panel--right) .gv-tooltip-panel__arrow{left:-6px;top:50%;transform:translateY(-50%) rotate(45deg);border-right:0;border-top:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GvTooltipPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-tooltip-panel', standalone: true, template: `
+    <div class="gv-tooltip-panel__inner">
+      {{ text }}
+      <span class="gv-tooltip-panel__arrow" aria-hidden="true"></span>
+    </div>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:fixed;top:0;left:0;z-index:1080;pointer-events:none;display:block}.gv-tooltip-panel__inner{position:relative;padding:.5rem .75rem;border-radius:12px;background:color-mix(in srgb,var(--gv-bg-deep) 86%,var(--gv-accent) 14%);color:var(--gv-text-inverse);font-size:.8125rem;line-height:1.35;font-weight:600;letter-spacing:.01em;box-shadow:var(--gv-shadow-overlay);border:1px solid color-mix(in srgb,var(--gv-text-inverse) 10%,transparent);word-break:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gv-tooltip-panel__arrow{position:absolute;width:10px;height:10px;background:color-mix(in srgb,var(--gv-bg-deep) 86%,var(--gv-accent) 14%);border:1px solid color-mix(in srgb,var(--gv-text-inverse) 10%,transparent);transform:rotate(45deg)}:host(.gv-tooltip-panel--top) .gv-tooltip-panel__arrow{bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);border-left:0;border-top:0}:host(.gv-tooltip-panel--bottom) .gv-tooltip-panel__arrow{top:-6px;left:50%;transform:translate(-50%) rotate(45deg);border-right:0;border-bottom:0}:host(.gv-tooltip-panel--left) .gv-tooltip-panel__arrow{right:-6px;top:50%;transform:translateY(-50%) rotate(45deg);border-left:0;border-bottom:0}:host(.gv-tooltip-panel--right) .gv-tooltip-panel__arrow{left:-6px;top:50%;transform:translateY(-50%) rotate(45deg);border-right:0;border-top:0}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], hostMaxWidth: [{
+                type: HostBinding,
+                args: ['style.max-width.px']
+            }] } });
+
+let nextTooltipId = 0;
+class GvTooltipDirective {
+    elementRef;
+    appRef;
+    renderer;
+    ngZone;
+    document;
+    text = '';
+    gvTooltipPlacement = 'top';
+    gvTooltipTrigger = 'hover';
+    gvTooltipDisabled = false;
+    gvTooltipOffset = 10;
+    gvTooltipMaxWidth = 240;
+    tooltipRef = null;
+    removeScrollListener = null;
+    removeResizeListener = null;
+    removeDocumentClickListener = null;
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    tooltipId = `gv-tooltip-${++nextTooltipId}`;
+    constructor(elementRef, appRef, renderer, ngZone, document) {
+        this.elementRef = elementRef;
+        this.appRef = appRef;
+        this.renderer = renderer;
+        this.ngZone = ngZone;
+        this.document = document;
+        effect(() => {
+            const host = this.elementRef.nativeElement;
+            if (this.isOpen()) {
+                this.renderer.setAttribute(host, 'aria-describedby', this.tooltipId);
+            }
+            else {
+                this.renderer.removeAttribute(host, 'aria-describedby');
+            }
+        });
+    }
+    onMouseEnter() {
+        if (this.gvTooltipTrigger === 'hover') {
+            this.show();
+        }
+    }
+    onMouseLeave() {
+        if (this.gvTooltipTrigger === 'hover') {
+            this.hide();
+        }
+    }
+    onFocusIn() {
+        if (this.gvTooltipTrigger === 'focus' || this.gvTooltipTrigger === 'hover') {
+            this.show();
+        }
+    }
+    onFocusOut() {
+        if (this.gvTooltipTrigger === 'focus' || this.gvTooltipTrigger === 'hover') {
+            this.hide();
+        }
+    }
+    onHostClick(event) {
+        if (this.gvTooltipTrigger !== 'click') {
+            return;
+        }
+        event.stopPropagation();
+        this.toggle();
+    }
+    onEscape() {
+        this.hide();
+    }
+    show() {
+        if (this.gvTooltipDisabled || !this.text?.trim() || this.tooltipRef) {
+            return;
+        }
+        this.tooltipRef = createComponent(GvTooltipPanelComponent, {
+            environmentInjector: this.appRef.injector,
+        });
+        this.tooltipRef.instance.text = this.text;
+        this.tooltipRef.instance.placement = this.gvTooltipPlacement;
+        this.tooltipRef.instance.maxWidth = this.gvTooltipMaxWidth;
+        this.appRef.attachView(this.tooltipRef.hostView);
+        const tooltipEl = this.tooltipRef.location.nativeElement;
+        tooltipEl.id = this.tooltipId;
+        tooltipEl.setAttribute('role', 'tooltip');
+        this.document.body.appendChild(tooltipEl);
+        this.positionTooltip();
+        this.bindGlobalListeners();
+        this.isOpen.set(true);
+    }
+    hide() {
+        if (!this.tooltipRef) {
+            return;
+        }
+        this.unbindGlobalListeners();
+        this.appRef.detachView(this.tooltipRef.hostView);
+        this.tooltipRef.destroy();
+        this.tooltipRef = null;
+        this.isOpen.set(false);
+    }
+    toggle() {
+        if (this.tooltipRef) {
+            this.hide();
+            return;
+        }
+        this.show();
+    }
+    ngOnDestroy() {
+        this.hide();
+    }
+    bindGlobalListeners() {
+        this.ngZone.runOutsideAngular(() => {
+            this.removeScrollListener = this.renderer.listen('window', 'scroll', () => this.positionTooltip());
+            this.removeResizeListener = this.renderer.listen('window', 'resize', () => this.positionTooltip());
+            if (this.gvTooltipTrigger === 'click') {
+                this.removeDocumentClickListener = this.renderer.listen(this.document, 'click', (event) => {
+                    const host = this.elementRef.nativeElement;
+                    const tooltipEl = this.tooltipRef?.location.nativeElement;
+                    const target = event.target;
+                    if (!target) {
+                        return;
+                    }
+                    const clickedHost = host.contains(target);
+                    const clickedTooltip = tooltipEl?.contains(target);
+                    if (!clickedHost && !clickedTooltip) {
+                        this.hide();
+                    }
+                });
+            }
+        });
+    }
+    unbindGlobalListeners() {
+        this.removeScrollListener?.();
+        this.removeResizeListener?.();
+        this.removeDocumentClickListener?.();
+        this.removeScrollListener = null;
+        this.removeResizeListener = null;
+        this.removeDocumentClickListener = null;
+    }
+    positionTooltip() {
+        if (!this.tooltipRef) {
+            return;
+        }
+        const host = this.elementRef.nativeElement;
+        const tooltipEl = this.tooltipRef.location.nativeElement;
+        const hostRect = host.getBoundingClientRect();
+        tooltipEl.style.top = '0px';
+        tooltipEl.style.left = '0px';
+        const tooltipRect = tooltipEl.getBoundingClientRect();
+        const offset = this.gvTooltipOffset;
+        let top = 0;
+        let left = 0;
+        switch (this.gvTooltipPlacement) {
+            case 'bottom':
+                top = hostRect.bottom + offset;
+                left = hostRect.left + (hostRect.width - tooltipRect.width) / 2;
+                break;
+            case 'left':
+                top = hostRect.top + (hostRect.height - tooltipRect.height) / 2;
+                left = hostRect.left - tooltipRect.width - offset;
+                break;
+            case 'right':
+                top = hostRect.top + (hostRect.height - tooltipRect.height) / 2;
+                left = hostRect.right + offset;
+                break;
+            case 'top':
+            default:
+                top = hostRect.top - tooltipRect.height - offset;
+                left = hostRect.left + (hostRect.width - tooltipRect.width) / 2;
+                break;
+        }
+        const viewportPadding = 8;
+        left = Math.max(viewportPadding, Math.min(left, window.innerWidth - tooltipRect.width - viewportPadding));
+        top = Math.max(viewportPadding, Math.min(top, window.innerHeight - tooltipRect.height - viewportPadding));
+        tooltipEl.style.top = `${Math.round(top)}px`;
+        tooltipEl.style.left = `${Math.round(left)}px`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GvTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.8", type: GvTooltipDirective, isStandalone: true, selector: "[gvTooltip]", inputs: { text: ["gvTooltip", "text"], gvTooltipPlacement: "gvTooltipPlacement", gvTooltipTrigger: "gvTooltipTrigger", gvTooltipDisabled: ["gvTooltipDisabled", "gvTooltipDisabled", booleanAttribute], gvTooltipOffset: "gvTooltipOffset", gvTooltipMaxWidth: "gvTooltipMaxWidth" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focusin": "onFocusIn()", "focusout": "onFocusOut()", "click": "onHostClick($event)", "keydown.escape": "onEscape()" } }, exportAs: ["gvTooltip"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: GvTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[gvTooltip]',
+                    standalone: true,
+                    exportAs: 'gvTooltip',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { text: [{
+                type: Input,
+                args: ['gvTooltip']
+            }], gvTooltipPlacement: [{
+                type: Input
+            }], gvTooltipTrigger: [{
+                type: Input
+            }], gvTooltipDisabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], gvTooltipOffset: [{
+                type: Input
+            }], gvTooltipMaxWidth: [{
+                type: Input
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onFocusIn: [{
+                type: HostListener,
+                args: ['focusin']
+            }], onFocusOut: [{
+                type: HostListener,
+                args: ['focusout']
+            }], onHostClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onEscape: [{
+                type: HostListener,
+                args: ['keydown.escape']
+            }] } });
+
+class IconButton {
+    ariaLabel = '';
+    variant = 'default';
+    appearance = 'soft';
+    size = 'md';
+    shape = 'rounded';
+    type = 'button';
+    disabled = false;
+    active = false;
+    buttonClick = new EventEmitter();
+    get hostClasses() {
+        return [
+            'gv-icon-button-host',
+            `gv-icon-button-host--${this.size}`,
+            `gv-icon-button-host--${this.variant}`,
+            `gv-icon-button-host--appearance-${this.appearance}`,
+            `gv-icon-button-host--${this.shape}`,
+            this.active ? 'gv-icon-button-host--active' : '',
+            this.disabled ? 'gv-icon-button-host--disabled' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    onClick(event) {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        this.buttonClick.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: IconButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "21.2.8", type: IconButton, isStandalone: true, selector: "gv-icon-button", inputs: { ariaLabel: "ariaLabel", variant: "variant", appearance: "appearance", size: "size", shape: "shape", type: "type", disabled: ["disabled", "disabled", booleanAttribute], active: ["active", "active", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<button\n  class=\"gv-icon-button\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.title]=\"ariaLabel || null\"\n  [attr.type]=\"type\"\n  [disabled]=\"disabled\"\n  (click)=\"onClick($event)\"\n>\n  <span class=\"gv-icon-button__content\">\n    <ng-content></ng-content>\n  </span>\n</button>\n", styles: [":host{display:inline-flex;vertical-align:middle}.gv-icon-button-host{--gv-icon-button-size: var(--gv-control-height-sm);--gv-icon-button-icon-size: 1rem;--gv-icon-button-radius: var(--gv-control-radius-sm);--gv-icon-button-bg: #ffffff;--gv-icon-button-border: rgba(148, 163, 184, .28);--gv-icon-button-color: #334155;--gv-icon-button-shadow: var(--gv-btn-shadow);--gv-icon-button-hover-bg: #f8fafc;--gv-icon-button-hover-border: rgba(148, 163, 184, .38);--gv-icon-button-hover-color: #0f172a;--gv-icon-button-hover-shadow: var(--gv-btn-shadow-hover);--gv-icon-button-active-bg: #eff6ff;--gv-icon-button-active-border: rgba(96, 165, 250, .42);--gv-icon-button-active-color: #1d4ed8;--gv-icon-button-disabled-bg: #f8fafc;--gv-icon-button-disabled-border: rgba(203, 213, 225, .65);--gv-icon-button-disabled-color: #94a3b8}.gv-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--gv-icon-button-size);height:var(--gv-icon-button-size);padding:0;border:1px solid var(--gv-icon-button-border);border-radius:var(--gv-icon-button-radius);background:var(--gv-icon-button-bg);color:var(--gv-icon-button-color);box-shadow:var(--gv-icon-button-shadow);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.gv-icon-button:hover:not(:disabled){background:var(--gv-icon-button-hover-bg);border-color:var(--gv-icon-button-hover-border);color:var(--gv-icon-button-hover-color);box-shadow:var(--gv-icon-button-hover-shadow);transform:translateY(-1px)}.gv-icon-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--gv-icon-button-shadow)}.gv-icon-button:focus-visible{outline:none;box-shadow:0 0 0 4px #60a5fa59,0 1px 2px #0f172a0a}.gv-icon-button:disabled{background:var(--gv-icon-button-disabled-bg);border-color:var(--gv-icon-button-disabled-border);color:var(--gv-icon-button-disabled-color);box-shadow:none;cursor:not-allowed}.gv-icon-button__content{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--gv-icon-button-icon-size);line-height:1}.gv-icon-button__content>*{display:inline-flex;align-items:center;justify-content:center;line-height:1}.gv-icon-button__content svg,.gv-icon-button__content i,.gv-icon-button__content .material-icons,.gv-icon-button__content .material-symbols-outlined{font-size:var(--gv-icon-button-icon-size);line-height:1}:host(.gv-icon-button-host--sm){--gv-icon-button-size: var(--gv-control-height-sm);--gv-icon-button-icon-size: .9375rem;--gv-icon-button-radius: var(--gv-control-radius-sm)}:host(.gv-icon-button-host--md){--gv-icon-button-size: var(--gv-control-height-md);--gv-icon-button-icon-size: 1rem;--gv-icon-button-radius: var(--gv-control-radius-md)}:host(.gv-icon-button-host--lg){--gv-icon-button-size: var(--gv-control-height-lg);--gv-icon-button-icon-size: 1.125rem;--gv-icon-button-radius: var(--gv-control-radius-lg)}:host(.gv-icon-button-host--rounded){--gv-icon-button-radius: var(--gv-control-radius-md)}:host(.gv-icon-button-host--circle){--gv-icon-button-radius: 999px}:host(.gv-icon-button-host--square){--gv-icon-button-radius: var(--gv-radius-md)}:host(.gv-icon-button-host--default){--gv-icon-button-tone-bg: var(--gv-btn-secondary-bg);--gv-icon-button-tone-border: var(--gv-btn-secondary-border);--gv-icon-button-tone-color: #334155;--gv-icon-button-tone-hover-bg: var(--gv-btn-secondary-bg-hover);--gv-icon-button-tone-hover-border: var(--gv-btn-secondary-border-hover);--gv-icon-button-tone-hover-color: #0f172a;--gv-icon-button-active-bg: #eff6ff;--gv-icon-button-active-border: rgba(96, 165, 250, .42);--gv-icon-button-active-color: #1d4ed8}:host(.gv-icon-button-host--ghost){--gv-icon-button-tone-bg: transparent;--gv-icon-button-tone-border: transparent;--gv-icon-button-tone-color: #475569;--gv-icon-button-tone-hover-bg: #f8fafc;--gv-icon-button-tone-hover-border: rgba(148, 163, 184, .2);--gv-icon-button-tone-hover-color: #0f172a;--gv-icon-button-active-bg: #eff6ff;--gv-icon-button-active-border: rgba(96, 165, 250, .3);--gv-icon-button-active-color: #1d4ed8}:host(.gv-icon-button-host--primary){--gv-icon-button-tone-bg: var(--gv-btn-primary-bg);--gv-icon-button-tone-border: var(--gv-btn-primary-border);--gv-icon-button-tone-color: #ffffff;--gv-icon-button-tone-hover-bg: var(--gv-btn-primary-bg-hover);--gv-icon-button-tone-hover-border: var(--gv-btn-primary-border-hover);--gv-icon-button-tone-hover-color: #ffffff;--gv-icon-button-active-bg: #bfdbfe;--gv-icon-button-active-border: rgba(37, 99, 235, .45);--gv-icon-button-active-color: #1e3a8a}:host(.gv-icon-button-host--danger){--gv-icon-button-tone-bg: var(--gv-btn-danger-bg);--gv-icon-button-tone-border: var(--gv-btn-danger-border);--gv-icon-button-tone-color: var(--gv-btn-danger-text);--gv-icon-button-tone-hover-bg: var(--gv-btn-danger-bg-hover);--gv-icon-button-tone-hover-border: var(--gv-btn-danger-border-hover);--gv-icon-button-tone-hover-color: #b91c1c;--gv-icon-button-active-bg: #fee2e2;--gv-icon-button-active-border: rgba(220, 38, 38, .42);--gv-icon-button-active-color: #991b1b}:host(.gv-icon-button-host--appearance-solid){--gv-icon-button-bg: var(--gv-icon-button-tone-bg);--gv-icon-button-border: var(--gv-icon-button-tone-border);--gv-icon-button-color: var(--gv-icon-button-tone-color);--gv-icon-button-hover-bg: var(--gv-icon-button-tone-hover-bg);--gv-icon-button-hover-border: var(--gv-icon-button-tone-hover-border);--gv-icon-button-hover-color: var(--gv-icon-button-tone-hover-color)}:host(.gv-icon-button-host--appearance-soft){--gv-icon-button-bg: color-mix(in srgb, var(--gv-icon-button-tone-bg) 72%, white 28%);--gv-icon-button-border: color-mix(in srgb, var(--gv-icon-button-tone-border) 58%, white 42%);--gv-icon-button-color: var(--gv-icon-button-tone-color);--gv-icon-button-hover-bg: color-mix(in srgb, var(--gv-icon-button-tone-hover-bg) 78%, white 22%);--gv-icon-button-hover-border: color-mix(in srgb, var(--gv-icon-button-tone-hover-border) 68%, white 32%);--gv-icon-button-hover-color: var(--gv-icon-button-tone-hover-color)}:host(.gv-icon-button-host--appearance-outline){--gv-icon-button-bg: rgba(255, 255, 255, .96);--gv-icon-button-border: color-mix(in srgb, var(--gv-icon-button-tone-border) 72%, white 28%);--gv-icon-button-color: var(--gv-icon-button-tone-color);--gv-icon-button-hover-bg: color-mix(in srgb, var(--gv-icon-button-tone-hover-bg) 16%, white 84%);--gv-icon-button-hover-border: var(--gv-icon-button-tone-hover-border);--gv-icon-button-hover-color: var(--gv-icon-button-tone-hover-color)}:host(.gv-icon-button-host--appearance-ghost),:host(.gv-icon-button-host--ghost){--gv-icon-button-bg: transparent;--gv-icon-button-border: transparent;--gv-icon-button-color: var(--gv-icon-button-tone-color);--gv-icon-button-hover-bg: color-mix(in srgb, var(--gv-icon-button-tone-hover-bg) 18%, transparent 82%);--gv-icon-button-hover-border: transparent;--gv-icon-button-hover-color: var(--gv-icon-button-tone-hover-color);--gv-icon-button-shadow: none;--gv-icon-button-hover-shadow: none;--gv-icon-button-disabled-bg: transparent;--gv-icon-button-disabled-border: transparent}:host(.gv-icon-button-host--active) .gv-icon-button:not(:disabled){background:var(--gv-icon-button-active-bg);border-color:var(--gv-icon-button-active-border);color:var(--gv-icon-button-active-color)}:host(.gv-icon-button-host--disabled){pointer-events:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: IconButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-icon-button', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  class=\"gv-icon-button\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.title]=\"ariaLabel || null\"\n  [attr.type]=\"type\"\n  [disabled]=\"disabled\"\n  (click)=\"onClick($event)\"\n>\n  <span class=\"gv-icon-button__content\">\n    <ng-content></ng-content>\n  </span>\n</button>\n", styles: [":host{display:inline-flex;vertical-align:middle}.gv-icon-button-host{--gv-icon-button-size: var(--gv-control-height-sm);--gv-icon-button-icon-size: 1rem;--gv-icon-button-radius: var(--gv-control-radius-sm);--gv-icon-button-bg: #ffffff;--gv-icon-button-border: rgba(148, 163, 184, .28);--gv-icon-button-color: #334155;--gv-icon-button-shadow: var(--gv-btn-shadow);--gv-icon-button-hover-bg: #f8fafc;--gv-icon-button-hover-border: rgba(148, 163, 184, .38);--gv-icon-button-hover-color: #0f172a;--gv-icon-button-hover-shadow: var(--gv-btn-shadow-hover);--gv-icon-button-active-bg: #eff6ff;--gv-icon-button-active-border: rgba(96, 165, 250, .42);--gv-icon-button-active-color: #1d4ed8;--gv-icon-button-disabled-bg: #f8fafc;--gv-icon-button-disabled-border: rgba(203, 213, 225, .65);--gv-icon-button-disabled-color: #94a3b8}.gv-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--gv-icon-button-size);height:var(--gv-icon-button-size);padding:0;border:1px solid var(--gv-icon-button-border);border-radius:var(--gv-icon-button-radius);background:var(--gv-icon-button-bg);color:var(--gv-icon-button-color);box-shadow:var(--gv-icon-button-shadow);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.gv-icon-button:hover:not(:disabled){background:var(--gv-icon-button-hover-bg);border-color:var(--gv-icon-button-hover-border);color:var(--gv-icon-button-hover-color);box-shadow:var(--gv-icon-button-hover-shadow);transform:translateY(-1px)}.gv-icon-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--gv-icon-button-shadow)}.gv-icon-button:focus-visible{outline:none;box-shadow:0 0 0 4px #60a5fa59,0 1px 2px #0f172a0a}.gv-icon-button:disabled{background:var(--gv-icon-button-disabled-bg);border-color:var(--gv-icon-button-disabled-border);color:var(--gv-icon-button-disabled-color);box-shadow:none;cursor:not-allowed}.gv-icon-button__content{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--gv-icon-button-icon-size);line-height:1}.gv-icon-button__content>*{display:inline-flex;align-items:center;justify-content:center;line-height:1}.gv-icon-button__content svg,.gv-icon-button__content i,.gv-icon-button__content .material-icons,.gv-icon-button__content .material-symbols-outlined{font-size:var(--gv-icon-button-icon-size);line-height:1}:host(.gv-icon-button-host--sm){--gv-icon-button-size: var(--gv-control-height-sm);--gv-icon-button-icon-size: .9375rem;--gv-icon-button-radius: var(--gv-control-radius-sm)}:host(.gv-icon-button-host--md){--gv-icon-button-size: var(--gv-control-height-md);--gv-icon-button-icon-size: 1rem;--gv-icon-button-radius: var(--gv-control-radius-md)}:host(.gv-icon-button-host--lg){--gv-icon-button-size: var(--gv-control-height-lg);--gv-icon-button-icon-size: 1.125rem;--gv-icon-button-radius: var(--gv-control-radius-lg)}:host(.gv-icon-button-host--rounded){--gv-icon-button-radius: var(--gv-control-radius-md)}:host(.gv-icon-button-host--circle){--gv-icon-button-radius: 999px}:host(.gv-icon-button-host--square){--gv-icon-button-radius: var(--gv-radius-md)}:host(.gv-icon-button-host--default){--gv-icon-button-tone-bg: var(--gv-btn-secondary-bg);--gv-icon-button-tone-border: var(--gv-btn-secondary-border);--gv-icon-button-tone-color: #334155;--gv-icon-button-tone-hover-bg: var(--gv-btn-secondary-bg-hover);--gv-icon-button-tone-hover-border: var(--gv-btn-secondary-border-hover);--gv-icon-button-tone-hover-color: #0f172a;--gv-icon-button-active-bg: #eff6ff;--gv-icon-button-active-border: rgba(96, 165, 250, .42);--gv-icon-button-active-color: #1d4ed8}:host(.gv-icon-button-host--ghost){--gv-icon-button-tone-bg: transparent;--gv-icon-button-tone-border: transparent;--gv-icon-button-tone-color: #475569;--gv-icon-button-tone-hover-bg: #f8fafc;--gv-icon-button-tone-hover-border: rgba(148, 163, 184, .2);--gv-icon-button-tone-hover-color: #0f172a;--gv-icon-button-active-bg: #eff6ff;--gv-icon-button-active-border: rgba(96, 165, 250, .3);--gv-icon-button-active-color: #1d4ed8}:host(.gv-icon-button-host--primary){--gv-icon-button-tone-bg: var(--gv-btn-primary-bg);--gv-icon-button-tone-border: var(--gv-btn-primary-border);--gv-icon-button-tone-color: #ffffff;--gv-icon-button-tone-hover-bg: var(--gv-btn-primary-bg-hover);--gv-icon-button-tone-hover-border: var(--gv-btn-primary-border-hover);--gv-icon-button-tone-hover-color: #ffffff;--gv-icon-button-active-bg: #bfdbfe;--gv-icon-button-active-border: rgba(37, 99, 235, .45);--gv-icon-button-active-color: #1e3a8a}:host(.gv-icon-button-host--danger){--gv-icon-button-tone-bg: var(--gv-btn-danger-bg);--gv-icon-button-tone-border: var(--gv-btn-danger-border);--gv-icon-button-tone-color: var(--gv-btn-danger-text);--gv-icon-button-tone-hover-bg: var(--gv-btn-danger-bg-hover);--gv-icon-button-tone-hover-border: var(--gv-btn-danger-border-hover);--gv-icon-button-tone-hover-color: #b91c1c;--gv-icon-button-active-bg: #fee2e2;--gv-icon-button-active-border: rgba(220, 38, 38, .42);--gv-icon-button-active-color: #991b1b}:host(.gv-icon-button-host--appearance-solid){--gv-icon-button-bg: var(--gv-icon-button-tone-bg);--gv-icon-button-border: var(--gv-icon-button-tone-border);--gv-icon-button-color: var(--gv-icon-button-tone-color);--gv-icon-button-hover-bg: var(--gv-icon-button-tone-hover-bg);--gv-icon-button-hover-border: var(--gv-icon-button-tone-hover-border);--gv-icon-button-hover-color: var(--gv-icon-button-tone-hover-color)}:host(.gv-icon-button-host--appearance-soft){--gv-icon-button-bg: color-mix(in srgb, var(--gv-icon-button-tone-bg) 72%, white 28%);--gv-icon-button-border: color-mix(in srgb, var(--gv-icon-button-tone-border) 58%, white 42%);--gv-icon-button-color: var(--gv-icon-button-tone-color);--gv-icon-button-hover-bg: color-mix(in srgb, var(--gv-icon-button-tone-hover-bg) 78%, white 22%);--gv-icon-button-hover-border: color-mix(in srgb, var(--gv-icon-button-tone-hover-border) 68%, white 32%);--gv-icon-button-hover-color: var(--gv-icon-button-tone-hover-color)}:host(.gv-icon-button-host--appearance-outline){--gv-icon-button-bg: rgba(255, 255, 255, .96);--gv-icon-button-border: color-mix(in srgb, var(--gv-icon-button-tone-border) 72%, white 28%);--gv-icon-button-color: var(--gv-icon-button-tone-color);--gv-icon-button-hover-bg: color-mix(in srgb, var(--gv-icon-button-tone-hover-bg) 16%, white 84%);--gv-icon-button-hover-border: var(--gv-icon-button-tone-hover-border);--gv-icon-button-hover-color: var(--gv-icon-button-tone-hover-color)}:host(.gv-icon-button-host--appearance-ghost),:host(.gv-icon-button-host--ghost){--gv-icon-button-bg: transparent;--gv-icon-button-border: transparent;--gv-icon-button-color: var(--gv-icon-button-tone-color);--gv-icon-button-hover-bg: color-mix(in srgb, var(--gv-icon-button-tone-hover-bg) 18%, transparent 82%);--gv-icon-button-hover-border: transparent;--gv-icon-button-hover-color: var(--gv-icon-button-tone-hover-color);--gv-icon-button-shadow: none;--gv-icon-button-hover-shadow: none;--gv-icon-button-disabled-bg: transparent;--gv-icon-button-disabled-border: transparent}:host(.gv-icon-button-host--active) .gv-icon-button:not(:disabled){background:var(--gv-icon-button-active-bg);border-color:var(--gv-icon-button-active-border);color:var(--gv-icon-button-active-color)}:host(.gv-icon-button-host--disabled){pointer-events:auto}\n"] }]
+        }], propDecorators: { ariaLabel: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], shape: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], disabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], active: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], buttonClick: [{
+                type: Output
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class Divider {
+    orientation = 'horizontal';
+    label;
+    inset = false;
+    get hostClasses() {
+        return [
+            'gv-divider-host',
+            `gv-divider-host--${this.orientation}`,
+            this.inset ? 'gv-divider-host--inset' : '',
+            this.label ? 'gv-divider-host--with-label' : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Divider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Divider, isStandalone: true, selector: "gv-divider", inputs: { orientation: "orientation", label: "label", inset: ["inset", "inset", booleanAttribute] }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "@if (orientation === 'horizontal') {\n  <div class=\"gv-divider gv-divider--horizontal\" role=\"separator\" aria-orientation=\"horizontal\">\n    @if (label) {\n      <span class=\"gv-divider__line\"></span>\n      <span class=\"gv-divider__label\">{{ label }}</span>\n      <span class=\"gv-divider__line\"></span>\n    } @else {\n      <span class=\"gv-divider__line gv-divider__line--full\"></span>\n    }\n  </div>\n} @else {\n  <div class=\"gv-divider gv-divider--vertical\" role=\"separator\" aria-orientation=\"vertical\"></div>\n}\n", styles: [":host{display:block}.gv-divider-host{--gv-divider-color: rgba(148, 163, 184, .28);--gv-divider-label-color: #64748b;--gv-divider-gap: .75rem}.gv-divider{display:flex;align-items:center}.gv-divider--horizontal{width:100%;min-width:0;gap:var(--gv-divider-gap)}.gv-divider__line{flex:1 1 auto;min-width:0;height:1px;background:var(--gv-divider-color)}.gv-divider__line--full{width:100%}.gv-divider__label{flex:0 0 auto;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gv-divider-label-color);white-space:nowrap}.gv-divider--vertical{width:1px;height:100%;min-height:1.5rem;background:var(--gv-divider-color);align-self:stretch}:host(.gv-divider-host--horizontal){width:100%}:host(.gv-divider-host--vertical){display:inline-flex;width:auto;height:100%;min-height:1.5rem}:host(.gv-divider-host--inset.gv-divider-host--horizontal){padding-inline:.75rem}:host(.gv-divider-host--inset.gv-divider-host--vertical){padding-block:.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Divider, decorators: [{
+            type: Component,
+            args: [{ selector: 'gv-divider', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (orientation === 'horizontal') {\n  <div class=\"gv-divider gv-divider--horizontal\" role=\"separator\" aria-orientation=\"horizontal\">\n    @if (label) {\n      <span class=\"gv-divider__line\"></span>\n      <span class=\"gv-divider__label\">{{ label }}</span>\n      <span class=\"gv-divider__line\"></span>\n    } @else {\n      <span class=\"gv-divider__line gv-divider__line--full\"></span>\n    }\n  </div>\n} @else {\n  <div class=\"gv-divider gv-divider--vertical\" role=\"separator\" aria-orientation=\"vertical\"></div>\n}\n", styles: [":host{display:block}.gv-divider-host{--gv-divider-color: rgba(148, 163, 184, .28);--gv-divider-label-color: #64748b;--gv-divider-gap: .75rem}.gv-divider{display:flex;align-items:center}.gv-divider--horizontal{width:100%;min-width:0;gap:var(--gv-divider-gap)}.gv-divider__line{flex:1 1 auto;min-width:0;height:1px;background:var(--gv-divider-color)}.gv-divider__line--full{width:100%}.gv-divider__label{flex:0 0 auto;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gv-divider-label-color);white-space:nowrap}.gv-divider--vertical{width:1px;height:100%;min-height:1.5rem;background:var(--gv-divider-color);align-self:stretch}:host(.gv-divider-host--horizontal){width:100%}:host(.gv-divider-host--vertical){display:inline-flex;width:auto;height:100%;min-height:1.5rem}:host(.gv-divider-host--inset.gv-divider-host--horizontal){padding-inline:.75rem}:host(.gv-divider-host--inset.gv-divider-host--vertical){padding-block:.25rem}\n"] }]
+        }], propDecorators: { orientation: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], inset: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/*
+ * Public API Surface of gravitas-ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Alert, Avatar, Badge, Button, Card, Checkbox, Divider, Dropdown, DropdownMenuDirective, DropdownTriggerDirective, Empty, FormField, GvTooltipDirective, GvTooltipPanelComponent, IconButton, InputComponent, Loader, Modal, Radio, Select, Skeleton, Switch, Tab, TabList, TabPanel, TabPanels, Table, Tabs, Textarea, ToastService, Toasts };
+//# sourceMappingURL=gravitas-ui.mjs.map